.cc-window {
  opacity:1;
  -webkit-transition:opacity 1s ease;
  transition:opacity 1s ease;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center
}
.cc-window.cc-invisible {
  opacity:0
}
.cc-animate.cc-revoke {
  -webkit-transition:transform .3s ease;
  -webkit-transition:-webkit-transform .3s ease;
  transition:transform .3s ease;
  transition:transform .3s ease,-webkit-transform .3s ease
}
.cc-animate.cc-revoke.cc-top {
  -webkit-transform:translateY(-2em);
  transform:translateY(-2em)
}
.cc-animate.cc-revoke.cc-bottom {
  -webkit-transform:translateY(2em);
  transform:translateY(2em)
}
.cc-animate.cc-revoke.cc-active.cc-bottom,
.cc-animate.cc-revoke.cc-active.cc-top,
.cc-revoke:hover {
  -webkit-transform:translateY(0);
  transform:translateY(0)
}
.cc-grower {
  max-height:0;
  overflow:hidden;
  -webkit-transition:max-height 1s;
  transition:max-height 1s
}
.cc-revoke,
.cc-window {
  position:fixed;
  overflow:hidden;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  font-family:Helvetica,Calibri,Arial,sans-serif;
  font-size:13px;
  line-height:1.2;
  display:-webkit-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -ms-flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;
  flex-wrap:nowrap;
  z-index:999999;
  -webkit-box-shadow:0 0 20px rgba(0,0,0,.1);
  box-shadow:0 0 20px rgba(0,0,0,.1)
}
.cc-window.cc-static {
  position:static
}
.cc-window.cc-floating {
  padding:2em;
  max-width:24em;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  -webkit-flex-direction:column;
  flex-direction:column
}
.cc-window.cc-banner {
  padding:1.5em 1.8em;
  width:100%;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  -webkit-flex-direction:row;
  flex-direction:row
}
.cc-revoke {
  padding:.5em
}
.cc-revoke:hover {
  text-decoration:underline
}
.cc-header {
  font-size:18px;
  font-weight:700
}
.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
  cursor:pointer
}
.cc-link {
  opacity:.8;
  display:inline-block;
  padding:.2em;
  text-decoration:underline
}
.cc-link:hover {
  opacity:1
}
.cc-link:active,
.cc-link:visited {
  color:initial
}
.cc-btn {
  display:block;
  padding:.4em .8em;
  font-size:.9em;
  font-weight:700;
  border-width:2px;
  border-style:solid;
  text-align:center;
  white-space:nowrap;
  text-decoration:none
}
.cc-btn:hover {
  text-decoration:none!important
}
.cc-highlight .cc-btn:first-child {
  background-color:transparent;
  border-color:transparent
}
.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
  background-color:transparent;
  text-decoration:underline
}
.cc-close {
  display:block;
  position:absolute;
  top:.5em;
  right:.5em;
  font-size:1.6em;
  opacity:.9;
  line-height:.75
}
.cc-close:focus,
.cc-close:hover {
  opacity:1
}
.cc-revoke.cc-top {
  top:0;
  left:3em;
  border-bottom-left-radius:.5em;
  border-bottom-right-radius:.5em
}
.cc-revoke.cc-bottom {
  bottom:0;
  left:3em;
  border-top-left-radius:.5em;
  border-top-right-radius:.5em
}
.cc-revoke.cc-left {
  left:3em;
  right:unset
}
.cc-revoke.cc-right {
  right:3em;
  left:unset
}
.cc-top {
  top:1em
}
.cc-left {
  left:1em
}
.cc-right {
  right:1em
}
.cc-bottom {
  bottom:1em
}
.cc-floating>.cc-link {
  margin-bottom:1em
}
.cc-floating .cc-message {
  display:block;
  margin-bottom:1em
}
.cc-window.cc-floating .cc-compliance {
  -webkit-box-flex:1;
  -ms-flex:1 0 auto;
  -webkit-flex:1 0 auto;
  flex:1 0 auto
}
.cc-compliance,
.cc-window.cc-banner {
  -webkit-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
  align-items:center
}
.cc-banner.cc-top {
  left:0;
  right:0;
  top:0
}
.cc-banner.cc-bottom {
  left:0;
  right:0;
  bottom:0
}
.cc-banner .cc-message {
  display:block;
  max-width:100%;
  margin-right:1.5em
}
.cc-compliance {
  display:-webkit-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -ms-flex-line-pack:justify;
  -webkit-align-content:space-between;
  align-content:space-between
}
.cc-floating .cc-compliance>.cc-btn {
  -webkit-box-flex:1;
  -ms-flex:1;
  -webkit-flex:1;
  flex:1
}
.cc-btn+.cc-btn {
  margin-left:.5em
}
@media print {
  .cc-revoke,
  .cc-window {
    display:none
  }
}
@media screen and (max-width:900px) {
  .cc-btn {
    white-space:normal
  }
}
@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
  .cc-window.cc-top {
    top:0
  }
  .cc-window.cc-bottom {
    bottom:0
  }
  .cc-window.cc-banner,
  .cc-window.cc-floating,
  .cc-window.cc-left,
  .cc-window.cc-right {
    left:0;
    right:0
  }
  .cc-window.cc-banner {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    -webkit-flex-direction:column;
    flex-direction:column
  }
  .cc-window.cc-banner .cc-compliance {
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    -webkit-flex:1 1 auto;
    flex:1 1 auto
  }
  .cc-window.cc-floating {
    max-width:none
  }
  .cc-window .cc-message {
    margin-bottom:1em
  }
  .cc-window.cc-banner {
    -webkit-box-align:unset;
    -ms-flex-align:unset
  }
  .cc-window.cc-banner .cc-message {
    margin-right:0
  }
}
.cc-floating.cc-theme-classic {
  padding:1.2em;
  border-radius:5px
}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
  text-align:center;
  display:inline;
  -webkit-box-flex:0;
  -ms-flex:none;
  -webkit-flex:none;
  flex:none
}
.cc-theme-classic .cc-btn {
  border-radius:5px
}
.cc-theme-classic .cc-btn:last-child {
  min-width:140px
}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
  display:inline-block
}
.cc-theme-edgeless.cc-window {
  padding:0
}
.cc-floating.cc-theme-edgeless .cc-message {
  margin:2em 2em 1.5em
}
.cc-banner.cc-theme-edgeless .cc-btn {
  margin:0;
  padding:.8em 1.8em;
  height:100%
}
.cc-banner.cc-theme-edgeless .cc-message {
  margin-left:1em
}
.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
  margin-left:0
}
@-webkit-keyframes scale-in-center-alt {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:.2
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:0
  }
}
@keyframes scale-in-center-alt {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:.2
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:0
  }
}
@-webkit-keyframes animlogo {
  0% {
    stroke-opacity:.6
  }
  15% {
    fill:transparent
  }
  55% {
    stroke-dashoffset:0;
    stroke-opacity:1
  }
  to {
    fill:#3e3e3e;
    stroke-dashoffset:0
  }
}
@-webkit-keyframes heart-it {
  0% {
    stroke-opacity:0
  }
  to {
    stroke-opacity:1;
    fill:#3e3e3e
  }
}
@keyframes heart-it {
  0% {
    stroke-opacity:0
  }
  to {
    stroke-opacity:1;
    fill:#3e3e3e
  }
}
@-webkit-keyframes heartbeat {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:center center;
    transform-origin:center center;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  10% {
    -webkit-transform:scale(.91);
    transform:scale(.91);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  17% {
    -webkit-transform:scale(.98);
    transform:scale(.98);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  33% {
    -webkit-transform:scale(.87);
    transform:scale(.87);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  40% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
}
@keyframes heartbeat {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:center center;
    transform-origin:center center;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  10% {
    -webkit-transform:scale(.91);
    transform:scale(.91);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  17% {
    -webkit-transform:scale(.98);
    transform:scale(.98);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  33% {
    -webkit-transform:scale(.87);
    transform:scale(.87);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  40% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
}
@-webkit-keyframes slide-out-left-alt {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(-120%);
    transform:translateX(-120%);
    opacity:1
  }
}
@keyframes slide-out-left-alt {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(-120%);
    transform:translateX(-120%);
    opacity:1
  }
}
@-webkit-keyframes slide-out-right-alt {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(120%);
    transform:translateX(120%);
    opacity:1
  }
}
@keyframes slide-out-right-alt {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(120%);
    transform:translateX(120%);
    opacity:1
  }
}
@-webkit-keyframes slide-in-left-alt {
  0% {
    -webkit-transform:translateX(120%);
    transform:translateX(120%);
    opacity:1
  }
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
}
@keyframes slide-in-left-alt {
  0% {
    -webkit-transform:translateX(120%);
    transform:translateX(120%);
    opacity:1
  }
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-right-alt {
  0% {
    -webkit-transform:translateX(-120%);
    transform:translateX(-120%);
    opacity:1
  }
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
}
@keyframes slide-in-right-alt {
  0% {
    -webkit-transform:translateX(-120%);
    transform:translateX(-120%);
    opacity:1
  }
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
}
@keyframes animlogo {
  15% {
    fill:transparent
  }
  55% {
    stroke-dashoffset:0
  }
  to {
    fill:#3e3e3e;
    stroke-dashoffset:0
  }
}
body ::-moz-selection {
  background:0 0 #ebebeb;
  color:#3e3e3e
}
body ::selection {
  background:0 0 #ebebeb;
  color:#3e3e3e
}
body .page-wrapper {
  -webkit-transition:all .3s ease;
  transition:all .3s ease
}
body .page-wrapper::after {
  display:block;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  content:"";
  background-color:#3e3e3e;
  z-index:1201;
  opacity:0;
  pointer-events:none;
  -webkit-transition:opacity .3s ease-in .1s;
  transition:opacity .3s ease-in .1s
}
.flex {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  padding:0
}
a,
a:active,
a:focus,
a:hover,
a:visited {
  outline:0!important
}
.content-wrapper .content-title,
a.link-back,
a.link-back:active,
a.link-back:visited {
  display:inline-block;
  font-family:'TeXGyreAdventorRegular';
  text-transform:uppercase;
  line-height:1.1
}
a.link-back,
a.link-back:active,
a.link-back:visited {
  color:#ff6060;
  text-decoration:none;
  position:relative;
  font-size:13px;
  letter-spacing:.12em
}
a.link-back::after,
a.link-back:active::after,
a.link-back:visited::after {
  content:"";
  position:absolute;
  bottom:-4px;
  left:0;
  width:100%;
  height:1px;
  background-color:#ff6060;
  opacity:0;
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transform-origin:0 50%;
  transform-origin:0 50%;
  -webkit-transition:all .2s ease-out;
  transition:all .2s ease-out
}
@media (max-width:767px) {
  a.link-back,
  a.link-back:active,
  a.link-back:visited {
    font-size:12px
  }
}
.about-wrapper,
.cookies-wrapper,
.download-wrapper,
.how-to-wrapper,
.license-wrapper,
.notfound-wrapper,
.privacy-wrapper,
.sponsorship-wrapper {
  background-color:#fff;
  margin:0 auto;
  padding:120px 70px 70px;
  max-width:990px
}
@media (max-width:767px) {
  .about-wrapper,
  .cookies-wrapper,
  .download-wrapper,
  .how-to-wrapper,
  .license-wrapper,
  .notfound-wrapper,
  .privacy-wrapper,
  .sponsorship-wrapper {
    padding:70px 24px 24px
  }
}
.content-wrapper {
  text-align:left;
  margin:0;
  padding:0;
  position:relative
}
@media (max-width:767px) {
  .content-wrapper {
    padding:0
  }
}
.content-wrapper .content-title {
  font-size:3.5em;
  margin:1.3em 0 .9em;
  padding:0;
  font-weight:400;
  letter-spacing:.02em
}
.content-wrapper .content-title:first-child {
  margin:0 0 .9em
}
@media (max-width:992px) {
  .content-wrapper .content-title {
    font-size:3.3em
  }
}
@media (max-width:767px) {
  .content-wrapper .content-title {
    padding:0;
    font-size:2.3em;
    margin:1em 0 .6em
  }
  .content-wrapper .content-title:first-child {
    margin:0 0 .6em
  }
}
@media (max-width:320px) {
  .content-wrapper .content-title {
    font-size:2.1em
  }
}
.content-wrapper .content-intro {
  font-family:'TeXGyreAdventorRegular';
  font-size:1.25em;
  margin:0 0 1.4em;
  padding:0;
  font-weight:400;
  text-transform:uppercase;
  line-height:1.7;
  letter-spacing:.06em;
  color:#3e3e3e
}
.content-wrapper .content-intro.small {
  font-size:1em
}
@media (max-width:767px) {
  .content-wrapper .content-intro {
    font-size:1em;
    margin:0 0 1.2em
  }
}
@media (max-width:320px) {
  .content-wrapper .content-intro {
    font-size:.95em
  }
}
.content-wrapper .content-subtitle {
  font-family:'TeXGyreAdventorRegular';
  font-weight:400;
  line-height:1.3;
  margin:0 0 .9em;
  padding:.75em 0 0;
  font-size:2.1875em
}
@media (max-width:767px) {
  .content-wrapper .content-subtitle {
    margin:0 0 .75em;
    padding:.625em 0 0;
    font-size:1.5625em
  }
}
@media (max-width:320px) {
  .content-wrapper .content-subtitle {
    font-size:1.25em
  }
}
.content-wrapper .content-subtitle-2 {
  font-family:'TeXGyreAdventorRegular';
  font-weight:400;
  line-height:1.3;
  margin:0 0 .9em;
  padding:.75em 0 0;
  font-size:1.75em
}
@media (max-width:767px) {
  .content-wrapper .content-subtitle-2 {
    margin:0 0 .75em;
    padding:.625em 0 0;
    font-size:1.375em
  }
}
@media (max-width:320px) {
  .content-wrapper .content-subtitle-2 {
    font-size:1.125em
  }
}
.content-wrapper h4,
.content-wrapper li,
.content-wrapper p {
  font-size:1.25em;
  line-height:1.7;
  color:#3e3e3e;
  padding:0 0 1.4em;
  margin:0
}
@media (max-width:767px) {
  .content-wrapper li,
  .content-wrapper p {
    font-size:1.1em;
    line-height:1.5;
    padding-bottom:1.2em
  }
}
.content-wrapper h4 {
  font-family:'TeXGyreAdventorRegular';
  line-height:1.65;
  padding:.75em 0 1.4em
}
.content-wrapper ul {
  margin:0 0 1.4em 1.25em
}
.content-wrapper ul li {
  padding:0 0 .625em .25em
}
.content-wrapper .divider {
  display:block;
  width:40px;
  height:2px;
  content:"";
  background-color:#cacaca;
  position:relative;
  margin-top:-20px;
  margin-bottom:20px
}
.header-container,
a#burger-menu-icon-wrapper {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  height:50px;
  position:absolute;
  top:0;
  background-color:#3e3e3e
}
.header-container {
  left:0;
  z-index:1
}
@media (max-width:767px) {
  .header-container {
    height:40px
  }
}
.header-container .sprite-animista-logo {
  fill:#fff;
  width:100%;
  height:100%
}
.header-container #logo-alt {
  width:140px;
  height:100%;
  background:url(/ess_portal_assets/static/images/animista-logo-white.svg) 50% 50% no-repeat;
  background-size:auto 44%
}
a#burger-menu-icon-wrapper {
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  right:0;
  width:50px;
  padding:0 18px;
  z-index:1250;
  outline:0
}
@media (max-width:767px) {
  a#burger-menu-icon-wrapper {
    height:40px;
    width:40px;
    padding:0 12px
  }
}
a#burger-menu-icon-wrapper .burger-menu-icon {
  width:100%;
  height:2px;
  background-color:#fff;
  position:relative;
  opacity:1
}
a#burger-menu-icon-wrapper .burger-menu-icon::after,
a#burger-menu-icon-wrapper .burger-menu-icon::before {
  display:block;
  content:"";
  width:100%;
  height:2px;
  background-color:#fff;
  position:absolute;
  left:0;
  -webkit-transition:all .15s ease;
  transition:all .15s ease
}
a#burger-menu-icon-wrapper .burger-menu-icon::after,
a#burger-menu-icon-wrapper:active .burger-menu-icon::after {
  -webkit-transform:translateY(5px);
  transform:translateY(5px)
}
a#burger-menu-icon-wrapper .burger-menu-icon::before,
a#burger-menu-icon-wrapper:active .burger-menu-icon::before {
  -webkit-transform:translateY(-5px);
  transform:translateY(-5px)
}
a#burger-menu-icon-wrapper:active .burger-menu-icon {
  opacity:1
}
.header-container,
.social-wrapper .social-icons {
  width:100%;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center
}
.social-wrapper .social-icon,
.social-wrapper .social-icon:active {
  display:block;
  border-radius:50%;
  float:left;
  margin-left:6px;
  width:32px;
  height:32px;
  border:0;
  background-color:#3e3e3e;
  background-size:13px 13px;
  background-repeat:no-repeat;
  background-position:50% 50%;
  opacity:1;
  position:relative;
  -webkit-transform:scale(.9);
  transform:scale(.9);
  -webkit-transition:all .16s ease;
  transition:all .16s ease
}
.social-wrapper .social-icon:active:first-child,
.social-wrapper .social-icon:first-child {
  margin-left:0
}
.social-wrapper .social-icon.icon-linkedin,
.social-wrapper .social-icon:active.icon-linkedin {
  background-image:url(/ess_portal_assets/static/images/linkedin-white.svg)
}
.social-wrapper .social-icon.icon-twitter,
.social-wrapper .social-icon:active.icon-twitter {
  background-image:url(/ess_portal_assets/static/images/twitter-white.svg)
}
.social-wrapper .social-icon.icon-facebook,
.social-wrapper .social-icon:active.icon-facebook {
  background-image:url(/ess_portal_assets/static/images/facebook-white.svg)
}
.social-wrapper .social-icon.icon-googleplus,
.social-wrapper .social-icon:active.icon-googleplus {
  background-image:url(/ess_portal_assets/static/images/google-plus-white.svg)
}
body.main-nav-visible {
  overflow-y:hidden
}
body.main-nav-visible .page-wrapper {
  overflow-y:hidden;
  height:100%;
  -webkit-transition:all .3s ease;
  transition:all .3s ease
}
body.main-nav-visible .page-wrapper::after {
  z-index:1200;
  opacity:.95;
  -webkit-transition:opacity .3s ease-out;
  transition:opacity .3s ease-out
}
body.main-nav-visible .main-nav-wrapper {
  -webkit-transform:translateX(0);
  transform:translateX(0);
  height:100%;
  -webkit-transition:all .3s ease-out;
  transition:all .3s ease-out;
  -webkit-perspective:300px;
  perspective:300px
}
#anim-menu .middle #anim-groups-wrapper #anim-groups-list li a.active .name,
#anim-menu .middle #anim-groups-wrapper #anim-groups-list li a:active .name,
.no-mobiledevice .main-nav-wrapper .social-wrapper .social-icon.social-icon-large:hover,
.no-mobiledevice body.main-nav-visible #burger-menu-icon-wrapper:hover .burger-menu-icon,
body.main-nav-visible #burger-menu-icon-wrapper:active .burger-menu-icon,
body.main-nav-visible .main-nav-wrapper::after {
  opacity:1
}
body.main-nav-visible #burger-menu-icon-wrapper {
  background-color:#3e3e3e
}
body.main-nav-visible #burger-menu-icon-wrapper .burger-menu-icon {
  background-color:transparent;
  -webkit-transition:all .15s ease;
  transition:all .15s ease
}
body.main-nav-visible #burger-menu-icon-wrapper .burger-menu-icon::after,
body.main-nav-visible #burger-menu-icon-wrapper .burger-menu-icon::before {
  background-color:#fff;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%
}
body.main-nav-visible #burger-menu-icon-wrapper .burger-menu-icon::after {
  -webkit-transform:translateY(0) rotate(45deg);
  transform:translateY(0) rotate(45deg)
}
body.main-nav-visible #burger-menu-icon-wrapper .burger-menu-icon::before {
  -webkit-transform:translateY(0) rotate(-45deg);
  transform:translateY(0) rotate(-45deg)
}
.gen-code {
  display:block;
  left:0;
  padding:0;
  margin:0;
  border:0;
  overflow:scroll;
  -webkit-user-select:all;
  -moz-user-select:all;
  -ms-user-select:all;
  user-select:all;
  min-height:100px;
  font-family:monospace;
  line-height:1.45;
  width:100%;
  resize:none;
  background-color:transparent
}
.download-wrapper #gen-css-code::-moz-selection,
.gen-code::-moz-selection {
  background-color:#3e3e3e;
  color:#fff
}
.download-wrapper #gen-css-code::selection,
.gen-code::selection {
  background-color:#3e3e3e;
  color:#fff
}
.gen-code:focus {
  outline:0
}
@media (max-width:767px) {
  .gen-code {
    margin-bottom:10px;
    font-size:12px;
    min-height:110px;
    line-height:1.2;
    padding:10px
  }
  .gen-code#code-anim-properties {
    min-height:62px
  }
  .gen-code::-webkit-scrollbar {
    display:none
  }
}
a.btn-large,
a.btn-large:active {
  display:inline-block;
  position:relative;
  font-family:'TeXGyreAdventorBold';
  text-transform:uppercase;
  font-size:13px;
  padding:16px 32px;
  color:#fff;
  background:#ff6060;
  border-radius:2px;
  text-decoration:none;
  overflow:hidden;
  letter-spacing:.1em;
  margin-right:18px
}
@media (max-width:767px) {
  a.btn-large,
  a.btn-large:active {
    padding:10px 15px;
    font-size:12px;
    letter-spacing:.06em;
    margin-right:15px
  }
}
@media (max-width:320px) {
  a.btn-large,
  a.btn-large:active {
    padding:10px 12px;
    font-size:11px
  }
}
a.btn-large::after,
a.btn-large:active::after {
  display:block;
  position:absolute;
  left:-20%;
  top:50%;
  width:140%;
  height:0;
  padding-bottom:140%;
  content:"";
  border-radius:50%;
  background-color:#fff;
  opacity:0;
  -webkit-transform:scale(.2) translateY(0%);
  transform:scale(.2) translateY(0%);
  -webkit-transition:all .2s ease-in;
  transition:all .2s ease-in
}
a.btn-large.btn-large-icon,
a.btn-large:active.btn-large-icon {
  padding:15px 48px 15px 32px
}
a.btn-large.btn-large-icon::before,
a.btn-large:active.btn-large-icon::before {
  display:block;
  position:absolute;
  right:22px;
  top:50%;
  margin:-9px 0 0;
  content:"";
  width:15px;
  height:18px;
  background-size:contain;
  opacity:1
}
@media (max-width:767px) {
  a.btn-large.btn-large-icon,
  a.btn-large:active.btn-large-icon {
    padding:10px 36px 10px 15px;
    white-space:nowrap
  }
  a.btn-large.btn-large-icon::before,
  a.btn-large:active.btn-large-icon::before {
    right:15px;
    margin:-9px 0 0;
    width:15px;
    height:18px
  }
}
@media (max-width:320px) {
  a.btn-large.btn-large-icon,
  a.btn-large:active.btn-large-icon {
    padding:10px 33px 10px 12px
  }
  a.btn-large.btn-large-icon::before,
  a.btn-large:active.btn-large-icon::before {
    right:12px
  }
}
.btn-small {
  display:inline-block;
  z-index:10;
  margin:0;
  padding:0 15px;
  height:30px;
  font:12px 'TeXGyreAdventorBold';
  line-height:30px;
  text-transform:uppercase;
  background:#3e3e3e;
  -webkit-box-shadow:none;
  box-shadow:none;
  text-shadow:none;
  color:#fff;
  border:0;
  outline:0;
  border-radius:2px;
  letter-spacing:.1em;
  text-decoration:none;
  -webkit-transition:background .15s ease;
  transition:background .15s ease
}
@media (max-width:767px) {
  .btn-small {
    font-size:11px;
    height:30px;
    padding:0 12px;
    line-height:30px
  }
}
.btn-small:active {
  text-decoration:none;
  background-color:#ff6060
}
.btn-small:focus,
.btn-small:visited {
  text-decoration:none
}
.btn-close-small,
.btn-close-small::after,
.btn-close-small::before {
  display:block;
  position:absolute;
  -webkit-transition:all .12s ease;
  transition:all .12s ease
}
.btn-close-small {
  right:12px;
  background:0 0;
  cursor:pointer;
  text-indent:-9999px;
  color:transparent;
  overflow:hidden;
  top:10px;
  width:15px;
  height:15px
}
.btn-close-small::after,
.btn-close-small::before {
  content:"";
  width:1px;
  height:13px;
  left:7px;
  top:3px;
  background-color:#3e3e3e
}
.btn-close-small::after {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)
}
.btn-close-small::before {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.btn-close-small:focus,
.btn-close-small:hover,
button.toast-close-button:focus,
button.toast-close-button:hover {
  outline:0
}
.btn-close-small:focus::after,
.btn-close-small:focus::before,
.btn-close-small:hover::after,
.btn-close-small:hover::before {
  background-color:#3e3e3e
}
.btn-close-small:focus::after,
.btn-close-small:hover::after {
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg)
}
.btn-close-small:focus::before,
.btn-close-small:hover::before {
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg)
}
.btn-circle {
  width:70px;
  height:70px;
  line-height:70px;
  border-radius:50%;
  text-align:center;
  font-size:1.2em;
  letter-spacing:.1em;
  cursor:pointer;
  margin-left:20px
}
.btn-circle:first-child,
.intro-wrapper .intro-main-nav-wrapper .main-nav .main-nav-item:first-child {
  margin-left:0
}
@media (max-width:767px) {
  .btn-circle {
    width:50px;
    height:50px;
    line-height:50px;
    margin-left:12px;
    font-size:1em
  }
}
.support-container {
  display:inline-block
}
.support-container.small {
  display:inline-block;
  height:42px;
  position:absolute;
  right:0;
  bottom:-6px
}
@media (max-width:510px) {
  .support-container.small {
    display:block;
    position:relative;
    margin-left:0;
    margin-top:8px;
    bottom:auto;
    right:auto
  }
}
.support-container.small h4.support-title {
  display:none
}
.support-container.small .support-content {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  height:100%
}
.support-container.small .support-content p {
  font-size:15px;
  padding:0;
  margin:0
}
@media (max-width:480px) {
  .support-container.small .support-content p {
    font-size:13px
  }
}
@media (max-width:320px) {
  .support-container.small .support-content p {
    font-size:12px
  }
}
.support-container.small .support-buttons {
  margin:0 0 0 10px
}
@media (max-width:320px) {
  .support-container.small .support-buttons {
    margin:0
  }
}
.support-container.small .support-buttons .btn-circle {
  width:42px;
  height:42px;
  line-height:41px;
  font-size:12px;
  margin:0 0 0 6px;
  padding:0;
  -webkit-transform:scale(.9);
  transform:scale(.9);
  -webkit-transition:all .15s ease;
  transition:all .15s ease
}
@media (max-width:480px) {
  .support-container.small .support-buttons .btn-circle {
    width:40px;
    height:40px;
    line-height:39px
  }
}
@media (max-width:320px) {
  .support-container.small .support-buttons .btn-circle {
    margin-left:4px;
    width:38px;
    height:38px;
    line-height:38px
  }
}
.support-container.small .btn-patreon {
  margin-left:12px;
  font-size:12px;
  background-image:url(/images/patreon-logo.svg);
  background-position:15px center;
  background-repeat:no-repeat;
  background-size:auto 15px;
  padding:0 15px 0 38px
}
.no-mobiledevice a:hover {
  text-decoration:underline
}
.no-mobiledevice a.link-back:hover {
  text-decoration:none;
  color:#ff6060
}
.no-mobiledevice a.link-back:hover::after {
  opacity:1;
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
}
.no-mobiledevice a#burger-menu-icon-wrapper:hover .burger-menu-icon {
  opacity:.8
}
.no-mobiledevice a#burger-menu-icon-wrapper:hover .burger-menu-icon::after {
  -webkit-transform:translateY(6px);
  transform:translateY(6px)
}
.no-mobiledevice a#burger-menu-icon-wrapper:hover .burger-menu-icon::before {
  -webkit-transform:translateY(-6px);
  transform:translateY(-6px)
}
.no-mobiledevice .btn-large:hover {
  color:#fff;
  text-decoration:none
}
.no-mobiledevice .btn-large:hover::after {
  -webkit-transform:scale(1) translateY(-50%);
  transform:scale(1) translateY(-50%);
  opacity:.1;
  -webkit-transition:-webkit-transform .25s ease-out;
  transition:transform .25s ease-out;
  transition:transform .25s ease-out,-webkit-transform .25s ease-out
}
.no-mobiledevice .social-wrapper .social-icon:hover {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transition:-webkit-transform .16s ease;
  transition:transform .16s ease;
  transition:transform .16s ease,-webkit-transform .16s ease
}
.no-mobiledevice a.btn-small:hover {
  background:#ff6060;
  color:#fff;
  text-decoration:none;
  -webkit-transition:all .08s ease-out;
  transition:all .08s ease-out
}
.no-mobiledevice a.btn-patreon:hover {
  background-image:url(/images/patreon-logo-2.svg);
  background-position:15px center;
  background-repeat:no-repeat;
  background-size:auto 15px
}
.no-mobiledevice .support-buttons .btn-circle:hover {
  -webkit-transform:scale(1);
  transform:scale(1)
}
.no-mobiledevice body.main-nav-visible #burger-menu-icon-wrapper:hover .burger-menu-icon::after,
.no-mobiledevice body.main-nav-visible #burger-menu-icon-wrapper:hover .burger-menu-icon::before {
  -webkit-transform:translateY(0) rotate(0deg);
  transform:translateY(0) rotate(0deg)
}
.dl-options-wrapper {
  position:relative;
  width:100%;
  margin:3.1em 0;
  font-family:'TeXGyreAdventorRegular'
}
@media (max-width:767px) {
  .dl-options-wrapper {
    margin:2.2em 0
  }
}
.dl-option-label {
  vertical-align:middle;
  padding:0;
  margin:0 22px 12px 0;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  float:left
}
#anim-menu .middle #anim-groups-wrapper #anim-groups-list li a.active:after,
.dl-option-chk {
  display:none
}
.dl-option-chk-mark {
  position:relative;
  display:inline-block;
  margin:0 8px 0 0;
  width:24px;
  height:24px;
  border:1px solid #cacaca;
  border-radius:50%;
  background:0 0;
  -webkit-transition:background .2s ease;
  transition:background .2s ease
}
.dl-option-chk-mark::after,
.dl-option-chk-mark::before {
  content:'';
  display:block;
  position:absolute;
  border:solid transparent;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  overflow:hidden
}
.dl-option-chk-mark::before {
  top:11%;
  left:4%;
  height:0;
  width:12px;
  border-width:0 0 0 2px;
  -webkit-transform-origin:100% 0;
  transform-origin:100% 0
}
.dl-option-chk-mark::after {
  top:43%;
  left:45%;
  height:7px;
  width:0;
  border-width:0 0 2px;
  -webkit-transform-origin:0% 100%;
  transform-origin:0% 100%
}
.dl-option-chk:checked~.dl-option-chk-mark {
  border-color:#2dccb8;
  background:#2dccb8
}
.dl-option-chk:checked~.dl-option-chk-mark::after,
.dl-option-chk:checked~.dl-option-chk-mark::before {
  border-color:#fff
}
.dl-option-chk:checked~.dl-option-chk-mark::before {
  height:7px;
  -webkit-transition:height .2s ease-out;
  transition:height .2s ease-out
}
.dl-option-chk:checked~.dl-option-chk-mark::after {
  width:12px;
  -webkit-transition:width .2s ease-out .1s;
  transition:width .2s ease-out .1s
}
.tasks-list-chk-desc {
  display:inline-block;
  font-weight:400;
  color:#3e3e3e;
  font-size:14px;
  letter-spacing:.05em
}
@media (max-width:767px) {
  .tasks-list-chk-desc {
    font-size:13px;
    letter-spacing:.07em
  }
}
.btn-hide {
  font:0/0 a;
  color:transparent;
  text-shadow:none;
  background-color:transparent;
  border:0;
  display:block;
  position:absolute;
  right:20px;
  top:20px;
  width:20px;
  height:20px;
  margin:0;
  padding:0;
  z-index:10000
}
@media (max-width:767px) {
  .btn-hide {
    width:20px;
    height:20px;
    right:12px;
    top:12px
  }
}
.btn-hide::after,
.btn-hide::before {
  display:block;
  content:"";
  width:1px;
  height:100%;
  background-color:#3e3e3e;
  position:absolute;
  right:50%;
  -webkit-transition:all .15s ease;
  transition:all .15s ease
}
.btn-hide::after {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)
}
.btn-hide::before {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.btn-hide:hover::after,
.btn-hide:hover::before {
  width:2px
}
.btn-hide:hover::after {
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg)
}
.btn-hide:hover::before {
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg)
}
.img-figure-wrapper {
  text-align:center;
  margin:0 0 3em
}
.img-figure {
  text-align:center;
  display:inline-block
}
.img-figure figcaption {
  border-top:1px solid #e3e3e3;
  font-weight:700;
  padding:.3em 0;
  margin:.5em 0 0
}
.nobreak,
.nobreak * {
  white-space:nowrap
}
body.intro-visible {
  overflow:hidden
}
body.intro-visible .intro-wrapper {
  -webkit-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition:-webkit-transform .35s cubic-bezier(.25,.46,.45,.94);
  transition:transform .35s cubic-bezier(.25,.46,.45,.94);
  transition:transform .35s cubic-bezier(.25,.46,.45,.94),-webkit-transform .35s cubic-bezier(.25,.46,.45,.94)
}
body .intro-wrapper {
  -webkit-transform:translateY(-120%);
  transform:translateY(-120%);
  -webkit-transition:-webkit-transform .35s cubic-bezier(.55,.085,.68,.53);
  transition:transform .35s cubic-bezier(.55,.085,.68,.53);
  transition:transform .35s cubic-bezier(.55,.085,.68,.53),-webkit-transform .35s cubic-bezier(.55,.085,.68,.53)
}
.how-to-wrapper .how-to-item:before,
.intro-wrapper {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.intro-wrapper {
  right:0;
  bottom:0;
  z-index:10000;
  background:#fff;
  position:fixed;
  left:0;
  top:0
}
.intro-wrapper .intro {
  padding:50px;
  -webkit-perspective:500px;
  perspective:500px
}
@media (max-width:767px) {
  .intro-wrapper .intro {
    padding:39px
  }
}
.intro-wrapper .lines-wrapper {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  overflow:hidden
}
.intro-wrapper .lines-wrapper .line {
  position:absolute;
  background-color:#cacaca
}
.intro-wrapper .lines-wrapper .line.line-t {
  top:0;
  left:0;
  width:100%;
  height:1px
}
.intro-wrapper .lines-wrapper .line.line-r {
  top:0;
  right:0;
  width:1px;
  height:100%
}
.intro-wrapper .lines-wrapper .line.line-b {
  bottom:0;
  left:0;
  width:100%;
  height:1px
}
.intro-wrapper .lines-wrapper .line.line-l {
  bottom:0;
  left:0;
  width:1px;
  height:100%
}
.intro-wrapper .content-wrapper {
  height:100%;
  text-align:center;
  margin:0;
  padding:7% 8% 5%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
}
@media (max-width:767px) {
  .intro-wrapper .content-wrapper {
    padding:8% 12%
  }
}
@media (max-width:320px) {
  .intro-wrapper .content-wrapper {
    padding:8% 9%
  }
}
.intro-wrapper .logo {
  display:block;
  position:relative;
  width:67%;
  padding:0;
  text-align:center;
  margin:0 0 4.4em -18px;
  -webkit-transition:all .3s ease;
  transition:all .3s ease
}
@media (max-width:1200px) {
  .intro-wrapper .logo {
    width:70%;
    margin-bottom:4.2em
  }
}
@media (max-width:992px) {
  .intro-wrapper .logo {
    width:78%;
    margin-bottom:4.1em
  }
}
@media (max-width:768px) {
  .intro-wrapper .logo {
    width:80%;
    margin-left:-5px
  }
}
@media (max-width:767px) {
  .intro-wrapper .logo {
    width:100%;
    padding:0;
    margin:0 0 2.5em;
    -webkit-transition:all .3s ease;
    transition:all .3s ease
  }
}
.intro-wrapper .logo path {
  stroke-width:1px;
  stroke-dasharray:1000;
  stroke-dashoffset:1000;
  stroke-linecap:round;
  stroke-linejoin:round;
  fill:transparent;
  -webkit-animation:animlogo 4s ease-out both;
  animation:animlogo 4s ease-out both;
  stroke:#3e3e3e
}
.intro-wrapper .logo svg,
.mobile-wrapper .logo svg {
  width:100%;
  height:100%
}
.intro-wrapper .logo svg #animista-logo-outline #letter-1 {
  -webkit-animation-delay:.16s;
  animation-delay:.16s
}
.intro-wrapper .logo svg #animista-logo-outline #letter-2 {
  -webkit-animation-delay:.32s;
  animation-delay:.32s
}
.intro-wrapper .logo svg #animista-logo-outline #letter-3 {
  -webkit-animation-delay:.48s;
  animation-delay:.48s
}
.intro-wrapper .logo svg #animista-logo-outline #letter-4 {
  -webkit-animation-delay:.64s;
  animation-delay:.64s
}
.intro-wrapper .logo svg #animista-logo-outline #letter-5 {
  -webkit-animation-delay:.8s;
  animation-delay:.8s
}
.intro-wrapper .logo svg #animista-logo-outline #letter-6 {
  -webkit-animation-delay:.96s;
  animation-delay:.96s
}
.intro-wrapper .logo svg #animista-logo-outline #letter-7 {
  -webkit-animation-delay:1.12s;
  animation-delay:1.12s
}
.intro-wrapper .beta-wrapper {
  display:block;
  position:absolute;
  top:25px;
  right:-20px;
  overflow:hidden
}
.intro-wrapper .beta-wrapper .beta {
  font:13px/1 'TeXGyreAdventorRegular';
  text-transform:uppercase;
  color:#b1b1b1;
  text-align:left;
  letter-spacing:.15em
}
@media (max-width:992px) {
  .intro-wrapper .beta-wrapper {
    right:-28px;
    top:22px
  }
  .intro-wrapper .beta-wrapper .beta {
    letter-spacing:.12em
  }
}
@media (max-width:768px) {
  .intro-wrapper .beta-wrapper {
    right:-30px;
    top:20px
  }
  .intro-wrapper .beta-wrapper .beta {
    font-size:12px
  }
}
@media (max-width:767px) {
  .intro-wrapper .beta-wrapper {
    top:0;
    right:2px
  }
  .intro-wrapper .beta-wrapper .beta {
    font-size:10px;
    letter-spacing:.13em
  }
}
@media (max-width:320px) {
  .intro-wrapper .beta-wrapper {
    right:0
  }
  .intro-wrapper .beta-wrapper .beta {
    letter-spacing:.1em
  }
}
.intro-wrapper .text-wrapper {
  margin-bottom:6.7em;
  padding:0;
  position:relative
}
@media (max-width:767px) {
  .intro-wrapper .text-wrapper {
    margin-bottom:0;
    color:#3e3e3e
  }
}
.intro-wrapper .text-wrapper .text {
  font-family:'TeXGyreAdventorRegular';
  font-size:1.3em;
  line-height:1.1;
  padding:0;
  margin:0;
  text-transform:uppercase;
  color:#3e3e3e;
  letter-spacing:.2em
}
@media (max-width:1200px) {
  .intro-wrapper .text-wrapper .text {
    font-size:1.2em
  }
}
@media (max-width:992px) {
  .intro-wrapper .text-wrapper .text {
    letter-spacing:.16em
  }
}
@media (max-width:767px) {
  .intro-wrapper .text-wrapper .text {
    font-size:1em;
    line-height:1.3;
    margin:0 0 4em;
    letter-spacing:.15em
  }
}
@media (max-width:480px) {
  .intro-wrapper .text-wrapper .text {
    font-size:14px;
    letter-spacing:.12em;
    margin-bottom:3.7em
  }
}
@media (max-width:320px) {
  .intro-wrapper .text-wrapper .text {
    letter-spacing:.08em;
    margin-bottom:3em
  }
}
.intro-wrapper .intro-main-nav-wrapper {
  margin-bottom:50px;
  position:relative;
  padding:0;
  top:auto;
  right:auto;
  width:100%;
  background-color:transparent
}
.intro-wrapper .intro-main-nav-wrapper .main-nav,
.site-footer .author-container p {
  display:inline-block
}
.intro-wrapper .intro-main-nav-wrapper .main-nav .main-nav-item {
  display:inline;
  margin-left:30px;
  padding:0;
  font-size:16px
}
#anim-menu .top #anim-cat .favs-buttons a,
#anim-menu .top #anim-cat .nav li a,
.intro-wrapper a#try-me {
  color:#fff;
  font-family:'TeXGyreAdventorBold';
  text-transform:uppercase;
  text-shadow:none;
  text-decoration:none
}
.intro-wrapper a#try-me {
  width:108px;
  height:108px;
  text-align:center;
  line-height:108px;
  position:relative;
  padding:0;
  margin:0;
  background-color:#3e3e3e;
  display:inline-block;
  font-size:13px;
  letter-spacing:.2em;
  border-radius:50%
}
@media (max-width:320px) {
  .intro-wrapper a#try-me {
    width:100px;
    height:100px;
    line-height:100px;
    letter-spacing:.15em
  }
}
#anim-menu .middle #anim-groups-wrapper #anim-groups-list li a:after,
.intro-wrapper a#try-me:after {
  display:block;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  content:"";
  border-radius:50%;
  background-color:#fff;
  opacity:0;
  z-index:101;
  -webkit-transform:scale(.2);
  transform:scale(.2);
  -webkit-transition:all .25s ease-out;
  transition:all .25s ease-out
}
.intro-wrapper a#try-me:active,
.no-mobiledevice .intro-wrapper a#try-me:hover {
  color:#fff
}
.intro-wrapper a#try-me:active:after {
  -webkit-animation:scale-in-center-alt .5s cubic-bezier(.25,.46,.45,.94) both;
  animation:scale-in-center-alt .5s cubic-bezier(.25,.46,.45,.94) both
}
.no-mobiledevice .intro-wrapper a#try-me:hover:after {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:.1
}
.about-wrapper .support-container {
  margin:0 0 20px
}
.how-to-wrapper .how-to-list {
  counter-reset:li;
  margin:0 0 55px;
  padding:.9em 0 0;
  position:relative
}
@media (max-width:767px) {
  .how-to-wrapper .how-to-list {
    margin-bottom:20px
  }
}
.how-to-wrapper .how-to-item {
  list-style:none;
  position:relative;
  padding:0;
  margin:0 0 4.2em 100px;
  min-height:40px
}
.how-to-wrapper .how-to-item:before {
  position:absolute;
  top:-10px;
  left:-100px;
  content:counter(li);
  counter-increment:li;
  font-family:'TeXGyreAdventorBold';
  font-size:80px;
  text-align:center;
  line-height:1;
  background:-webkit-gradient(linear,right top,left bottom,from(#f6f6f6),to(#e9e9e9));
  background:linear-gradient(to bottom left,#f6f6f6,#e9e9e9);
  color:transparent;
  -webkit-background-clip:text;
  background-repeat:no-repeat;
  background-position:0 0
}
.how-to-wrapper .how-to-item:after {
  display:block;
  position:absolute;
  left:-30px;
  top:0;
  content:" ";
  width:1px;
  height:100%;
  background-color:#e4e4e4
}
@media (max-width:767px) {
  .how-to-wrapper .how-to-item {
    margin:0 0 2.3em 54px;
    min-height:20px
  }
  .how-to-wrapper .how-to-item:before {
    top:-6px;
    left:-54px;
    font-size:38px
  }
  .how-to-wrapper .how-to-item:after {
    left:-20px
  }
}
.how-to-wrapper .how-to-title {
  font-family:'TeXGyreAdventorRegular';
  font-weight:400;
  text-transform:uppercase;
  line-height:1.1;
  font-size:1.65em;
  margin:0 0 .8em;
  padding:0;
  color:#3e3e3e
}
@media (max-width:767px) {
  .how-to-wrapper .how-to-title {
    font-size:1.3em;
    margin-bottom:.5em
  }
}
.how-to-wrapper .how-to-text .icon-img {
  background-color:#585858;
  border-radius:3px;
  padding:5px;
  margin:0 4px;
  vertical-align:text-bottom
}
.how-to-wrapper .how-to-text .icon-img.icon-heart {
  background-color:#fff;
  padding:0;
  -webkit-animation:heart-it 1s ease infinite both;
  animation:heart-it 1s ease infinite both
}
.donations-wrapper {
  width:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:space-evenly;
  -webkit-justify-content:space-evenly;
  -ms-flex-pack:space-evenly;
  justify-content:space-evenly;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative;
  padding:35px 0;
  border-width:1px;
  border-style:solid;
  border-color:#e4e4e4;
  -o-border-image:initial;
  border-image:initial;
  border-radius:5px;
  margin:10px auto 30px
}
.donations-wrapper a.paypal {
  display:block;
  width:160px;
  height:45px;
  border-radius:4px;
  padding:0;
  background:url(/images/paypal-logo.svg) 50% 50%/auto 80% no-repeat #f0f0f0
}
.donations-wrapper .btc-wrapper {
  text-align:center
}
.img-center {
  display:block;
  padding:0;
  margin:1em auto
}
.download-wrapper .dl-favs-wrapper {
  position:relative;
  float:left;
  list-style:none;
  padding:0;
  margin:0 0 12px
}
.download-wrapper .dl-fav-item {
  font-family:'TeXGyreAdventorRegular';
  border-radius:2px;
  line-height:1.1;
  font-size:13px;
  position:relative;
  float:left;
  margin:0 7px 7px 0;
  padding:6px 27px 6px 10px;
  background-color:#eee;
  color:#3e3e3e;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
@media (max-width:767px) {
  .download-wrapper .dl-fav-item {
    font-size:11px
  }
}
.download-wrapper .dl-fav-item .dl-remove {
  display:block;
  position:absolute;
  right:6px;
  top:50%;
  margin-top:-7.5px;
  width:15px;
  height:15px;
  border-radius:50%;
  background:#cfcfcf;
  background:0 0;
  cursor:pointer;
  -webkit-transition:all .15s ease;
  transition:all .15s ease
}
.download-wrapper .dl-fav-item .dl-remove:after,
.download-wrapper .dl-fav-item .dl-remove:before {
  display:block;
  content:"";
  width:1px;
  height:9px;
  left:7px;
  top:3px;
  background-color:#3e3e3e;
  position:absolute;
  -webkit-transition:all .15s ease;
  transition:all .15s ease
}
.download-wrapper .dl-fav-item .dl-remove:after {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)
}
.download-wrapper .dl-fav-item .dl-remove:before {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.download-wrapper .dl-fav-item .dl-remove:hover {
  background:#ff6060
}
.download-wrapper .dl-fav-item .dl-remove:hover:after,
.download-wrapper .dl-fav-item .dl-remove:hover:before,
.main-nav-wrapper {
  background-color:#fff
}
.download-wrapper .dl-options-desc {
  font-size:15px;
  color:#3e3e3e;
  clear:left;
  line-height:1.5;
  font-family:'HelveticaNeue-Light','HelveticaNeue',Helvetica,'Roboto-Thin',Arial,sans-serif-light;
  margin:0 0 10px;
  padding:0
}
@media (max-width:767px) {
  .download-wrapper .dl-options-desc {
    font-size:14px
  }
}
.download-wrapper .dl-links-wrapper {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  clear:both;
  width:100%;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  margin-top:2.5em;
  margin-bottom:1em
}
@media (max-width:767px) {
  .download-wrapper .dl-links-wrapper {
    margin-top:1.5em;
    margin-bottom:2em
  }
}
@media (max-width:480px) {
  .download-wrapper .dl-links-wrapper {
    margin-bottom:1.5em
  }
}
.download-wrapper .dl-button-wrapper {
  margin:0 35px 0 0
}
.download-wrapper .btn-large.btn-download:before {
  background:url(/ess_portal_assets/static/images/icon-download-white.svg) left center no-repeat
}
.download-wrapper .btn-large.btn-copy-css:before {
  width:14px;
  height:16px;
  background:url(/ess_portal_assets/static/images/icon-copy-white.svg) left center no-repeat
}
.download-wrapper .btn-large.preparing:before {
  background:url(/ess_portal_assets/static/images/icon-loading-white.svg) left center no-repeat;
  -webkit-animation:rotate-center .6s linear infinite both;
  animation:rotate-center .6s linear infinite both
}
.download-wrapper #gencode-wrapper {
  padding:3em;
  background-color:#eee;
  overflow:hidden;
  border-radius:2px;
  margin-top:20px
}
@media (max-width:767px) {
  .download-wrapper #gencode-wrapper {
    padding:0;
    margin-top:15px
  }
}
.download-wrapper #gen-css-code {
  max-height:300px;
  min-height:200px;
  overflow:scroll
}
.download-wrapper .support-container.small {
  height:50px;
  margin-bottom:1em;
  position:relative
}
@media (max-width:410px) {
  .download-wrapper .support-container.small {
    height:auto;
    margin-top:0
  }
}
.download-wrapper .support-container.small .support-content {
  display:block
}
@media (max-width:410px) {
  .download-wrapper .support-container.small .support-content {
    display:block;
    height:auto
  }
}
@media (max-width:767px) {
  .download-wrapper .support-container.small .support-content p {
    font-size:14px
  }
}
.download-wrapper .support-container.small .support-buttons {
  margin:0 0 0 11px
}
@media (max-width:410px) {
  .download-wrapper .support-container.small .support-buttons {
    margin:7px 0 0
  }
}
.download-wrapper .support-container.small .support-buttons .btn-circle {
  width:50px;
  height:50px;
  line-height:49px;
  font-size:15px;
  margin:0 9px 0 0
}
@media (max-width:320px) {
  .download-wrapper .support-container.small .support-buttons .btn-circle {
    width:46px;
    height:46px;
    line-height:45px;
    font-size:15px;
    margin:0 7px 0 0
  }
}
.download-wrapper .bmc-wrapper {
  margin:1rem 0
}
.notfound-wrapper .notfound-subtitle,
.notfound-wrapper .notfound-title {
  display:block;
  padding:0;
  text-align:center;
  font-weight:400;
  letter-spacing:.02em
}
.notfound-wrapper .notfound-title {
  font-size:20vw;
  text-transform:uppercase;
  font-family:'TeXGyreAdventorBold';
  margin:0 0 .15em;
  line-height:1
}
.notfound-wrapper .notfound-subtitle {
  font-family:'TeXGyreAdventorRegular';
  font-size:1.4em;
  margin:0;
  line-height:1.5
}
.main-nav-wrapper .flex,
.notfound-wrapper .notfound-links {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding:0
}
.notfound-wrapper .notfound-links {
  margin:4.5em 0 1.4em
}
.notfound-wrapper .notfound-links a.link-back {
  font-family:'TeXGyreAdventorRegular';
  text-transform:uppercase;
  line-height:1.1;
  letter-spacing:.04em;
  font-size:1.35em;
  display:inline-block;
  margin:0 0 0 1.6em
}
.notfound-wrapper .notfound-links a.link-back:after {
  bottom:-8px
}
.main-nav-wrapper {
  position:fixed;
  left:60%;
  right:0;
  top:0;
  height:100%;
  padding:49px;
  z-index:1201;
  -webkit-transform:translateX(100%);
  transform:translateX(100%);
  -webkit-transition:all .3s cubic-bezier(.55,.085,.68,.53);
  transition:all .3s cubic-bezier(.55,.085,.68,.53)
}
@media (max-width:1200px) {
  .main-nav-wrapper {
    left:50%
  }
}
@media (max-width:768px) {
  .main-nav-wrapper {
    left:30%
  }
}
@media (max-width:767px) {
  .main-nav-wrapper {
    left:0;
    padding:39px
  }
}
#anim-menu .bottom:after,
.main-nav-wrapper:after {
  display:block;
  content:"";
  background-color:transparent
}
.main-nav-wrapper:after {
  top:0;
  left:0;
  right:0;
  bottom:0;
  pointer-events:none;
  opacity:0;
  position:absolute;
  -webkit-box-shadow:0 0 10px 1px rgba(0,0,0,.55);
  box-shadow:0 0 10px 1px rgba(0,0,0,.55)
}
.main-nav-wrapper .flex {
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  width:100%
}
.main-nav-wrapper .flex-wrapper {
  height:100%;
  padding:10% 8%;
  border:1px solid #cacaca
}
@media (max-width:767px) {
  .main-nav-wrapper .flex-wrapper {
    padding:24px
  }
}
.main-nav-wrapper .main-nav-logo-wrapper {
  text-align:center;
  padding:0;
  height:11%
}
@media (max-width:767px) {
  .main-nav-wrapper .main-nav-logo-wrapper {
    height:8%
  }
}
.main-nav-wrapper .main-nav-logo-wrapper .logo {
  height:100%;
  max-width:80%;
  margin:0 auto
}
.main-nav-wrapper .main-nav-logo-wrapper .sprite-animista-logo {
  height:100%;
  max-width:90%;
  fill:#3e3e3e
}
.main-nav-wrapper .copyright,
.main-nav-wrapper .main-nav,
.main-nav-wrapper .social-wrapper {
  width:100%
}
.main-nav-wrapper .social-wrapper {
  -webkit-align-self:flex-end;
  -ms-flex-item-align:end;
  align-self:flex-end
}
.main-nav-wrapper .social-wrapper .social-icons {
  width:100%;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-top:14px
}
@media (max-width:767px) {
  .main-nav-wrapper .social-wrapper .social-icons {
    margin-top:10px
  }
}
.main-nav-wrapper .social-wrapper .share-wrapper {
  margin-top:20px
}
.main-nav-wrapper .social-wrapper .social-icon {
  width:36px;
  height:36px;
  background-size:14px 14px
}
.main-nav-wrapper .social-wrapper .social-icon.social-icon-large.icon-twitter {
  background-color:transparent;
  width:75px;
  height:45px;
  margin-top:-4px;
  -webkit-transition:all .2s ease;
  transition:all .2s ease;
  background-image:url(/ess_portal_assets/static/images/twitter.svg);
  background-size:auto 40px
}
@media (max-width:767px) {
  .main-nav-wrapper .social-wrapper .social-icon {
    width:34px;
    height:34px
  }
  .main-nav-wrapper .social-wrapper .social-icon.social-icon-large.icon-twitter {
    width:60px;
    height:30px;
    background-size:30px 30px
  }
}
.main-nav-wrapper .main-nav-title {
  font:12px/1.2 'TeXGyreAdventorRegular';
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#3e3e3e;
  font-weight:400;
  margin:0;
  width:100%;
  text-align:center;
  position:relative
}
@media (max-width:767px) {
  .main-nav-wrapper .main-nav-title {
    font-size:11px;
    letter-spacing:.1em
  }
}
.main-nav-wrapper .main-nav .main-nav-item {
  text-shadow:none;
  text-decoration:none;
  list-style:none;
  width:100%;
  padding:0;
  text-align:center
}
.main-nav-wrapper .main-nav .main-nav-item a,
.main-nav-wrapper .main-nav .main-nav-item a:visited {
  display:inline-block;
  font-size:1.25em;
  letter-spacing:.09em;
  font-family:'TeXGyreAdventorRegular';
  color:#3e3e3e;
  line-height:1.1;
  position:relative;
  padding:.6em 0;
  text-decoration:none;
  text-transform:uppercase
}
.main-nav-wrapper .main-nav .main-nav-item a:after,
.main-nav-wrapper .main-nav .main-nav-item a:visited:after {
  content:"";
  position:absolute;
  top:50%;
  left:-5px;
  right:-5px;
  height:2px;
  background-color:#3e3e3e;
  opacity:0;
  -webkit-transform:scaleX(0);
  transform:scaleX(0);
  -webkit-transition:all .2s ease-out;
  transition:all .2s ease-out
}
.main-nav-wrapper .main-nav .main-nav-item a:active,
.main-nav-wrapper .main-nav .main-nav-item a:visited:active,
.no-mobiledevice .main-nav-wrapper .main-nav-item a:hover,
abbr {
  text-decoration:none
}
.main-nav-wrapper .main-nav .main-nav-item a:active:after,
.main-nav-wrapper .main-nav .main-nav-item a:visited:active:after {
  opacity:0;
  -webkit-transform:scaleX(0);
  transform:scaleX(0)
}
#anim-menu .top #anim-cat .favs-buttons a.btn-favs-filter .favs-no,
.main-nav-wrapper .main-nav,
body {
  margin:0
}
.no-mobiledevice .main-nav-wrapper .main-nav-item a:hover:after {
  opacity:1;
  -webkit-transform:scaleX(1);
  transform:scaleX(1)
}
#anim-menu,
.main-nav-wrapper {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
#anim-menu .top {
  position:relative;
  background:#3e3e3e;
  height:50px;
  z-index:2
}
@media (max-width:767px) {
  #anim-menu .top {
    height:80px;
    overflow:hidden
  }
}
#anim-menu .top .logo-container {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  width:50px;
  height:50px;
  position:absolute;
  left:0;
  top:0
}
#anim-menu .top .logo-container #logo {
  width:100%;
  height:100%;
  background:url(/ess_portal_assets/static/images/animista-logo-small.svg) 50% 50% no-repeat;
  background-size:14px
}
@media (max-width:767px) {
  #anim-menu .top .logo-container {
    width:40px;
    height:40px
  }
  #anim-menu .top .logo-container #logo {
    background-size:13px
  }
}
#anim-menu .top #anim-cat,
#anim-menu .top #anim-cat .nav {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
#anim-menu .top #anim-cat {
  font-family:'TeXGyreAdventorRegular';
  height:100%;
  padding:0 50px;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between
}
@media (max-width:767px) {
  #anim-menu .top #anim-cat {
    height:100%;
    position:relative;
    padding:0 12px
  }
}
#anim-menu .top #anim-cat .nav {
  padding:0;
  margin:0;
  height:50px;
  overflow:hidden;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start
}
@media (max-width:767px) {
  #anim-menu .top #anim-cat .nav {
    overflow-x:scroll;
    -webkit-overflow-scrolling:touch;
    position:absolute;
    bottom:-10px;
    left:0;
    right:0;
    padding-left:12px;
    height:50px
  }
  #anim-menu .top #anim-cat .nav::-webkit-scrollbar {
    display:none
  }
}
#anim-menu .top #anim-cat .nav li {
  display:block;
  float:left
}
@media (max-width:767px) {
  #anim-menu .top #anim-cat .nav li {
    padding-bottom:14px
  }
}
#anim-menu .top #anim-cat .nav li.brand {
  margin-right:30px;
  font-size:13px;
  color:#b1b1b1
}
#anim-menu .top #anim-cat .nav li.active a {
  color:#fff;
  cursor:default;
  background:#ff6060;
  -webkit-transition:background .12s ease-out;
  transition:background .12s ease-out
}
#anim-menu .top #anim-cat .nav li.active a:active {
  opacity:1;
  color:#fff
}
#anim-menu .top #anim-cat .favs-buttons a,
#anim-menu .top #anim-cat .nav li a {
  display:block;
  font-size:12px;
  letter-spacing:1px;
  border-radius:2px
}
#anim-menu .top #anim-cat .nav li a {
  position:relative;
  line-height:30px;
  background:0 0;
  outline:0;
  padding:0 12px;
  height:30px;
  -webkit-transition:all .12s ease;
  transition:all .12s ease
}
#anim-menu .middle #anim-groups-wrapper #anim-groups-list li a:active,
#anim-menu .top #anim-cat .nav li a:active,
.no-mobiledevice #anim-menu .middle #anim-groups-wrapper #anim-groups-list li a:hover {
  color:#fff
}
@media (max-width:767px) {
  #anim-menu .top #anim-cat .nav li a {
    height:28px;
    line-height:28px;
    font-size:11px;
    letter-spacing:.12em;
    padding:0 12px;
    border-radius:30px
  }
}
#anim-menu .top #anim-cat .favs-buttons,
#anim-menu .top #anim-cat .favs-buttons li {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  position:relative;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
#anim-menu .top #anim-cat .favs-buttons {
  padding:0;
  margin:0;
  overflow:hidden;
  border-radius:2px
}
@media (max-width:767px) {
  #anim-menu .top #anim-cat .favs-buttons {
    position:absolute;
    height:40px;
    top:2px;
    left:40px;
    right:42px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:end;
    justify-content:flex-end
  }
}
#anim-menu .top #anim-cat .favs-buttons.disabled li.favs-title:after {
  -webkit-animation:none;
  animation:none
}
#anim-menu .top #anim-cat .favs-buttons li {
  float:left;
  margin-left:1px
}
#anim-menu .top #anim-cat .favs-buttons li.favs-title {
  color:#fff;
  font-family:'TeXGyreAdventorBold';
  font-size:13px;
  opacity:.5;
  margin:0 9px 0 0;
  background-color:transparent;
  cursor:default
}
#anim-menu .top #anim-cat .favs-buttons li.favs-title:after {
  display:inline-block;
  background:url(/ess_portal_assets/static/images/icon-heart-white.svg) right 50% no-repeat;
  content:"";
  width:13px;
  height:13px;
  background-size:contain;
  margin-left:4px;
  -webkit-animation:heartbeat 1.5s ease-in-out infinite both;
  animation:heartbeat 1.5s ease-in-out infinite both
}
@media (max-width:767px) {
  #anim-menu .top #anim-cat .favs-buttons li.favs-title {
    font-size:12px;
    line-height:1.3
  }
  #anim-menu .top #anim-cat .favs-buttons li.favs-title:after {
    width:13px;
    height:13px
  }
}
#anim-menu .top #anim-cat .favs-buttons a {
  text-align:center;
  padding:0;
  height:28px;
  width:32px;
  background-color:#4b4b4b;
  -webkit-transition:all .15s ease;
  transition:all .15s ease
}
#anim-menu .top #anim-cat .favs-buttons a:active {
  background-color:#4b4b4b
}
#anim-menu .top #anim-cat .favs-buttons a:active.btn-favs-clear:after,
#anim-menu .top #anim-cat .favs-buttons a:active.btn-favs-download:after,
#anim-menu .top #anim-cat .favs-buttons a:active.btn-favs-filter:after,
.no-mobiledevice #anim-menu .middle #anim-groups-wrapper #anim-groups-list li a:hover .name {
  opacity:.8
}
#anim-menu .top #anim-cat .favs-buttons a.btn-favs-clear:after,
#anim-menu .top #anim-cat .favs-buttons a.btn-favs-download:after,
#anim-menu .top #anim-cat .favs-buttons a.btn-favs-filter:after {
  display:inline-block;
  content:"";
  width:15px;
  height:100%;
  background-size:contain;
  opacity:.8;
  -webkit-transition:all .1s ease;
  transition:all .1s ease
}
#anim-menu .top #anim-cat .favs-buttons a.btn-favs-filter:after {
  background:url(/ess_portal_assets/static/images/icon-filter-white.svg) 50% 50% no-repeat
}
#anim-menu .top #anim-cat .favs-buttons a.btn-favs-clear:after {
  background:url(/ess_portal_assets/static/images/icon-clear-white.svg) 50% 50% no-repeat
}
#anim-menu .top #anim-cat .favs-buttons a.btn-favs-download:after {
  background:url(/ess_portal_assets/static/images/icon-download-white.svg) 50% 50% no-repeat
}
#anim-menu .top #anim-cat .favs-buttons a.btn-favs-filter:active:before {
  opacity:0
}
#anim-menu .middle #anim-groups-wrapper {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  background:#fff;
  height:134px;
  overflow:hidden;
  white-space:nowrap;
  position:relative;
  cursor:grab!important;
  cursor:-webkit-grab;
  cursor:url(data:application/octet-stream;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAA//AAAd/wAAGf+AAAH9gAADbYAAA2yAAAZsAAAGbAAAAGAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//4AB//8AAf//AAD//5AA///gAP//4AD//8AF///AB///5A////5///8=),move!important;
  padding-left:15px
}
#anim-menu .middle #anim-groups-wrapper.grabbing {
  cursor:grabbing!important;
  cursor:-webkit-grabbing;
  cursor:url(data:application/octet-stream;base64,AAACAAEAICACAAcABQAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAAAEAAAAAAAAAAAAAAgAAAAAAAAAAAAAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAAA/AAAAfwAAAP+AAAH/gAAB/8AAAH/AAAB/wAAA/0AAANsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//////////////////////////////////////////////////////////////////////////////////////gH///4B///8Af//+AD///AA///wAH//+AB///wAf//4AH//+AD///yT/////////////////////////////8=),move!important
}
@media (max-width:767px) {
  #anim-menu .middle #anim-groups-wrapper {
    height:50px;
    padding:0
  }
}
#anim-menu .middle #anim-groups-wrapper #anim-groups-list,
#anim-menu .middle #anim-groups-wrapper #anim-groups-list li a {
  color:#fff;
  padding:0;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}
#anim-menu .middle #anim-groups-wrapper #anim-groups-list {
  display:block;
  margin:0;
  overflow:hidden;
  white-space:nowrap;
  position:relative;
  height:100%
}
@media (max-width:767px) {
  #anim-menu .middle #anim-groups-wrapper #anim-groups-list {
    display:block;
    height:60px;
    padding:10px 12px 0;
    overflow-x:scroll;
    -webkit-overflow-scrolling:touch
  }
}
#anim-menu .middle #anim-groups-wrapper #anim-groups-list li {
  display:inline-block;
  position:relative;
  background:0 0;
  margin:0;
  padding:0;
  z-index:9;
  white-space:normal;
  width:118px;
  height:134px
}
@media (max-width:767px) {
  #anim-menu .middle #anim-groups-wrapper #anim-groups-list li {
    display:inline-block;
    height:30px;
    width:auto;
    float:none;
    margin-left:8px;
    margin-bottom:10px;
    white-space:nowrap
  }
  #anim-menu .middle #anim-groups-wrapper #anim-groups-list li:first-child {
    margin-left:0
  }
}
#anim-menu .middle #anim-groups-wrapper #anim-groups-list li a {
  position:absolute;
  z-index:10;
  background-color:#3e3e3e;
  width:108px;
  height:108px;
  border-radius:50%;
  left:50%;
  top:50%;
  margin-left:-54px;
  margin-top:-54px;
  text-transform:uppercase;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  text-decoration:none;
  -webkit-transition:all .2s ease;
  transition:all .2s ease
}
@media (max-width:767px) {
  #anim-menu .middle #anim-groups-wrapper #anim-groups-list li a {
    position:relative;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -webkit-flex-direction:row-reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    white-space:nowrap;
    height:30px;
    width:auto;
    margin:0;
    padding:0 12px;
    border-radius:30px;
    left:auto;
    top:auto;
    line-height:1
  }
}
#anim-menu .middle #anim-groups-wrapper #anim-groups-list li a .has-favs {
  display:block;
  position:absolute;
  top:21px;
  width:100%;
  z-index:11;
  text-align:center;
  font-size:13px;
  font-family:'TeXGyreAdventorBold';
  color:#fff;
  opacity:.35;
  -webkit-transition:all .2s ease;
  transition:all .2s ease
}
#anim-menu .middle #anim-groups-wrapper #anim-groups-list li a .has-favs:after {
  display:inline-block;
  background:url(/ess_portal_assets/static/images/icon-heart-white.svg) 0 bottom no-repeat;
  content:"";
  width:11px;
  height:11px;
  background-size:contain;
  margin-left:2px;
  -webkit-animation:scale-in-center .2s ease-out both;
  animation:scale-in-center .2s ease-out both
}
@media (max-width:767px) {
  #anim-menu .middle #anim-groups-wrapper #anim-groups-list li a .has-favs {
    display:inline-block;
    position:relative;
    top:auto;
    width:auto;
    font-size:11px;
    margin-left:5px
  }
  #anim-menu .middle #anim-groups-wrapper #anim-groups-list li a .has-favs:after {
    width:10px;
    height:10px
  }
}
#anim-menu .middle #anim-groups-wrapper #anim-groups-list li a .name {
  z-index:8;
  font-size:12px;
  line-height:1;
  font-family:'TeXGyreAdventorBold';
  text-transform:uppercase;
  letter-spacing:1px;
  display:block;
  width:90%;
  text-align:center;
  margin:auto;
  opacity:1;
  -webkit-transition:opacity .2s ease;
  transition:opacity .2s ease
}
@media (max-width:767px) {
  #anim-menu .middle #anim-groups-wrapper #anim-groups-list li a .name {
    width:auto;
    display:inline-block;
    font-size:11px;
    padding:0;
    margin:0
  }
}
#anim-menu .middle #anim-groups-wrapper #anim-groups-list li a:after {
  -webkit-transition:all .2s ease-in;
  transition:all .2s ease-in
}
@media (max-width:767px) {
  #anim-menu .middle #anim-groups-wrapper #anim-groups-list li a:after {
    border-radius:30px
  }
}
#anim-menu .middle #anim-groups-wrapper #anim-groups-list li a.active {
  background:#ff6060;
  cursor:default;
  color:#fff;
  z-index:10;
  -webkit-transition:all .12s ease-out;
  transition:all .12s ease-out
}
#anim-menu .middle #anim-groups-wrapper #anim-groups-list li a.active:before {
  content:" ";
  position:absolute;
  display:block;
  width:0;
  height:0;
  left:50%;
  bottom:-18px;
  margin-left:-12px;
  background:0 0!important;
  border:12px solid transparent!important;
  border-bottom-color:#e6e6e6!important;
  -webkit-animation:scale-in-bottom .2s ease-out both;
  animation:scale-in-bottom .2s ease-out both
}
@media (max-width:767px) {
  #anim-menu .middle #anim-groups-wrapper #anim-groups-list li a.active:before {
    display:none
  }
}
#anim-menu .middle #anim-groups-wrapper .p-scrollbar,
#anim-menu .middle #anim-groups-wrapper .p-scrollbar>.p-indicator {
  position:absolute;
  bottom:0;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}
#anim-menu .middle #anim-groups-wrapper .p-scrollbar {
  display:none;
  left:20px;
  right:20px;
  height:3px;
  z-index:100
}
#anim-menu .middle #anim-groups-wrapper .p-scrollbar>.p-indicator {
  background:#eae7e7;
  opacity:0;
  height:0;
  z-index:1000;
  border-radius:3px
}
#anim-menu .middle #anim-groups-wrapper .p-scrollbar>.p-indicator.active {
  opacity:1;
  height:4px
}
#anim-menu .bottom:after {
  position:relative;
  width:100%;
  height:2px;
  z-index:1;
  -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.1);
  box-shadow:0 1px 5px 0 rgba(0,0,0,.1)
}
#anim-menu .bottom #anim-variations-wrapper {
  position:relative;
  overflow:hidden;
  top:0;
  padding:10px 20px;
  background:#fff;
  border-top:1px solid #e6e6e6;
  z-index:1101;
  -webkit-animation:fade-in .4s ease-out both;
  animation:fade-in .4s ease-out both
}
@media (max-width:767px) {
  #anim-menu .bottom #anim-variations-wrapper {
    height:50px;
    padding:0
  }
}
#anim-menu .bottom #anim-variations-wrapper .frame {
  display:block;
  position:relative;
  left:0;
  top:0;
  bottom:0;
  z-index:50;
  padding:0;
  margin:0;
  opacity:1
}
@media (max-width:767px) {
  #anim-menu .bottom #anim-variations-wrapper .frame {
    height:100%
  }
}
#anim-menu .bottom #anim-variations-wrapper .frame.invisible {
  visibility:hidden;
  opacity:0;
  z-index:0;
  display:none
}
#anim-menu .bottom #anim-variations-wrapper .frame.appear {
  z-index:50
}
#anim-menu .bottom #anim-variations-wrapper .frame.disappear {
  z-index:10;
  visibility:hidden;
  opacity:0;
  display:none
}
#anim-menu .bottom #anim-variations-wrapper .frame.disappear>* {
  opacity:0
}
#anim-menu .bottom #anim-variations-wrapper .frame .anim-variations {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  margin:0;
  padding:0;
  overflow:hidden;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  position:relative
}
@media (max-width:767px) {
  #anim-menu .bottom #anim-variations-wrapper .frame .anim-variations {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    overflow-x:scroll;
    -webkit-overflow-scrolling:touch;
    padding:10px 12px 8px;
    display:block;
    white-space:nowrap;
    height:60px;
    overflow-y:hidden
  }
}
#anim-menu .bottom #anim-variations-wrapper .frame .anim-variations li {
  padding:0;
  text-shadow:none;
  display:block;
  overflow:hidden;
  border:0;
  background-color:transparent;
  -webkit-box-flex:1;
  -webkit-flex:1 1 16.666666%;
  -ms-flex:1 1 16.666666%;
  flex:1 1 16.666666%;
  max-width:16.666666%
}
@media (max-width:1200px) {
  #anim-menu .bottom #anim-variations-wrapper .frame .anim-variations li {
    -webkit-box-flex:1;
    -webkit-flex:1 1 20%;
    -ms-flex:1 1 20%;
    flex:1 1 20%;
    max-width:20%
  }
}
@media (max-width:992px) {
  #anim-menu .bottom #anim-variations-wrapper .frame .anim-variations li {
    -webkit-box-flex:1;
    -webkit-flex:1 1 25%;
    -ms-flex:1 1 25%;
    flex:1 1 25%;
    max-width:25%
  }
}
@media (max-width:768px) {
  #anim-menu .bottom #anim-variations-wrapper .frame .anim-variations li {
    -webkit-box-flex:1;
    -webkit-flex:1 1 33.3333333%;
    -ms-flex:1 1 33.3333333%;
    flex:1 1 33.3333333%;
    max-width:33.3333333%
  }
}
@media (max-width:767px) {
  #anim-menu .bottom #anim-variations-wrapper .frame .anim-variations li {
    height:30px;
    -webkit-box-flex:0;
    -webkit-flex:none;
    -ms-flex:none;
    flex:none;
    display:inline-block;
    white-space:nowrap;
    max-width:initial;
    padding:0
  }
}
#anim-menu .bottom #anim-variations-wrapper .frame .anim-variations li:first-child {
  -webkit-box-flex:2;
  -webkit-flex-grow:2;
  -ms-flex-positive:2;
  flex-grow:2
}
#anim-menu .bottom #anim-variations-wrapper .frame .anim-variations li.active>a,
#anim-menu .bottom #anim-variations-wrapper .frame .anim-variations li.active>a:focus {
  color:#fff;
  background-color:#ff6060;
  text-shadow:none;
  font-family:'TeXGyreAdventorBold';
  cursor:default;
  -webkit-transition:all .12s ease-out;
  transition:all .12s ease-out
}
#anim-menu .bottom #anim-variations-wrapper .frame .anim-variations li.active>a.fav:after,
#anim-menu .bottom #anim-variations-wrapper .frame .anim-variations li.active>a:focus.fav:after {
  background:url(/ess_portal_assets/static/images/icon-heart-white.svg) 0 bottom no-repeat
}
#anim-menu .bottom #anim-variations-wrapper .frame .anim-variations li.active a:active.fav:after {
  -webkit-transform:scale(1);
  transform:scale(1);
  background:url(/ess_portal_assets/static/images/icon-heart-white.svg) 0 bottom no-repeat
}
#anim-menu .bottom #anim-variations-wrapper .frame .anim-variations li a {
  outline:0;
  display:block;
  height:30px;
  font:14px 'TeXGyreAdventorRegular';
  color:#3e3e3e;
  text-align:center;
  text-shadow:none;
  line-height:28px;
  text-decoration:none;
  padding:0 10px;
  width:100%;
  border-radius:2px;
  -webkit-transition:all .1s ease;
  transition:all .1s ease
}
@media (max-width:767px) {
  #anim-menu .bottom #anim-variations-wrapper .frame .anim-variations li a {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:11px;
    text-transform:uppercase;
    height:100%;
    letter-spacing:.04em;
    border-radius:30px;
    padding:0 12px
  }
}
#anim-menu .bottom #anim-variations-wrapper .frame .anim-variations li a:after {
  content:"";
  display:inline-block;
  background:url(/ess_portal_assets/static/images/icon-heart-dark.svg) 0 bottom no-repeat;
  opacity:0;
  margin:0;
  padding:0;
  width:0;
  height:0;
  background-size:contain;
  -webkit-transform:scale(0);
  transform:scale(0);
  -webkit-transition:all .25s ease;
  transition:all .25s ease
}
#anim-menu .bottom #anim-variations-wrapper .frame .anim-variations li a.fav:after {
  content:"";
  display:inline-block;
  background-image:url(/ess_portal_assets/static/images/icon-heart-dark.svg);
  opacity:1;
  margin:0 0 0 5px;
  width:10px;
  height:10px;
  background-size:contain;
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-transition:all .2s ease-in;
  transition:all .2s ease-in
}
@media (max-width:767px) {
  #anim-menu .bottom #anim-variations-wrapper .frame .anim-variations li a.fav:after {
    width:10px;
    height:10px
  }
}
.no-mobiledevice body.favs-only #anim-menu #anim-cat ul.favs-buttons li a.btn-favs-filter:hover,
body.favs-only #anim-menu #anim-cat ul.favs-buttons li a.btn-favs-filter,
body.favs-only #anim-menu #anim-cat ul.favs-buttons li a.btn-favs-filter:active {
  opacity:1;
  background:#ff6060;
  color:#fff
}
body.favs-only #anim-menu #anim-cat ul.favs-buttons li a.btn-favs-filter:after {
  background-image:url(/ess_portal_assets/static/images/icon-filter-white.svg);
  opacity:1
}
body.favs-only #anim-menu #anim-cat ul.favs-buttons li a.btn-favs-filter:active:before,
body.favs-only #anim-menu #anim-cat ul.favs-buttons li a.btn-favs-filter:before {
  opacity:0
}
.no-mobiledevice #anim-menu .top #anim-cat .nav li.active a:hover {
  pointer-events:none;
  opacity:1;
  background:#ff6060
}
.no-mobiledevice #anim-menu .top #anim-cat .nav li a:hover {
  color:#fff;
  background:0 0;
  opacity:.8;
  -webkit-transition:all .12s ease;
  transition:all .12s ease
}
.no-mobiledevice #anim-menu .top #anim-cat .favs-buttons a:hover {
  opacity:1;
  background:#585858;
  -webkit-transition:all .15s ease;
  transition:all .15s ease
}
.no-mobiledevice #anim-menu .middle #anim-groups-wrapper #anim-groups-list li a:hover.active .name,
.no-mobiledevice #anim-menu .top #anim-cat .favs-buttons a:hover.btn-favs-clear:after,
.no-mobiledevice #anim-menu .top #anim-cat .favs-buttons a:hover.btn-favs-download:after,
.no-mobiledevice #anim-menu .top #anim-cat .favs-buttons a:hover.btn-favs-filter:after {
  opacity:1
}
.no-mobiledevice #anim-menu .top #anim-cat .favs-buttons a.btn-favs-filter:hover:before,
.no-mobiledevice body.favs-only #anim-menu #anim-cat ul.favs-buttons li a.btn-favs-filter:hover:before {
  opacity:0
}
.no-mobiledevice #anim-menu .middle #anim-groups-wrapper #anim-groups-list li a:hover.active {
  pointer-events:none
}
.no-mobiledevice #anim-menu .middle #anim-groups-wrapper #anim-groups-list li a:hover:after {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:.1;
  -webkit-transition:-webkit-transform .25s ease-out;
  transition:transform .25s ease-out;
  transition:transform .25s ease-out,-webkit-transform .25s ease-out
}
.no-mobiledevice #anim-menu .bottom #anim-variations-wrapper .frame .anim-variations li.active>a:hover {
  color:#fff;
  background-color:#ff6060;
  text-shadow:none;
  font-family:'TeXGyreAdventorBold';
  cursor:default;
  pointer-events:none;
  -webkit-transition:all .12s ease-out;
  transition:all .12s ease-out
}
.no-mobiledevice #anim-menu .bottom #anim-variations-wrapper .frame .anim-variations li.active>a:hover.fav:after {
  background:url(/ess_portal_assets/static/images/icon-heart-white.svg) 0 bottom no-repeat
}
.no-mobiledevice #anim-menu .bottom #anim-variations-wrapper .frame .anim-variations li a:hover {
  color:#ff6060
}
.no-mobiledevice #anim-menu .bottom #anim-variations-wrapper .frame .anim-variations li a:hover.fav:after {
  background-image:url(/ess_portal_assets/static/images/icon-heart-red.svg)
}
.anim-object {
  display:none;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
}
.anim-object.active {
  display:block;
  z-index:905
}
#box-object {
  background-color:#3e3e3e;
  width:160px;
  height:160px;
  overflow:hidden;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
@media (max-width:767px) {
  #box-object {
    width:110px;
    height:110px
  }
}
#box-object-light {
  background-color:#fff;
  width:160px;
  height:160px;
  overflow:hidden
}
@media (max-width:767px) {
  #box-object-light {
    width:110px;
    height:110px
  }
}
#box-object-gradient-hor {
  position:absolute;
  width:100%;
  height:100%;
  overflow:hidden;
  top:0;
  left:0;
  background-image:-webkit-gradient(linear,right top,left top,from(#cc6aa5),color-stop(#3e91cc),to(#2dcca7));
  background-image:linear-gradient(270deg,#cc6aa5,#3e91cc,#2dcca7);
  background-size:600% 100%
}
#box-object-gradient-ver {
  background-image:-webkit-gradient(linear,left bottom,left top,from(#cc6aa5),color-stop(#3e91cc),to(#2dcca7));
  background-image:linear-gradient(0deg,#cc6aa5,#3e91cc,#2dcca7);
  background-size:100% 600%
}
#box-object-flat-color,
#box-object-gradient-diag,
#box-object-gradient-ver {
  position:absolute;
  width:100%;
  height:100%;
  overflow:hidden;
  top:0;
  left:0
}
#box-object-gradient-diag {
  background-image:linear-gradient(315deg,#cc6aa5,#3e91cc,#2dcca7);
  background-size:600% 600%;
  background-repeat:repeat
}
#box-object-flat-color {
  background-color:#3e3e3e
}
#box-object-backgroung-image {
  width:540px;
  height:360px;
  overflow:hidden;
  border:12px solid #fff;
  background-image:url(/ess_portal_assets/static/images/venezia-bw-square-04.jpg);
  background-size:120%;
  background-repeat:no-repeat;
  background-position:50% 50%
}
@media (max-width:767px) {
  #box-object-backgroung-image {
    width:76%;
    height:50.66666667%;
    border-width:6px
  }
}
#box-object-2 {
  background:#3e3e3e;
  width:240px;
  height:70px;
  border-radius:60px;
  overflow:hidden
}
#box-object-2 .text {
  color:#fff;
  font:16px 'TeXGyreAdventorBold';
  line-height:70px;
  text-align:center;
  letter-spacing:.16em;
  position:absolute;
  width:100%;
  text-transform:uppercase
}
@media (max-width:767px) {
  #box-object-2 {
    width:180px;
    height:45px
  }
  #box-object-2 .text {
    font-size:14px;
    line-height:45px
  }
}
#circle-object {
  background:#3e3e3e;
  width:150px;
  height:150px;
  border-radius:50%;
  overflow:hidden
}
@media (max-width:767px) {
  #circle-object {
    width:110px;
    height:110px
  }
}
.image-object {
  border:10px solid #fff;
  width:300px;
  height:300px;
  overflow:hidden
}
@media (max-width:767px) {
  .image-object {
    width:180px;
    height:180px;
    border-width:6px
  }
}
#image-large-object {
  overflow:hidden;
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background:url(/ess_portal_assets/static/images/venezia-bw.jpg) 0 0 no-repeat;
  background-size:cover;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}
#text-object {
  color:#3e3e3e;
  text-align:center;
  font:60px/1 'TeXGyreAdventorBold';
  text-transform:none
}
@media (max-width:767px) {
  #text-object {
    font-size:44px
  }
}
#letter-object {
  color:#fff;
  font:200px/1 'TeXGyreAdventorBold';
  text-transform:none;
  text-align:center
}
@media (max-width:767px) {
  #letter-object {
    font-size:150px
  }
}
#card-object-df1,
#card-object-df2,
#card-object-hf,
#card-object-vf {
  width:170px;
  height:170px;
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d
}
#card-object-df1 .face,
#card-object-df2 .face,
#card-object-hf .face,
#card-object-vf .face {
  position:absolute;
  width:100%;
  height:100%;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  border-radius:10px;
  text-align:center
}
#card-object-df1 .face .text,
#card-object-df2 .face .text,
#card-object-hf .face .text,
#card-object-vf .face .text {
  color:#fff;
  font-family:'TeXGyreAdventorRegular';
  font-size:68px;
  line-height:170px;
  text-align:center;
  display:inline
}
#card-object-df1 .front,
#card-object-df2 .front,
#card-object-hf .front,
#card-object-vf .front {
  background:#2dccb8;
  z-index:20
}
#card-object-df1 .back,
#card-object-df2 .back,
#card-object-hf .back,
#card-object-vf .back {
  background:#53a3dc;
  z-index:10
}
@media (max-width:767px) {
  #card-object-df1,
  #card-object-df2,
  #card-object-hf,
  #card-object-vf {
    width:110px;
    height:110px
  }
  #card-object-df1 .face .text,
  #card-object-df2 .face .text,
  #card-object-hf .face .text,
  #card-object-vf .face .text {
    font-size:48px;
    line-height:110px
  }
}
#card-object-hf .back {
  -webkit-transform:rotateX(180deg);
  transform:rotateX(180deg)
}
#card-object-vf .back {
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg)
}
#card-object-df1 .back {
  -webkit-transform:rotate3d(1,1,0,180deg);
  transform:rotate3d(1,1,0,180deg)
}
#card-object-df2 .back {
  -webkit-transform:rotate3d(-1,1,0,-180deg);
  transform:rotate3d(-1,1,0,-180deg)
}
#cube-object {
  width:140px;
  height:140px;
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d;
  -webkit-transform:translateZ(-70px) rotateX(50deg);
  transform:translateZ(-70px) rotateX(50deg)
}
#cube-object .face {
  display:block;
  position:absolute;
  width:140px;
  height:140px;
  opacity:.7
}
#cube-object .face .text {
  color:#fff;
  font:50px 'TeXGyreAdventorRegular';
  text-align:center;
  position:absolute;
  width:100%;
  line-height:140px
}
#cube-object .front {
  -webkit-transform:rotateY(0deg) translateZ(70px);
  transform:rotateY(0deg) translateZ(70px);
  background:red
}
#cube-object .back {
  -webkit-transform:rotateY(180deg) translateZ(70px);
  transform:rotateY(180deg) translateZ(70px);
  background:green
}
#cube-object .right {
  -webkit-transform:rotateY(90deg) translateZ(70px);
  transform:rotateY(90deg) translateZ(70px);
  background:#00f
}
#cube-object .left {
  -webkit-transform:rotateY(-90deg) translateZ(70px);
  transform:rotateY(-90deg) translateZ(70px);
  background:#ff0
}
#cube-object .top {
  -webkit-transform:rotateX(90deg) translateZ(70px);
  transform:rotateX(90deg) translateZ(70px);
  background:violet
}
#cube-object .bottom {
  -webkit-transform:rotateX(-90deg) translateZ(70px);
  transform:rotateX(-90deg) translateZ(70px);
  background:orange
}
@media (max-width:767px) {
  #cube-object {
    -webkit-transform:translateZ(-55px) rotateX(50deg);
    transform:translateZ(-55px) rotateX(50deg)
  }
  #cube-object,
  #cube-object .face {
    width:110px;
    height:110px
  }
  #cube-object .face .text {
    font-size:40px;
    line-height:110px
  }
  #cube-object .front {
    -webkit-transform:rotateY(0deg) translateZ(55px);
    transform:rotateY(0deg) translateZ(55px)
  }
  #cube-object .back {
    -webkit-transform:rotateY(180deg) translateZ(55px);
    transform:rotateY(180deg) translateZ(55px)
  }
  #cube-object .right {
    -webkit-transform:rotateY(90deg) translateZ(55px);
    transform:rotateY(90deg) translateZ(55px)
  }
  #cube-object .left {
    -webkit-transform:rotateY(-90deg) translateZ(55px);
    transform:rotateY(-90deg) translateZ(55px)
  }
  #cube-object .top {
    -webkit-transform:rotateX(90deg) translateZ(55px);
    transform:rotateX(90deg) translateZ(55px)
  }
  #cube-object .bottom {
    -webkit-transform:rotateX(-90deg) translateZ(55px);
    transform:rotateX(-90deg) translateZ(55px)
  }
}
#triangular-prism-object {
  width:200px;
  height:140px;
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d
}
#triangular-prism-object .face {
  display:block;
  position:absolute;
  width:200px;
  height:140px;
  opacity:.7
}
#triangular-prism-object .face .text {
  color:#fff;
  font:50px 'TeXGyreAdventorRegular';
  text-align:center;
  position:absolute;
  width:100%;
  height:140px
}
#triangular-prism-object .front {
  -webkit-transform:rotateY(0deg) translateZ(57.735026918962596px);
  transform:rotateY(0deg) translateZ(57.735026918962596px);
  background:red
}
#triangular-prism-object .right {
  -webkit-transform:rotateY(120deg) translateZ(57.735026918962596px);
  transform:rotateY(120deg) translateZ(57.735026918962596px);
  background:green
}
#triangular-prism-object .left {
  -webkit-transform:rotateY(240deg) translateZ(57.735026918962596px);
  transform:rotateY(240deg) translateZ(57.735026918962596px);
  background:#00f
}
@media (max-width:767px) {
  #triangular-prism-object,
  #triangular-prism-object .face {
    width:140px;
    height:100px
  }
  #triangular-prism-object .face .text {
    font-size:50px;
    line-height:100px
  }
  #triangular-prism-object .front {
    -webkit-transform:rotateY(0deg) translateZ(40.41451884327382px);
    transform:rotateY(0deg) translateZ(40.41451884327382px)
  }
  #triangular-prism-object .right {
    -webkit-transform:rotateY(120deg) translateZ(40.41451884327382px);
    transform:rotateY(120deg) translateZ(40.41451884327382px)
  }
  #triangular-prism-object .left {
    -webkit-transform:rotateY(240deg) translateZ(40.41451884327382px);
    transform:rotateY(240deg) translateZ(40.41451884327382px)
  }
}
#svg-text-object {
  width:380px;
  margin:0 auto
}
#svg-text-object path {
  stroke-width:1px;
  stroke-linecap:round;
  stroke-linejoin:round
}
@media (max-width:767px) {
  #svg-text-object {
    width:70%
  }
}
.anim-presentation {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  height:650px;
  background-color:#dfdfdf;
  position:relative
}
@media (max-width:767px) {
  .anim-presentation {
    position:absolute;
    top:182px;
    left:0;
    right:0;
    bottom:45px;
    overflow:hidden;
    height:auto
  }
}
.anim-presentation #btn-hide-options {
  display:none
}
@media (max-width:767px) {
  .anim-presentation #btn-hide-options {
    display:block
  }
}
.anim-presentation .anim-options-wrapper {
  width:270px;
  position:absolute;
  top:20px;
  left:20px;
  z-index:906;
  -webkit-animation:none;
  animation:none
}
@media (max-width:767px) {
  .anim-presentation .anim-options-wrapper {
    width:auto;
    right:12px;
    top:12px;
    left:12px;
    bottom:12px;
    padding:15px;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
    background-color:#fff;
    -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.1);
    box-shadow:0 1px 5px 0 rgba(0,0,0,.1);
    -webkit-transform:translateX(-120%);
    transform:translateX(-120%)
  }
}
.anim-presentation #anim-objects,
.anim-presentation #anim-options-form {
  position:relative;
  margin-bottom:1px;
  width:100%;
  height:100%;
  background-color:#fff;
  border-radius:2px;
  z-index:1000;
  padding:20px;
  -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.1);
  box-shadow:0 1px 5px 0 rgba(0,0,0,.1)
}
@media (max-width:767px) {
  .anim-presentation #anim-objects,
  .anim-presentation #anim-options-form {
    height:auto;
    padding:0;
    -webkit-box-shadow:none;
    box-shadow:none
  }
}
.anim-presentation #anim-objects legend,
.anim-presentation #anim-options-form legend {
  margin:0;
  font-family:'TeXGyreAdventorBold';
  font-size:13px;
  text-align:left;
  color:#585858;
  position:relative;
  padding-bottom:8px;
  padding-top:2px;
  width:100%;
  line-height:1;
  letter-spacing:.06em;
  background-color:#fff;
  text-transform:uppercase
}
.anim-presentation #anim-objects fieldset,
.anim-presentation #anim-options-form fieldset {
  position:relative;
  margin-top:0;
  padding:0;
  border:0
}
.anim-presentation #anim-objects fieldset .uneditable-input,
.anim-presentation #anim-objects fieldset input,
.anim-presentation #anim-objects fieldset input[type=color],
.anim-presentation #anim-objects fieldset input[type=date],
.anim-presentation #anim-objects fieldset input[type=datetime-local],
.anim-presentation #anim-objects fieldset input[type=datetime],
.anim-presentation #anim-objects fieldset input[type=email],
.anim-presentation #anim-objects fieldset input[type=month],
.anim-presentation #anim-objects fieldset input[type=number],
.anim-presentation #anim-objects fieldset input[type=password],
.anim-presentation #anim-objects fieldset input[type=search],
.anim-presentation #anim-objects fieldset input[type=tel],
.anim-presentation #anim-objects fieldset input[type=text],
.anim-presentation #anim-objects fieldset input[type=time],
.anim-presentation #anim-objects fieldset input[type=url],
.anim-presentation #anim-objects fieldset input[type=week],
.anim-presentation #anim-objects fieldset textarea,
.anim-presentation #anim-options-form fieldset .uneditable-input,
.anim-presentation #anim-options-form fieldset input,
.anim-presentation #anim-options-form fieldset input[type=color],
.anim-presentation #anim-options-form fieldset input[type=date],
.anim-presentation #anim-options-form fieldset input[type=datetime-local],
.anim-presentation #anim-options-form fieldset input[type=datetime],
.anim-presentation #anim-options-form fieldset input[type=email],
.anim-presentation #anim-options-form fieldset input[type=month],
.anim-presentation #anim-options-form fieldset input[type=number],
.anim-presentation #anim-options-form fieldset input[type=password],
.anim-presentation #anim-options-form fieldset input[type=search],
.anim-presentation #anim-options-form fieldset input[type=tel],
.anim-presentation #anim-options-form fieldset input[type=text],
.anim-presentation #anim-options-form fieldset input[type=time],
.anim-presentation #anim-options-form fieldset input[type=url],
.anim-presentation #anim-options-form fieldset input[type=week],
.anim-presentation #anim-options-form fieldset textarea {
  display:inline-block;
  height:29px;
  padding:0 10px;
  margin-bottom:0;
  font-size:13px;
  color:#585858;
  vertical-align:middle;
  border-radius:0;
  border:0;
  background-color:#ebebeb;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-weight:400;
  font-family:'TeXGyreAdventorBold';
  line-height:29px
}
.anim-presentation #anim-objects fieldset .uneditable-input:focus,
.anim-presentation #anim-objects fieldset input:focus,
.anim-presentation #anim-objects fieldset input[type=color]:focus,
.anim-presentation #anim-objects fieldset input[type=date]:focus,
.anim-presentation #anim-objects fieldset input[type=datetime-local]:focus,
.anim-presentation #anim-objects fieldset input[type=datetime]:focus,
.anim-presentation #anim-objects fieldset input[type=email]:focus,
.anim-presentation #anim-objects fieldset input[type=month]:focus,
.anim-presentation #anim-objects fieldset input[type=number]:focus,
.anim-presentation #anim-objects fieldset input[type=password]:focus,
.anim-presentation #anim-objects fieldset input[type=search]:focus,
.anim-presentation #anim-objects fieldset input[type=tel]:focus,
.anim-presentation #anim-objects fieldset input[type=text]:focus,
.anim-presentation #anim-objects fieldset input[type=time]:focus,
.anim-presentation #anim-objects fieldset input[type=url]:focus,
.anim-presentation #anim-objects fieldset input[type=week]:focus,
.anim-presentation #anim-objects fieldset textarea:focus,
.anim-presentation #anim-options-form fieldset .uneditable-input:focus,
.anim-presentation #anim-options-form fieldset input:focus,
.anim-presentation #anim-options-form fieldset input[type=color]:focus,
.anim-presentation #anim-options-form fieldset input[type=date]:focus,
.anim-presentation #anim-options-form fieldset input[type=datetime-local]:focus,
.anim-presentation #anim-options-form fieldset input[type=datetime]:focus,
.anim-presentation #anim-options-form fieldset input[type=email]:focus,
.anim-presentation #anim-options-form fieldset input[type=month]:focus,
.anim-presentation #anim-options-form fieldset input[type=number]:focus,
.anim-presentation #anim-options-form fieldset input[type=password]:focus,
.anim-presentation #anim-options-form fieldset input[type=search]:focus,
.anim-presentation #anim-options-form fieldset input[type=tel]:focus,
.anim-presentation #anim-options-form fieldset input[type=text]:focus,
.anim-presentation #anim-options-form fieldset input[type=time]:focus,
.anim-presentation #anim-options-form fieldset input[type=url]:focus,
.anim-presentation #anim-options-form fieldset input[type=week]:focus,
.anim-presentation #anim-options-form fieldset textarea:focus {
  background-color:#e1e1e1;
  outline:0;
  outline:thin dotted \9
}
.anim-presentation #anim-objects fieldset input[disabled],
.anim-presentation #anim-objects fieldset input[readonly],
.anim-presentation #anim-objects fieldset select[disabled],
.anim-presentation #anim-objects fieldset select[readonly],
.anim-presentation #anim-objects fieldset textarea[disabled],
.anim-presentation #anim-objects fieldset textarea[readonly],
.anim-presentation #anim-options-form fieldset input[disabled],
.anim-presentation #anim-options-form fieldset input[readonly],
.anim-presentation #anim-options-form fieldset select[disabled],
.anim-presentation #anim-options-form fieldset select[readonly],
.anim-presentation #anim-options-form fieldset textarea[disabled],
.anim-presentation #anim-options-form fieldset textarea[readonly] {
  cursor:not-allowed;
  border-bottom-left-radius:2px;
  border-top-left-radius:2px;
  opacity:.4
}
.anim-presentation #anim-objects fieldset label,
.anim-presentation #anim-options-form fieldset label {
  font:12px/1.2 'HelveticaNeue-Light','HelveticaNeue',Helvetica,'Roboto-Thin',Arial,sans-serif-light;
  color:#7e7e7e;
  display:block;
  margin:0 0 2px;
  letter-spacing:.04em
}
.anim-presentation #anim-objects fieldset label.checkbox.inline,
.anim-presentation #anim-options-form fieldset label.checkbox.inline {
  margin:3px 0 0 12px;
  padding:2px 0 0 20px;
  vertical-align:text-top!important;
  line-height:8px;
  height:20px;
  display:inline-block
}
.anim-presentation #anim-objects fieldset label.checkbox.inline input[type=checkbox],
.anim-presentation #anim-options-form fieldset label.checkbox.inline input[type=checkbox] {
  -webkit-box-shadow:inset 0 0 0 transparent;
  box-shadow:inset 0 0 0 transparent;
  margin:-3px 6px 0 -20px;
  padding:0;
  float:none;
  background:0 0;
  border:1px solid #a4a4a4;
  -webkit-appearance:none!important;
  appearance:none!important;
  -moz-appearance:checkbox;
  outline:0!important;
  -webkit-box-sizing:border-box!important;
  box-sizing:border-box!important;
  width:14px;
  height:14px;
  border-radius:2px
}
.anim-presentation #anim-objects fieldset label.checkbox.inline input[type=checkbox]:checked,
.anim-presentation #anim-options-form fieldset label.checkbox.inline input[type=checkbox]:checked {
  background:#ebebeb url(/ess_portal_assets/static/images/chk-checked-2.svg) 1px 2px no-repeat;
  background-size:12px;
  border-color:#ebebeb
}
*,
.anim-presentation #anim-objects fieldset input,
.anim-presentation #anim-objects fieldset textarea,
.anim-presentation #anim-options-form fieldset input,
.anim-presentation #anim-options-form fieldset textarea,
:after,
:before {
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
.anim-presentation #anim-objects fieldset select,
.anim-presentation #anim-options-form fieldset select {
  display:inline-block;
  width:100%;
  height:29px;
  padding:0 10px;
  margin-bottom:0;
  font-size:13px;
  line-height:29px;
  font-weight:400;
  font-family:'TeXGyreAdventorBold';
  color:#585858;
  vertical-align:middle;
  background:#ebebeb url(/ess_portal_assets/static/images/icon-ddl-arrow-black.svg) no-repeat;
  background-position:calc(100% - 8px) 7px;
  background-size:17px;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  appearance:none!important;
  outline:0!important;
  -webkit-box-sizing:border-box!important;
  box-sizing:border-box!important;
  border:0;
  z-index:1000;
  cursor:pointer;
  border-radius:2px
}
.anim-presentation #anim-objects fieldset select:focus,
.anim-presentation #anim-options-form fieldset select:focus {
  background-color:#e1e1e1
}
.anim-presentation #anim-objects fieldset select option,
.anim-presentation #anim-options-form fieldset select option {
  color:#333;
  background:#fff
}
.anim-presentation #anim-objects fieldset select optgroup[label],
.anim-presentation #anim-options-form fieldset select optgroup[label] {
  color:#eee;
  background:#3e3e3e
}
.anim-presentation #anim-objects fieldset .form-control,
.anim-presentation #anim-options-form fieldset .form-control {
  padding:3px 0 5px
}
.anim-presentation #anim-objects fieldset .form-control:first-child,
.anim-presentation #anim-options-form fieldset .form-control:first-child {
  border-top:none
}
.anim-presentation #anim-objects fieldset .form-control:last-child,
.anim-presentation #anim-options-form fieldset .form-control:last-child {
  padding-bottom:0
}
.anim-presentation #anim-objects fieldset .form-control input.input-small,
.anim-presentation #anim-options-form fieldset .form-control input.input-small {
  width:62%;
  border-bottom-left-radius:2px;
  border-top-left-radius:2px
}
.anim-presentation #anim-objects fieldset .form-control input.input-small#anim-iteration-count,
.anim-presentation #anim-options-form fieldset .form-control input.input-small#anim-iteration-count {
  border-radius:2px
}
.anim-presentation #anim-objects fieldset .form-control select,
.anim-presentation #anim-options-form fieldset .form-control select {
  margin-left:0
}
.anim-presentation #anim-objects fieldset .form-control select#anim-timing-steps-direction,
.anim-presentation #anim-objects fieldset .form-control select.time-unit-select,
.anim-presentation #anim-options-form fieldset .form-control select#anim-timing-steps-direction,
.anim-presentation #anim-options-form fieldset .form-control select.time-unit-select {
  width:calc(38% - 1px);
  margin-left:1px;
  font-weight:400
}
.anim-presentation #anim-objects fieldset .form-control select#anim-delay-unit,
.anim-presentation #anim-objects fieldset .form-control select#anim-duration-unit,
.anim-presentation #anim-objects fieldset .form-control select#anim-timing-steps-direction,
.anim-presentation #anim-options-form fieldset .form-control select#anim-delay-unit,
.anim-presentation #anim-options-form fieldset .form-control select#anim-duration-unit,
.anim-presentation #anim-options-form fieldset .form-control select#anim-timing-steps-direction {
  border-bottom-left-radius:0;
  border-top-left-radius:0
}
.anim-presentation #anim-objects fieldset .form-control .animation-steps,
.anim-presentation #anim-options-form fieldset .form-control .animation-steps {
  margin-top:12px
}
.anim-presentation #anim-objects fieldset .form-control .animation-steps label.checkbox.inline,
.anim-presentation #anim-options-form fieldset .form-control .animation-steps label.checkbox.inline {
  float:left;
  margin:0 0 0 2px;
  width:100%;
  padding-left:19px
}
.anim-presentation #anim-objects fieldset .btn-small,
.anim-presentation #anim-options-form fieldset .btn-small {
  display:none
}
@media (max-width:767px) {
  .anim-presentation #anim-objects fieldset .btn-small,
  .anim-presentation #anim-options-form fieldset .btn-small {
    display:inline-block;
    margin-top:6px
  }
}
.anim-presentation .anim-demo {
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  overflow:hidden
}
.anim-presentation .anim-demo #anim-stage {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  padding:0 0 0 290px;
  margin:0;
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index:900;
  -webkit-perspective:500px;
  perspective:500px;
  -webkit-perspective-origin:calc(50% + 120px) 50%;
  perspective-origin:calc(50% + 120px) 50%
}
@media (max-width:767px) {
  .anim-presentation .anim-demo #anim-stage {
    padding:0;
    -webkit-perspective-origin:50% 50%;
    perspective-origin:50% 50%
  }
}
.anim-presentation .anim-demo #btn-anim-options {
  display:none;
  position:absolute;
  left:12px;
  top:14px;
  margin:0;
  z-index:1000
}
@media (max-width:767px) {
  .anim-presentation .anim-demo #btn-anim-options {
    display:block
  }
}
.anim-presentation .anim-demo #anim-controls {
  position:absolute;
  right:20px;
  top:20px;
  z-index:1000;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
@media (max-width:767px) {
  .anim-presentation .anim-demo #anim-controls {
    right:12px;
    top:14px
  }
}
.anim-presentation .anim-demo #code-wrapper,
.anim-presentation .anim-demo .btn-controls {
  background-color:#fff;
  -webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.09);
  box-shadow:0 1px 4px 0 rgba(0,0,0,.09)
}
.anim-presentation .anim-demo .btn-controls {
  width:42px;
  height:42px;
  border:0;
  -webkit-box-shadow:none;
  box-shadow:none;
  border-radius:50%;
  margin-left:10px;
  text-indent:-10000px;
  color:transparent;
  -webkit-transition:-webkit-transform .15s ease;
  transition:transform .15s ease;
  transition:transform .15s ease,-webkit-transform .15s ease;
  position:relative
}
@media (max-width:767px) {
  .anim-presentation .anim-demo .btn-controls {
    margin-left:7px;
    width:33px;
    height:33px
  }
}
.anim-presentation .anim-demo .btn-controls:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:center;
  background-size:16px
}
@media (max-width:767px) {
  .anim-presentation .anim-demo .btn-controls:after {
    background-size:15px
  }
}
.anim-presentation .anim-demo .btn-controls#btn-anim-options:after {
  background-size:19px;
  background-image:url(/ess_portal_assets/static/images/icon-settings.svg)
}
.anim-presentation .anim-demo .btn-controls#btn-fav:after {
  background-image:url(/ess_portal_assets/static/images/icon-heart-dark-outline.svg)
}
.anim-presentation .anim-demo .btn-controls#btn-fav.fav:after {
  background-image:url(/ess_portal_assets/static/images/icon-heart-dark.svg)
}
.anim-presentation .anim-demo .btn-controls#btn-replay:after {
  background-image:url(/ess_portal_assets/static/images/icon-replay.svg)
}
.anim-presentation .anim-demo .btn-controls#btn-generate:after {
  background-image:url(/ess_portal_assets/static/images/icon-gen-code.svg)
}
.anim-presentation .anim-demo .btn-controls:active {
  -webkit-transform:scale(1);
  transform:scale(1)
}
.anim-presentation .anim-demo #code-wrapper {
  display:block;
  position:absolute;
  padding:50px 60px;
  left:20px;
  right:20px;
  top:20px;
  bottom:20px;
  z-index:1100;
  overflow:hidden;
  -webkit-transform:translateX(120%);
  transform:translateX(120%)
}
.anim-presentation .anim-demo #code-wrapper .bmc-wrapper {
  margin:0 0 0 1rem
}
.anim-presentation .anim-demo #code-wrapper .bmc-wrapper img {
  width:150px!important;
  height:38px!important
}
@media (max-width:767px) {
  .anim-presentation .anim-demo #code-wrapper {
    padding:20px 15px;
    left:12px;
    right:12px;
    top:12px;
    bottom:12px;
    overflow-y:scroll
  }
  .anim-presentation .anim-demo #code-wrapper::-webkit-scrollbar {
    display:none
  }
}
.anim-presentation .anim-demo #code-wrapper .dl-options-wrapper {
  width:100%;
  margin:0 0 1.2em
}
@media (max-width:767px) {
  .anim-presentation .anim-demo #code-wrapper .dl-options-wrapper {
    margin-bottom:12px;
    height:22px
  }
}
.anim-presentation .anim-demo #code-wrapper .dl-options-wrapper .dl-option-label-wrapper {
  display:inline-block;
  position:relative
}
.anim-presentation .anim-demo #code-wrapper .dl-options-wrapper .dl-option-label {
  margin:0 15px 0 0
}
@media (max-width:767px) {
  .anim-presentation .anim-demo #code-wrapper .dl-options-wrapper .dl-option-label {
    margin-right:12px
  }
}
.anim-presentation .anim-demo #code-wrapper .dl-options-wrapper .tasks-list-chk-desc {
  font-size:13px
}
@media (max-width:767px) {
  .anim-presentation .anim-demo #code-wrapper .dl-options-wrapper .tasks-list-chk-desc {
    font-size:12px;
    letter-spacing:.07em
  }
}
.anim-presentation .anim-demo #code-wrapper .dl-options-wrapper .dl-option-chk-mark {
  width:22px;
  height:22px
}
.anim-presentation .anim-demo #code-wrapper .dl-options-wrapper .dl-option-chk-mark:before {
  top:12%
}
.anim-presentation .anim-demo #code-wrapper .dl-options-wrapper .dl-option-chk-mark:after {
  top:42%
}
.anim-presentation .anim-demo #code-wrapper .dl-options-wrapper .dl-option-chk:checked~.dl-option-chk-mark:before {
  height:5px
}
.anim-presentation .anim-demo #code-wrapper .dl-options-wrapper .dl-option-chk:checked~.dl-option-chk-mark:after {
  width:11px
}
.anim-presentation .anim-demo #code-wrapper .dl-options-wrapper h4 {
  margin:0;
  display:inline-block
}
.anim-presentation .anim-demo #code-wrapper h4 {
  margin:0 0 .8em;
  font-family:'TeXGyreAdventorBold';
  font-size:1.05em;
  letter-spacing:.035em;
  font-weight:400
}
.anim-presentation .anim-demo #code-wrapper .code-container {
  position:relative;
  margin-bottom:2.5em
}
@media (max-width:767px) {
  .anim-presentation .anim-demo #code-wrapper .code-container {
    margin-bottom:1.3em
  }
}
.anim-presentation .anim-demo #code-wrapper .gen-code {
  position:relative;
  margin:0 0 1.5em;
  padding:1em;
  min-height:255px;
  line-height:1.25;
  background-color:#eee;
  border-radius:2px
}
.anim-presentation .anim-demo #code-wrapper .gen-code#code-anim-properties {
  min-height:90px
}
@media (max-width:767px) {
  .anim-presentation .anim-demo #code-wrapper .gen-code {
    margin-bottom:15px;
    font-size:12px;
    min-height:110px;
    line-height:1.2;
    padding:10px
  }
  .anim-presentation .anim-demo #code-wrapper .gen-code#code-anim-properties {
    min-height:62px
  }
  .anim-presentation .anim-demo #code-wrapper .gen-code::-webkit-scrollbar {
    display:none
  }
}
@media (max-width:480px) {
  .anim-presentation .anim-demo #code-wrapper .gen-code {
    min-height:80px
  }
}
.anim-presentation .anim-demo #code-wrapper .code-tip-wrapper {
  background-color:#f6f6f6;
  padding:8px 15px;
  font-family:'HelveticaNeue-Light','HelveticaNeue',Helvetica,'Roboto-Thin',Arial,sans-serif-light;
  font-size:1em;
  letter-spacing:.06em;
  -webkit-transition:all .3s ease;
  transition:all .3s ease
}
.anim-presentation .anim-demo #code-wrapper .code-tip-wrapper .anim-hide .btn-fav {
  -webkit-animation:fade-out-bck .4s cubic-bezier(.25,.46,.45,.94) both;
  animation:fade-out-bck .4s cubic-bezier(.25,.46,.45,.94) both
}
.anim-presentation .anim-demo #code-wrapper .code-tip-wrapper .btn-fav,
.no-mobiledevice .anim-demo .btn-controls:hover {
  -webkit-transition:-webkit-transform .15s ease;
  transition:transform .15s ease;
  transition:transform .15s ease,-webkit-transform .15s ease
}
.anim-presentation .anim-demo #code-wrapper .code-tip-wrapper .btn-fav {
  display:inline-block;
  width:15px;
  height:15px;
  vertical-align:text-bottom;
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url(/ess_portal_assets/static/images/icon-heart-dark-outline.svg)
}
.anim-presentation .anim-demo #code-wrapper .code-tip-wrapper .btn-fav.fav {
  background-image:url(/ess_portal_assets/static/images/icon-heart-dark.svg)
}
.anim-presentation .anim-demo #code-wrapper .code-tip-wrapper .btn-fav:hover {
  -webkit-animation:pulsate-fwd .3s ease-in-out both;
  animation:pulsate-fwd .3s ease-in-out both
}
.anim-presentation .anim-demo #code-wrapper .code-controls {
  width:100%;
  position:relative;
  z-index:1;
  margin:0
}
.anim-presentation .anim-demo #code-wrapper #copy-notification {
  position:absolute;
  right:0;
  bottom:0;
  margin:0;
  padding:8px 15px 9px;
  font:13px/1 'HelveticaNeueBold',Helvetica,Arial,sans-serif;
  font-weight:700;
  height:29px;
  background:#2dccb8;
  color:#fff;
  border-radius:2px;
  width:100%;
  text-align:center;
  -webkit-animation:fade-in .3s ease both;
  animation:fade-in .3s ease both
}
.showing-options .anim-options-wrapper {
  -webkit-animation:slide-in-right-alt .4s cubic-bezier(.25,.46,.45,.94) .15s both;
  animation:slide-in-right-alt .4s cubic-bezier(.25,.46,.45,.94) .15s both
}
.showing-options .btn-controls {
  -webkit-animation:slide-out-top .4s cubic-bezier(.55,.055,.675,.19) both;
  animation:slide-out-top .4s cubic-bezier(.55,.055,.675,.19) both
}
.showing-options .btn-controls#btn-generate {
  -webkit-animation-delay:.2s;
  animation-delay:.2s
}
.showing-options .btn-controls#btn-fav {
  -webkit-animation-delay:.17s;
  animation-delay:.17s
}
.showing-options .btn-controls#btn-replay {
  -webkit-animation-delay:.14s;
  animation-delay:.14s
}
.hiding-options .btn-controls#btn-generate,
.showing-options .btn-controls#btn-anim-options {
  -webkit-animation-delay:.03s;
  animation-delay:.03s
}
.hiding-options .anim-options-wrapper {
  -webkit-animation:slide-out-left-alt .5s cubic-bezier(.55,.055,.675,.19) both;
  animation:slide-out-left-alt .5s cubic-bezier(.55,.055,.675,.19) both
}
.hiding-options #btn-anim-options {
  -webkit-animation-delay:.26s;
  animation-delay:.26s
}
.hiding-options #btn-anim-options,
.hiding-options .btn-controls {
  -webkit-animation:slide-in-top .4s cubic-bezier(.25,.46,.45,.94) both;
  animation:slide-in-top .4s cubic-bezier(.25,.46,.45,.94) both
}
.hiding-options .btn-controls#btn-fav {
  -webkit-animation-delay:.06s;
  animation-delay:.06s
}
.hiding-options .btn-controls#btn-replay {
  -webkit-animation-delay:.09s;
  animation-delay:.09s
}
.hiding-options .btn-controls#btn-anim-options {
  -webkit-animation-delay:.26s;
  animation-delay:.26s
}
.showing-code #code-wrapper {
  -webkit-animation:slide-in-left-alt .4s cubic-bezier(.25,.46,.45,.94) .15s both;
  animation:slide-in-left-alt .4s cubic-bezier(.25,.46,.45,.94) .15s both
}
.showing-code .anim-options-wrapper {
  -webkit-animation:slide-out-left .4s cubic-bezier(.55,.055,.675,.19) .2s forwards;
  animation:slide-out-left .4s cubic-bezier(.55,.055,.675,.19) .2s forwards
}
@media (max-width:767px) {
  .showing-code .anim-options-wrapper {
    -webkit-animation:none;
    animation:none
  }
}
.showing-code .btn-controls {
  -webkit-animation:slide-out-top .4s cubic-bezier(.55,.055,.675,.19) both;
  animation:slide-out-top .4s cubic-bezier(.55,.055,.675,.19) both
}
.showing-code .btn-controls#btn-generate {
  -webkit-animation-delay:.03s;
  animation-delay:.03s
}
.showing-code .btn-controls#btn-fav {
  -webkit-animation-delay:.06s;
  animation-delay:.06s
}
.showing-code .btn-controls#btn-replay {
  -webkit-animation-delay:.09s;
  animation-delay:.09s
}
.showing-code .btn-controls#btn-anim-options {
  -webkit-animation-delay:.2s;
  animation-delay:.2s
}
.showing-code .code-tip-wrapper {
  -webkit-animation:shake-vertical .8s cubic-bezier(.455,.03,.515,.955) .9s both;
  animation:shake-vertical .8s cubic-bezier(.455,.03,.515,.955) .9s both
}
.anim-presentation .anim-demo #code-wrapper .code-controls,
.showing-code .code-tip-wrapper .code-tip-text {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.hiding-code #code-wrapper {
  -webkit-animation:slide-out-right-alt .5s cubic-bezier(.55,.055,.675,.19) both;
  animation:slide-out-right-alt .5s cubic-bezier(.55,.055,.675,.19) both
}
.hiding-code .anim-options-wrapper {
  -webkit-animation:slide-in-left .4s cubic-bezier(.25,.46,.45,.94) .1s backwards;
  animation:slide-in-left .4s cubic-bezier(.25,.46,.45,.94) .1s backwards
}
@media (max-width:767px) {
  .hiding-code .anim-options-wrapper {
    -webkit-animation:none;
    animation:none
  }
}
.hiding-code .btn-controls {
  -webkit-animation:slide-in-top .4s cubic-bezier(.25,.46,.45,.94) both;
  animation:slide-in-top .4s cubic-bezier(.25,.46,.45,.94) both
}
.hiding-code .btn-controls#btn-generate {
  -webkit-animation-delay:.26s;
  animation-delay:.26s
}
.hiding-code .btn-controls#btn-fav {
  -webkit-animation-delay:.23s;
  animation-delay:.23s
}
.hiding-code .btn-controls#btn-replay {
  -webkit-animation-delay:.2s;
  animation-delay:.2s
}
.hiding-code .btn-controls#btn-anim-options {
  -webkit-animation-delay:.03s;
  animation-delay:.03s
}
.no-mobiledevice .anim-demo .btn-controls:hover {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
}
.no-mobiledevice .anim-demo .btn-controls:hover#btn-replay:after {
  -webkit-animation:rotate-center .4s cubic-bezier(.68,-.55,.265,1.55) both;
  animation:rotate-center .4s cubic-bezier(.68,-.55,.265,1.55) both
}
.no-mobiledevice .anim-demo .btn-controls:hover#btn-fav:after,
.no-mobiledevice .anim-demo .btn-controls:hover#btn-generate:after {
  -webkit-animation:pulsate-fwd .3s ease-in-out both;
  animation:pulsate-fwd .3s ease-in-out both
}
.no-mobiledevice .anim-demo .btn-controls:active {
  -webkit-transform:scale(1);
  transform:scale(1);
  -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.09);
  box-shadow:0 1px 1px 0 rgba(0,0,0,.09);
  -webkit-transition:-webkit-transform .1s ease;
  transition:transform .1s ease;
  transition:transform .1s ease,-webkit-transform .1s ease
}
.site-footer {
  position:relative;
  margin:0;
  color:#3e3e3e;
  padding:18px 20px;
  border-top:1px solid #e4e4e4
}
@media (max-width:767px) {
  .site-footer {
    text-align:center;
    padding:18px 12px
  }
  .site-footer.mob-fixed {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:5px 12px;
    height:45px;
    text-align:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
  }
}
.site-footer p {
  font:12px/1.2 'TeXGyreAdventorRegular';
  letter-spacing:1px;
  text-transform:uppercase;
  padding:0;
  margin:0 4px 0 0
}
@media (max-width:767px) {
  .site-footer p {
    font-size:10px;
    letter-spacing:.09em
  }
  .site-footer p .share-txt {
    display:none
  }
}
.site-footer a,
.site-footer a:visited {
  font-weight:700;
  position:relative;
  text-decoration:none;
  color:#3e3e3e;
  -webkit-transition:all .1s ease;
  transition:all .1s ease
}
.no-mobiledevice #carbonads a.carbon-text:hover,
.site-footer .author-container p.author-info a:active,
.site-footer .author-container p.author-info a:hover,
.site-footer a:active,
.site-footer a:hover,
.site-footer a:visited:active,
.site-footer a:visited:hover {
  color:#ff6060;
  text-decoration:none
}
.site-footer a.inline-link,
.site-footer a:visited.inline-link {
  display:inline-block;
  padding-left:6px
}
.site-footer .author-container {
  margin:0;
  padding:0;
  text-align:center
}
.site-footer .author-container .flex-wrapper {
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start
}
.site-footer .author-container p.author-info {
  display:inline-block;
  margin-right:10px
}
.site-footer .social-wrapper .social-icons {
  width:100%;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center
}
.site-footer .social-wrapper .social-icon,
.site-footer .social-wrapper .social-icon:active {
  margin-left:3px
}
@media (max-width:767px) {
  .site-footer .social-wrapper .social-icon,
  .site-footer .social-wrapper .social-icon:active {
    display:none
  }
}
.site-footer .share-container {
  margin:0;
  padding:0;
  text-align:right
}
@font-face {
  font-family:'TeXGyreAdventorRegular';
  src:url(/webfonts/texgyreadventor-regular-webfont.eot);
  src:url(/webfonts/texgyreadventor-regular-webfont.eot?#iefix) format('embedded-opentype'),
  url(/webfonts/texgyreadventor-regular-webfont.woff2) format('woff2'),
  url(/webfonts/texgyreadventor-regular-webfont.woff) format('woff'),
  url(/webfonts/texgyreadventor-regular-webfont.ttf) format('truetype'),
  url(/ess_portal_assets/static/images/texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular) format('svg');
  font-weight:400;
  font-style:normal;
  font-display:swap
}
@font-face {
  font-family:'TeXGyreAdventorBold';
  src:url(/webfonts/texgyreadventor-bold-webfont.eot);
  src:url(/webfonts/texgyreadventor-bold-webfont.eot?#iefix) format('embedded-opentype'),
  url(/webfonts/texgyreadventor-bold-webfont.woff2) format('woff2'),
  url(/webfonts/texgyreadventor-bold-webfont.woff) format('woff'),
  url(/webfonts/texgyreadventor-bold-webfont.ttf) format('truetype'),
  url(/ess_portal_assets/static/images/texgyreadventor-bold-webfont.svg#TeXGyreAdventorBold) format('svg');
  font-weight:400;
  font-style:normal;
  font-display:swap
}
.mobile-wrapper {
  display:none;
  position:fixed;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index:10000;
  background:#fff;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.mobile-wrapper .intro {
  padding:30px;
  -webkit-perspective:500px;
  perspective:500px
}
@media (max-width:320px) {
  .mobile-wrapper .intro {
    padding:20px
  }
}
.mobile-wrapper .lines-wrapper {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  overflow:hidden
}
.mobile-wrapper .lines-wrapper .line {
  position:absolute;
  background-color:#cacaca
}
.mobile-wrapper .lines-wrapper .line.line-t {
  top:0;
  left:0;
  width:100%;
  height:1px
}
.mobile-wrapper .lines-wrapper .line.line-r {
  top:0;
  right:0;
  width:1px;
  height:100%
}
.mobile-wrapper .lines-wrapper .line.line-b {
  bottom:0;
  left:0;
  width:100%;
  height:1px
}
.mobile-wrapper .lines-wrapper .line.line-l {
  bottom:0;
  left:0;
  width:1px;
  height:100%
}
.mobile-wrapper .content-wrapper {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-align-content:center;
  -ms-flex-line-pack:center;
  align-content:center;
  height:100%;
  text-align:center;
  margin:0;
  position:relative;
  padding:8% 15%
}
@media (max-width:480px) {
  .mobile-wrapper .content-wrapper {
    padding:8% 12%
  }
}
@media (max-width:320px) {
  .mobile-wrapper .content-wrapper {
    padding:8% 10%
  }
}
@media (min-device-width:320px) and (orientation:landscape) {
  .mobile-wrapper .content-wrapper {
    padding:5% 8%
  }
}
.mobile-wrapper .logo {
  display:block;
  position:relative;
  width:90%;
  padding:0;
  margin:0 0 2.5em;
  text-align:center;
  -webkit-transition:all .3s ease;
  transition:all .3s ease
}
@media (max-width:480px) {
  .mobile-wrapper .logo {
    margin-bottom:1.5em;
    width:100%
  }
}
@media (max-width:320px) {
  .mobile-wrapper .logo {
    width:100%
  }
}
@media (min-device-width:320px) and (orientation:landscape) {
  .mobile-wrapper .logo {
    width:50%;
    margin-bottom:.8em
  }
}
.mobile-wrapper .logo path {
  stroke:transparent;
  stroke-width:1px;
  stroke-dasharray:1000;
  stroke-dashoffset:1000;
  stroke-linecap:round;
  stroke-linejoin:round;
  fill:transparent;
  -webkit-animation:animlogo 3.9s ease-out both;
  animation:animlogo 3.9s ease-out both;
  stroke:rgba(62,62,62,.7)
}
.mobile-wrapper .logo svg #animista-logo-outline #letter-1 {
  -webkit-animation-delay:.16s;
  animation-delay:.16s
}
.mobile-wrapper .logo svg #animista-logo-outline #letter-2 {
  -webkit-animation-delay:.32s;
  animation-delay:.32s
}
.mobile-wrapper .logo svg #animista-logo-outline #letter-3 {
  -webkit-animation-delay:.48s;
  animation-delay:.48s
}
.mobile-wrapper .logo svg #animista-logo-outline #letter-4 {
  -webkit-animation-delay:.64s;
  animation-delay:.64s
}
.mobile-wrapper .logo svg #animista-logo-outline #letter-5 {
  -webkit-animation-delay:.8s;
  animation-delay:.8s
}
.mobile-wrapper .logo svg #animista-logo-outline #letter-6 {
  -webkit-animation-delay:.96s;
  animation-delay:.96s
}
.mobile-wrapper .logo svg #animista-logo-outline #letter-7 {
  -webkit-animation-delay:1.12s;
  animation-delay:1.12s
}
.mobile-wrapper .beta-wrapper {
  display:block;
  position:absolute;
  top:0;
  right:0;
  overflow:hidden
}
@media (min-device-width:320px) and (orientation:landscape) {
  .mobile-wrapper .beta-wrapper {
    right:-20px;
    top:5px
  }
}
.mobile-wrapper .beta-wrapper .beta {
  font:12px/1 'TeXGyreAdventorRegular';
  text-transform:uppercase;
  color:#b1b1b1;
  letter-spacing:.1em
}
@media (max-width:480px) {
  .mobile-wrapper .beta-wrapper .beta {
    letter-spacing:.05em;
    font-size:11px
  }
}
@media (max-width:320px) {
  .mobile-wrapper .beta-wrapper .beta {
    font-size:10px
  }
}
@media (min-device-width:320px) and (orientation:landscape) {
  .mobile-wrapper .beta-wrapper .beta {
    font-size:11px
  }
}
.mobile-wrapper .text-wrapper {
  margin-bottom:0;
  padding:0;
  color:#3e3e3e;
  position:relative
}
.mobile-wrapper .text-wrapper .subtitle {
  font-family:'TeXGyreAdventorRegular';
  font-size:16px;
  font-weight:400;
  line-height:1.3;
  padding:0;
  margin:0 0 4em;
  text-transform:uppercase;
  color:#3e3e3e;
  letter-spacing:.15em
}
@media (max-width:480px) {
  .mobile-wrapper .text-wrapper .subtitle {
    font-size:14px;
    letter-spacing:.12em;
    margin-bottom:3.7em
  }
}
@media (max-width:320px) {
  .mobile-wrapper .text-wrapper .subtitle {
    font-size:14px;
    letter-spacing:.08em;
    margin-bottom:3em
  }
}
@media (min-device-width:320px) and (orientation:landscape) {
  .mobile-wrapper .text-wrapper .subtitle {
    letter-spacing:.1em;
    font-size:14px;
    margin-bottom:1.3em
  }
}
.mobile-wrapper .text-wrapper .text {
  padding:0;
  margin:0
}
@media (max-width:480px) {
  .mobile-wrapper .text-wrapper .text {
    line-height:1.4;
    font-size:15px
  }
}
@media (max-width:320px) {
  .mobile-wrapper .text-wrapper .text {
    font-size:15px;
    line-height:1.3
  }
}
@media (min-device-width:320px) and (orientation:landscape) {
  .mobile-wrapper .text-wrapper .text {
    font-size:15px;
    line-height:1.3
  }
}
.mobile-wrapper .text-wrapper a {
  color:#ff6060
}
.mobile-wrapper .intro-main-nav-wrapper {
  margin-bottom:50px;
  position:relative;
  padding:0;
  top:auto;
  right:auto;
  width:100%;
  background-color:transparent
}
.mobile-wrapper .intro-main-nav-wrapper .main-nav {
  display:inline-block
}
.mobile-wrapper .intro-main-nav-wrapper .main-nav .main-nav-item {
  display:inline;
  margin-left:30px;
  padding:0;
  font-size:16px
}
.mobile-wrapper .intro-main-nav-wrapper .main-nav .main-nav-item:first-child {
  margin-left:0
}
.popup-newsletter {
  width:450px;
  position:fixed;
  right:20px;
  bottom:20px;
  background-color:#fff;
  z-index:999999;
  padding:2em;
  border-radius:3px;
  -webkit-box-shadow:0 1px 30px 1px rgba(0,0,0,.2);
  box-shadow:0 1px 30px 1px rgba(0,0,0,.2);
  overflow:hidden;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition:all .35s cubic-bezier(.215,.61,.355,1);
  transition:all .35s cubic-bezier(.215,.61,.355,1)
}
.popup-newsletter.hide-popup {
  -webkit-transform:translateY(150%);
  transform:translateY(150%);
  -webkit-transition:all .35s cubic-bezier(.55,.055,.675,.19);
  transition:all .35s cubic-bezier(.55,.055,.675,.19)
}
@media (max-width:480px) {
  .popup-newsletter {
    width:100%;
    right:0;
    bottom:0;
    padding:2.2em
  }
}
@media (max-width:320px) {
  .popup-newsletter {
    padding:1.2em
  }
}
.newsletter-form-wrapper {
  position:relative
}
.newsletter-form .newsletter-title {
  font-family:'TeXGyreAdventorBold';
  font-weight:400;
  font-size:1.25em;
  line-height:1.1;
  margin:0 0 .55em;
  padding:0;
  letter-spacing:.04em;
  text-align:left;
  text-transform:uppercase
}
.newsletter-form .newsletter-desc {
  font-family:'TeXGyreAdventorRegular';
  font-weight:400;
  font-size:1em;
  line-height:1.15;
  margin:0;
  padding:0;
  letter-spacing:.04em;
  text-align:left;
  color:#3e3e3e
}
@media (max-width:320px) {
  .newsletter-form .newsletter-desc {
    font-size:.9em;
    letter-spacing:.06em
  }
}
.newsletter-form .newsletter-input-wrapper {
  position:relative;
  margin:1.2em 0 .85em
}
@media (max-width:320px) {
  .newsletter-form .newsletter-input-wrapper {
    margin-top:1em
  }
}
.newsletter-form .newsletter-field-group,
td,
th {
  padding:0
}
.newsletter-form .newsletter-field-group input {
  display:inline-block;
  width:72%;
  height:40px;
  padding:10px 14px;
  margin-bottom:0;
  font-size:14px;
  color:#3e3e3e;
  vertical-align:middle;
  border-radius:2px;
  border:0;
  background-color:#ebebeb;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-weight:400;
  font-family:'TeXGyreAdventorRegular';
  letter-spacing:.04em;
  line-height:1;
  -webkit-transition:background .1s;
  transition:background .1s
}
@media (max-width:320px) {
  .newsletter-form .newsletter-field-group input {
    font-size:13px;
    letter-spacing:.06em
  }
}
.newsletter-form .newsletter-field-group input::-webkit-input-placeholder {
  color:#8b8b8b;
  -webkit-filter:blur(.01) opacity(100%);
  filter:blur(.01) opacity(100%);
  padding:0;
  margin:0;
  height:20px;
  line-height:20px;
  -webkit-transition:all .3s ease-out;
  transition:all .3s ease-out
}
.newsletter-form .newsletter-field-group input::-moz-placeholder {
  color:#8b8b8b;
  filter:blur(.01) opacity(100%);
  padding:0;
  margin:0;
  height:20px;
  line-height:20px;
  -webkit-transition:all .3s ease-out;
  transition:all .3s ease-out
}
.newsletter-form .newsletter-field-group input:-ms-input-placeholder {
  color:#8b8b8b;
  filter:blur(.01) opacity(100%);
  padding:0;
  margin:0;
  height:20px;
  line-height:20px;
  -webkit-transition:all .3s ease-out;
  transition:all .3s ease-out
}
.newsletter-form .newsletter-field-group input::placeholder {
  color:#8b8b8b;
  -webkit-filter:blur(.01) opacity(100%);
  filter:blur(.01) opacity(100%);
  padding:0;
  margin:0;
  height:20px;
  line-height:20px;
  -webkit-transition:all .3s ease-out;
  transition:all .3s ease-out
}
.newsletter-form .newsletter-field-group input:placeholder-shown {
  color:#8b8b8b;
  background-color:#ebebeb
}
.newsletter-form .newsletter-field-group input:focus {
  outline:0;
  color:#3e3e3e;
  background-color:#dfdfdf;
  outline:thin dotted \9;
  -webkit-transition:background .1s;
  transition:background .1s
}
.newsletter-form .newsletter-field-group input:focus::-webkit-input-placeholder {
  -webkit-filter:blur(8px) opacity(0%);
  filter:blur(8px) opacity(0%);
  -webkit-transition:all .5s ease-out;
  transition:all .5s ease-out
}
.newsletter-form .newsletter-field-group input:focus::-moz-placeholder {
  filter:blur(8px) opacity(0%);
  -webkit-transition:all .5s ease-out;
  transition:all .5s ease-out
}
.newsletter-form .newsletter-field-group input:focus:-ms-input-placeholder {
  filter:blur(8px) opacity(0%);
  -webkit-transition:all .5s ease-out;
  transition:all .5s ease-out
}
.newsletter-form .newsletter-field-group input:focus::placeholder {
  -webkit-filter:blur(8px) opacity(0%);
  filter:blur(8px) opacity(0%);
  -webkit-transition:all .5s ease-out;
  transition:all .5s ease-out
}
.newsletter-form .newsletter-field-group input:focus:placeholder-shown {
  background-color:#dfdfdf
}
.newsletter-form .newsletter-button {
  position:absolute;
  right:0;
  bottom:0;
  width:30%;
  height:40px;
  background-color:#3e3e3e;
  color:#fff;
  font:12px/1 'TeXGyreAdventorBold';
  font-weight:400;
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:0;
  margin:0;
  border:0;
  text-decoration:none;
  overflow:hidden;
  outline:0;
  border-radius:2px;
  -webkit-transition:background .15s;
  transition:background .15s
}
.newsletter-form .newsletter-button:hover {
  background-color:#ff6060
}
@media (max-width:320px) {
  .newsletter-form .newsletter-button {
    letter-spacing:.1em
  }
}
#newsletter-message {
  font:12px/1.1 'HelveticaNeue-Light','HelveticaNeue',Helvetica,'Roboto-Thin',Arial,sans-serif-light;
  color:#3e3e3e;
  padding:0;
  margin:0;
  letter-spacing:.04em
}
#newsletter-message.error {
  color:#f93333
}
.popup-content.success {
  position:relative
}
.popup-content.success .newsletter-form-wrapper {
  opacity:0;
  height:0
}
.popup-content.success #newsletter-message {
  position:relative;
  text-align:center;
  font:15px/1.55 'TeXGyreAdventorRegular';
  color:#3e3e3e;
  padding:0;
  margin:1.5em 0;
  letter-spacing:.06em
}
@media (max-width:480px) {
  .btn-close-small.btn-popup-close {
    width:30px;
    height:30px;
    right:8px
  }
  .btn-close-small.btn-popup-close:after,
  .btn-close-small.btn-popup-close:before {
    height:22px;
    left:7px
  }
}
fieldset {
  min-width:0;
  border:1px solid silver;
  margin:0 2px;
  padding:.35em .625em .75em
}
legend {
  width:100%;
  margin-bottom:20px;
  font-size:21px;
  line-height:inherit;
  color:#333;
  border:0;
  padding:0
}
label {
  display:inline-block;
  max-width:100%;
  margin-bottom:5px;
  font-weight:700
}
input[type=checkbox],
input[type=radio] {
  margin:4px 0 0;
  margin-top:1px \9;
  line-height:normal
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
input[type=file],
legend,
main,
menu,
nav,
section,
summary {
  display:block
}
input[type=range] {
  display:block;
  width:100%
}
.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control,
select[multiple],
select[multiple].input-sm,
select[size],
textarea.form-control,
textarea.input-sm {
  height:auto
}
input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
  outline:thin dotted;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:-2px
}
.form-control,
output {
  display:block;
  font-size:14px;
  line-height:1.42857143
}
output {
  padding-top:7px;
  color:#555
}
.form-control {
  width:100%;
  padding:6px 12px;
  background-image:none
}
.form-control:focus {
  border-color:#66afe9;
  outline:0;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.form-control::-moz-placeholder {
  color:#999;
  opacity:1
}
.form-control:-ms-input-placeholder {
  color:#999
}
.form-control::-webkit-input-placeholder {
  color:#999
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color:#eee;
  opacity:1
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor:not-allowed
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  input[type=date].form-control,
  input[type=datetime-local].form-control,
  input[type=month].form-control,
  input[type=time].form-control {
    line-height:34px
  }
  .input-group-sm input[type=date],
  .input-group-sm input[type=datetime-local],
  .input-group-sm input[type=month],
  .input-group-sm input[type=time],
  input[type=date].input-sm,
  input[type=datetime-local].input-sm,
  input[type=month].input-sm,
  input[type=time].input-sm {
    line-height:30px
  }
  .input-group-lg input[type=date],
  .input-group-lg input[type=datetime-local],
  .input-group-lg input[type=month],
  .input-group-lg input[type=time],
  input[type=date].input-lg,
  input[type=datetime-local].input-lg,
  input[type=month].input-lg,
  input[type=time].input-lg {
    line-height:46px
  }
}
.form-group {
  margin-bottom:15px
}
.checkbox,
.radio {
  position:relative;
  display:block;
  margin-top:10px;
  margin-bottom:10px
}
.checkbox label,
.checkbox-inline,
.radio label,
.radio-inline {
  padding-left:20px;
  margin-bottom:0;
  font-weight:400;
  cursor:pointer
}
.checkbox label,
.radio label {
  min-height:20px
}
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
  position:absolute;
  margin-left:-20px;
  margin-top:4px \9
}
.checkbox+.checkbox,
.radio+.radio {
  margin-top:-5px
}
.checkbox-inline,
.radio-inline {
  position:relative;
  display:inline-block;
  vertical-align:middle
}
.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
  margin-top:0;
  margin-left:10px
}
.checkbox-inline.disabled,
.checkbox.disabled label,
.radio-inline.disabled,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio label,
fieldset[disabled] .radio-inline,
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
  cursor:not-allowed
}
.form-control-static {
  padding-top:7px;
  padding-bottom:7px;
  margin-bottom:0;
  min-height:34px
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left:0;
  padding-right:0
}
.form-group-sm .form-control,
.input-sm {
  height:30px;
  padding:5px 10px;
  font-size:12px;
  line-height:1.5;
  border-radius:3px
}
.form-group-sm select.form-control,
select.input-sm {
  height:30px;
  line-height:30px
}
.form-group-sm .form-control-static {
  height:30px;
  min-height:32px;
  padding:6px 10px;
  font-size:12px;
  line-height:1.5
}
.form-group-lg .form-control,
.input-lg {
  height:46px;
  padding:10px 16px;
  font-size:18px;
  line-height:1.3333333;
  border-radius:6px
}
.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control,
select[multiple].input-lg,
textarea.input-lg {
  height:auto
}
.form-group-lg select.form-control,
select.input-lg {
  height:46px;
  line-height:46px
}
.form-group-lg .form-control-static {
  height:46px;
  min-height:38px;
  padding:11px 16px;
  font-size:18px;
  line-height:1.3333333
}
.has-feedback {
  position:relative
}
.has-feedback .form-control {
  padding-right:42.5px
}
.form-control-feedback {
  position:absolute;
  top:0;
  right:0;
  z-index:2;
  display:block;
  width:34px;
  height:34px;
  line-height:34px;
  text-align:center;
  pointer-events:none
}
.form-group-lg .form-control+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.input-lg+.form-control-feedback {
  width:46px;
  height:46px;
  line-height:46px
}
.form-group-sm .form-control+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.input-sm+.form-control-feedback {
  width:30px;
  height:30px;
  line-height:30px
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
  color:#3c763d
}
.has-success .form-control {
  border-color:#3c763d;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-success .form-control:focus {
  border-color:#2b542c;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}
.has-success .input-group-addon {
  color:#3c763d;
  border-color:#3c763d;
  background-color:#dff0d8
}
.has-success .form-control-feedback {
  color:#3c763d
}
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
  color:#8a6d3b
}
.has-warning .form-control {
  border-color:#8a6d3b;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-warning .form-control:focus {
  border-color:#66512c;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}
.has-warning .input-group-addon {
  color:#8a6d3b;
  border-color:#8a6d3b;
  background-color:#fcf8e3
}
.has-warning .form-control-feedback {
  color:#8a6d3b
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
  color:#a94442
}
.has-error .form-control {
  border-color:#a94442;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-error .form-control:focus {
  border-color:#843534;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}
.has-error .input-group-addon {
  color:#a94442;
  border-color:#a94442;
  background-color:#f2dede
}
.has-error .form-control-feedback {
  color:#a94442
}
.has-feedback label~.form-control-feedback {
  top:25px
}
.has-feedback label.sr-only~.form-control-feedback {
  top:0
}
.help-block {
  display:block;
  margin-top:5px;
  margin-bottom:10px;
  color:#737373
}
@media (min-width:768px) {
  .form-inline .form-group {
    display:inline-block;
    margin-bottom:0;
    vertical-align:middle
  }
  .form-inline .form-control {
    display:inline-block;
    width:auto;
    vertical-align:middle
  }
  .form-inline .form-control-static {
    display:inline-block
  }
  .form-inline .input-group {
    display:inline-table;
    vertical-align:middle
  }
  .form-inline .input-group .form-control,
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn {
    width:auto
  }
  .form-inline .input-group>.form-control {
    width:100%
  }
  .form-inline .control-label {
    margin-bottom:0;
    vertical-align:middle
  }
  .form-inline .checkbox,
  .form-inline .radio {
    display:inline-block;
    margin-top:0;
    margin-bottom:0;
    vertical-align:middle
  }
  .form-inline .checkbox label,
  .form-inline .radio label {
    padding-left:0
  }
  .form-inline .checkbox input[type=checkbox],
  .form-inline .radio input[type=radio] {
    position:relative;
    margin-left:0
  }
  .form-inline .has-feedback .form-control-feedback {
    top:0
  }
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
  margin-top:0;
  margin-bottom:0;
  padding-top:7px
}
.form-horizontal .checkbox,
.form-horizontal .radio {
  min-height:27px
}
.form-horizontal .form-group {
  margin-left:-10px;
  margin-right:-10px
}
@media (min-width:768px) {
  .form-horizontal .control-label {
    text-align:right;
    margin-bottom:0;
    padding-top:7px
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right:10px
}
@media (min-width:768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top:14.333333px;
    font-size:18px
  }
  .form-horizontal .form-group-sm .control-label {
    padding-top:6px;
    font-size:12px
  }
}
html {
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  font-size:10px;
  height:100%;
  -webkit-tap-highlight-color:transparent
}
audio,
canvas,
progress,
video {
  display:inline-block;
  vertical-align:baseline
}
audio:not([controls]) {
  display:none;
  height:0
}
[hidden],
template {
  display:none
}
a {
  background-color:transparent;
  color:#ff6060;
  text-decoration:none;
  pointer-events:auto
}
a:hover {
  outline:0
}
a:focus {
  text-decoration:none;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:-2px
}
abbr[title] {
  border-bottom:1px dotted
}
b,
strong {
  font-weight:700
}
dfn {
  font-style:italic
}
h1 {
  font-size:2em;
  margin:.67em 0;
  font-weight:400
}
mark {
  background:#ff0;
  color:#000
}
small {
  font-size:80%
}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sup {
  top:-.5em
}
sub {
  bottom:-.25em
}
img {
  border:0;
  vertical-align:middle
}
svg:not(:root) {
  overflow:hidden
}
figure {
  margin:0
}
hr {
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
  height:0;
  margin-top:20px;
  margin-bottom:20px;
  border:0;
  border-top:1px solid #eee
}
pre {
  overflow:auto
}
code,
kbd,
pre,
samp {
  font-family:monospace,monospace;
  font-size:1em
}
button,
input,
optgroup,
select,
textarea {
  color:inherit;
  font:inherit;
  margin:0
}
button {
  overflow:visible
}
button,
select {
  text-transform:none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance:button;
  cursor:pointer
}
button[disabled],
html input[disabled] {
  cursor:default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border:0;
  padding:0
}
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height:auto
}
input[type=search] {
  -webkit-appearance:textfield;
  -webkit-box-sizing:content-box;
  box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}
body,
textarea {
  overflow:auto
}
optgroup {
  font-weight:700
}
table {
  border-collapse:collapse;
  border-spacing:0
}
.clearfix:after,
.clearfix:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before {
  content:" ";
  display:table
}
.clearfix:after,
.form-horizontal .form-group:after {
  clear:both
}
.center-block {
  display:block;
  margin-left:auto;
  margin-right:auto
}
.pull-right {
  float:right!important
}
.pull-left {
  float:left!important
}
.hide {
  display:none!important
}
.show {
  display:block!important
}
.invisible {
  visibility:hidden
}
.text-hide {
  font:0/0 a;
  color:transparent;
  text-shadow:none;
  background-color:transparent;
  border:0
}
.hidden {
  display:none!important
}
.visually-hidden {
  clip:rect(0 0 0 0);
  -webkit-clip-path:inset(50%);
  clip-path:inset(50%);
  height:1px;
  overflow:hidden;
  position:absolute;
  white-space:nowrap;
  width:1px
}
.affix {
  position:fixed
}
.flex-wrapper {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.center-text {
  text-align:center
}
.img-stretch {
  width:100%;
  height:auto
}
.img-full {
  max-width:100%;
  height:auto
}
body {
  font-family:'HelveticaNeue-Light','HelveticaNeue',Helvetica,'Roboto-Thin',Arial,sans-serif-light;
  font-size:14px;
  line-height:1.5;
  color:#3e3e3e;
  background-color:#fff;
  -webkit-font-smoothing:antialiased;
  font-weight:100
}
@media (max-width:767px) {
  body {
    font-family:'HelveticaNeue-Light',sans-serif-light,sans-serif
  }
}
button,
input,
select,
textarea {
  font-family:inherit;
  font-size:inherit;
  line-height:inherit
}
a:active {
  outline:0;
  text-decoration:none
}
.disabled,
a.disabled {
  opacity:.5;
  pointer-events:none
}
.disabled * {
  pointer-events:none
}
.img-responsive {
  display:block;
  max-width:100%;
  height:auto
}
.img-rounded {
  border-radius:6px
}
.img-thumbnail {
  padding:4px;
  line-height:1.42857143;
  background-color:#fff;
  border:1px solid #ddd;
  border-radius:4px;
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
  display:inline-block;
  max-width:100%;
  height:auto
}
.img-circle {
  border-radius:50%
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position:static;
  width:auto;
  height:auto;
  margin:0;
  overflow:visible;
  clip:auto
}
[role=button] {
  cursor:pointer
}
.toast-title {
  font:13px/1.1 'TeXGyreAdventorBold';
  padding:0 10px 10px 0;
  letter-spacing:.07em;
  text-transform:uppercase
}
@media (max-width:767px) {
  .toast-title {
    font-size:14px;
    padding:0 0 12px
  }
}
.toast-message {
  font:13px/1.1 'HelveticaNeue-Light','HelveticaNeue',Helvetica,'Roboto-Thin',Arial,sans-serif-light;
  word-wrap:break-word;
  letter-spacing:.06em
}
@media (max-width:767px) {
  .toast-message {
    line-height:1.2
  }
}
.toast-message a,
.toast-message label {
  color:#fff
}
.toast-message a:hover {
  color:#ccc;
  text-decoration:none
}
button.toast-close-button {
  display:block;
  position:absolute;
  right:12px;
  top:10px;
  width:15px;
  height:15px;
  text-indent:-9999px;
  color:transparent;
  overflow:hidden;
  -webkit-transition:all .12s ease;
  transition:all .12s ease
}
button.toast-close-button:after,
button.toast-close-button:before {
  display:block;
  content:"";
  width:1px;
  height:13px;
  left:7px;
  top:3px;
  background-color:#fff;
  position:absolute;
  -webkit-transition:all .12s ease;
  transition:all .12s ease
}
@media (max-width:767px) {
  button.toast-close-button {
    width:20px;
    height:20px
  }
  button.toast-close-button:after,
  button.toast-close-button:before {
    height:100%;
    left:10px;
    top:0
  }
}
button.toast-close-button:after {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)
}
button.toast-close-button:before {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
button.toast-close-button:focus:after,
button.toast-close-button:focus:before,
button.toast-close-button:hover:after,
button.toast-close-button:hover:before {
  background-color:#fff
}
button.toast-close-button:focus:after,
button.toast-close-button:hover:after {
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg)
}
button.toast-close-button:focus:before,
button.toast-close-button:hover:before {
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg)
}
button.toast-close-button {
  padding:0;
  cursor:pointer;
  background:0 0;
  border:0
}
.toast-top-center {
  top:0;
  right:0;
  width:100%
}
.toast-bottom-center {
  bottom:0;
  right:0;
  width:100%
}
.toast-top-full-width {
  top:0;
  right:0;
  width:100%
}
.toast-bottom-full-width {
  bottom:0;
  right:0;
  width:100%
}
.toast-top-left {
  top:20px;
  left:20px
}
.toast-top-right {
  top:20px;
  right:20px
}
.toast-bottom-right {
  right:20px;
  bottom:20px
}
.toast-bottom-left {
  bottom:20px;
  left:20px
}
#toast-container {
  position:fixed;
  z-index:999999;
  pointer-events:none
}
@media (max-width:767px) {
  #toast-container {
    padding:0;
    left:0;
    right:0;
    top:0
  }
}
#toast-container * {
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
#carbonads,
#toast-container>div {
  position:relative;
  overflow:hidden
}
#toast-container>div {
  pointer-events:auto;
  margin:0 0 20px;
  padding:20px;
  opacity:1;
  width:400px;
  border-radius:3px;
  color:#fff
}
@media (max-width:767px) {
  #toast-container>div {
    width:100%;
    margin:0;
    border-radius:0;
    -webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,.1);
    box-shadow:0 1px 4px 0 rgba(0,0,0,.1)
  }
}
#toast-container>div.rtl {
  direction:rtl;
  padding:15px 50px 15px 15px;
  background-position:right 15px center
}
#toast-container>div:hover {
  opacity:1;
  cursor:pointer
}
#toast-container.toast-bottom-center>div,
#toast-container.toast-top-center>div {
  width:300px;
  margin-left:auto;
  margin-right:auto
}
#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
  width:96%;
  margin-left:auto;
  margin-right:auto
}
.toast {
  background-color:#030303
}
@media (max-width:767px) {
  .toast {
    width:100%;
    border-radius:0
  }
}
.toast-success {
  background-color:#2dccb8
}
.toast-error {
  background-color:#f93333
}
.toast-info {
  background-color:#53a3dc
}
.toast-warning {
  background-color:#f89406
}
.toast-progress {
  position:absolute;
  left:0;
  bottom:0;
  height:4px;
  background-color:#000;
  opacity:.4;
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter:alpha(opacity=40)
}
#carbonads {
  font-family:'HelveticaNeue-Light','HelveticaNeue',Helvetica,'Roboto-Thin',Arial,sans-serif-light;
  border-radius:2px;
  width:100%;
  height:100px;
  top:auto;
  right:auto;
  margin-top:20px;
  background-color:#fff;
  min-height:100px;
  z-index:910;
  color:#646464
}
#carbonads a {
  color:inherit
}
#carbonads a:active,
#carbonads a:focus {
  color:inherit;
  text-decoration:none
}
#carbonads span {
  display:block;
  overflow:hidden
}
#carbonads .carbon-wrap {
  padding:10px 8px 5px 0
}
@media (max-width:767px) {
  #carbonads .carbon-wrap {
    padding:0 0 5px
  }
}
#carbonads .carbon-img {
  display:block;
  margin:0;
  border-radius:2px;
  width:130px;
  position:absolute;
  left:0;
  top:0
}
#carbonads .carbon-text {
  display:block;
  padding-left:138px;
  text-align:left;
  width:100%;
  font-size:.85em;
  line-height:1.2
}
#carbonads .carbon-poweredby {
  display:block;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.67em;
  line-height:1;
  color:#a4a4a4;
  position:absolute;
  bottom:8px;
  left:138px;
  text-align:left;
  width:auto
}
@media (max-width:767px) {
  #carbonads .carbon-poweredby {
    bottom:0
  }
}
#carbonads .carbon-poweredby:active {
  text-decoration:none
}
#carbonads.alt {
  width:250px;
  height:100px;
  position:relative;
  top:auto;
  right:auto;
  margin-top:20px;
  background-color:#fff;
  min-height:100px
}
#carbonads.alt .carbon-wrap {
  padding:10px 10px 5px 0
}
@media (max-width:767px) {
  #carbonads.alt .carbon-wrap {
    padding:0 0 5px
  }
}
#carbonads.alt .carbon-img {
  width:130px;
  position:absolute;
  left:0;
  top:0
}
#carbonads.alt .carbon-text {
  padding-left:140px;
  text-align:left
}
#carbonads.alt .carbon-poweredby {
  position:absolute;
  bottom:9px;
  left:140px;
  text-align:left
}
@media (max-width:767px) {
  #carbonads.alt .carbon-poweredby {
    bottom:0
  }
}
.no-mobiledevice #carbonads a.carbon-poweredby:hover {
  text-decoration:none;
  color:#717171
}
.sp-wrapper {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  border-top:1px solid #dfdfdf;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  padding:34px 20px 10px;
  position:relative
}
.sp-title {
  margin:0 0 20px;
  text-transform:uppercase;
  color:#585858;
  font:10px/1 'TeXGyreAdventorBold',sans-serif;
  letter-spacing:2px;
  position:absolute;
  top:-19px;
  z-index:1000;
  background:#fff;
  padding:10px 20px 0;
  border-top-left-radius:3px;
  border-top-right-radius:3px
}
.sp-item,
.sp-list {
  list-style:none;
  padding:0
}
.sp-list {
  width:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  margin:0
}
.sp-item {
  display:inline-block;
  margin:0 50px 20px 0
}
.sp-item:last-child {
  margin-right:0
}
.sp-brand-logo,
.sp-link {
  display:block;
  margin:0 auto
}
.sp-brand-logo {
  padding:0;
  height:30px;
  width:auto
}
.img-figure-wrapper img {
  -webkit-box-shadow:0 1px 17px 0 rgba(0,0,0,.12);
  box-shadow:0 1px 17px 0 rgba(0,0,0,.12);
  padding:10px;
  margin:30px auto 0
}
.img-figure-wrapper img.logo-styleguide {
  padding:30px 40px
}
a.btn-enroll {
  display:inline-block;
  white-space:nowrap;
  font:12px/1 'TeXGyreAdventorRegular',sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:700;
  color:#3e3e3e;
  text-decoration:none;
  position:relative;
  -webkit-transition:all .1s ease;
  transition:all .1s ease
}
a.btn-enroll:hover {
  color:#ff6060;
  text-decoration:none
}
#bsa-button .native-button,
.btn-sponsorship-wrapper {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex
}
a.btn-sponsorship,
a.btn-sponsorship:active {
  margin:20px auto 45px;
  padding:20px 40px;
  font-size:14px
}
@media (max-width:767px) {
  #sp-mob {
    display:block
  }
  #sp {
    display:none
  }
  .sp-wrapper {
    padding:15px 0 0;
    border-top:none;
    border-bottom:1px solid #dfdfdf;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start
  }
  .sp-title {
    margin:0 auto;
    position:relative;
    top:auto;
    padding:0 0 20px
  }
  .sp-list {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    margin:0
  }
  .sp-item {
    display:block;
    margin:0 0 22px
  }
  .sp-brand-logo {
    height:26px
  }
  a.btn-enroll {
    font-size:11px
  }
}
@media (min-width:768px) {
  #sp-mob {
    display:none
  }
  #sp {
    display:block
  }
}
#bsa-button {
  position:absolute;
  z-index:1000;
  top:20px;
  left:310px;
  border-radius:2px;
  overflow:hidden;
  -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.1);
  box-shadow:0 1px 5px 0 rgba(0,0,0,.1);
  font-family:'TeXGyreAdventorRegular'
}
@media (max-width:767px) {
  #bsa-button {
    left:12px;
    right:12px;
    bottom:12px;
    top:auto
  }
}
#bsa-button .native-button {
  text-decoration:none;
  z-index:100;
  padding:11px 20px;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:2px;
  font-weight:400;
  font-size:11px;
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
#bsa-button .native-img {
  margin-right:10px;
  width:20px;
  height:20px
}
@-webkit-keyframes simple-fade-in {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes simple-fade-in {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@-webkit-keyframes simple-fade-out {
  0% {
    opacity:1
  }
  to {
    opacity:0
  }
}
@keyframes simple-fade-out {
  0% {
    opacity:1
  }
  to {
    opacity:0
  }
}
.frame {
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  overflow:hidden;
  opacity:1
}
.appear,
.disappear {
  display:block;
  z-index:50
}
.appear .h-fader {
  -webkit-animation:simple-fade-in 1.5s both;
  animation:simple-fade-in 1.5s both
}
.disappear {
  z-index:10
}
.disappear .h-fader {
  -webkit-animation:simple-fade-out 2s both;
  animation:simple-fade-out 2s both
}
.invisible {
  opacity:0;
  visibility:hidden;
  z-index:0;
  display:none
}
.houdini-pagination-container {
  position:absolute;
  height:20px;
  z-index:1000000;
  bottom:15px;
  width:100%;
  left:0
}
.houdini-next,
.houdini-prev {
  display:block;
  position:absolute;
  width:30px;
  height:30px;
  top:50%;
  margin-top:-15px;
  border:1px solid #fff;
  opacity:.5;
  -webkit-transition:opacity .5s;
  transition:opacity .5s;
  color:#fff;
  text-decoration:none;
  z-index:10000;
  -webkit-transform:rotate3d(0,0,0,0deg);
  transform:rotate3d(0,0,0,0deg);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}
.houdini-next:hover,
.houdini-prev:hover {
  opacity:1
}
.houdini-next.disabled,
.houdini-prev.disabled {
  opacity:.2;
  cursor:default
}
.houdini-next {
  right:2%
}
.houdini-next:after,
.houdini-prev:after {
  position:absolute;
  display:block;
  content:"\27F6";
  top:0;
  left:0;
  width:100%;
  height:100%;
  color:#fff;
  font:20px sans-serif;
  line-height:30px;
  text-align:center
}
.houdini-prev {
  left:2%
}
.houdini-prev:after {
  content:"\27F5"
}
.houdini-pagination {
  position:absolute;
  display:inline-block;
  list-style:none;
  list-style-image:none;
  margin:0;
  padding:0;
  left:15px;
  right:15px;
  height:20px;
  text-align:center;
  z-index:1000000
}
.houdini-pagination>li {
  position:relative;
  display:inline-block;
  margin:0 0 0 10px;
  padding:0;
  width:14px;
  height:14px
}
.houdini-pagination>li:first-child {
  margin-left:0
}
.houdini-pagination>li>a {
  position:absolute;
  display:block;
  background:#fff;
  border-radius:50%;
  width:14px;
  height:14px;
  text-align:-9999px;
  color:transparent;
  opacity:.5;
  -webkit-transform:scale(.6);
  transform:scale(.6);
  -webkit-transition:all .3s;
  transition:all .3s;
  cursor:pointer
}
.houdini-pagination>li>a.active {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
}
.h-loading {
  -webkit-transition:opacity .4s ease-out;
  transition:opacity .4s ease-out;
  position:absolute;
  width:120px;
  background:#000;
  color:#fff;
  text-transform:uppercase;
  font:700 12px/1 Arial;
  padding:4px;
  border-radius:5px;
  opacity:1;
  left:50%;
  top:50%;
  margin-left:-60px;
  margin-top:-10px;
  text-align:center;
  -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.3);
  box-shadow:0 2px 5px 0 rgba(0,0,0,.3)
}
@-webkit-keyframes scale-up-bl {
  0% {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
}
@keyframes scale-up-bl {
  0% {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
}
@-webkit-keyframes scale-up-br {
  0% {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
}
@keyframes scale-up-br {
  0% {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
}
@-webkit-keyframes scale-up-bottom {
  0% {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
}
@keyframes scale-up-bottom {
  0% {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
}
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform:scale(.5);
    transform:scale(.5)
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform:scale(.5);
    transform:scale(.5)
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
}
@-webkit-keyframes scale-up-hor-center {
  0% {
    -webkit-transform:scaleX(.4);
    transform:scaleX(.4)
  }
  to {
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
  }
}
@keyframes scale-up-hor-center {
  0% {
    -webkit-transform:scaleX(.4);
    transform:scaleX(.4)
  }
  to {
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
  }
}
@-webkit-keyframes scale-up-hor-left {
  0% {
    -webkit-transform:scaleX(.4);
    transform:scaleX(.4);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
  to {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
}
@keyframes scale-up-hor-left {
  0% {
    -webkit-transform:scaleX(.4);
    transform:scaleX(.4);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
  to {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
}
@-webkit-keyframes scale-up-hor-right {
  0% {
    -webkit-transform:scaleX(.4);
    transform:scaleX(.4);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  to {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
}
@keyframes scale-up-hor-right {
  0% {
    -webkit-transform:scaleX(.4);
    transform:scaleX(.4);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  to {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
}
@-webkit-keyframes scale-up-left {
  0% {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
}
@keyframes scale-up-left {
  0% {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
}
@-webkit-keyframes scale-up-right {
  0% {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
}
@keyframes scale-up-right {
  0% {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
}
@-webkit-keyframes scale-up-tl {
  0% {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
}
@keyframes scale-up-tl {
  0% {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
}
@-webkit-keyframes scale-up-tr {
  0% {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@keyframes scale-up-tr {
  0% {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@-webkit-keyframes scale-up-top {
  0% {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
}
@keyframes scale-up-top {
  0% {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
}
@-webkit-keyframes scale-up-ver-bottom {
  0% {
    -webkit-transform:scaleY(.4);
    transform:scaleY(.4);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
  to {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
}
@keyframes scale-up-ver-bottom {
  0% {
    -webkit-transform:scaleY(.4);
    transform:scaleY(.4);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
  to {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
}
@-webkit-keyframes scale-up-ver-center {
  0% {
    -webkit-transform:scaleY(.4);
    transform:scaleY(.4)
  }
  to {
    -webkit-transform:scaleY(1);
    transform:scaleY(1)
  }
}
@keyframes scale-up-ver-center {
  0% {
    -webkit-transform:scaleY(.4);
    transform:scaleY(.4)
  }
  to {
    -webkit-transform:scaleY(1);
    transform:scaleY(1)
  }
}
@-webkit-keyframes scale-up-ver-top {
  0% {
    -webkit-transform:scaleY(.4);
    transform:scaleY(.4);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
  to {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@keyframes scale-up-ver-top {
  0% {
    -webkit-transform:scaleY(.4);
    transform:scaleY(.4);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
  to {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@-webkit-keyframes scale-down-bl {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
  to {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
}
@keyframes scale-down-bl {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
  to {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
}
@-webkit-keyframes scale-down-br {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  to {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
}
@keyframes scale-down-br {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  to {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
}
@-webkit-keyframes scale-down-bottom {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
  to {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
}
@keyframes scale-down-bottom {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
  to {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
}
@-webkit-keyframes scale-down-center {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
  to {
    -webkit-transform:scale(.5);
    transform:scale(.5)
  }
}
@keyframes scale-down-center {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
  to {
    -webkit-transform:scale(.5);
    transform:scale(.5)
  }
}
@-webkit-keyframes scale-down-hor-center {
  0% {
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
  }
  to {
    -webkit-transform:scaleX(.3);
    transform:scaleX(.3)
  }
}
@keyframes scale-down-hor-center {
  0% {
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
  }
  to {
    -webkit-transform:scaleX(.3);
    transform:scaleX(.3)
  }
}
@-webkit-keyframes scale-down-hor-left {
  0% {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
  to {
    -webkit-transform:scaleX(.3);
    transform:scaleX(.3);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
}
@keyframes scale-down-hor-left {
  0% {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
  to {
    -webkit-transform:scaleX(.3);
    transform:scaleX(.3);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
}
@-webkit-keyframes scale-down-hor-right {
  0% {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  to {
    -webkit-transform:scaleX(.3);
    transform:scaleX(.3);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
}
@keyframes scale-down-hor-right {
  0% {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  to {
    -webkit-transform:scaleX(.3);
    transform:scaleX(.3);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
}
@-webkit-keyframes scale-down-left {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
  to {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
}
@keyframes scale-down-left {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
  to {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
}
@-webkit-keyframes scale-down-right {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
  to {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
}
@keyframes scale-down-right {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
  to {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
}
@-webkit-keyframes scale-down-tl {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
  to {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
}
@keyframes scale-down-tl {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
  to {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
}
@-webkit-keyframes scale-down-tr {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
  to {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@keyframes scale-down-tr {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
  to {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@-webkit-keyframes scale-down-top {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
  to {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
}
@keyframes scale-down-top {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
  to {
    -webkit-transform:scale(.5);
    transform:scale(.5);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
}
@-webkit-keyframes scale-down-ver-bottom {
  0% {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
  to {
    -webkit-transform:scaleY(.3);
    transform:scaleY(.3);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
}
@keyframes scale-down-ver-bottom {
  0% {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
  to {
    -webkit-transform:scaleY(.3);
    transform:scaleY(.3);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
}
@-webkit-keyframes scale-down-ver-center {
  0% {
    -webkit-transform:scaleY(1);
    transform:scaleY(1)
  }
  to {
    -webkit-transform:scaleY(.3);
    transform:scaleY(.3)
  }
}
@keyframes scale-down-ver-center {
  0% {
    -webkit-transform:scaleY(1);
    transform:scaleY(1)
  }
  to {
    -webkit-transform:scaleY(.3);
    transform:scaleY(.3)
  }
}
@-webkit-keyframes scale-down-ver-top {
  0% {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
  to {
    -webkit-transform:scaleY(.3);
    transform:scaleY(.3);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@keyframes scale-down-ver-top {
  0% {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
  to {
    -webkit-transform:scaleY(.3);
    transform:scaleY(.3);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@-webkit-keyframes rotate-bl {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:bottom left;
    transform-origin:bottom left
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transform-origin:bottom left;
    transform-origin:bottom left
  }
}
@keyframes rotate-bl {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:bottom left;
    transform-origin:bottom left
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transform-origin:bottom left;
    transform-origin:bottom left
  }
}
@-webkit-keyframes rotate-bottom {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
}
@keyframes rotate-bottom {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
}
@-webkit-keyframes rotate-br {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:bottom right;
    transform-origin:bottom right
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transform-origin:bottom right;
    transform-origin:bottom right
  }
}
@keyframes rotate-br {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:bottom right;
    transform-origin:bottom right
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transform-origin:bottom right;
    transform-origin:bottom right
  }
}
@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@-webkit-keyframes rotate-diagonal-1 {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg)
  }
  50% {
    -webkit-transform:rotate3d(1,1,0,-180deg);
    transform:rotate3d(1,1,0,-180deg)
  }
  to {
    -webkit-transform:rotate3d(1,1,0,-360deg);
    transform:rotate3d(1,1,0,-360deg)
  }
}
@keyframes rotate-diagonal-1 {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg)
  }
  50% {
    -webkit-transform:rotate3d(1,1,0,-180deg);
    transform:rotate3d(1,1,0,-180deg)
  }
  to {
    -webkit-transform:rotate3d(1,1,0,-360deg);
    transform:rotate3d(1,1,0,-360deg)
  }
}
@-webkit-keyframes rotate-diagonal-2 {
  0% {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg)
  }
  50% {
    -webkit-transform:rotate3d(-1,1,0,180deg);
    transform:rotate3d(-1,1,0,180deg)
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,360deg);
    transform:rotate3d(-1,1,0,360deg)
  }
}
@keyframes rotate-diagonal-2 {
  0% {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg)
  }
  50% {
    -webkit-transform:rotate3d(-1,1,0,180deg);
    transform:rotate3d(-1,1,0,180deg)
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,360deg);
    transform:rotate3d(-1,1,0,360deg)
  }
}
@-webkit-keyframes rotate-diagonal-bl {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
  50% {
    -webkit-transform:rotate3d(1,1,0,180deg);
    transform:rotate3d(1,1,0,180deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
  to {
    -webkit-transform:rotate3d(1,1,0,360deg);
    transform:rotate3d(1,1,0,360deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
}
@keyframes rotate-diagonal-bl {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
  50% {
    -webkit-transform:rotate3d(1,1,0,180deg);
    transform:rotate3d(1,1,0,180deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
  to {
    -webkit-transform:rotate3d(1,1,0,360deg);
    transform:rotate3d(1,1,0,360deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
}
@-webkit-keyframes rotate-diagonal-br {
  0% {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  50% {
    -webkit-transform:rotate3d(-1,1,0,-180deg);
    transform:rotate3d(-1,1,0,-180deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,-360deg);
    transform:rotate3d(-1,1,0,-360deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
}
@keyframes rotate-diagonal-br {
  0% {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  50% {
    -webkit-transform:rotate3d(-1,1,0,-180deg);
    transform:rotate3d(-1,1,0,-180deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,-360deg);
    transform:rotate3d(-1,1,0,-360deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
}
@-webkit-keyframes rotate-diagonal-tl {
  0% {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
  50% {
    -webkit-transform:rotate3d(-1,1,0,180deg);
    transform:rotate3d(-1,1,0,180deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,360deg);
    transform:rotate3d(-1,1,0,360deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
}
@keyframes rotate-diagonal-tl {
  0% {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
  50% {
    -webkit-transform:rotate3d(-1,1,0,180deg);
    transform:rotate3d(-1,1,0,180deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,360deg);
    transform:rotate3d(-1,1,0,360deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
}
@-webkit-keyframes rotate-diagonal-tr {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
  50% {
    -webkit-transform:rotate3d(1,1,0,-180deg);
    transform:rotate3d(1,1,0,-180deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
  to {
    -webkit-transform:rotate3d(1,1,0,-360deg);
    transform:rotate3d(1,1,0,-360deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@keyframes rotate-diagonal-tr {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
  50% {
    -webkit-transform:rotate3d(1,1,0,-180deg);
    transform:rotate3d(1,1,0,-180deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
  to {
    -webkit-transform:rotate3d(1,1,0,-360deg);
    transform:rotate3d(1,1,0,-360deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@-webkit-keyframes rotate-hor-bottom {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
  to {
    -webkit-transform:rotateX(360deg);
    transform:rotateX(360deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
}
@keyframes rotate-hor-bottom {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
  to {
    -webkit-transform:rotateX(360deg);
    transform:rotateX(360deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
}
@-webkit-keyframes rotate-hor-center {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0)
  }
  to {
    -webkit-transform:rotateX(-360deg);
    transform:rotateX(-360deg)
  }
}
@keyframes rotate-hor-center {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0)
  }
  to {
    -webkit-transform:rotateX(-360deg);
    transform:rotateX(-360deg)
  }
}
@-webkit-keyframes rotate-hor-top {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:top;
    transform-origin:top
  }
  to {
    -webkit-transform:rotateX(-360deg);
    transform:rotateX(-360deg);
    -webkit-transform-origin:top;
    transform-origin:top
  }
}
@keyframes rotate-hor-top {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:top;
    transform-origin:top
  }
  to {
    -webkit-transform:rotateX(-360deg);
    transform:rotateX(-360deg);
    -webkit-transform-origin:top;
    transform-origin:top
  }
}
@-webkit-keyframes rotate-left {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:left;
    transform-origin:left
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transform-origin:left;
    transform-origin:left
  }
}
@keyframes rotate-left {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:left;
    transform-origin:left
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transform-origin:left;
    transform-origin:left
  }
}
@-webkit-keyframes rotate-right {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:right;
    transform-origin:right
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transform-origin:right;
    transform-origin:right
  }
}
@keyframes rotate-right {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:right;
    transform-origin:right
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transform-origin:right;
    transform-origin:right
  }
}
@-webkit-keyframes rotate-tl {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:top left;
    transform-origin:top left
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transform-origin:top left;
    transform-origin:top left
  }
}
@keyframes rotate-tl {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:top left;
    transform-origin:top left
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transform-origin:top left;
    transform-origin:top left
  }
}
@-webkit-keyframes rotate-top {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:top;
    transform-origin:top
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transform-origin:top;
    transform-origin:top
  }
}
@keyframes rotate-top {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:top;
    transform-origin:top
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transform-origin:top;
    transform-origin:top
  }
}
@-webkit-keyframes rotate-tr {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:top right;
    transform-origin:top right
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transform-origin:top right;
    transform-origin:top right
  }
}
@keyframes rotate-tr {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:top right;
    transform-origin:top right
  }
  to {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transform-origin:top right;
    transform-origin:top right
  }
}
@-webkit-keyframes rotate-vert-center {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0)
  }
  to {
    -webkit-transform:rotateY(360deg);
    transform:rotateY(360deg)
  }
}
@keyframes rotate-vert-center {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0)
  }
  to {
    -webkit-transform:rotateY(360deg);
    transform:rotateY(360deg)
  }
}
@-webkit-keyframes rotate-vert-left {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:left;
    transform-origin:left
  }
  to {
    -webkit-transform:rotateY(360deg);
    transform:rotateY(360deg);
    -webkit-transform-origin:left;
    transform-origin:left
  }
}
@keyframes rotate-vert-left {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:left;
    transform-origin:left
  }
  to {
    -webkit-transform:rotateY(360deg);
    transform:rotateY(360deg);
    -webkit-transform-origin:left;
    transform-origin:left
  }
}
@-webkit-keyframes rotate-vert-right {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:right;
    transform-origin:right
  }
  to {
    -webkit-transform:rotateY(-360deg);
    transform:rotateY(-360deg);
    -webkit-transform-origin:right;
    transform-origin:right
  }
}
@keyframes rotate-vert-right {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:right;
    transform-origin:right
  }
  to {
    -webkit-transform:rotateY(-360deg);
    transform:rotateY(-360deg);
    -webkit-transform-origin:right;
    transform-origin:right
  }
}
@-webkit-keyframes rotate-scale-down-diag-1 {
  0% {
    -webkit-transform:scale(1) rotate3d(1,1,0,0deg);
    transform:scale(1) rotate3d(1,1,0,0deg)
  }
  50% {
    -webkit-transform:scale(.5) rotate3d(1,1,0,-180deg);
    transform:scale(.5) rotate3d(1,1,0,-180deg)
  }
  to {
    -webkit-transform:scale(1) rotate3d(1,1,0,-360deg);
    transform:scale(1) rotate3d(1,1,0,-360deg)
  }
}
@keyframes rotate-scale-down-diag-1 {
  0% {
    -webkit-transform:scale(1) rotate3d(1,1,0,0deg);
    transform:scale(1) rotate3d(1,1,0,0deg)
  }
  50% {
    -webkit-transform:scale(.5) rotate3d(1,1,0,-180deg);
    transform:scale(.5) rotate3d(1,1,0,-180deg)
  }
  to {
    -webkit-transform:scale(1) rotate3d(1,1,0,-360deg);
    transform:scale(1) rotate3d(1,1,0,-360deg)
  }
}
@-webkit-keyframes rotate-scale-down-diag-2 {
  0% {
    -webkit-transform:scale(1) rotate3d(-1,1,0,0deg);
    transform:scale(1) rotate3d(-1,1,0,0deg)
  }
  50% {
    -webkit-transform:scale(.5) rotate3d(-1,1,0,180deg);
    transform:scale(.5) rotate3d(-1,1,0,180deg)
  }
  to {
    -webkit-transform:scale(1) rotate3d(-1,1,0,360deg);
    transform:scale(1) rotate3d(-1,1,0,360deg)
  }
}
@keyframes rotate-scale-down-diag-2 {
  0% {
    -webkit-transform:scale(1) rotate3d(-1,1,0,0deg);
    transform:scale(1) rotate3d(-1,1,0,0deg)
  }
  50% {
    -webkit-transform:scale(.5) rotate3d(-1,1,0,180deg);
    transform:scale(.5) rotate3d(-1,1,0,180deg)
  }
  to {
    -webkit-transform:scale(1) rotate3d(-1,1,0,360deg);
    transform:scale(1) rotate3d(-1,1,0,360deg)
  }
}
@-webkit-keyframes rotate-scale-down-hor {
  0% {
    -webkit-transform:scale(1) rotateX(0);
    transform:scale(1) rotateX(0)
  }
  50% {
    -webkit-transform:scale(.5) rotateX(-180deg);
    transform:scale(.5) rotateX(-180deg)
  }
  to {
    -webkit-transform:scale(1) rotateX(-360deg);
    transform:scale(1) rotateX(-360deg)
  }
}
@keyframes rotate-scale-down-hor {
  0% {
    -webkit-transform:scale(1) rotateX(0);
    transform:scale(1) rotateX(0)
  }
  50% {
    -webkit-transform:scale(.5) rotateX(-180deg);
    transform:scale(.5) rotateX(-180deg)
  }
  to {
    -webkit-transform:scale(1) rotateX(-360deg);
    transform:scale(1) rotateX(-360deg)
  }
}
@-webkit-keyframes rotate-scale-down-ver {
  0% {
    -webkit-transform:scale(1) rotateY(0);
    transform:scale(1) rotateY(0)
  }
  50% {
    -webkit-transform:scale(.5) rotateY(180deg);
    transform:scale(.5) rotateY(180deg)
  }
  to {
    -webkit-transform:scale(1) rotateY(360deg);
    transform:scale(1) rotateY(360deg)
  }
}
@keyframes rotate-scale-down-ver {
  0% {
    -webkit-transform:scale(1) rotateY(0);
    transform:scale(1) rotateY(0)
  }
  50% {
    -webkit-transform:scale(.5) rotateY(180deg);
    transform:scale(.5) rotateY(180deg)
  }
  to {
    -webkit-transform:scale(1) rotateY(360deg);
    transform:scale(1) rotateY(360deg)
  }
}
@-webkit-keyframes rotate-scale-down {
  0% {
    -webkit-transform:scale(1) rotateZ(0);
    transform:scale(1) rotateZ(0)
  }
  50% {
    -webkit-transform:scale(.5) rotateZ(180deg);
    transform:scale(.5) rotateZ(180deg)
  }
  to {
    -webkit-transform:scale(1) rotateZ(360deg);
    transform:scale(1) rotateZ(360deg)
  }
}
@keyframes rotate-scale-down {
  0% {
    -webkit-transform:scale(1) rotateZ(0);
    transform:scale(1) rotateZ(0)
  }
  50% {
    -webkit-transform:scale(.5) rotateZ(180deg);
    transform:scale(.5) rotateZ(180deg)
  }
  to {
    -webkit-transform:scale(1) rotateZ(360deg);
    transform:scale(1) rotateZ(360deg)
  }
}
@-webkit-keyframes rotate-scale-up-diag-1 {
  0% {
    -webkit-transform:scale(1) rotate3d(1,1,0,0deg);
    transform:scale(1) rotate3d(1,1,0,0deg)
  }
  50% {
    -webkit-transform:scale(2) rotate3d(1,1,0,-180deg);
    transform:scale(2) rotate3d(1,1,0,-180deg)
  }
  to {
    -webkit-transform:scale(1) rotate3d(1,1,0,-360deg);
    transform:scale(1) rotate3d(1,1,0,-360deg)
  }
}
@keyframes rotate-scale-up-diag-1 {
  0% {
    -webkit-transform:scale(1) rotate3d(1,1,0,0deg);
    transform:scale(1) rotate3d(1,1,0,0deg)
  }
  50% {
    -webkit-transform:scale(2) rotate3d(1,1,0,-180deg);
    transform:scale(2) rotate3d(1,1,0,-180deg)
  }
  to {
    -webkit-transform:scale(1) rotate3d(1,1,0,-360deg);
    transform:scale(1) rotate3d(1,1,0,-360deg)
  }
}
@-webkit-keyframes rotate-scale-up-diag-2 {
  0% {
    -webkit-transform:scale(1) rotate3d(-1,1,0,0deg);
    transform:scale(1) rotate3d(-1,1,0,0deg)
  }
  50% {
    -webkit-transform:scale(2) rotate3d(-1,1,0,180deg);
    transform:scale(2) rotate3d(-1,1,0,180deg)
  }
  to {
    -webkit-transform:scale(1) rotate3d(-1,1,0,360deg);
    transform:scale(1) rotate3d(-1,1,0,360deg)
  }
}
@keyframes rotate-scale-up-diag-2 {
  0% {
    -webkit-transform:scale(1) rotate3d(-1,1,0,0deg);
    transform:scale(1) rotate3d(-1,1,0,0deg)
  }
  50% {
    -webkit-transform:scale(2) rotate3d(-1,1,0,180deg);
    transform:scale(2) rotate3d(-1,1,0,180deg)
  }
  to {
    -webkit-transform:scale(1) rotate3d(-1,1,0,360deg);
    transform:scale(1) rotate3d(-1,1,0,360deg)
  }
}
@-webkit-keyframes rotate-scale-up-hor {
  0% {
    -webkit-transform:scale(1) rotateX(0);
    transform:scale(1) rotateX(0)
  }
  50% {
    -webkit-transform:scale(2) rotateX(-180deg);
    transform:scale(2) rotateX(-180deg)
  }
  to {
    -webkit-transform:scale(1) rotateX(-360deg);
    transform:scale(1) rotateX(-360deg)
  }
}
@keyframes rotate-scale-up-hor {
  0% {
    -webkit-transform:scale(1) rotateX(0);
    transform:scale(1) rotateX(0)
  }
  50% {
    -webkit-transform:scale(2) rotateX(-180deg);
    transform:scale(2) rotateX(-180deg)
  }
  to {
    -webkit-transform:scale(1) rotateX(-360deg);
    transform:scale(1) rotateX(-360deg)
  }
}
@-webkit-keyframes rotate-scale-up-ver {
  0% {
    -webkit-transform:scale(1) rotateY(0);
    transform:scale(1) rotateY(0)
  }
  50% {
    -webkit-transform:scale(2) rotateY(180deg);
    transform:scale(2) rotateY(180deg)
  }
  to {
    -webkit-transform:scale(1) rotateY(360deg);
    transform:scale(1) rotateY(360deg)
  }
}
@keyframes rotate-scale-up-ver {
  0% {
    -webkit-transform:scale(1) rotateY(0);
    transform:scale(1) rotateY(0)
  }
  50% {
    -webkit-transform:scale(2) rotateY(180deg);
    transform:scale(2) rotateY(180deg)
  }
  to {
    -webkit-transform:scale(1) rotateY(360deg);
    transform:scale(1) rotateY(360deg)
  }
}
@-webkit-keyframes rotate-scale-up {
  0% {
    -webkit-transform:scale(1) rotateZ(0);
    transform:scale(1) rotateZ(0)
  }
  50% {
    -webkit-transform:scale(2) rotateZ(180deg);
    transform:scale(2) rotateZ(180deg)
  }
  to {
    -webkit-transform:scale(1) rotateZ(360deg);
    transform:scale(1) rotateZ(360deg)
  }
}
@keyframes rotate-scale-up {
  0% {
    -webkit-transform:scale(1) rotateZ(0);
    transform:scale(1) rotateZ(0)
  }
  50% {
    -webkit-transform:scale(2) rotateZ(180deg);
    transform:scale(2) rotateZ(180deg)
  }
  to {
    -webkit-transform:scale(1) rotateZ(360deg);
    transform:scale(1) rotateZ(360deg)
  }
}
@-webkit-keyframes rotate-90-bl-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
  to {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
}
@keyframes rotate-90-bl-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
  to {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
}
@-webkit-keyframes rotate-90-bl-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
  to {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
}
@keyframes rotate-90-bl-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
  to {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
}
@-webkit-keyframes rotate-90-bottom-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
  to {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
}
@keyframes rotate-90-bottom-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
  to {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
}
@-webkit-keyframes rotate-90-bottom-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
  to {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
}
@keyframes rotate-90-bottom-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
  to {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
}
@-webkit-keyframes rotate-90-br-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  to {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
}
@keyframes rotate-90-br-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  to {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
}
@-webkit-keyframes rotate-90-br-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  to {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
}
@keyframes rotate-90-br-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  to {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
}
@-webkit-keyframes rotate-90-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  to {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg)
  }
}
@keyframes rotate-90-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  to {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg)
  }
}
@-webkit-keyframes rotate-90-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  to {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
  }
}
@keyframes rotate-90-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  to {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg)
  }
}
@-webkit-keyframes rotate-90-horizontal-bck {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0)
  }
  to {
    -webkit-transform:rotateX(-90deg);
    transform:rotateX(-90deg)
  }
}
@keyframes rotate-90-horizontal-bck {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0)
  }
  to {
    -webkit-transform:rotateX(-90deg);
    transform:rotateX(-90deg)
  }
}
@-webkit-keyframes rotate-90-horizontal-fwd {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0)
  }
  to {
    -webkit-transform:rotateX(90deg);
    transform:rotateX(90deg)
  }
}
@keyframes rotate-90-horizontal-fwd {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0)
  }
  to {
    -webkit-transform:rotateX(90deg);
    transform:rotateX(90deg)
  }
}
@-webkit-keyframes rotate-90-left-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:left;
    transform-origin:left
  }
  to {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:left;
    transform-origin:left
  }
}
@keyframes rotate-90-left-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:left;
    transform-origin:left
  }
  to {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:left;
    transform-origin:left
  }
}
@-webkit-keyframes rotate-90-left-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:left;
    transform-origin:left
  }
  to {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:left;
    transform-origin:left
  }
}
@keyframes rotate-90-left-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:left;
    transform-origin:left
  }
  to {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:left;
    transform-origin:left
  }
}
@-webkit-keyframes rotate-90-right-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:right;
    transform-origin:right
  }
  to {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:right;
    transform-origin:right
  }
}
@keyframes rotate-90-right-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:right;
    transform-origin:right
  }
  to {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:right;
    transform-origin:right
  }
}
@-webkit-keyframes rotate-90-right-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:right;
    transform-origin:right
  }
  to {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:right;
    transform-origin:right
  }
}
@keyframes rotate-90-right-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:right;
    transform-origin:right
  }
  to {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:right;
    transform-origin:right
  }
}
@-webkit-keyframes rotate-90-tl-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
  to {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
}
@keyframes rotate-90-tl-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
  to {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
}
@-webkit-keyframes rotate-90-tl-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
  to {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
}
@keyframes rotate-90-tl-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
  to {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
}
@-webkit-keyframes rotate-90-top-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:top;
    transform-origin:top
  }
  to {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:top;
    transform-origin:top
  }
}
@keyframes rotate-90-top-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:top;
    transform-origin:top
  }
  to {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:top;
    transform-origin:top
  }
}
@-webkit-keyframes rotate-90-top-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:top;
    transform-origin:top
  }
  to {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:top;
    transform-origin:top
  }
}
@keyframes rotate-90-top-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:top;
    transform-origin:top
  }
  to {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:top;
    transform-origin:top
  }
}
@-webkit-keyframes rotate-90-tr-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:top right;
    transform-origin:top right
  }
  to {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:top right;
    transform-origin:top right
  }
}
@keyframes rotate-90-tr-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:top right;
    transform-origin:top right
  }
  to {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:top right;
    transform-origin:top right
  }
}
@-webkit-keyframes rotate-90-tr-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:top right;
    transform-origin:top right
  }
  to {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:top right;
    transform-origin:top right
  }
}
@keyframes rotate-90-tr-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:top right;
    transform-origin:top right
  }
  to {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform-origin:top right;
    transform-origin:top right
  }
}
@-webkit-keyframes rotate-90-vertical-bck {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0)
  }
  to {
    -webkit-transform:rotateY(-90deg);
    transform:rotateY(-90deg)
  }
}
@keyframes rotate-90-vertical-bck {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0)
  }
  to {
    -webkit-transform:rotateY(-90deg);
    transform:rotateY(-90deg)
  }
}
@-webkit-keyframes rotate-90-vertical-fwd {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0)
  }
  to {
    -webkit-transform:rotateY(90deg);
    transform:rotateY(90deg)
  }
}
@keyframes rotate-90-vertical-fwd {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0)
  }
  to {
    -webkit-transform:rotateY(90deg);
    transform:rotateY(90deg)
  }
}
@-webkit-keyframes flip-diagonal-1-tr {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg)
  }
  to {
    -webkit-transform:rotate3d(1,1,0,180deg);
    transform:rotate3d(1,1,0,180deg)
  }
}
@keyframes flip-diagonal-1-tr {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg)
  }
  to {
    -webkit-transform:rotate3d(1,1,0,180deg);
    transform:rotate3d(1,1,0,180deg)
  }
}
@-webkit-keyframes flip-diagonal-1-bl {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg)
  }
  to {
    -webkit-transform:rotate3d(1,1,0,-180deg);
    transform:rotate3d(1,1,0,-180deg)
  }
}
@keyframes flip-diagonal-1-bl {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg)
  }
  to {
    -webkit-transform:rotate3d(1,1,0,-180deg);
    transform:rotate3d(1,1,0,-180deg)
  }
}
@-webkit-keyframes flip-diagonal-1-bck {
  0% {
    -webkit-transform:translateZ(0) rotate3d(1,1,0,0deg);
    transform:translateZ(0) rotate3d(1,1,0,0deg)
  }
  to {
    -webkit-transform:translateZ(-260px) rotate3d(1,1,0,-180deg);
    transform:translateZ(-260px) rotate3d(1,1,0,-180deg)
  }
}
@keyframes flip-diagonal-1-bck {
  0% {
    -webkit-transform:translateZ(0) rotate3d(1,1,0,0deg);
    transform:translateZ(0) rotate3d(1,1,0,0deg)
  }
  to {
    -webkit-transform:translateZ(-260px) rotate3d(1,1,0,-180deg);
    transform:translateZ(-260px) rotate3d(1,1,0,-180deg)
  }
}
@-webkit-keyframes flip-diagonal-1-fwd {
  0% {
    -webkit-transform:translateZ(0) rotate3d(1,1,0,0deg);
    transform:translateZ(0) rotate3d(1,1,0,0deg)
  }
  to {
    -webkit-transform:translateZ(160px) rotate3d(1,1,0,180deg);
    transform:translateZ(160px) rotate3d(1,1,0,180deg)
  }
}
@keyframes flip-diagonal-1-fwd {
  0% {
    -webkit-transform:translateZ(0) rotate3d(1,1,0,0deg);
    transform:translateZ(0) rotate3d(1,1,0,0deg)
  }
  to {
    -webkit-transform:translateZ(160px) rotate3d(1,1,0,180deg);
    transform:translateZ(160px) rotate3d(1,1,0,180deg)
  }
}
@-webkit-keyframes flip-diagonal-2-br {
  0% {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg)
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,180deg);
    transform:rotate3d(-1,1,0,180deg)
  }
}
@keyframes flip-diagonal-2-br {
  0% {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg)
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,180deg);
    transform:rotate3d(-1,1,0,180deg)
  }
}
@-webkit-keyframes flip-diagonal-2-tl {
  0% {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg)
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,-180deg);
    transform:rotate3d(-1,1,0,-180deg)
  }
}
@keyframes flip-diagonal-2-tl {
  0% {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg)
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,-180deg);
    transform:rotate3d(-1,1,0,-180deg)
  }
}
@-webkit-keyframes flip-diagonal-2-bck {
  0% {
    -webkit-transform:translateZ(0) rotate3d(-1,1,0,0deg);
    transform:translateZ(0) rotate3d(-1,1,0,0deg)
  }
  to {
    -webkit-transform:translateZ(-260px) rotate3d(-1,1,0,-180deg);
    transform:translateZ(-260px) rotate3d(-1,1,0,-180deg)
  }
}
@keyframes flip-diagonal-2-bck {
  0% {
    -webkit-transform:translateZ(0) rotate3d(-1,1,0,0deg);
    transform:translateZ(0) rotate3d(-1,1,0,0deg)
  }
  to {
    -webkit-transform:translateZ(-260px) rotate3d(-1,1,0,-180deg);
    transform:translateZ(-260px) rotate3d(-1,1,0,-180deg)
  }
}
@-webkit-keyframes flip-diagonal-2-fwd {
  0% {
    -webkit-transform:translateZ(0) rotate3d(-1,1,0,0deg);
    transform:translateZ(0) rotate3d(-1,1,0,0deg)
  }
  to {
    -webkit-transform:translateZ(160px) rotate3d(-1,1,0,180deg);
    transform:translateZ(160px) rotate3d(-1,1,0,180deg)
  }
}
@keyframes flip-diagonal-2-fwd {
  0% {
    -webkit-transform:translateZ(0) rotate3d(-1,1,0,0deg);
    transform:translateZ(0) rotate3d(-1,1,0,0deg)
  }
  to {
    -webkit-transform:translateZ(160px) rotate3d(-1,1,0,180deg);
    transform:translateZ(160px) rotate3d(-1,1,0,180deg)
  }
}
@-webkit-keyframes flip-horizontal-bottom {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0)
  }
  to {
    -webkit-transform:rotateX(-180deg);
    transform:rotateX(-180deg)
  }
}
@keyframes flip-horizontal-bottom {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0)
  }
  to {
    -webkit-transform:rotateX(-180deg);
    transform:rotateX(-180deg)
  }
}
@-webkit-keyframes flip-horizontal-top {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0)
  }
  to {
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
  }
}
@keyframes flip-horizontal-top {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0)
  }
  to {
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg)
  }
}
@-webkit-keyframes flip-horizontal-bck {
  0% {
    -webkit-transform:translateZ(0) rotateX(0);
    transform:translateZ(0) rotateX(0)
  }
  to {
    -webkit-transform:translateZ(-260px) rotateX(180deg);
    transform:translateZ(-260px) rotateX(180deg)
  }
}
@keyframes flip-horizontal-bck {
  0% {
    -webkit-transform:translateZ(0) rotateX(0);
    transform:translateZ(0) rotateX(0)
  }
  to {
    -webkit-transform:translateZ(-260px) rotateX(180deg);
    transform:translateZ(-260px) rotateX(180deg)
  }
}
@-webkit-keyframes flip-horizontal-fwd {
  0% {
    -webkit-transform:translateZ(0) rotateX(0);
    transform:translateZ(0) rotateX(0)
  }
  to {
    -webkit-transform:translateZ(160px) rotateX(-180deg);
    transform:translateZ(160px) rotateX(-180deg)
  }
}
@keyframes flip-horizontal-fwd {
  0% {
    -webkit-transform:translateZ(0) rotateX(0);
    transform:translateZ(0) rotateX(0)
  }
  to {
    -webkit-transform:translateZ(160px) rotateX(-180deg);
    transform:translateZ(160px) rotateX(-180deg)
  }
}
@-webkit-keyframes flip-vertical-right {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0)
  }
  to {
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
  }
}
@keyframes flip-vertical-right {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0)
  }
  to {
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
  }
}
@-webkit-keyframes flip-vertical-left {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0)
  }
  to {
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg)
  }
}
@keyframes flip-vertical-left {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0)
  }
  to {
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg)
  }
}
@-webkit-keyframes flip-vertical-bck {
  0% {
    -webkit-transform:translateZ(0) rotateY(0);
    transform:translateZ(0) rotateY(0)
  }
  to {
    -webkit-transform:translateZ(-260px) rotateY(-180deg);
    transform:translateZ(-260px) rotateY(-180deg)
  }
}
@keyframes flip-vertical-bck {
  0% {
    -webkit-transform:translateZ(0) rotateY(0);
    transform:translateZ(0) rotateY(0)
  }
  to {
    -webkit-transform:translateZ(-260px) rotateY(-180deg);
    transform:translateZ(-260px) rotateY(-180deg)
  }
}
@-webkit-keyframes flip-vertical-fwd {
  0% {
    -webkit-transform:translateZ(0) rotateY(0);
    transform:translateZ(0) rotateY(0)
  }
  to {
    -webkit-transform:translateZ(160px) rotateY(180deg);
    transform:translateZ(160px) rotateY(180deg)
  }
}
@keyframes flip-vertical-fwd {
  0% {
    -webkit-transform:translateZ(0) rotateY(0);
    transform:translateZ(0) rotateY(0)
  }
  to {
    -webkit-transform:translateZ(160px) rotateY(180deg);
    transform:translateZ(160px) rotateY(180deg)
  }
}
@-webkit-keyframes flip-2-hor-bottom-1 {
  0% {
    -webkit-transform:translateY(0) rotateX(0);
    transform:translateY(0) rotateX(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
  to {
    -webkit-transform:translateY(100%) rotateX(180deg);
    transform:translateY(100%) rotateX(180deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
}
@keyframes flip-2-hor-bottom-1 {
  0% {
    -webkit-transform:translateY(0) rotateX(0);
    transform:translateY(0) rotateX(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
  to {
    -webkit-transform:translateY(100%) rotateX(180deg);
    transform:translateY(100%) rotateX(180deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
}
@-webkit-keyframes flip-2-hor-bottom-2 {
  0% {
    -webkit-transform:translateY(0) rotateX(0);
    transform:translateY(0) rotateX(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
  to {
    -webkit-transform:translateY(100%) rotateX(-180deg);
    transform:translateY(100%) rotateX(-180deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
}
@keyframes flip-2-hor-bottom-2 {
  0% {
    -webkit-transform:translateY(0) rotateX(0);
    transform:translateY(0) rotateX(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
  to {
    -webkit-transform:translateY(100%) rotateX(-180deg);
    transform:translateY(100%) rotateX(-180deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
}
@-webkit-keyframes flip-2-hor-bottom-bck {
  0% {
    -webkit-transform:translateY(0) translateZ(0) rotateX(0);
    transform:translateY(0) translateZ(0) rotateX(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
  to {
    -webkit-transform:translateY(100%) translateZ(-260px) rotateX(-180deg);
    transform:translateY(100%) translateZ(-260px) rotateX(-180deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
}
@keyframes flip-2-hor-bottom-bck {
  0% {
    -webkit-transform:translateY(0) translateZ(0) rotateX(0);
    transform:translateY(0) translateZ(0) rotateX(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
  to {
    -webkit-transform:translateY(100%) translateZ(-260px) rotateX(-180deg);
    transform:translateY(100%) translateZ(-260px) rotateX(-180deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
}
@-webkit-keyframes flip-2-hor-bottom-fwd {
  0% {
    -webkit-transform:translateY(0) translateZ(0) rotateX(0);
    transform:translateY(0) translateZ(0) rotateX(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
  to {
    -webkit-transform:translateY(100%) translateZ(160px) rotateX(180deg);
    transform:translateY(100%) translateZ(160px) rotateX(180deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
}
@keyframes flip-2-hor-bottom-fwd {
  0% {
    -webkit-transform:translateY(0) translateZ(0) rotateX(0);
    transform:translateY(0) translateZ(0) rotateX(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
  to {
    -webkit-transform:translateY(100%) translateZ(160px) rotateX(180deg);
    transform:translateY(100%) translateZ(160px) rotateX(180deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
}
@-webkit-keyframes flip-2-hor-top-1 {
  0% {
    -webkit-transform:translateY(0) rotateX(0);
    transform:translateY(0) rotateX(0);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
  to {
    -webkit-transform:translateY(-100%) rotateX(-180deg);
    transform:translateY(-100%) rotateX(-180deg);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
}
@keyframes flip-2-hor-top-1 {
  0% {
    -webkit-transform:translateY(0) rotateX(0);
    transform:translateY(0) rotateX(0);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
  to {
    -webkit-transform:translateY(-100%) rotateX(-180deg);
    transform:translateY(-100%) rotateX(-180deg);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
}
@-webkit-keyframes flip-2-hor-top-2 {
  0% {
    -webkit-transform:translateY(0) rotateX(0);
    transform:translateY(0) rotateX(0);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
  to {
    -webkit-transform:translateY(-100%) rotateX(180deg);
    transform:translateY(-100%) rotateX(180deg);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
}
@keyframes flip-2-hor-top-2 {
  0% {
    -webkit-transform:translateY(0) rotateX(0);
    transform:translateY(0) rotateX(0);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
  to {
    -webkit-transform:translateY(-100%) rotateX(180deg);
    transform:translateY(-100%) rotateX(180deg);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
}
@-webkit-keyframes flip-2-hor-top-bck {
  0% {
    -webkit-transform:translateY(0) translateZ(0) rotateX(0);
    transform:translateY(0) translateZ(0) rotateX(0);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
  to {
    -webkit-transform:translateY(-100%) translateZ(-260px) rotateX(180deg);
    transform:translateY(-100%) translateZ(-260px) rotateX(180deg);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
}
@keyframes flip-2-hor-top-bck {
  0% {
    -webkit-transform:translateY(0) translateZ(0) rotateX(0);
    transform:translateY(0) translateZ(0) rotateX(0);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
  to {
    -webkit-transform:translateY(-100%) translateZ(-260px) rotateX(180deg);
    transform:translateY(-100%) translateZ(-260px) rotateX(180deg);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
}
@-webkit-keyframes flip-2-hor-top-fwd {
  0% {
    -webkit-transform:translateY(0) translateZ(0) rotateX(0);
    transform:translateY(0) translateZ(0) rotateX(0);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
  to {
    -webkit-transform:translateY(-100%) translateZ(160px) rotateX(-180deg);
    transform:translateY(-100%) translateZ(160px) rotateX(-180deg);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
}
@keyframes flip-2-hor-top-fwd {
  0% {
    -webkit-transform:translateY(0) translateZ(0) rotateX(0);
    transform:translateY(0) translateZ(0) rotateX(0);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
  to {
    -webkit-transform:translateY(-100%) translateZ(160px) rotateX(-180deg);
    transform:translateY(-100%) translateZ(160px) rotateX(-180deg);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
}
@-webkit-keyframes flip-2-ver-left-1 {
  0% {
    -webkit-transform:translateX(0) rotateY(0);
    transform:translateX(0) rotateY(0);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
  to {
    -webkit-transform:translateX(-100%) rotateY(180deg);
    transform:translateX(-100%) rotateY(180deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@keyframes flip-2-ver-left-1 {
  0% {
    -webkit-transform:translateX(0) rotateY(0);
    transform:translateX(0) rotateY(0);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
  to {
    -webkit-transform:translateX(-100%) rotateY(180deg);
    transform:translateX(-100%) rotateY(180deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@-webkit-keyframes flip-2-ver-left-2 {
  0% {
    -webkit-transform:translateX(0) rotateY(0);
    transform:translateX(0) rotateY(0);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
  to {
    -webkit-transform:translateX(-100%) rotateY(-180deg);
    transform:translateX(-100%) rotateY(-180deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@keyframes flip-2-ver-left-2 {
  0% {
    -webkit-transform:translateX(0) rotateY(0);
    transform:translateX(0) rotateY(0);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
  to {
    -webkit-transform:translateX(-100%) rotateY(-180deg);
    transform:translateX(-100%) rotateY(-180deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@-webkit-keyframes flip-2-ver-left-bck {
  0% {
    -webkit-transform:translateX(0) translateZ(0) rotateY(0);
    transform:translateX(0) translateZ(0) rotateY(0);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
  to {
    -webkit-transform:translateX(-100%) translateZ(-260px) rotateY(-180deg);
    transform:translateX(-100%) translateZ(-260px) rotateY(-180deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@keyframes flip-2-ver-left-bck {
  0% {
    -webkit-transform:translateX(0) translateZ(0) rotateY(0);
    transform:translateX(0) translateZ(0) rotateY(0);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
  to {
    -webkit-transform:translateX(-100%) translateZ(-260px) rotateY(-180deg);
    transform:translateX(-100%) translateZ(-260px) rotateY(-180deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@-webkit-keyframes flip-2-ver-left-fwd {
  0% {
    -webkit-transform:translateX(0) translateZ(0) rotateY(0);
    transform:translateX(0) translateZ(0) rotateY(0);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
  to {
    -webkit-transform:translateX(-100%) translateZ(160px) rotateY(180deg);
    transform:translateX(-100%) translateZ(160px) rotateY(180deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@keyframes flip-2-ver-left-fwd {
  0% {
    -webkit-transform:translateX(0) translateZ(0) rotateY(0);
    transform:translateX(0) translateZ(0) rotateY(0);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
  to {
    -webkit-transform:translateX(-100%) translateZ(160px) rotateY(180deg);
    transform:translateX(-100%) translateZ(160px) rotateY(180deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@-webkit-keyframes flip-2-ver-right-1 {
  0% {
    -webkit-transform:translateX(0) rotateY(0);
    transform:translateX(0) rotateY(0);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
  to {
    -webkit-transform:translateX(100%) rotateY(-180deg);
    transform:translateX(100%) rotateY(-180deg);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
}
@keyframes flip-2-ver-right-1 {
  0% {
    -webkit-transform:translateX(0) rotateY(0);
    transform:translateX(0) rotateY(0);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
  to {
    -webkit-transform:translateX(100%) rotateY(-180deg);
    transform:translateX(100%) rotateY(-180deg);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
}
@-webkit-keyframes flip-2-ver-right-2 {
  0% {
    -webkit-transform:translateX(0) rotateY(0);
    transform:translateX(0) rotateY(0);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
  to {
    -webkit-transform:translateX(100%) rotateY(180deg);
    transform:translateX(100%) rotateY(180deg);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
}
@keyframes flip-2-ver-right-2 {
  0% {
    -webkit-transform:translateX(0) rotateY(0);
    transform:translateX(0) rotateY(0);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
  to {
    -webkit-transform:translateX(100%) rotateY(180deg);
    transform:translateX(100%) rotateY(180deg);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
}
@-webkit-keyframes flip-2-ver-right-bck {
  0% {
    -webkit-transform:translateX(0) translateZ(0) rotateY(0);
    transform:translateX(0) translateZ(0) rotateY(0);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
  to {
    -webkit-transform:translateX(100%) translateZ(-260px) rotateY(180deg);
    transform:translateX(100%) translateZ(-260px) rotateY(180deg);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
}
@keyframes flip-2-ver-right-bck {
  0% {
    -webkit-transform:translateX(0) translateZ(0) rotateY(0);
    transform:translateX(0) translateZ(0) rotateY(0);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
  to {
    -webkit-transform:translateX(100%) translateZ(-260px) rotateY(180deg);
    transform:translateX(100%) translateZ(-260px) rotateY(180deg);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
}
@-webkit-keyframes flip-2-ver-right-fwd {
  0% {
    -webkit-transform:translateX(0) translateZ(0) rotateY(0);
    transform:translateX(0) translateZ(0) rotateY(0);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
  to {
    -webkit-transform:translateX(100%) translateZ(160px) rotateY(-180deg);
    transform:translateX(100%) translateZ(160px) rotateY(-180deg);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
}
@keyframes flip-2-ver-right-fwd {
  0% {
    -webkit-transform:translateX(0) translateZ(0) rotateY(0);
    transform:translateX(0) translateZ(0) rotateY(0);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
  to {
    -webkit-transform:translateX(100%) translateZ(160px) rotateY(-180deg);
    transform:translateX(100%) translateZ(160px) rotateY(-180deg);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
}
@-webkit-keyframes flip-scale-up-hor {
  0% {
    -webkit-transform:scale(1) rotateX(0);
    transform:scale(1) rotateX(0)
  }
  50% {
    -webkit-transform:scale(2.5) rotateX(-90deg);
    transform:scale(2.5) rotateX(-90deg)
  }
  to {
    -webkit-transform:scale(1) rotateX(-180deg);
    transform:scale(1) rotateX(-180deg)
  }
}
@keyframes flip-scale-up-hor {
  0% {
    -webkit-transform:scale(1) rotateX(0);
    transform:scale(1) rotateX(0)
  }
  50% {
    -webkit-transform:scale(2.5) rotateX(-90deg);
    transform:scale(2.5) rotateX(-90deg)
  }
  to {
    -webkit-transform:scale(1) rotateX(-180deg);
    transform:scale(1) rotateX(-180deg)
  }
}
@-webkit-keyframes flip-scale-down-hor {
  0% {
    -webkit-transform:scale(1) rotateX(0);
    transform:scale(1) rotateX(0)
  }
  50% {
    -webkit-transform:scale(.4) rotateX(90deg);
    transform:scale(.4) rotateX(90deg)
  }
  to {
    -webkit-transform:scale(1) rotateX(180deg);
    transform:scale(1) rotateX(180deg)
  }
}
@keyframes flip-scale-down-hor {
  0% {
    -webkit-transform:scale(1) rotateX(0);
    transform:scale(1) rotateX(0)
  }
  50% {
    -webkit-transform:scale(.4) rotateX(90deg);
    transform:scale(.4) rotateX(90deg)
  }
  to {
    -webkit-transform:scale(1) rotateX(180deg);
    transform:scale(1) rotateX(180deg)
  }
}
@-webkit-keyframes flip-scale-up-ver {
  0% {
    -webkit-transform:scale(1) rotateY(0);
    transform:scale(1) rotateY(0)
  }
  50% {
    -webkit-transform:scale(2.5) rotateY(90deg);
    transform:scale(2.5) rotateY(90deg)
  }
  to {
    -webkit-transform:scale(1) rotateY(180deg);
    transform:scale(1) rotateY(180deg)
  }
}
@keyframes flip-scale-up-ver {
  0% {
    -webkit-transform:scale(1) rotateY(0);
    transform:scale(1) rotateY(0)
  }
  50% {
    -webkit-transform:scale(2.5) rotateY(90deg);
    transform:scale(2.5) rotateY(90deg)
  }
  to {
    -webkit-transform:scale(1) rotateY(180deg);
    transform:scale(1) rotateY(180deg)
  }
}
@-webkit-keyframes flip-scale-down-ver {
  0% {
    -webkit-transform:scale(1) rotateY(0);
    transform:scale(1) rotateY(0)
  }
  50% {
    -webkit-transform:scale(.4) rotateY(-90deg);
    transform:scale(.4) rotateY(-90deg)
  }
  to {
    -webkit-transform:scale(1) rotateY(-180deg);
    transform:scale(1) rotateY(-180deg)
  }
}
@keyframes flip-scale-down-ver {
  0% {
    -webkit-transform:scale(1) rotateY(0);
    transform:scale(1) rotateY(0)
  }
  50% {
    -webkit-transform:scale(.4) rotateY(-90deg);
    transform:scale(.4) rotateY(-90deg)
  }
  to {
    -webkit-transform:scale(1) rotateY(-180deg);
    transform:scale(1) rotateY(-180deg)
  }
}
@-webkit-keyframes flip-scale-up-diag-1 {
  0% {
    -webkit-transform:scale(1) rotate3d(1,1,0,0deg);
    transform:scale(1) rotate3d(1,1,0,0deg)
  }
  50% {
    -webkit-transform:scale(2.5) rotate3d(1,1,0,90deg);
    transform:scale(2.5) rotate3d(1,1,0,90deg)
  }
  to {
    -webkit-transform:scale(1) rotate3d(1,1,0,180deg);
    transform:scale(1) rotate3d(1,1,0,180deg)
  }
}
@keyframes flip-scale-up-diag-1 {
  0% {
    -webkit-transform:scale(1) rotate3d(1,1,0,0deg);
    transform:scale(1) rotate3d(1,1,0,0deg)
  }
  50% {
    -webkit-transform:scale(2.5) rotate3d(1,1,0,90deg);
    transform:scale(2.5) rotate3d(1,1,0,90deg)
  }
  to {
    -webkit-transform:scale(1) rotate3d(1,1,0,180deg);
    transform:scale(1) rotate3d(1,1,0,180deg)
  }
}
@-webkit-keyframes flip-scale-down-diag-1 {
  0% {
    -webkit-transform:scale(1) rotate3d(1,1,0,0deg);
    transform:scale(1) rotate3d(1,1,0,0deg)
  }
  50% {
    -webkit-transform:scale(.4) rotate3d(1,1,0,-90deg);
    transform:scale(.4) rotate3d(1,1,0,-90deg)
  }
  to {
    -webkit-transform:scale(1) rotate3d(1,1,0,-180deg);
    transform:scale(1) rotate3d(1,1,0,-180deg)
  }
}
@keyframes flip-scale-down-diag-1 {
  0% {
    -webkit-transform:scale(1) rotate3d(1,1,0,0deg);
    transform:scale(1) rotate3d(1,1,0,0deg)
  }
  50% {
    -webkit-transform:scale(.4) rotate3d(1,1,0,-90deg);
    transform:scale(.4) rotate3d(1,1,0,-90deg)
  }
  to {
    -webkit-transform:scale(1) rotate3d(1,1,0,-180deg);
    transform:scale(1) rotate3d(1,1,0,-180deg)
  }
}
@-webkit-keyframes flip-scale-up-diag-2 {
  0% {
    -webkit-transform:scale(1) rotate3d(-1,1,0,0deg);
    transform:scale(1) rotate3d(-1,1,0,0deg)
  }
  50% {
    -webkit-transform:scale(2.5) rotate3d(-1,1,0,90deg);
    transform:scale(2.5) rotate3d(-1,1,0,90deg)
  }
  to {
    -webkit-transform:scale(1) rotate3d(-1,1,0,180deg);
    transform:scale(1) rotate3d(-1,1,0,180deg)
  }
}
@keyframes flip-scale-up-diag-2 {
  0% {
    -webkit-transform:scale(1) rotate3d(-1,1,0,0deg);
    transform:scale(1) rotate3d(-1,1,0,0deg)
  }
  50% {
    -webkit-transform:scale(2.5) rotate3d(-1,1,0,90deg);
    transform:scale(2.5) rotate3d(-1,1,0,90deg)
  }
  to {
    -webkit-transform:scale(1) rotate3d(-1,1,0,180deg);
    transform:scale(1) rotate3d(-1,1,0,180deg)
  }
}
@-webkit-keyframes flip-scale-down-diag-2 {
  0% {
    -webkit-transform:scale(1) rotate3d(-1,1,0,0deg);
    transform:scale(1) rotate3d(-1,1,0,0deg)
  }
  50% {
    -webkit-transform:scale(.4) rotate3d(-1,1,0,-90deg);
    transform:scale(.4) rotate3d(-1,1,0,-90deg)
  }
  to {
    -webkit-transform:scale(1) rotate3d(-1,1,0,-180deg);
    transform:scale(1) rotate3d(-1,1,0,-180deg)
  }
}
@keyframes flip-scale-down-diag-2 {
  0% {
    -webkit-transform:scale(1) rotate3d(-1,1,0,0deg);
    transform:scale(1) rotate3d(-1,1,0,0deg)
  }
  50% {
    -webkit-transform:scale(.4) rotate3d(-1,1,0,-90deg);
    transform:scale(.4) rotate3d(-1,1,0,-90deg)
  }
  to {
    -webkit-transform:scale(1) rotate3d(-1,1,0,-180deg);
    transform:scale(1) rotate3d(-1,1,0,-180deg)
  }
}
@-webkit-keyframes flip-scale-2-hor-bottom {
  0% {
    -webkit-transform:translateY(0) rotateX(0) scale(1);
    transform:translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
  50% {
    -webkit-transform:translateY(50%) rotateX(90deg) scale(2);
    transform:translateY(50%) rotateX(90deg) scale(2);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
  }
  to {
    -webkit-transform:translateY(100%) rotateX(180deg) scale(1);
    transform:translateY(100%) rotateX(180deg) scale(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
}
@keyframes flip-scale-2-hor-bottom {
  0% {
    -webkit-transform:translateY(0) rotateX(0) scale(1);
    transform:translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
  50% {
    -webkit-transform:translateY(50%) rotateX(90deg) scale(2);
    transform:translateY(50%) rotateX(90deg) scale(2);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
  }
  to {
    -webkit-transform:translateY(100%) rotateX(180deg) scale(1);
    transform:translateY(100%) rotateX(180deg) scale(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
}
@-webkit-keyframes flip-scale-2-hor-top {
  0% {
    -webkit-transform:translateY(0) rotateX(0) scale(1);
    transform:translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
  50% {
    -webkit-transform:translateY(-50%) rotateX(-90deg) scale(2);
    transform:translateY(-50%) rotateX(-90deg) scale(2);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
  }
  to {
    -webkit-transform:translateY(-100%) rotateX(-180deg) scale(1);
    transform:translateY(-100%) rotateX(-180deg) scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
}
@keyframes flip-scale-2-hor-top {
  0% {
    -webkit-transform:translateY(0) rotateX(0) scale(1);
    transform:translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%
  }
  50% {
    -webkit-transform:translateY(-50%) rotateX(-90deg) scale(2);
    transform:translateY(-50%) rotateX(-90deg) scale(2);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
  }
  to {
    -webkit-transform:translateY(-100%) rotateX(-180deg) scale(1);
    transform:translateY(-100%) rotateX(-180deg) scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
}
@-webkit-keyframes flip-scale-2-ver-left {
  0% {
    -webkit-transform:translateX(0) rotateY(0) scale(1);
    transform:translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
  50% {
    -webkit-transform:translateX(-50%) rotateY(90deg) scale(2);
    transform:translateX(-50%) rotateY(90deg) scale(2);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
  }
  to {
    -webkit-transform:translateX(-100%) rotateY(180deg) scale(1);
    transform:translateX(-100%) rotateY(180deg) scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
}
@keyframes flip-scale-2-ver-left {
  0% {
    -webkit-transform:translateX(0) rotateY(0) scale(1);
    transform:translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
  50% {
    -webkit-transform:translateX(-50%) rotateY(90deg) scale(2);
    transform:translateX(-50%) rotateY(90deg) scale(2);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
  }
  to {
    -webkit-transform:translateX(-100%) rotateY(180deg) scale(1);
    transform:translateX(-100%) rotateY(180deg) scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
}
@-webkit-keyframes flip-scale-2-ver-right {
  0% {
    -webkit-transform:translateX(0) rotateY(0) scale(1);
    transform:translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
  50% {
    -webkit-transform:translateX(50%) rotateY(-90deg) scale(2);
    transform:translateX(50%) rotateY(-90deg) scale(2);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
  }
  to {
    -webkit-transform:translateX(100%) rotateY(-180deg) scale(1);
    transform:translateX(100%) rotateY(-180deg) scale(1);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
}
@keyframes flip-scale-2-ver-right {
  0% {
    -webkit-transform:translateX(0) rotateY(0) scale(1);
    transform:translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
  50% {
    -webkit-transform:translateX(50%) rotateY(-90deg) scale(2);
    transform:translateX(50%) rotateY(-90deg) scale(2);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
  }
  to {
    -webkit-transform:translateX(100%) rotateY(-180deg) scale(1);
    transform:translateX(100%) rotateY(-180deg) scale(1);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%
  }
}
@-webkit-keyframes swing-bottom-bck {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
  to {
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
}
@keyframes swing-bottom-bck {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
  to {
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
}
@-webkit-keyframes swing-bottom-fwd {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
  to {
    -webkit-transform:rotateX(-180deg);
    transform:rotateX(-180deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
}
@keyframes swing-bottom-fwd {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
  to {
    -webkit-transform:rotateX(-180deg);
    transform:rotateX(-180deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
}
@-webkit-keyframes swing-bottom-left-bck {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
  to {
    -webkit-transform:rotate3d(1,1,0,180deg);
    transform:rotate3d(1,1,0,180deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
}
@keyframes swing-bottom-left-bck {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
  to {
    -webkit-transform:rotate3d(1,1,0,180deg);
    transform:rotate3d(1,1,0,180deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
}
@-webkit-keyframes swing-bottom-left-fwd {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
  to {
    -webkit-transform:rotate3d(1,1,0,-180deg);
    transform:rotate3d(1,1,0,-180deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
}
@keyframes swing-bottom-left-fwd {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
  to {
    -webkit-transform:rotate3d(1,1,0,-180deg);
    transform:rotate3d(1,1,0,-180deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%
  }
}
@-webkit-keyframes swing-bottom-right-bck {
  0% {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,-180deg);
    transform:rotate3d(-1,1,0,-180deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
}
@keyframes swing-bottom-right-bck {
  0% {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,-180deg);
    transform:rotate3d(-1,1,0,-180deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
}
@-webkit-keyframes swing-bottom-right-fwd {
  0% {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,180deg);
    transform:rotate3d(-1,1,0,180deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
}
@keyframes swing-bottom-right-fwd {
  0% {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,180deg);
    transform:rotate3d(-1,1,0,180deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
}
@-webkit-keyframes swing-left-bck {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom
  }
  to {
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom
  }
}
@keyframes swing-left-bck {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom
  }
  to {
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom
  }
}
@-webkit-keyframes swing-left-fwd {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom
  }
  to {
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom
  }
}
@keyframes swing-left-fwd {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom
  }
  to {
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom
  }
}
@-webkit-keyframes swing-right-bck {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:right;
    transform-origin:right
  }
  to {
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transform-origin:right;
    transform-origin:right
  }
}
@keyframes swing-right-bck {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:right;
    transform-origin:right
  }
  to {
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transform-origin:right;
    transform-origin:right
  }
}
@-webkit-keyframes swing-right-fwd {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:right;
    transform-origin:right
  }
  to {
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
    -webkit-transform-origin:right;
    transform-origin:right
  }
}
@keyframes swing-right-fwd {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:right;
    transform-origin:right
  }
  to {
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
    -webkit-transform-origin:right;
    transform-origin:right
  }
}
@-webkit-keyframes swing-top-bck {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:top;
    transform-origin:top
  }
  to {
    -webkit-transform:rotateX(-180deg);
    transform:rotateX(-180deg);
    -webkit-transform-origin:top;
    transform-origin:top
  }
}
@keyframes swing-top-bck {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:top;
    transform-origin:top
  }
  to {
    -webkit-transform:rotateX(-180deg);
    transform:rotateX(-180deg);
    -webkit-transform-origin:top;
    transform-origin:top
  }
}
@-webkit-keyframes swing-top-fwd {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:top;
    transform-origin:top
  }
  to {
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg);
    -webkit-transform-origin:top;
    transform-origin:top
  }
}
@keyframes swing-top-fwd {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:top;
    transform-origin:top
  }
  to {
    -webkit-transform:rotateX(180deg);
    transform:rotateX(180deg);
    -webkit-transform-origin:top;
    transform-origin:top
  }
}
@-webkit-keyframes swing-top-left-bck {
  0% {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,180deg);
    transform:rotate3d(-1,1,0,180deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
}
@keyframes swing-top-left-bck {
  0% {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,180deg);
    transform:rotate3d(-1,1,0,180deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
}
@-webkit-keyframes swing-top-left-fwd {
  0% {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,-180deg);
    transform:rotate3d(-1,1,0,-180deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
}
@keyframes swing-top-left-fwd {
  0% {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,-180deg);
    transform:rotate3d(-1,1,0,-180deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%
  }
}
@-webkit-keyframes swing-top-right-bck {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
  to {
    -webkit-transform:rotate3d(1,1,0,-180deg);
    transform:rotate3d(1,1,0,-180deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@keyframes swing-top-right-bck {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
  to {
    -webkit-transform:rotate3d(1,1,0,-180deg);
    transform:rotate3d(1,1,0,-180deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@-webkit-keyframes swing-top-right-fwd {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
  to {
    -webkit-transform:rotate3d(1,1,0,180deg);
    transform:rotate3d(1,1,0,180deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@keyframes swing-top-right-fwd {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
  to {
    -webkit-transform:rotate3d(1,1,0,180deg);
    transform:rotate3d(1,1,0,180deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%
  }
}
@-webkit-keyframes slide-bl {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateY(100px) translateX(-100px);
    transform:translateY(100px) translateX(-100px)
  }
}
@keyframes slide-bl {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateY(100px) translateX(-100px);
    transform:translateY(100px) translateX(-100px)
  }
}
@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  to {
    -webkit-transform:translateY(100px);
    transform:translateY(100px)
  }
}
@keyframes slide-bottom {
  0% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  to {
    -webkit-transform:translateY(100px);
    transform:translateY(100px)
  }
}
@-webkit-keyframes slide-br {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateY(100px) translateX(100px);
    transform:translateY(100px) translateX(100px)
  }
}
@keyframes slide-br {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateY(100px) translateX(100px);
    transform:translateY(100px) translateX(100px)
  }
}
@-webkit-keyframes slide-left {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
  to {
    -webkit-transform:translateX(-100px);
    transform:translateX(-100px)
  }
}
@keyframes slide-left {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
  to {
    -webkit-transform:translateX(-100px);
    transform:translateX(-100px)
  }
}
@-webkit-keyframes slide-right {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
  to {
    -webkit-transform:translateX(100px);
    transform:translateX(100px)
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
  to {
    -webkit-transform:translateX(100px);
    transform:translateX(100px)
  }
}
@-webkit-keyframes slide-tl {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateY(-100px) translateX(-100px);
    transform:translateY(-100px) translateX(-100px)
  }
}
@keyframes slide-tl {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateY(-100px) translateX(-100px);
    transform:translateY(-100px) translateX(-100px)
  }
}
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  to {
    -webkit-transform:translateY(-100px);
    transform:translateY(-100px)
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  to {
    -webkit-transform:translateY(-100px);
    transform:translateY(-100px)
  }
}
@-webkit-keyframes slide-tr {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateY(-100px) translateX(100px);
    transform:translateY(-100px) translateX(100px)
  }
}
@keyframes slide-tr {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateY(-100px) translateX(100px);
    transform:translateY(-100px) translateX(100px)
  }
}
@-webkit-keyframes slide-bck-bl {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(-400px) translateY(200px) translateX(-200px);
    transform:translateZ(-400px) translateY(200px) translateX(-200px)
  }
}
@keyframes slide-bck-bl {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(-400px) translateY(200px) translateX(-200px);
    transform:translateZ(-400px) translateY(200px) translateX(-200px)
  }
}
@-webkit-keyframes slide-bck-bottom {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0)
  }
  to {
    -webkit-transform:translateZ(-400px) translateY(200px);
    transform:translateZ(-400px) translateY(200px)
  }
}
@keyframes slide-bck-bottom {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0)
  }
  to {
    -webkit-transform:translateZ(-400px) translateY(200px);
    transform:translateZ(-400px) translateY(200px)
  }
}
@-webkit-keyframes slide-bck-br {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(-400px) translateY(200px) translateX(200px);
    transform:translateZ(-400px) translateY(200px) translateX(200px)
  }
}
@keyframes slide-bck-br {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(-400px) translateY(200px) translateX(200px);
    transform:translateZ(-400px) translateY(200px) translateX(200px)
  }
}
@-webkit-keyframes slide-bck-center {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }
  to {
    -webkit-transform:translateZ(-400px);
    transform:translateZ(-400px)
  }
}
@keyframes slide-bck-center {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }
  to {
    -webkit-transform:translateZ(-400px);
    transform:translateZ(-400px)
  }
}
@-webkit-keyframes slide-bck-left {
  0% {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(-400px) translateX(-200px);
    transform:translateZ(-400px) translateX(-200px)
  }
}
@keyframes slide-bck-left {
  0% {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(-400px) translateX(-200px);
    transform:translateZ(-400px) translateX(-200px)
  }
}
@-webkit-keyframes slide-bck-right {
  0% {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(-400px) translateX(200px);
    transform:translateZ(-400px) translateX(200px)
  }
}
@keyframes slide-bck-right {
  0% {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(-400px) translateX(200px);
    transform:translateZ(-400px) translateX(200px)
  }
}
@-webkit-keyframes slide-bck-tl {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(-400px) translateY(-200px) translateX(-200px);
    transform:translateZ(-400px) translateY(-200px) translateX(-200px)
  }
}
@keyframes slide-bck-tl {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(-400px) translateY(-200px) translateX(-200px);
    transform:translateZ(-400px) translateY(-200px) translateX(-200px)
  }
}
@-webkit-keyframes slide-bck-top {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0)
  }
  to {
    -webkit-transform:translateZ(-400px) translateY(-200px);
    transform:translateZ(-400px) translateY(-200px)
  }
}
@keyframes slide-bck-top {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0)
  }
  to {
    -webkit-transform:translateZ(-400px) translateY(-200px);
    transform:translateZ(-400px) translateY(-200px)
  }
}
@-webkit-keyframes slide-bck-tr {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(-400px) translateY(-200px) translateX(200px);
    transform:translateZ(-400px) translateY(-200px) translateX(200px)
  }
}
@keyframes slide-bck-tr {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(-400px) translateY(-200px) translateX(200px);
    transform:translateZ(-400px) translateY(-200px) translateX(200px)
  }
}
@-webkit-keyframes slide-fwd-bl {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(160px) translateY(100px) translateX(-100px);
    transform:translateZ(160px) translateY(100px) translateX(-100px)
  }
}
@keyframes slide-fwd-bl {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(160px) translateY(100px) translateX(-100px);
    transform:translateZ(160px) translateY(100px) translateX(-100px)
  }
}
@-webkit-keyframes slide-fwd-bottom {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0)
  }
  to {
    -webkit-transform:translateZ(160px) translateY(100px);
    transform:translateZ(160px) translateY(100px)
  }
}
@keyframes slide-fwd-bottom {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0)
  }
  to {
    -webkit-transform:translateZ(160px) translateY(100px);
    transform:translateZ(160px) translateY(100px)
  }
}
@-webkit-keyframes slide-fwd-br {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(160px) translateY(100px) translateX(100px);
    transform:translateZ(160px) translateY(100px) translateX(100px)
  }
}
@keyframes slide-fwd-br {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(160px) translateY(100px) translateX(100px);
    transform:translateZ(160px) translateY(100px) translateX(100px)
  }
}
@-webkit-keyframes slide-fwd-center {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }
  to {
    -webkit-transform:translateZ(160px);
    transform:translateZ(160px)
  }
}
@keyframes slide-fwd-center {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }
  to {
    -webkit-transform:translateZ(160px);
    transform:translateZ(160px)
  }
}
@-webkit-keyframes slide-fwd-left {
  0% {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(160px) translateX(-100px);
    transform:translateZ(160px) translateX(-100px)
  }
}
@keyframes slide-fwd-left {
  0% {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(160px) translateX(-100px);
    transform:translateZ(160px) translateX(-100px)
  }
}
@-webkit-keyframes slide-fwd-right {
  0% {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(160px) translateX(100px);
    transform:translateZ(160px) translateX(100px)
  }
}
@keyframes slide-fwd-right {
  0% {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(160px) translateX(100px);
    transform:translateZ(160px) translateX(100px)
  }
}
@-webkit-keyframes slide-fwd-tl {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(160px) translateY(-100px) translateX(-100px);
    transform:translateZ(160px) translateY(-100px) translateX(-100px)
  }
}
@keyframes slide-fwd-tl {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(160px) translateY(-100px) translateX(-100px);
    transform:translateZ(160px) translateY(-100px) translateX(-100px)
  }
}
@-webkit-keyframes slide-fwd-top {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0)
  }
  to {
    -webkit-transform:translateZ(160px) translateY(-100px);
    transform:translateZ(160px) translateY(-100px)
  }
}
@keyframes slide-fwd-top {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0)
  }
  to {
    -webkit-transform:translateZ(160px) translateY(-100px);
    transform:translateZ(160px) translateY(-100px)
  }
}
@-webkit-keyframes slide-fwd-tr {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(160px) translateY(-100px) translateX(100px);
    transform:translateZ(160px) translateY(-100px) translateX(100px)
  }
}
@keyframes slide-fwd-tr {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0)
  }
  to {
    -webkit-transform:translateZ(160px) translateY(-100px) translateX(100px);
    transform:translateZ(160px) translateY(-100px) translateX(100px)
  }
}
@-webkit-keyframes slide-rotate-hor-b-bck {
  0% {
    -webkit-transform:translateY(0) translateZ(0) rotateX(0deg);
    transform:translateY(0) translateZ(0) rotateX(0deg);
    -webkit-transform-origin:bottom center;
    transform-origin:bottom center
  }
  to {
    -webkit-transform:translateY(150px) translateZ(-230px) rotateX(90deg);
    transform:translateY(150px) translateZ(-230px) rotateX(90deg);
    -webkit-transform-origin:bottom center;
    transform-origin:bottom center
  }
}
@keyframes slide-rotate-hor-b-bck {
  0% {
    -webkit-transform:translateY(0) translateZ(0) rotateX(0deg);
    transform:translateY(0) translateZ(0) rotateX(0deg);
    -webkit-transform-origin:bottom center;
    transform-origin:bottom center
  }
  to {
    -webkit-transform:translateY(150px) translateZ(-230px) rotateX(90deg);
    transform:translateY(150px) translateZ(-230px) rotateX(90deg);
    -webkit-transform-origin:bottom center;
    transform-origin:bottom center
  }
}
@-webkit-keyframes slide-rotate-hor-b-fwd {
  0% {
    -webkit-transform:translateY(0) translateZ(0) rotateX(0deg);
    transform:translateY(0) translateZ(0) rotateX(0deg);
    -webkit-transform-origin:top center;
    transform-origin:top center
  }
  to {
    -webkit-transform:translateY(150px) translateZ(130px) rotateX(90deg);
    transform:translateY(150px) translateZ(130px) rotateX(90deg);
    -webkit-transform-origin:top center;
    transform-origin:top center
  }
}
@keyframes slide-rotate-hor-b-fwd {
  0% {
    -webkit-transform:translateY(0) translateZ(0) rotateX(0deg);
    transform:translateY(0) translateZ(0) rotateX(0deg);
    -webkit-transform-origin:top center;
    transform-origin:top center
  }
  to {
    -webkit-transform:translateY(150px) translateZ(130px) rotateX(90deg);
    transform:translateY(150px) translateZ(130px) rotateX(90deg);
    -webkit-transform-origin:top center;
    transform-origin:top center
  }
}
@-webkit-keyframes slide-rotate-hor-bottom {
  0% {
    -webkit-transform:translateY(0) rotateX(0deg);
    transform:translateY(0) rotateX(0deg)
  }
  to {
    -webkit-transform:translateY(150px) rotateX(90deg);
    transform:translateY(150px) rotateX(90deg)
  }
}
@keyframes slide-rotate-hor-bottom {
  0% {
    -webkit-transform:translateY(0) rotateX(0deg);
    transform:translateY(0) rotateX(0deg)
  }
  to {
    -webkit-transform:translateY(150px) rotateX(90deg);
    transform:translateY(150px) rotateX(90deg)
  }
}
@-webkit-keyframes slide-rotate-hor-t-bck {
  0% {
    -webkit-transform:translateY(0) translateZ(0) rotateX(0deg);
    transform:translateY(0) translateZ(0) rotateX(0deg);
    -webkit-transform-origin:top center;
    transform-origin:top center
  }
  to {
    -webkit-transform:translateY(-150px) translateZ(-230px) rotateX(-90deg);
    transform:translateY(-150px) translateZ(-230px) rotateX(-90deg);
    -webkit-transform-origin:top center;
    transform-origin:top center
  }
}
@keyframes slide-rotate-hor-t-bck {
  0% {
    -webkit-transform:translateY(0) translateZ(0) rotateX(0deg);
    transform:translateY(0) translateZ(0) rotateX(0deg);
    -webkit-transform-origin:top center;
    transform-origin:top center
  }
  to {
    -webkit-transform:translateY(-150px) translateZ(-230px) rotateX(-90deg);
    transform:translateY(-150px) translateZ(-230px) rotateX(-90deg);
    -webkit-transform-origin:top center;
    transform-origin:top center
  }
}
@-webkit-keyframes slide-rotate-hor-t-fwd {
  0% {
    -webkit-transform:translateY(0) translateZ(0) rotateX(0deg);
    transform:translateY(0) translateZ(0) rotateX(0deg);
    -webkit-transform-origin:bottom center;
    transform-origin:bottom center
  }
  to {
    -webkit-transform:translateY(-150px) translateZ(130px) rotateX(-90deg);
    transform:translateY(-150px) translateZ(130px) rotateX(-90deg);
    -webkit-transform-origin:bottom center;
    transform-origin:bottom center
  }
}
@keyframes slide-rotate-hor-t-fwd {
  0% {
    -webkit-transform:translateY(0) translateZ(0) rotateX(0deg);
    transform:translateY(0) translateZ(0) rotateX(0deg);
    -webkit-transform-origin:bottom center;
    transform-origin:bottom center
  }
  to {
    -webkit-transform:translateY(-150px) translateZ(130px) rotateX(-90deg);
    transform:translateY(-150px) translateZ(130px) rotateX(-90deg);
    -webkit-transform-origin:bottom center;
    transform-origin:bottom center
  }
}
@-webkit-keyframes slide-rotate-hor-top {
  0% {
    -webkit-transform:translateY(0) rotateX(0deg);
    transform:translateY(0) rotateX(0deg)
  }
  to {
    -webkit-transform:translateY(-150px) rotateX(-90deg);
    transform:translateY(-150px) rotateX(-90deg)
  }
}
@keyframes slide-rotate-hor-top {
  0% {
    -webkit-transform:translateY(0) rotateX(0deg);
    transform:translateY(0) rotateX(0deg)
  }
  to {
    -webkit-transform:translateY(-150px) rotateX(-90deg);
    transform:translateY(-150px) rotateX(-90deg)
  }
}
@-webkit-keyframes slide-rotate-ver-l-bck {
  0% {
    -webkit-transform:translateX(0) translateZ(0) rotateY(0);
    transform:translateX(0) translateZ(0) rotateY(0);
    -webkit-transform-origin:center left;
    transform-origin:center left
  }
  to {
    -webkit-transform:translateX(-150px) translateZ(-230px) rotateY(90deg);
    transform:translateX(-150px) translateZ(-230px) rotateY(90deg);
    -webkit-transform-origin:center left;
    transform-origin:center left
  }
}
@keyframes slide-rotate-ver-l-bck {
  0% {
    -webkit-transform:translateX(0) translateZ(0) rotateY(0);
    transform:translateX(0) translateZ(0) rotateY(0);
    -webkit-transform-origin:center left;
    transform-origin:center left
  }
  to {
    -webkit-transform:translateX(-150px) translateZ(-230px) rotateY(90deg);
    transform:translateX(-150px) translateZ(-230px) rotateY(90deg);
    -webkit-transform-origin:center left;
    transform-origin:center left
  }
}
@-webkit-keyframes slide-rotate-ver-l-fwd {
  0% {
    -webkit-transform:translateX(0) translateZ(0) rotateY(0);
    transform:translateX(0) translateZ(0) rotateY(0);
    -webkit-transform-origin:center right;
    transform-origin:center right
  }
  to {
    -webkit-transform:translateX(-150px) translateZ(130px) rotateY(90deg);
    transform:translateX(-150px) translateZ(130px) rotateY(90deg);
    -webkit-transform-origin:center right;
    transform-origin:center right
  }
}
@keyframes slide-rotate-ver-l-fwd {
  0% {
    -webkit-transform:translateX(0) translateZ(0) rotateY(0);
    transform:translateX(0) translateZ(0) rotateY(0);
    -webkit-transform-origin:center right;
    transform-origin:center right
  }
  to {
    -webkit-transform:translateX(-150px) translateZ(130px) rotateY(90deg);
    transform:translateX(-150px) translateZ(130px) rotateY(90deg);
    -webkit-transform-origin:center right;
    transform-origin:center right
  }
}
@-webkit-keyframes slide-rotate-ver-left {
  0% {
    -webkit-transform:translateX(0) rotateY(0);
    transform:translateX(0) rotateY(0)
  }
  to {
    -webkit-transform:translateX(-150px) rotateY(90deg);
    transform:translateX(-150px) rotateY(90deg)
  }
}
@keyframes slide-rotate-ver-left {
  0% {
    -webkit-transform:translateX(0) rotateY(0);
    transform:translateX(0) rotateY(0)
  }
  to {
    -webkit-transform:translateX(-150px) rotateY(90deg);
    transform:translateX(-150px) rotateY(90deg)
  }
}
@-webkit-keyframes slide-rotate-ver-r-bck {
  0% {
    -webkit-transform:translateX(0) translateZ(0) rotateY(0);
    transform:translateX(0) translateZ(0) rotateY(0);
    -webkit-transform-origin:center right;
    transform-origin:center right
  }
  to {
    -webkit-transform:translateX(150px) translateZ(-230px) rotateY(-90deg);
    transform:translateX(150px) translateZ(-230px) rotateY(-90deg);
    -webkit-transform-origin:center right;
    transform-origin:center right
  }
}
@keyframes slide-rotate-ver-r-bck {
  0% {
    -webkit-transform:translateX(0) translateZ(0) rotateY(0);
    transform:translateX(0) translateZ(0) rotateY(0);
    -webkit-transform-origin:center right;
    transform-origin:center right
  }
  to {
    -webkit-transform:translateX(150px) translateZ(-230px) rotateY(-90deg);
    transform:translateX(150px) translateZ(-230px) rotateY(-90deg);
    -webkit-transform-origin:center right;
    transform-origin:center right
  }
}
@-webkit-keyframes slide-rotate-ver-r-fwd {
  0% {
    -webkit-transform:translateX(0) translateZ(0) rotateY(0);
    transform:translateX(0) translateZ(0) rotateY(0);
    -webkit-transform-origin:center left;
    transform-origin:center left
  }
  to {
    -webkit-transform:translateX(150px) translateZ(130px) rotateY(-90deg);
    transform:translateX(150px) translateZ(130px) rotateY(-90deg);
    -webkit-transform-origin:center left;
    transform-origin:center left
  }
}
@keyframes slide-rotate-ver-r-fwd {
  0% {
    -webkit-transform:translateX(0) translateZ(0) rotateY(0);
    transform:translateX(0) translateZ(0) rotateY(0);
    -webkit-transform-origin:center left;
    transform-origin:center left
  }
  to {
    -webkit-transform:translateX(150px) translateZ(130px) rotateY(-90deg);
    transform:translateX(150px) translateZ(130px) rotateY(-90deg);
    -webkit-transform-origin:center left;
    transform-origin:center left
  }
}
@-webkit-keyframes slide-rotate-ver-right {
  0% {
    -webkit-transform:translateX(0) rotateY(0);
    transform:translateX(0) rotateY(0)
  }
  to {
    -webkit-transform:translateX(150px) rotateY(-90deg);
    transform:translateX(150px) rotateY(-90deg)
  }
}
@keyframes slide-rotate-ver-right {
  0% {
    -webkit-transform:translateX(0) rotateY(0);
    transform:translateX(0) rotateY(0)
  }
  to {
    -webkit-transform:translateX(150px) rotateY(-90deg);
    transform:translateX(150px) rotateY(-90deg)
  }
}
@-webkit-keyframes shadow-drop-bl {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:-12px 12px 20px -12px rgba(0,0,0,.35);
    box-shadow:-12px 12px 20px -12px rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-bl {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:-12px 12px 20px -12px rgba(0,0,0,.35);
    box-shadow:-12px 12px 20px -12px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-bottom {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:0 12px 20px -12px rgba(0,0,0,.35);
    box-shadow:0 12px 20px -12px rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-bottom {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:0 12px 20px -12px rgba(0,0,0,.35);
    box-shadow:0 12px 20px -12px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-br {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:12px 12px 20px -12px rgba(0,0,0,.35);
    box-shadow:12px 12px 20px -12px rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-br {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:12px 12px 20px -12px rgba(0,0,0,.35);
    box-shadow:12px 12px 20px -12px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-center {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.35);
    box-shadow:0 0 20px 0 rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-center {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.35);
    box-shadow:0 0 20px 0 rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-left {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:-12px 0 20px -12px rgba(0,0,0,.35);
    box-shadow:-12px 0 20px -12px rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-left {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:-12px 0 20px -12px rgba(0,0,0,.35);
    box-shadow:-12px 0 20px -12px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-lr {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent,0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent,0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:-12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35);
    box-shadow:-12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-lr {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent,0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent,0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:-12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35);
    box-shadow:-12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-right {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:12px 0 20px -12px rgba(0,0,0,.35);
    box-shadow:12px 0 20px -12px rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-right {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:12px 0 20px -12px rgba(0,0,0,.35);
    box-shadow:12px 0 20px -12px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-tb {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent,0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent,0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:0 -12px 20px -12px rgba(0,0,0,.35),0 12px 20px -12px rgba(0,0,0,.35);
    box-shadow:0 -12px 20px -12px rgba(0,0,0,.35),0 12px 20px -12px rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-tb {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent,0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent,0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:0 -12px 20px -12px rgba(0,0,0,.35),0 12px 20px -12px rgba(0,0,0,.35);
    box-shadow:0 -12px 20px -12px rgba(0,0,0,.35),0 12px 20px -12px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-tl {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:-12px -12px 20px -12px rgba(0,0,0,.35);
    box-shadow:-12px -12px 20px -12px rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-tl {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:-12px -12px 20px -12px rgba(0,0,0,.35);
    box-shadow:-12px -12px 20px -12px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-top {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:0 -12px 20px -12px rgba(0,0,0,.35);
    box-shadow:0 -12px 20px -12px rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-top {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:0 -12px 20px -12px rgba(0,0,0,.35);
    box-shadow:0 -12px 20px -12px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-tr {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:12px -12px 20px -12px rgba(0,0,0,.35);
    box-shadow:12px -12px 20px -12px rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-tr {
  0% {
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:12px -12px 20px -12px rgba(0,0,0,.35);
    box-shadow:12px -12px 20px -12px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-2-bl {
  0% {
    -webkit-transform:translateZ(0) translateX(0) translateY(0);
    transform:translateZ(0) translateX(0) translateY(0);
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px) translateX(12px) translateY(-12px);
    transform:translateZ(50px) translateX(12px) translateY(-12px);
    -webkit-box-shadow:-12px 12px 20px -12px rgba(0,0,0,.35);
    box-shadow:-12px 12px 20px -12px rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-2-bl {
  0% {
    -webkit-transform:translateZ(0) translateX(0) translateY(0);
    transform:translateZ(0) translateX(0) translateY(0);
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px) translateX(12px) translateY(-12px);
    transform:translateZ(50px) translateX(12px) translateY(-12px);
    -webkit-box-shadow:-12px 12px 20px -12px rgba(0,0,0,.35);
    box-shadow:-12px 12px 20px -12px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-2-bottom {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px) translateY(-12px);
    transform:translateZ(50px) translateY(-12px);
    -webkit-box-shadow:0 12px 20px -12px rgba(0,0,0,.35);
    box-shadow:0 12px 20px -12px rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-2-bottom {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px) translateY(-12px);
    transform:translateZ(50px) translateY(-12px);
    -webkit-box-shadow:0 12px 20px -12px rgba(0,0,0,.35);
    box-shadow:0 12px 20px -12px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-2-br {
  0% {
    -webkit-transform:translateZ(0) translateX(0) translateY(0);
    transform:translateZ(0) translateX(0) translateY(0);
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px) translateX(-12px) translateY(-12px);
    transform:translateZ(50px) translateX(-12px) translateY(-12px);
    -webkit-box-shadow:12px 12px 20px -12px rgba(0,0,0,.35);
    box-shadow:12px 12px 20px -12px rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-2-br {
  0% {
    -webkit-transform:translateZ(0) translateX(0) translateY(0);
    transform:translateZ(0) translateX(0) translateY(0);
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px) translateX(-12px) translateY(-12px);
    transform:translateZ(50px) translateX(-12px) translateY(-12px);
    -webkit-box-shadow:12px 12px 20px -12px rgba(0,0,0,.35);
    box-shadow:12px 12px 20px -12px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-2-center {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px);
    transform:translateZ(50px);
    -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.35);
    box-shadow:0 0 20px 0 rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-2-center {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px);
    transform:translateZ(50px);
    -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.35);
    box-shadow:0 0 20px 0 rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-2-left {
  0% {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0);
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px) translateX(12px);
    transform:translateZ(50px) translateX(12px);
    -webkit-box-shadow:-12px 0 20px -12px rgba(0,0,0,.35);
    box-shadow:-12px 0 20px -12px rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-2-left {
  0% {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0);
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px) translateX(12px);
    transform:translateZ(50px) translateX(12px);
    -webkit-box-shadow:-12px 0 20px -12px rgba(0,0,0,.35);
    box-shadow:-12px 0 20px -12px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-2-lr {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-box-shadow:0 0 0 0 transparent,0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent,0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px);
    transform:translateZ(50px);
    -webkit-box-shadow:-12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35);
    box-shadow:-12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-2-lr {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-box-shadow:0 0 0 0 transparent,0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent,0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px);
    transform:translateZ(50px);
    -webkit-box-shadow:-12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35);
    box-shadow:-12px 0 20px -12px rgba(0,0,0,.35),12px 0 20px -12px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-2-right {
  0% {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0);
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px) translateX(-12px);
    transform:translateZ(50px) translateX(-12px);
    -webkit-box-shadow:12px 0 20px -12px rgba(0,0,0,.35);
    box-shadow:12px 0 20px -12px rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-2-right {
  0% {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0);
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px) translateX(-12px);
    transform:translateZ(50px) translateX(-12px);
    -webkit-box-shadow:12px 0 20px -12px rgba(0,0,0,.35);
    box-shadow:12px 0 20px -12px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-2-tb {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-box-shadow:0 0 0 0 transparent,0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent,0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px);
    transform:translateZ(50px);
    -webkit-box-shadow:0 -12px 20px -12px rgba(0,0,0,.35),0 12px 20px -12px rgba(0,0,0,.35);
    box-shadow:0 -12px 20px -12px rgba(0,0,0,.35),0 12px 20px -12px rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-2-tb {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-box-shadow:0 0 0 0 transparent,0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent,0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px);
    transform:translateZ(50px);
    -webkit-box-shadow:0 -12px 20px -12px rgba(0,0,0,.35),0 12px 20px -12px rgba(0,0,0,.35);
    box-shadow:0 -12px 20px -12px rgba(0,0,0,.35),0 12px 20px -12px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-2-tl {
  0% {
    -webkit-transform:translateZ(0) translateX(0) translateY(0);
    transform:translateZ(0) translateX(0) translateY(0);
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px) translateX(12px) translateY(12px);
    transform:translateZ(50px) translateX(12px) translateY(12px);
    -webkit-box-shadow:-12px -12px 20px -12px rgba(0,0,0,.35);
    box-shadow:-12px -12px 20px -12px rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-2-tl {
  0% {
    -webkit-transform:translateZ(0) translateX(0) translateY(0);
    transform:translateZ(0) translateX(0) translateY(0);
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px) translateX(12px) translateY(12px);
    transform:translateZ(50px) translateX(12px) translateY(12px);
    -webkit-box-shadow:-12px -12px 20px -12px rgba(0,0,0,.35);
    box-shadow:-12px -12px 20px -12px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-2-top {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px) translateY(12px);
    transform:translateZ(50px) translateY(12px);
    -webkit-box-shadow:0 -12px 20px -12px rgba(0,0,0,.35);
    box-shadow:0 -12px 20px -12px rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-2-top {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px) translateY(12px);
    transform:translateZ(50px) translateY(12px);
    -webkit-box-shadow:0 -12px 20px -12px rgba(0,0,0,.35);
    box-shadow:0 -12px 20px -12px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-drop-2-tr {
  0% {
    -webkit-transform:translateZ(0) translateX(0) translateY(0);
    transform:translateZ(0) translateX(0) translateY(0);
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px) translateX(-12px) translateY(12px);
    transform:translateZ(50px) translateX(-12px) translateY(12px);
    -webkit-box-shadow:12px -12px 20px -12px rgba(0,0,0,.35);
    box-shadow:12px -12px 20px -12px rgba(0,0,0,.35)
  }
}
@keyframes shadow-drop-2-tr {
  0% {
    -webkit-transform:translateZ(0) translateX(0) translateY(0);
    transform:translateZ(0) translateX(0) translateY(0);
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent
  }
  to {
    -webkit-transform:translateZ(50px) translateX(-12px) translateY(12px);
    transform:translateZ(50px) translateX(-12px) translateY(12px);
    -webkit-box-shadow:12px -12px 20px -12px rgba(0,0,0,.35);
    box-shadow:12px -12px 20px -12px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes shadow-pop-bl {
  0% {
    -webkit-box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
    box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0)
  }
  to {
    -webkit-box-shadow:-1px 1px #3e3e3e,-2px 2px #3e3e3e,-3px 3px #3e3e3e,-4px 4px #3e3e3e,-5px 5px #3e3e3e,-6px 6px #3e3e3e,-7px 7px #3e3e3e,-8px 8px #3e3e3e;
    box-shadow:-1px 1px #3e3e3e,-2px 2px #3e3e3e,-3px 3px #3e3e3e,-4px 4px #3e3e3e,-5px 5px #3e3e3e,-6px 6px #3e3e3e,-7px 7px #3e3e3e,-8px 8px #3e3e3e;
    -webkit-transform:translateX(8px) translateY(-8px);
    transform:translateX(8px) translateY(-8px)
  }
}
@keyframes shadow-pop-bl {
  0% {
    -webkit-box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
    box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0)
  }
  to {
    -webkit-box-shadow:-1px 1px #3e3e3e,-2px 2px #3e3e3e,-3px 3px #3e3e3e,-4px 4px #3e3e3e,-5px 5px #3e3e3e,-6px 6px #3e3e3e,-7px 7px #3e3e3e,-8px 8px #3e3e3e;
    box-shadow:-1px 1px #3e3e3e,-2px 2px #3e3e3e,-3px 3px #3e3e3e,-4px 4px #3e3e3e,-5px 5px #3e3e3e,-6px 6px #3e3e3e,-7px 7px #3e3e3e,-8px 8px #3e3e3e;
    -webkit-transform:translateX(8px) translateY(-8px);
    transform:translateX(8px) translateY(-8px)
  }
}
@-webkit-keyframes shadow-pop-br {
  0% {
    -webkit-box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
    box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0)
  }
  to {
    -webkit-box-shadow:1px 1px #3e3e3e,2px 2px #3e3e3e,3px 3px #3e3e3e,4px 4px #3e3e3e,5px 5px #3e3e3e,6px 6px #3e3e3e,7px 7px #3e3e3e,8px 8px #3e3e3e;
    box-shadow:1px 1px #3e3e3e,2px 2px #3e3e3e,3px 3px #3e3e3e,4px 4px #3e3e3e,5px 5px #3e3e3e,6px 6px #3e3e3e,7px 7px #3e3e3e,8px 8px #3e3e3e;
    -webkit-transform:translateX(-8px) translateY(-8px);
    transform:translateX(-8px) translateY(-8px)
  }
}
@keyframes shadow-pop-br {
  0% {
    -webkit-box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
    box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0)
  }
  to {
    -webkit-box-shadow:1px 1px #3e3e3e,2px 2px #3e3e3e,3px 3px #3e3e3e,4px 4px #3e3e3e,5px 5px #3e3e3e,6px 6px #3e3e3e,7px 7px #3e3e3e,8px 8px #3e3e3e;
    box-shadow:1px 1px #3e3e3e,2px 2px #3e3e3e,3px 3px #3e3e3e,4px 4px #3e3e3e,5px 5px #3e3e3e,6px 6px #3e3e3e,7px 7px #3e3e3e,8px 8px #3e3e3e;
    -webkit-transform:translateX(-8px) translateY(-8px);
    transform:translateX(-8px) translateY(-8px)
  }
}
@-webkit-keyframes shadow-pop-tl {
  0% {
    -webkit-box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
    box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0)
  }
  to {
    -webkit-box-shadow:-1px -1px #3e3e3e,-2px -2px #3e3e3e,-3px -3px #3e3e3e,-4px -4px #3e3e3e,-5px -5px #3e3e3e,-6px -6px #3e3e3e,-7px -7px #3e3e3e,-8px -8px #3e3e3e;
    box-shadow:-1px -1px #3e3e3e,-2px -2px #3e3e3e,-3px -3px #3e3e3e,-4px -4px #3e3e3e,-5px -5px #3e3e3e,-6px -6px #3e3e3e,-7px -7px #3e3e3e,-8px -8px #3e3e3e;
    -webkit-transform:translateX(8px) translateY(8px);
    transform:translateX(8px) translateY(8px)
  }
}
@keyframes shadow-pop-tl {
  0% {
    -webkit-box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
    box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0)
  }
  to {
    -webkit-box-shadow:-1px -1px #3e3e3e,-2px -2px #3e3e3e,-3px -3px #3e3e3e,-4px -4px #3e3e3e,-5px -5px #3e3e3e,-6px -6px #3e3e3e,-7px -7px #3e3e3e,-8px -8px #3e3e3e;
    box-shadow:-1px -1px #3e3e3e,-2px -2px #3e3e3e,-3px -3px #3e3e3e,-4px -4px #3e3e3e,-5px -5px #3e3e3e,-6px -6px #3e3e3e,-7px -7px #3e3e3e,-8px -8px #3e3e3e;
    -webkit-transform:translateX(8px) translateY(8px);
    transform:translateX(8px) translateY(8px)
  }
}
@-webkit-keyframes shadow-pop-tr {
  0% {
    -webkit-box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
    box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0)
  }
  to {
    -webkit-box-shadow:1px -1px #3e3e3e,2px -2px #3e3e3e,3px -3px #3e3e3e,4px -4px #3e3e3e,5px -5px #3e3e3e,6px -6px #3e3e3e,7px -7px #3e3e3e,8px -8px #3e3e3e;
    box-shadow:1px -1px #3e3e3e,2px -2px #3e3e3e,3px -3px #3e3e3e,4px -4px #3e3e3e,5px -5px #3e3e3e,6px -6px #3e3e3e,7px -7px #3e3e3e,8px -8px #3e3e3e;
    -webkit-transform:translateX(-8px) translateY(8px);
    transform:translateX(-8px) translateY(8px)
  }
}
@keyframes shadow-pop-tr {
  0% {
    -webkit-box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
    box-shadow:0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e,0 0 #3e3e3e;
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0)
  }
  to {
    -webkit-box-shadow:1px -1px #3e3e3e,2px -2px #3e3e3e,3px -3px #3e3e3e,4px -4px #3e3e3e,5px -5px #3e3e3e,6px -6px #3e3e3e,7px -7px #3e3e3e,8px -8px #3e3e3e;
    box-shadow:1px -1px #3e3e3e,2px -2px #3e3e3e,3px -3px #3e3e3e,4px -4px #3e3e3e,5px -5px #3e3e3e,6px -6px #3e3e3e,7px -7px #3e3e3e,8px -8px #3e3e3e;
    -webkit-transform:translateX(-8px) translateY(8px);
    transform:translateX(-8px) translateY(8px)
  }
}
@-webkit-keyframes shadow-inset-bl {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset 6px -6px 14px -6px rgba(0,0,0,.5);
    box-shadow:inset 6px -6px 14px -6px rgba(0,0,0,.5)
  }
}
@keyframes shadow-inset-bl {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset 6px -6px 14px -6px rgba(0,0,0,.5);
    box-shadow:inset 6px -6px 14px -6px rgba(0,0,0,.5)
  }
}
@-webkit-keyframes shadow-inset-bottom {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset 0 -6px 14px -6px rgba(0,0,0,.5);
    box-shadow:inset 0 -6px 14px -6px rgba(0,0,0,.5)
  }
}
@keyframes shadow-inset-bottom {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset 0 -6px 14px -6px rgba(0,0,0,.5);
    box-shadow:inset 0 -6px 14px -6px rgba(0,0,0,.5)
  }
}
@-webkit-keyframes shadow-inset-br {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset -6px -6px 14px -6px rgba(0,0,0,.5);
    box-shadow:inset -6px -6px 14px -6px rgba(0,0,0,.5)
  }
}
@keyframes shadow-inset-br {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset -6px -6px 14px -6px rgba(0,0,0,.5);
    box-shadow:inset -6px -6px 14px -6px rgba(0,0,0,.5)
  }
}
@-webkit-keyframes shadow-inset-center {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset 0 0 14px 0 rgba(0,0,0,.5);
    box-shadow:inset 0 0 14px 0 rgba(0,0,0,.5)
  }
}
@keyframes shadow-inset-center {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset 0 0 14px 0 rgba(0,0,0,.5);
    box-shadow:inset 0 0 14px 0 rgba(0,0,0,.5)
  }
}
@-webkit-keyframes shadow-inset-left {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset 6px 0 14px -6px rgba(0,0,0,.5);
    box-shadow:inset 6px 0 14px -6px rgba(0,0,0,.5)
  }
}
@keyframes shadow-inset-left {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset 6px 0 14px -6px rgba(0,0,0,.5);
    box-shadow:inset 6px 0 14px -6px rgba(0,0,0,.5)
  }
}
@-webkit-keyframes shadow-inset-lr {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent,inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent,inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset -6px 0 14px -6px rgba(0,0,0,.5),inset 6px 0 14px -6px rgba(0,0,0,.5);
    box-shadow:inset -6px 0 14px -6px rgba(0,0,0,.5),inset 6px 0 14px -6px rgba(0,0,0,.5)
  }
}
@keyframes shadow-inset-lr {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent,inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent,inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset -6px 0 14px -6px rgba(0,0,0,.5),inset 6px 0 14px -6px rgba(0,0,0,.5);
    box-shadow:inset -6px 0 14px -6px rgba(0,0,0,.5),inset 6px 0 14px -6px rgba(0,0,0,.5)
  }
}
@-webkit-keyframes shadow-inset-right {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset -6px 0 14px -6px rgba(0,0,0,.5);
    box-shadow:inset -6px 0 14px -6px rgba(0,0,0,.5)
  }
}
@keyframes shadow-inset-right {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset -6px 0 14px -6px rgba(0,0,0,.5);
    box-shadow:inset -6px 0 14px -6px rgba(0,0,0,.5)
  }
}
@-webkit-keyframes shadow-inset-tb {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent,inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent,inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset 0 -6px 14px -6px rgba(0,0,0,.5),inset 0 6px 14px -6px rgba(0,0,0,.5);
    box-shadow:inset 0 -6px 14px -6px rgba(0,0,0,.5),inset 0 6px 14px -6px rgba(0,0,0,.5)
  }
}
@keyframes shadow-inset-tb {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent,inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent,inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset 0 -6px 14px -6px rgba(0,0,0,.5),inset 0 6px 14px -6px rgba(0,0,0,.5);
    box-shadow:inset 0 -6px 14px -6px rgba(0,0,0,.5),inset 0 6px 14px -6px rgba(0,0,0,.5)
  }
}
@-webkit-keyframes shadow-inset-tl {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset 6px 6px 14px -6px rgba(0,0,0,.5);
    box-shadow:inset 6px 6px 14px -6px rgba(0,0,0,.5)
  }
}
@keyframes shadow-inset-tl {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset 6px 6px 14px -6px rgba(0,0,0,.5);
    box-shadow:inset 6px 6px 14px -6px rgba(0,0,0,.5)
  }
}
@-webkit-keyframes shadow-inset-top {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset 0 6px 14px -6px rgba(0,0,0,.5);
    box-shadow:inset 0 6px 14px -6px rgba(0,0,0,.5)
  }
}
@keyframes shadow-inset-top {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset 0 6px 14px -6px rgba(0,0,0,.5);
    box-shadow:inset 0 6px 14px -6px rgba(0,0,0,.5)
  }
}
@-webkit-keyframes shadow-inset-tr {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset -6px 6px 14px -6px rgba(0,0,0,.5);
    box-shadow:inset -6px 6px 14px -6px rgba(0,0,0,.5)
  }
}
@keyframes shadow-inset-tr {
  0% {
    -webkit-box-shadow:inset 0 0 0 0 transparent;
    box-shadow:inset 0 0 0 0 transparent
  }
  to {
    -webkit-box-shadow:inset -6px 6px 14px -6px rgba(0,0,0,.5);
    box-shadow:inset -6px 6px 14px -6px rgba(0,0,0,.5)
  }
}
@-webkit-keyframes scale-in-bl {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    opacity:1
  }
}
@keyframes scale-in-bl {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    opacity:1
  }
}
@-webkit-keyframes scale-in-br {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
}
@keyframes scale-in-br {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
}
@-webkit-keyframes scale-in-bottom {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:1
  }
}
@keyframes scale-in-bottom {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:1
  }
}
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:1
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:1
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
  }
}
@-webkit-keyframes scale-in-hor-center {
  0% {
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    opacity:1
  }
  to {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    opacity:1
  }
}
@keyframes scale-in-hor-center {
  0% {
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    opacity:1
  }
  to {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    opacity:1
  }
}
@-webkit-keyframes scale-in-hor-left {
  0% {
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    opacity:1
  }
  to {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    opacity:1
  }
}
@keyframes scale-in-hor-left {
  0% {
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    opacity:1
  }
  to {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    opacity:1
  }
}
@-webkit-keyframes scale-in-hor-right {
  0% {
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
}
@keyframes scale-in-hor-right {
  0% {
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
}
@-webkit-keyframes scale-in-left {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    opacity:1
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    opacity:1
  }
}
@keyframes scale-in-left {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    opacity:1
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    opacity:1
  }
}
@-webkit-keyframes scale-in-right {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:1
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:1
  }
}
@keyframes scale-in-right {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:1
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:1
  }
}
@-webkit-keyframes scale-in-tl {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    opacity:1
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    opacity:1
  }
}
@keyframes scale-in-tl {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    opacity:1
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    opacity:1
  }
}
@-webkit-keyframes scale-in-tr {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
}
@keyframes scale-in-tr {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
}
@-webkit-keyframes scale-in-top {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    opacity:1
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    opacity:1
  }
}
@keyframes scale-in-top {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    opacity:1
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    opacity:1
  }
}
@-webkit-keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    opacity:1
  }
}
@keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    opacity:1
  }
}
@-webkit-keyframes scale-in-ver-center {
  0% {
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    opacity:1
  }
  to {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    opacity:1
  }
}
@keyframes scale-in-ver-center {
  0% {
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    opacity:1
  }
  to {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    opacity:1
  }
}
@-webkit-keyframes scale-in-ver-top {
  0% {
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
  to {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
}
@keyframes scale-in-ver-top {
  0% {
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
  to {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
}
@-webkit-keyframes rotate-in-bl {
  0% {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:bottom left;
    transform-origin:bottom left;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:bottom left;
    transform-origin:bottom left;
    opacity:1
  }
}
@keyframes rotate-in-bl {
  0% {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:bottom left;
    transform-origin:bottom left;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:bottom left;
    transform-origin:bottom left;
    opacity:1
  }
}
@-webkit-keyframes rotate-in-bottom {
  0% {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:1
  }
}
@keyframes rotate-in-bottom {
  0% {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:1
  }
}
@-webkit-keyframes rotate-in-br {
  0% {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:bottom right;
    transform-origin:bottom right;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:bottom right;
    transform-origin:bottom right;
    opacity:1
  }
}
@keyframes rotate-in-br {
  0% {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:bottom right;
    transform-origin:bottom right;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:bottom right;
    transform-origin:bottom right;
    opacity:1
  }
}
@-webkit-keyframes rotate-in-center {
  0% {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    opacity:1
  }
}
@keyframes rotate-in-center {
  0% {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    opacity:1
  }
}
@-webkit-keyframes rotate-in-left {
  0% {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:1
  }
}
@keyframes rotate-in-left {
  0% {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:1
  }
}
@-webkit-keyframes rotate-in-right {
  0% {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:1
  }
}
@keyframes rotate-in-right {
  0% {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:1
  }
}
@-webkit-keyframes rotate-in-tl {
  0% {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:top left;
    transform-origin:top left;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:top left;
    transform-origin:top left;
    opacity:1
  }
}
@keyframes rotate-in-tl {
  0% {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:top left;
    transform-origin:top left;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:top left;
    transform-origin:top left;
    opacity:1
  }
}
@-webkit-keyframes rotate-in-top {
  0% {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:1
  }
}
@keyframes rotate-in-top {
  0% {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:1
  }
}
@-webkit-keyframes rotate-in-tr {
  0% {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:top right;
    transform-origin:top right;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:top right;
    transform-origin:top right;
    opacity:1
  }
}
@keyframes rotate-in-tr {
  0% {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:top right;
    transform-origin:top right;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:top right;
    transform-origin:top right;
    opacity:1
  }
}
@-webkit-keyframes rotate-in-diag-1 {
  0% {
    -webkit-transform:rotate3d(1,1,0,-360deg);
    transform:rotate3d(1,1,0,-360deg);
    opacity:0
  }
  to {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    opacity:1
  }
}
@keyframes rotate-in-diag-1 {
  0% {
    -webkit-transform:rotate3d(1,1,0,-360deg);
    transform:rotate3d(1,1,0,-360deg);
    opacity:0
  }
  to {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    opacity:1
  }
}
@-webkit-keyframes rotate-in-diag-2 {
  0% {
    -webkit-transform:rotate3d(-1,1,0,-360deg);
    transform:rotate3d(-1,1,0,-360deg);
    opacity:0
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg);
    opacity:1
  }
}
@keyframes rotate-in-diag-2 {
  0% {
    -webkit-transform:rotate3d(-1,1,0,-360deg);
    transform:rotate3d(-1,1,0,-360deg);
    opacity:0
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg);
    opacity:1
  }
}
@-webkit-keyframes rotate-in-hor {
  0% {
    -webkit-transform:rotateX(360deg);
    transform:rotateX(360deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
    opacity:1
  }
}
@keyframes rotate-in-hor {
  0% {
    -webkit-transform:rotateX(360deg);
    transform:rotateX(360deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
    opacity:1
  }
}
@-webkit-keyframes rotate-in-ver {
  0% {
    -webkit-transform:rotateY(-360deg);
    transform:rotateY(-360deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
    opacity:1
  }
}
@keyframes rotate-in-ver {
  0% {
    -webkit-transform:rotateY(-360deg);
    transform:rotateY(-360deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
    opacity:1
  }
}
@-webkit-keyframes rotate-in-2-bck-cw {
  0% {
    -webkit-transform:translateZ(200px) rotate(-45deg);
    transform:translateZ(200px) rotate(-45deg);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) rotate(0);
    transform:translateZ(0) rotate(0);
    opacity:1
  }
}
@keyframes rotate-in-2-bck-cw {
  0% {
    -webkit-transform:translateZ(200px) rotate(-45deg);
    transform:translateZ(200px) rotate(-45deg);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) rotate(0);
    transform:translateZ(0) rotate(0);
    opacity:1
  }
}
@-webkit-keyframes rotate-in-2-bck-ccw {
  0% {
    -webkit-transform:translateZ(200px) rotate(45deg);
    transform:translateZ(200px) rotate(45deg);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) rotate(0);
    transform:translateZ(0) rotate(0);
    opacity:1
  }
}
@keyframes rotate-in-2-bck-ccw {
  0% {
    -webkit-transform:translateZ(200px) rotate(45deg);
    transform:translateZ(200px) rotate(45deg);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) rotate(0);
    transform:translateZ(0) rotate(0);
    opacity:1
  }
}
@-webkit-keyframes rotate-in-2-bl-ccw {
  0% {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:1
  }
}
@keyframes rotate-in-2-bl-ccw {
  0% {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:1
  }
}
@-webkit-keyframes rotate-in-2-bl-cw {
  0% {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:1
  }
}
@keyframes rotate-in-2-bl-cw {
  0% {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:1
  }
}
@-webkit-keyframes rotate-in-2-br-ccw {
  0% {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
}
@keyframes rotate-in-2-br-ccw {
  0% {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
}
@-webkit-keyframes rotate-in-2-br-cw {
  0% {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
}
@keyframes rotate-in-2-br-cw {
  0% {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
}
@-webkit-keyframes rotate-in-2-ccw {
  0% {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    opacity:1
  }
}
@keyframes rotate-in-2-ccw {
  0% {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    opacity:1
  }
}
@-webkit-keyframes rotate-in-2-cw {
  0% {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    opacity:1
  }
}
@keyframes rotate-in-2-cw {
  0% {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    opacity:1
  }
}
@-webkit-keyframes rotate-in-2-fwd-cw {
  0% {
    -webkit-transform:translateZ(-200px) rotate(-45deg);
    transform:translateZ(-200px) rotate(-45deg);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) rotate(0);
    transform:translateZ(0) rotate(0);
    opacity:1
  }
}
@keyframes rotate-in-2-fwd-cw {
  0% {
    -webkit-transform:translateZ(-200px) rotate(-45deg);
    transform:translateZ(-200px) rotate(-45deg);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) rotate(0);
    transform:translateZ(0) rotate(0);
    opacity:1
  }
}
@-webkit-keyframes rotate-in-2-fwd-ccw {
  0% {
    -webkit-transform:translateZ(-200px) rotate(45deg);
    transform:translateZ(-200px) rotate(45deg);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) rotate(0);
    transform:translateZ(0) rotate(0);
    opacity:1
  }
}
@keyframes rotate-in-2-fwd-ccw {
  0% {
    -webkit-transform:translateZ(-200px) rotate(45deg);
    transform:translateZ(-200px) rotate(45deg);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) rotate(0);
    transform:translateZ(0) rotate(0);
    opacity:1
  }
}
@-webkit-keyframes rotate-in-2-tl-ccw {
  0% {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
}
@keyframes rotate-in-2-tl-ccw {
  0% {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
}
@-webkit-keyframes rotate-in-2-tl-cw {
  0% {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
}
@keyframes rotate-in-2-tl-cw {
  0% {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
}
@-webkit-keyframes rotate-in-2-tr-ccw {
  0% {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
}
@keyframes rotate-in-2-tr-ccw {
  0% {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
}
@-webkit-keyframes rotate-in-2-tr-cw {
  0% {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
}
@keyframes rotate-in-2-tr-cw {
  0% {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
}
@-webkit-keyframes swirl-in-bck {
  0% {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    opacity:1
  }
}
@keyframes swirl-in-bck {
  0% {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    opacity:1
  }
}
@-webkit-keyframes swirl-in-bl-bck {
  0% {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:1
  }
}
@keyframes swirl-in-bl-bck {
  0% {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:1
  }
}
@-webkit-keyframes swirl-in-bl-fwd {
  0% {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:1
  }
}
@keyframes swirl-in-bl-fwd {
  0% {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:1
  }
}
@-webkit-keyframes swirl-in-br-bck {
  0% {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
}
@keyframes swirl-in-br-bck {
  0% {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
}
@-webkit-keyframes swirl-in-br-fwd {
  0% {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
}
@keyframes swirl-in-br-fwd {
  0% {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
}
@-webkit-keyframes swirl-in-fwd {
  0% {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    opacity:1
  }
}
@keyframes swirl-in-fwd {
  0% {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    opacity:1
  }
}
@-webkit-keyframes swirl-in-tl-bck {
  0% {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
}
@keyframes swirl-in-tl-bck {
  0% {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
}
@-webkit-keyframes swirl-in-tl-fwd {
  0% {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
}
@keyframes swirl-in-tl-fwd {
  0% {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
}
@-webkit-keyframes swirl-in-tr-bck {
  0% {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
}
@keyframes swirl-in-tr-bck {
  0% {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
}
@-webkit-keyframes swirl-in-tr-fwd {
  0% {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
}
@keyframes swirl-in-tr-fwd {
  0% {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
}
@-webkit-keyframes swirl-in-top-fwd {
  0% {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0;
    opacity:1
  }
}
@keyframes swirl-in-top-fwd {
  0% {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0;
    opacity:1
  }
}
@-webkit-keyframes swirl-in-top-bck {
  0% {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0;
    opacity:1
  }
}
@keyframes swirl-in-top-bck {
  0% {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0;
    opacity:1
  }
}
@-webkit-keyframes swirl-in-right-fwd {
  0% {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:1
  }
}
@keyframes swirl-in-right-fwd {
  0% {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:1
  }
}
@-webkit-keyframes swirl-in-right-bck {
  0% {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:1
  }
}
@keyframes swirl-in-right-bck {
  0% {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:1
  }
}
@-webkit-keyframes swirl-in-bottom-fwd {
  0% {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:1
  }
}
@keyframes swirl-in-bottom-fwd {
  0% {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:1
  }
}
@-webkit-keyframes swirl-in-bottom-bck {
  0% {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:1
  }
}
@keyframes swirl-in-bottom-bck {
  0% {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:1
  }
}
@-webkit-keyframes swirl-in-left-fwd {
  0% {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    opacity:1
  }
}
@keyframes swirl-in-left-fwd {
  0% {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    opacity:1
  }
}
@-webkit-keyframes swirl-in-left-bck {
  0% {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    opacity:1
  }
}
@keyframes swirl-in-left-bck {
  0% {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    opacity:0
  }
  to {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    opacity:1
  }
}
@-webkit-keyframes flip-in-diag-1-tr {
  0% {
    -webkit-transform:rotate3d(1,1,0,-80deg);
    transform:rotate3d(1,1,0,-80deg);
    opacity:0
  }
  to {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    opacity:1
  }
}
@keyframes flip-in-diag-1-tr {
  0% {
    -webkit-transform:rotate3d(1,1,0,-80deg);
    transform:rotate3d(1,1,0,-80deg);
    opacity:0
  }
  to {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    opacity:1
  }
}
@-webkit-keyframes flip-in-diag-1-bl {
  0% {
    -webkit-transform:rotate3d(1,1,0,80deg);
    transform:rotate3d(1,1,0,80deg);
    opacity:0
  }
  to {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    opacity:1
  }
}
@keyframes flip-in-diag-1-bl {
  0% {
    -webkit-transform:rotate3d(1,1,0,80deg);
    transform:rotate3d(1,1,0,80deg);
    opacity:0
  }
  to {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    opacity:1
  }
}
@-webkit-keyframes flip-in-diag-2-tl {
  0% {
    -webkit-transform:rotate3d(-1,1,0,80deg);
    transform:rotate3d(-1,1,0,80deg);
    opacity:0
  }
  to {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    opacity:1
  }
}
@keyframes flip-in-diag-2-tl {
  0% {
    -webkit-transform:rotate3d(-1,1,0,80deg);
    transform:rotate3d(-1,1,0,80deg);
    opacity:0
  }
  to {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    opacity:1
  }
}
@-webkit-keyframes flip-in-diag-2-br {
  0% {
    -webkit-transform:rotate3d(-1,1,0,-80deg);
    transform:rotate3d(-1,1,0,-80deg);
    opacity:0
  }
  to {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    opacity:1
  }
}
@keyframes flip-in-diag-2-br {
  0% {
    -webkit-transform:rotate3d(-1,1,0,-80deg);
    transform:rotate3d(-1,1,0,-80deg);
    opacity:0
  }
  to {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    opacity:1
  }
}
@-webkit-keyframes flip-in-hor-top {
  0% {
    -webkit-transform:rotateX(-80deg);
    transform:rotateX(-80deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    opacity:1
  }
}
@keyframes flip-in-hor-top {
  0% {
    -webkit-transform:rotateX(-80deg);
    transform:rotateX(-80deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    opacity:1
  }
}
@-webkit-keyframes flip-in-hor-bottom {
  0% {
    -webkit-transform:rotateX(80deg);
    transform:rotateX(80deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    opacity:1
  }
}
@keyframes flip-in-hor-bottom {
  0% {
    -webkit-transform:rotateX(80deg);
    transform:rotateX(80deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    opacity:1
  }
}
@-webkit-keyframes flip-in-ver-right {
  0% {
    -webkit-transform:rotateY(-80deg);
    transform:rotateY(-80deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    opacity:1
  }
}
@keyframes flip-in-ver-right {
  0% {
    -webkit-transform:rotateY(-80deg);
    transform:rotateY(-80deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    opacity:1
  }
}
@-webkit-keyframes flip-in-ver-left {
  0% {
    -webkit-transform:rotateY(80deg);
    transform:rotateY(80deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    opacity:1
  }
}
@keyframes flip-in-ver-left {
  0% {
    -webkit-transform:rotateY(80deg);
    transform:rotateY(80deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    opacity:1
  }
}
@-webkit-keyframes slit-in-horizontal {
  0% {
    -webkit-transform:translateZ(-800px) rotateX(90deg);
    transform:translateZ(-800px) rotateX(90deg);
    opacity:0
  }
  54% {
    -webkit-transform:translateZ(-160px) rotateX(87deg);
    transform:translateZ(-160px) rotateX(87deg);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(0) rotateX(0);
    transform:translateZ(0) rotateX(0)
  }
}
@keyframes slit-in-horizontal {
  0% {
    -webkit-transform:translateZ(-800px) rotateX(90deg);
    transform:translateZ(-800px) rotateX(90deg);
    opacity:0
  }
  54% {
    -webkit-transform:translateZ(-160px) rotateX(87deg);
    transform:translateZ(-160px) rotateX(87deg);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(0) rotateX(0);
    transform:translateZ(0) rotateX(0)
  }
}
@-webkit-keyframes slit-in-vertical {
  0% {
    -webkit-transform:translateZ(-800px) rotateY(90deg);
    transform:translateZ(-800px) rotateY(90deg);
    opacity:0
  }
  54% {
    -webkit-transform:translateZ(-160px) rotateY(87deg);
    transform:translateZ(-160px) rotateY(87deg);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(0) rotateY(0);
    transform:translateZ(0) rotateY(0)
  }
}
@keyframes slit-in-vertical {
  0% {
    -webkit-transform:translateZ(-800px) rotateY(90deg);
    transform:translateZ(-800px) rotateY(90deg);
    opacity:0
  }
  54% {
    -webkit-transform:translateZ(-160px) rotateY(87deg);
    transform:translateZ(-160px) rotateY(87deg);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(0) rotateY(0);
    transform:translateZ(0) rotateY(0)
  }
}
@-webkit-keyframes slit-in-diagonal-1 {
  0% {
    -webkit-transform:translateZ(-800px) rotate3d(1,1,0,90deg);
    transform:translateZ(-800px) rotate3d(1,1,0,90deg);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
  54% {
    -webkit-transform:translateZ(-160px) rotate3d(1,1,0,87deg);
    transform:translateZ(-160px) rotate3d(1,1,0,87deg);
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    opacity:1
  }
  to {
    -webkit-transform:translateZ(0) rotate3d(1,1,0,0);
    transform:translateZ(0) rotate3d(1,1,0,0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
}
@keyframes slit-in-diagonal-1 {
  0% {
    -webkit-transform:translateZ(-800px) rotate3d(1,1,0,90deg);
    transform:translateZ(-800px) rotate3d(1,1,0,90deg);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
  54% {
    -webkit-transform:translateZ(-160px) rotate3d(1,1,0,87deg);
    transform:translateZ(-160px) rotate3d(1,1,0,87deg);
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    opacity:1
  }
  to {
    -webkit-transform:translateZ(0) rotate3d(1,1,0,0);
    transform:translateZ(0) rotate3d(1,1,0,0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
}
@-webkit-keyframes slit-in-diagonal-2 {
  0% {
    -webkit-transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);
    transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
  54% {
    -webkit-transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);
    transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    opacity:1
  }
  to {
    -webkit-transform:translateZ(0) rotate3d(-1,1,0,0);
    transform:translateZ(0) rotate3d(-1,1,0,0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
}
@keyframes slit-in-diagonal-2 {
  0% {
    -webkit-transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);
    transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
  54% {
    -webkit-transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);
    transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    opacity:1
  }
  to {
    -webkit-transform:translateZ(0) rotate3d(-1,1,0,0);
    transform:translateZ(0) rotate3d(-1,1,0,0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
}
@-webkit-keyframes roll-in-left {
  0% {
    -webkit-transform:translateX(-800px) rotate(-540deg);
    transform:translateX(-800px) rotate(-540deg);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) rotate(0deg);
    transform:translateX(0) rotate(0deg);
    opacity:1
  }
}
@keyframes roll-in-left {
  0% {
    -webkit-transform:translateX(-800px) rotate(-540deg);
    transform:translateX(-800px) rotate(-540deg);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) rotate(0deg);
    transform:translateX(0) rotate(0deg);
    opacity:1
  }
}
@-webkit-keyframes roll-in-top {
  0% {
    -webkit-transform:translateY(-800px) rotate(-540deg);
    transform:translateY(-800px) rotate(-540deg);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) rotate(0deg);
    transform:translateY(0) rotate(0deg);
    opacity:1
  }
}
@keyframes roll-in-top {
  0% {
    -webkit-transform:translateY(-800px) rotate(-540deg);
    transform:translateY(-800px) rotate(-540deg);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) rotate(0deg);
    transform:translateY(0) rotate(0deg);
    opacity:1
  }
}
@-webkit-keyframes roll-in-bottom {
  0% {
    -webkit-transform:translateY(800px) rotate(540deg);
    transform:translateY(800px) rotate(540deg);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) rotate(0deg);
    transform:translateY(0) rotate(0deg);
    opacity:1
  }
}
@keyframes roll-in-bottom {
  0% {
    -webkit-transform:translateY(800px) rotate(540deg);
    transform:translateY(800px) rotate(540deg);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) rotate(0deg);
    transform:translateY(0) rotate(0deg);
    opacity:1
  }
}
@-webkit-keyframes roll-in-right {
  0% {
    -webkit-transform:translateX(800px) rotate(540deg);
    transform:translateX(800px) rotate(540deg);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) rotate(0deg);
    transform:translateX(0) rotate(0deg);
    opacity:1
  }
}
@keyframes roll-in-right {
  0% {
    -webkit-transform:translateX(800px) rotate(540deg);
    transform:translateX(800px) rotate(540deg);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) rotate(0deg);
    transform:translateX(0) rotate(0deg);
    opacity:1
  }
}
@-webkit-keyframes roll-in-blurred-left {
  0% {
    -webkit-transform:translateX(-1000px) rotate(-720deg);
    transform:translateX(-1000px) rotate(-720deg);
    -webkit-filter:blur(50px);
    filter:blur(50px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) rotate(0deg);
    transform:translateX(0) rotate(0deg);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes roll-in-blurred-left {
  0% {
    -webkit-transform:translateX(-1000px) rotate(-720deg);
    transform:translateX(-1000px) rotate(-720deg);
    -webkit-filter:blur(50px);
    filter:blur(50px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) rotate(0deg);
    transform:translateX(0) rotate(0deg);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes roll-in-blurred-top {
  0% {
    -webkit-transform:translateY(-800px) rotate(-720deg);
    transform:translateY(-800px) rotate(-720deg);
    -webkit-filter:blur(50px);
    filter:blur(50px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) rotate(0deg);
    transform:translateY(0) rotate(0deg);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes roll-in-blurred-top {
  0% {
    -webkit-transform:translateY(-800px) rotate(-720deg);
    transform:translateY(-800px) rotate(-720deg);
    -webkit-filter:blur(50px);
    filter:blur(50px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) rotate(0deg);
    transform:translateY(0) rotate(0deg);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes roll-in-blurred-bottom {
  0% {
    -webkit-transform:translateY(800px) rotate(720deg);
    transform:translateY(800px) rotate(720deg);
    -webkit-filter:blur(50px);
    filter:blur(50px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) rotate(0deg);
    transform:translateY(0) rotate(0deg);
    opacity:1
  }
}
@keyframes roll-in-blurred-bottom {
  0% {
    -webkit-transform:translateY(800px) rotate(720deg);
    transform:translateY(800px) rotate(720deg);
    -webkit-filter:blur(50px);
    filter:blur(50px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) rotate(0deg);
    transform:translateY(0) rotate(0deg);
    opacity:1
  }
}
@-webkit-keyframes roll-in-blurred-right {
  0% {
    -webkit-transform:translateX(1000px) rotate(720deg);
    transform:translateX(1000px) rotate(720deg);
    -webkit-filter:blur(50px);
    filter:blur(50px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) rotate(0deg);
    transform:translateX(0) rotate(0deg);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes roll-in-blurred-right {
  0% {
    -webkit-transform:translateX(1000px) rotate(720deg);
    transform:translateX(1000px) rotate(720deg);
    -webkit-filter:blur(50px);
    filter:blur(50px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) rotate(0deg);
    transform:translateX(0) rotate(0deg);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-bl {
  0% {
    -webkit-transform:translateY(1000px) translateX(-1000px);
    transform:translateY(1000px) translateX(-1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    opacity:1
  }
}
@keyframes slide-in-bl {
  0% {
    -webkit-transform:translateY(1000px) translateX(-1000px);
    transform:translateY(1000px) translateX(-1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-br {
  0% {
    -webkit-transform:translateY(1000px) translateX(1000px);
    transform:translateY(1000px) translateX(1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    opacity:1
  }
}
@keyframes slide-in-br {
  0% {
    -webkit-transform:translateY(1000px) translateX(1000px);
    transform:translateY(1000px) translateX(1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform:translateY(1000px);
    transform:translateY(1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform:translateY(1000px);
    transform:translateY(1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform:translateX(-1000px);
    transform:translateX(-1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform:translateX(-1000px);
    transform:translateX(-1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform:translateX(1000px);
    transform:translateX(1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform:translateX(1000px);
    transform:translateX(1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-tl {
  0% {
    -webkit-transform:translateY(-1000px) translateX(-1000px);
    transform:translateY(-1000px) translateX(-1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    opacity:1
  }
}
@keyframes slide-in-tl {
  0% {
    -webkit-transform:translateY(-1000px) translateX(-1000px);
    transform:translateY(-1000px) translateX(-1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-tr {
  0% {
    -webkit-transform:translateY(-1000px) translateX(1000px);
    transform:translateY(-1000px) translateX(1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    opacity:1
  }
}
@keyframes slide-in-tr {
  0% {
    -webkit-transform:translateY(-1000px) translateX(1000px);
    transform:translateY(-1000px) translateX(1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform:translateY(-1000px);
    transform:translateY(-1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform:translateY(-1000px);
    transform:translateY(-1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-fwd-bl {
  0% {
    -webkit-transform:translateZ(-1400px) translateY(800px) translateX(-1000px);
    transform:translateZ(-1400px) translateY(800px) translateX(-1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
}
@keyframes slide-in-fwd-bl {
  0% {
    -webkit-transform:translateZ(-1400px) translateY(800px) translateX(-1000px);
    transform:translateZ(-1400px) translateY(800px) translateX(-1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-fwd-bottom {
  0% {
    -webkit-transform:translateZ(-1400px) translateY(800px);
    transform:translateZ(-1400px) translateY(800px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
}
@keyframes slide-in-fwd-bottom {
  0% {
    -webkit-transform:translateZ(-1400px) translateY(800px);
    transform:translateZ(-1400px) translateY(800px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-fwd-br {
  0% {
    -webkit-transform:translateZ(-1400px) translateY(800px) translateX(1000px);
    transform:translateZ(-1400px) translateY(800px) translateX(1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
}
@keyframes slide-in-fwd-br {
  0% {
    -webkit-transform:translateZ(-1400px) translateY(800px) translateX(1000px);
    transform:translateZ(-1400px) translateY(800px) translateX(1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-fwd-center {
  0% {
    -webkit-transform:translateZ(-1400px);
    transform:translateZ(-1400px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}
@keyframes slide-in-fwd-center {
  0% {
    -webkit-transform:translateZ(-1400px);
    transform:translateZ(-1400px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-fwd-left {
  0% {
    -webkit-transform:translateZ(-1400px) translateX(-1000px);
    transform:translateZ(-1400px) translateX(-1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0);
    opacity:1
  }
}
@keyframes slide-in-fwd-left {
  0% {
    -webkit-transform:translateZ(-1400px) translateX(-1000px);
    transform:translateZ(-1400px) translateX(-1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-fwd-right {
  0% {
    -webkit-transform:translateZ(-1400px) translateX(1000px);
    transform:translateZ(-1400px) translateX(1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0);
    opacity:1
  }
}
@keyframes slide-in-fwd-right {
  0% {
    -webkit-transform:translateZ(-1400px) translateX(1000px);
    transform:translateZ(-1400px) translateX(1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-fwd-tl {
  0% {
    -webkit-transform:translateZ(-1400px) translateY(-800px) translateX(-1000px);
    transform:translateZ(-1400px) translateY(-800px) translateX(-1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
}
@keyframes slide-in-fwd-tl {
  0% {
    -webkit-transform:translateZ(-1400px) translateY(-800px) translateX(-1000px);
    transform:translateZ(-1400px) translateY(-800px) translateX(-1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-fwd-top {
  0% {
    -webkit-transform:translateZ(-1400px) translateY(-800px);
    transform:translateZ(-1400px) translateY(-800px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
}
@keyframes slide-in-fwd-top {
  0% {
    -webkit-transform:translateZ(-1400px) translateY(-800px);
    transform:translateZ(-1400px) translateY(-800px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-fwd-tr {
  0% {
    -webkit-transform:translateZ(-1400px) translateY(-800px) translateX(1000px);
    transform:translateZ(-1400px) translateY(-800px) translateX(1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
}
@keyframes slide-in-fwd-tr {
  0% {
    -webkit-transform:translateZ(-1400px) translateY(-800px) translateX(1000px);
    transform:translateZ(-1400px) translateY(-800px) translateX(1000px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-bck-bl {
  0% {
    -webkit-transform:translateZ(700px) translateY(300px) translateX(-400px);
    transform:translateZ(700px) translateY(300px) translateX(-400px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
}
@keyframes slide-in-bck-bl {
  0% {
    -webkit-transform:translateZ(700px) translateY(300px) translateX(-400px);
    transform:translateZ(700px) translateY(300px) translateX(-400px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-bck-bottom {
  0% {
    -webkit-transform:translateZ(700px) translateY(300px);
    transform:translateZ(700px) translateY(300px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
}
@keyframes slide-in-bck-bottom {
  0% {
    -webkit-transform:translateZ(700px) translateY(300px);
    transform:translateZ(700px) translateY(300px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-bck-br {
  0% {
    -webkit-transform:translateZ(700px) translateY(300px) translateX(400px);
    transform:translateZ(700px) translateY(300px) translateX(400px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
}
@keyframes slide-in-bck-br {
  0% {
    -webkit-transform:translateZ(700px) translateY(300px) translateX(400px);
    transform:translateZ(700px) translateY(300px) translateX(400px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-bck-center {
  0% {
    -webkit-transform:translateZ(600px);
    transform:translateZ(600px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}
@keyframes slide-in-bck-center {
  0% {
    -webkit-transform:translateZ(600px);
    transform:translateZ(600px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-bck-left {
  0% {
    -webkit-transform:translateZ(700px) translateX(-400px);
    transform:translateZ(700px) translateX(-400px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0);
    opacity:1
  }
}
@keyframes slide-in-bck-left {
  0% {
    -webkit-transform:translateZ(700px) translateX(-400px);
    transform:translateZ(700px) translateX(-400px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-bck-right {
  0% {
    -webkit-transform:translateZ(700px) translateX(400px);
    transform:translateZ(700px) translateX(400px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0);
    opacity:1
  }
}
@keyframes slide-in-bck-right {
  0% {
    -webkit-transform:translateZ(700px) translateX(400px);
    transform:translateZ(700px) translateX(400px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-bck-tl {
  0% {
    -webkit-transform:translateZ(700px) translateY(-300px) translateX(-400px);
    transform:translateZ(700px) translateY(-300px) translateX(-400px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
}
@keyframes slide-in-bck-tl {
  0% {
    -webkit-transform:translateZ(700px) translateY(-300px) translateX(-400px);
    transform:translateZ(700px) translateY(-300px) translateX(-400px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-bck-top {
  0% {
    -webkit-transform:translateZ(700px) translateY(-300px);
    transform:translateZ(700px) translateY(-300px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
}
@keyframes slide-in-bck-top {
  0% {
    -webkit-transform:translateZ(700px) translateY(-300px);
    transform:translateZ(700px) translateY(-300px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-bck-tr {
  0% {
    -webkit-transform:translateZ(700px) translateY(-300px) translateX(400px);
    transform:translateZ(700px) translateY(-300px) translateX(400px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
}
@keyframes slide-in-bck-tr {
  0% {
    -webkit-transform:translateZ(700px) translateY(-300px) translateX(400px);
    transform:translateZ(700px) translateY(-300px) translateX(400px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-blurred-bl {
  0% {
    -webkit-transform:translate(-1000px,1000px) skew(-80deg,-10deg);
    transform:translate(-1000px,1000px) skew(-80deg,-10deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
  to {
    -webkit-transform:translate(0,0) skew(0deg,0deg);
    transform:translate(0,0) skew(0deg,0deg);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes slide-in-blurred-bl {
  0% {
    -webkit-transform:translate(-1000px,1000px) skew(-80deg,-10deg);
    transform:translate(-1000px,1000px) skew(-80deg,-10deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
  to {
    -webkit-transform:translate(0,0) skew(0deg,0deg);
    transform:translate(0,0) skew(0deg,0deg);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-blurred-br {
  0% {
    -webkit-transform:translate(1000px,1000px) skew(80deg,10deg);
    transform:translate(1000px,1000px) skew(80deg,10deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
  to {
    -webkit-transform:translate(0,0) skew(0deg,0deg);
    transform:translate(0,0) skew(0deg,0deg);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes slide-in-blurred-br {
  0% {
    -webkit-transform:translate(1000px,1000px) skew(80deg,10deg);
    transform:translate(1000px,1000px) skew(80deg,10deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
  to {
    -webkit-transform:translate(0,0) skew(0deg,0deg);
    transform:translate(0,0) skew(0deg,0deg);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform:translateY(1000px) scaleY(2.5) scaleX(.2);
    transform:translateY(1000px) scaleY(2.5) scaleX(.2);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) scaleY(1) scaleX(1);
    transform:translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform:translateY(1000px) scaleY(2.5) scaleX(.2);
    transform:translateY(1000px) scaleY(2.5) scaleX(.2);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) scaleY(1) scaleX(1);
    transform:translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-blurred-left {
  0% {
    -webkit-transform:translateX(-1000px) scaleX(2.5) scaleY(.2);
    transform:translateX(-1000px) scaleX(2.5) scaleY(.2);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) scaleY(1) scaleX(1);
    transform:translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes slide-in-blurred-left {
  0% {
    -webkit-transform:translateX(-1000px) scaleX(2.5) scaleY(.2);
    transform:translateX(-1000px) scaleX(2.5) scaleY(.2);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) scaleY(1) scaleX(1);
    transform:translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-blurred-right {
  0% {
    -webkit-transform:translateX(1000px) scaleX(2.5) scaleY(.2);
    transform:translateX(1000px) scaleX(2.5) scaleY(.2);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) scaleY(1) scaleX(1);
    transform:translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes slide-in-blurred-right {
  0% {
    -webkit-transform:translateX(1000px) scaleX(2.5) scaleY(.2);
    transform:translateX(1000px) scaleX(2.5) scaleY(.2);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) scaleY(1) scaleX(1);
    transform:translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-blurred-tl {
  0% {
    -webkit-transform:translate(-1000px,-1000px) skew(80deg,10deg);
    transform:translate(-1000px,-1000px) skew(80deg,10deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
  to {
    -webkit-transform:translate(0,0) skew(0deg,0deg);
    transform:translate(0,0) skew(0deg,0deg);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes slide-in-blurred-tl {
  0% {
    -webkit-transform:translate(-1000px,-1000px) skew(80deg,10deg);
    transform:translate(-1000px,-1000px) skew(80deg,10deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
  to {
    -webkit-transform:translate(0,0) skew(0deg,0deg);
    transform:translate(0,0) skew(0deg,0deg);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-blurred-tr {
  0% {
    -webkit-transform:translate(1000px,-1000px) skew(-80deg,-10deg);
    transform:translate(1000px,-1000px) skew(-80deg,-10deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
  to {
    -webkit-transform:translate(0,0) skew(0deg,0deg);
    transform:translate(0,0) skew(0deg,0deg);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes slide-in-blurred-tr {
  0% {
    -webkit-transform:translate(1000px,-1000px) skew(-80deg,-10deg);
    transform:translate(1000px,-1000px) skew(-80deg,-10deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
  to {
    -webkit-transform:translate(0,0) skew(0deg,0deg);
    transform:translate(0,0) skew(0deg,0deg);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-blurred-top {
  0% {
    -webkit-transform:translateY(-1000px) scaleY(2.5) scaleX(.2);
    transform:translateY(-1000px) scaleY(2.5) scaleX(.2);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) scaleY(1) scaleX(1);
    transform:translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes slide-in-blurred-top {
  0% {
    -webkit-transform:translateY(-1000px) scaleY(2.5) scaleX(.2);
    transform:translateY(-1000px) scaleY(2.5) scaleX(.2);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) scaleY(1) scaleX(1);
    transform:translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes slide-in-elliptic-bottom-bck {
  0% {
    -webkit-transform:translateY(600px) rotateX(-30deg) scale(6.5);
    transform:translateY(600px) rotateX(-30deg) scale(6.5);
    -webkit-transform-origin:50% -100%;
    transform-origin:50% -100%;
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) rotateX(0) scale(1);
    transform:translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin:50% 500px;
    transform-origin:50% 500px;
    opacity:1
  }
}
@keyframes slide-in-elliptic-bottom-bck {
  0% {
    -webkit-transform:translateY(600px) rotateX(-30deg) scale(6.5);
    transform:translateY(600px) rotateX(-30deg) scale(6.5);
    -webkit-transform-origin:50% -100%;
    transform-origin:50% -100%;
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) rotateX(0) scale(1);
    transform:translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin:50% 500px;
    transform-origin:50% 500px;
    opacity:1
  }
}
@-webkit-keyframes slide-in-elliptic-bottom-fwd {
  0% {
    -webkit-transform:translateY(600px) rotateX(30deg) scale(0);
    transform:translateY(600px) rotateX(30deg) scale(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) rotateX(0) scale(1);
    transform:translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin:50% -1400px;
    transform-origin:50% -1400px;
    opacity:1
  }
}
@keyframes slide-in-elliptic-bottom-fwd {
  0% {
    -webkit-transform:translateY(600px) rotateX(30deg) scale(0);
    transform:translateY(600px) rotateX(30deg) scale(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) rotateX(0) scale(1);
    transform:translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin:50% -1400px;
    transform-origin:50% -1400px;
    opacity:1
  }
}
@-webkit-keyframes slide-in-elliptic-left-bck {
  0% {
    -webkit-transform:translateX(-800px) rotateY(-30deg) scale(6.5);
    transform:translateX(-800px) rotateY(-30deg) scale(6.5);
    -webkit-transform-origin:200% 50%;
    transform-origin:200% 50%;
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) rotateY(0) scale(1);
    transform:translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin:-600px 50%;
    transform-origin:-600px 50%;
    opacity:1
  }
}
@keyframes slide-in-elliptic-left-bck {
  0% {
    -webkit-transform:translateX(-800px) rotateY(-30deg) scale(6.5);
    transform:translateX(-800px) rotateY(-30deg) scale(6.5);
    -webkit-transform-origin:200% 50%;
    transform-origin:200% 50%;
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) rotateY(0) scale(1);
    transform:translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin:-600px 50%;
    transform-origin:-600px 50%;
    opacity:1
  }
}
@-webkit-keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform:translateX(-800px) rotateY(30deg) scale(0);
    transform:translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin:-100% 50%;
    transform-origin:-100% 50%;
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) rotateY(0) scale(1);
    transform:translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin:1800px 50%;
    transform-origin:1800px 50%;
    opacity:1
  }
}
@keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform:translateX(-800px) rotateY(30deg) scale(0);
    transform:translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin:-100% 50%;
    transform-origin:-100% 50%;
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) rotateY(0) scale(1);
    transform:translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin:1800px 50%;
    transform-origin:1800px 50%;
    opacity:1
  }
}
@-webkit-keyframes slide-in-elliptic-right-bck {
  0% {
    -webkit-transform:translateX(800px) rotateY(30deg) scale(6.5);
    transform:translateX(800px) rotateY(30deg) scale(6.5);
    -webkit-transform-origin:-100% 50%;
    transform-origin:-100% 50%;
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) rotateY(0) scale(1);
    transform:translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin:600px 50%;
    transform-origin:600px 50%;
    opacity:1
  }
}
@keyframes slide-in-elliptic-right-bck {
  0% {
    -webkit-transform:translateX(800px) rotateY(30deg) scale(6.5);
    transform:translateX(800px) rotateY(30deg) scale(6.5);
    -webkit-transform-origin:-100% 50%;
    transform-origin:-100% 50%;
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) rotateY(0) scale(1);
    transform:translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin:600px 50%;
    transform-origin:600px 50%;
    opacity:1
  }
}
@-webkit-keyframes slide-in-elliptic-right-fwd {
  0% {
    -webkit-transform:translateX(800px) rotateY(-30deg) scale(0);
    transform:translateX(800px) rotateY(-30deg) scale(0);
    -webkit-transform-origin:-100% 50%;
    transform-origin:-100% 50%;
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) rotateY(0) scale(1);
    transform:translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin:-1800px 50%;
    transform-origin:-1800px 50%;
    opacity:1
  }
}
@keyframes slide-in-elliptic-right-fwd {
  0% {
    -webkit-transform:translateX(800px) rotateY(-30deg) scale(0);
    transform:translateX(800px) rotateY(-30deg) scale(0);
    -webkit-transform-origin:-100% 50%;
    transform-origin:-100% 50%;
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) rotateY(0) scale(1);
    transform:translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin:-1800px 50%;
    transform-origin:-1800px 50%;
    opacity:1
  }
}
@-webkit-keyframes slide-in-elliptic-top-bck {
  0% {
    -webkit-transform:translateY(-600px) rotateX(30deg) scale(6.5);
    transform:translateY(-600px) rotateX(30deg) scale(6.5);
    -webkit-transform-origin:50% 200%;
    transform-origin:50% 200%;
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) rotateX(0) scale(1);
    transform:translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin:50% -500px;
    transform-origin:50% -500px;
    opacity:1
  }
}
@keyframes slide-in-elliptic-top-bck {
  0% {
    -webkit-transform:translateY(-600px) rotateX(30deg) scale(6.5);
    transform:translateY(-600px) rotateX(30deg) scale(6.5);
    -webkit-transform-origin:50% 200%;
    transform-origin:50% 200%;
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) rotateX(0) scale(1);
    transform:translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin:50% -500px;
    transform-origin:50% -500px;
    opacity:1
  }
}
@-webkit-keyframes slide-in-elliptic-top-fwd {
  0% {
    -webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);
    transform:translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) rotateX(0) scale(1);
    transform:translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin:50% 1400px;
    transform-origin:50% 1400px;
    opacity:1
  }
}
@keyframes slide-in-elliptic-top-fwd {
  0% {
    -webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);
    transform:translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:0
  }
  to {
    -webkit-transform:translateY(0) rotateX(0) scale(1);
    transform:translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin:50% 1400px;
    transform-origin:50% 1400px;
    opacity:1
  }
}
@-webkit-keyframes bounce-in-bck {
  0% {
    -webkit-transform:scale(7);
    transform:scale(7);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
  38% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
  55% {
    -webkit-transform:scale(1.5);
    transform:scale(1.5);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  72%,
  89%,
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  81% {
    -webkit-transform:scale(1.24);
    transform:scale(1.24);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  95% {
    -webkit-transform:scale(1.04);
    transform:scale(1.04);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
}
@keyframes bounce-in-bck {
  0% {
    -webkit-transform:scale(7);
    transform:scale(7);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
  38% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
  55% {
    -webkit-transform:scale(1.5);
    transform:scale(1.5);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  72%,
  89%,
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  81% {
    -webkit-transform:scale(1.24);
    transform:scale(1.24);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  95% {
    -webkit-transform:scale(1.04);
    transform:scale(1.04);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
}
@-webkit-keyframes bounce-in-bottom {
  0% {
    -webkit-transform:translateY(500px);
    transform:translateY(500px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
  38% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
  55% {
    -webkit-transform:translateY(65px);
    transform:translateY(65px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  72%,
  90%,
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  81% {
    -webkit-transform:translateY(28px);
    transform:translateY(28px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  95% {
    -webkit-transform:translateY(8px);
    transform:translateY(8px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
}
@keyframes bounce-in-bottom {
  0% {
    -webkit-transform:translateY(500px);
    transform:translateY(500px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
  38% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
  55% {
    -webkit-transform:translateY(65px);
    transform:translateY(65px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  72%,
  90%,
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  81% {
    -webkit-transform:translateY(28px);
    transform:translateY(28px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  95% {
    -webkit-transform:translateY(8px);
    transform:translateY(8px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
}
@-webkit-keyframes bounce-in-fwd {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
  38% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
  55% {
    -webkit-transform:scale(.7);
    transform:scale(.7);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  72%,
  89%,
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  81% {
    -webkit-transform:scale(.84);
    transform:scale(.84);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  95% {
    -webkit-transform:scale(.95);
    transform:scale(.95);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
}
@keyframes bounce-in-fwd {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
  38% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
  55% {
    -webkit-transform:scale(.7);
    transform:scale(.7);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  72%,
  89%,
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  81% {
    -webkit-transform:scale(.84);
    transform:scale(.84);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  95% {
    -webkit-transform:scale(.95);
    transform:scale(.95);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
}
@-webkit-keyframes bounce-in-left {
  0% {
    -webkit-transform:translateX(-600px);
    transform:translateX(-600px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
  38% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
  55% {
    -webkit-transform:translateX(-68px);
    transform:translateX(-68px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  72%,
  90%,
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  81% {
    -webkit-transform:translateX(-28px);
    transform:translateX(-28px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  95% {
    -webkit-transform:translateX(-8px);
    transform:translateX(-8px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
}
@keyframes bounce-in-left {
  0% {
    -webkit-transform:translateX(-600px);
    transform:translateX(-600px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
  38% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
  55% {
    -webkit-transform:translateX(-68px);
    transform:translateX(-68px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  72%,
  90%,
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  81% {
    -webkit-transform:translateX(-28px);
    transform:translateX(-28px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  95% {
    -webkit-transform:translateX(-8px);
    transform:translateX(-8px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
}
@-webkit-keyframes bounce-in-right {
  0% {
    -webkit-transform:translateX(600px);
    transform:translateX(600px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
  38% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
  55% {
    -webkit-transform:translateX(68px);
    transform:translateX(68px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  72%,
  90%,
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  81% {
    -webkit-transform:translateX(32px);
    transform:translateX(32px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  95% {
    -webkit-transform:translateX(8px);
    transform:translateX(8px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
}
@keyframes bounce-in-right {
  0% {
    -webkit-transform:translateX(600px);
    transform:translateX(600px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
  38% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
  55% {
    -webkit-transform:translateX(68px);
    transform:translateX(68px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  72%,
  90%,
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  81% {
    -webkit-transform:translateX(32px);
    transform:translateX(32px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  95% {
    -webkit-transform:translateX(8px);
    transform:translateX(8px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
}
@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform:translateY(-500px);
    transform:translateY(-500px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
  38% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
  55% {
    -webkit-transform:translateY(-65px);
    transform:translateY(-65px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  72%,
  90%,
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  81% {
    -webkit-transform:translateY(-28px);
    transform:translateY(-28px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  95% {
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform:translateY(-500px);
    transform:translateY(-500px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
  38% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
  55% {
    -webkit-transform:translateY(-65px);
    transform:translateY(-65px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  72%,
  90%,
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  81% {
    -webkit-transform:translateY(-28px);
    transform:translateY(-28px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  95% {
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
}
@-webkit-keyframes swing-in-bottom-bck {
  0% {
    -webkit-transform:rotateX(-70deg);
    transform:rotateX(-70deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:1
  }
}
@keyframes swing-in-bottom-bck {
  0% {
    -webkit-transform:rotateX(-70deg);
    transform:rotateX(-70deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:1
  }
}
@-webkit-keyframes swing-in-bottom-fwd {
  0% {
    -webkit-transform:rotateX(100deg);
    transform:rotateX(100deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:1
  }
}
@keyframes swing-in-bottom-fwd {
  0% {
    -webkit-transform:rotateX(100deg);
    transform:rotateX(100deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:1
  }
}
@-webkit-keyframes swing-in-left-bck {
  0% {
    -webkit-transform:rotateY(-70deg);
    transform:rotateY(-70deg);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:1
  }
}
@keyframes swing-in-left-bck {
  0% {
    -webkit-transform:rotateY(-70deg);
    transform:rotateY(-70deg);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:1
  }
}
@-webkit-keyframes swing-in-left-fwd {
  0% {
    -webkit-transform:rotateY(100deg);
    transform:rotateY(100deg);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:1
  }
}
@keyframes swing-in-left-fwd {
  0% {
    -webkit-transform:rotateY(100deg);
    transform:rotateY(100deg);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:1
  }
}
@-webkit-keyframes swing-in-right-bck {
  0% {
    -webkit-transform:rotateY(70deg);
    transform:rotateY(70deg);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:1
  }
}
@keyframes swing-in-right-bck {
  0% {
    -webkit-transform:rotateY(70deg);
    transform:rotateY(70deg);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:1
  }
}
@-webkit-keyframes swing-in-right-fwd {
  0% {
    -webkit-transform:rotateY(-100deg);
    transform:rotateY(-100deg);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:1
  }
}
@keyframes swing-in-right-fwd {
  0% {
    -webkit-transform:rotateY(-100deg);
    transform:rotateY(-100deg);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:1
  }
}
@-webkit-keyframes swing-in-top-bck {
  0% {
    -webkit-transform:rotateX(70deg);
    transform:rotateX(70deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:1
  }
}
@keyframes swing-in-top-bck {
  0% {
    -webkit-transform:rotateX(70deg);
    transform:rotateX(70deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:1
  }
}
@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform:rotateX(-100deg);
    transform:rotateX(-100deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:1
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform:rotateX(-100deg);
    transform:rotateX(-100deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:1
  }
}
@-webkit-keyframes fade-in-bck {
  0% {
    -webkit-transform:translateZ(80px);
    transform:translateZ(80px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}
@keyframes fade-in-bck {
  0% {
    -webkit-transform:translateZ(80px);
    transform:translateZ(80px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}
@-webkit-keyframes fade-in-bl {
  0% {
    -webkit-transform:translateX(-50px) translateY(50px);
    transform:translateX(-50px) translateY(50px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);
    opacity:1
  }
}
@keyframes fade-in-bl {
  0% {
    -webkit-transform:translateX(-50px) translateY(50px);
    transform:translateX(-50px) translateY(50px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);
    opacity:1
  }
}
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform:translateY(50px);
    transform:translateY(50px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform:translateY(50px);
    transform:translateY(50px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
  }
}
@-webkit-keyframes fade-in-br {
  0% {
    -webkit-transform:translateX(50px) translateY(50px);
    transform:translateX(50px) translateY(50px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);
    opacity:1
  }
}
@keyframes fade-in-br {
  0% {
    -webkit-transform:translateX(50px) translateY(50px);
    transform:translateX(50px) translateY(50px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);
    opacity:1
  }
}
@-webkit-keyframes fade-in-fwd {
  0% {
    -webkit-transform:translateZ(-80px);
    transform:translateZ(-80px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}
@keyframes fade-in-fwd {
  0% {
    -webkit-transform:translateZ(-80px);
    transform:translateZ(-80px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}
@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform:translateX(-50px);
    transform:translateX(-50px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform:translateX(-50px);
    transform:translateX(-50px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
}
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform:translateX(50px);
    transform:translateX(50px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform:translateX(50px);
    transform:translateX(50px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
}
@-webkit-keyframes fade-in-tl {
  0% {
    -webkit-transform:translateX(-50px) translateY(-50px);
    transform:translateX(-50px) translateY(-50px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);
    opacity:1
  }
}
@keyframes fade-in-tl {
  0% {
    -webkit-transform:translateX(-50px) translateY(-50px);
    transform:translateX(-50px) translateY(-50px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);
    opacity:1
  }
}
@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform:translateY(-50px);
    transform:translateY(-50px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform:translateY(-50px);
    transform:translateY(-50px);
    opacity:0
  }
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
  }
}
@-webkit-keyframes fade-in-tr {
  0% {
    -webkit-transform:translateX(50px) translateY(-50px);
    transform:translateX(50px) translateY(-50px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);
    opacity:1
  }
}
@keyframes fade-in-tr {
  0% {
    -webkit-transform:translateX(50px) translateY(-50px);
    transform:translateX(50px) translateY(-50px);
    opacity:0
  }
  to {
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);
    opacity:1
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes fade-in {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@-webkit-keyframes puff-in-ver {
  0% {
    -webkit-transform:scaleY(2);
    transform:scaleY(2);
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes puff-in-ver {
  0% {
    -webkit-transform:scaleY(2);
    transform:scaleY(2);
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes puff-in-hor {
  0% {
    -webkit-transform:scaleX(2);
    transform:scaleX(2);
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes puff-in-hor {
  0% {
    -webkit-transform:scaleX(2);
    transform:scaleX(2);
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes puff-in-tl {
  0% {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes puff-in-tl {
  0% {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes puff-in-left {
  0% {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes puff-in-left {
  0% {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes puff-in-bl {
  0% {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes puff-in-bl {
  0% {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes puff-in-bottom {
  0% {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes puff-in-bottom {
  0% {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes puff-in-br {
  0% {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes puff-in-br {
  0% {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes puff-in-right {
  0% {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes puff-in-right {
  0% {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes puff-in-tr {
  0% {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes puff-in-tr {
  0% {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes puff-in-top {
  0% {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes puff-in-top {
  0% {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes puff-in-center {
  0% {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes puff-in-center {
  0% {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
  to {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes flicker-in-1 {
  0%,
  10%,
  10.2%,
  20%,
  20.6%,
  30%,
  30.6%,
  45%,
  55.1%,
  57%,
  60.1%,
  65%,
  75.1%,
  77%,
  85.1%,
  86% {
    opacity:0
  }
  10.1%,
  20.1%,
  30.1%,
  30.5%,
  45.1%,
  50%,
  55%,
  57.1%,
  60%,
  65.1%,
  75%,
  77.1%,
  85%,
  86.1%,
  to {
    opacity:1
  }
}
@keyframes flicker-in-1 {
  0%,
  10%,
  10.2%,
  20%,
  20.6%,
  30%,
  30.6%,
  45%,
  55.1%,
  57%,
  60.1%,
  65%,
  75.1%,
  77%,
  85.1%,
  86% {
    opacity:0
  }
  10.1%,
  20.1%,
  30.1%,
  30.5%,
  45.1%,
  50%,
  55%,
  57.1%,
  60%,
  65.1%,
  75%,
  77.1%,
  85%,
  86.1%,
  to {
    opacity:1
  }
}
@-webkit-keyframes flicker-in-2 {
  0% {
    opacity:0
  }
  10%,
  10.2%,
  20%,
  20.6%,
  30%,
  30.6%,
  45%,
  55.1%,
  57%,
  60.1%,
  65%,
  75.1%,
  77%,
  85.1%,
  86% {
    opacity:0;
    -webkit-box-shadow:none;
    box-shadow:none
  }
  10.1% {
    opacity:1;
    -webkit-box-shadow:none;
    box-shadow:none
  }
  20.1% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.25);
    box-shadow:0 0 30px rgba(255,255,255,.25)
  }
  30.1%,
  30.5%,
  45.1%,
  50%,
  55% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25);
    box-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
  }
  57.1%,
  60% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.3);
    box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.3)
  }
  65.1%,
  75% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.3),0 0 100px rgba(255,255,255,.1);
    box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.3),0 0 100px rgba(255,255,255,.1)
  }
  77.1%,
  85% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1);
    box-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
  }
  86.1%,
  to {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1);
    box-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
  }
}
@keyframes flicker-in-2 {
  0% {
    opacity:0
  }
  10%,
  10.2%,
  20%,
  20.6%,
  30%,
  30.6%,
  45%,
  55.1%,
  57%,
  60.1%,
  65%,
  75.1%,
  77%,
  85.1%,
  86% {
    opacity:0;
    -webkit-box-shadow:none;
    box-shadow:none
  }
  10.1% {
    opacity:1;
    -webkit-box-shadow:none;
    box-shadow:none
  }
  20.1% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.25);
    box-shadow:0 0 30px rgba(255,255,255,.25)
  }
  30.1%,
  30.5%,
  45.1%,
  50%,
  55% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25);
    box-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
  }
  57.1%,
  60% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.3);
    box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.3)
  }
  65.1%,
  75% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.3),0 0 100px rgba(255,255,255,.1);
    box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.3),0 0 100px rgba(255,255,255,.1)
  }
  77.1%,
  85% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1);
    box-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
  }
  86.1%,
  to {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1);
    box-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
  }
}
@-webkit-keyframes tilt-in-top-1 {
  0% {
    -webkit-transform:rotateY(30deg) translateY(-300px) skewY(-30deg);
    transform:rotateY(30deg) translateY(-300px) skewY(-30deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0deg) translateY(0) skewY(0deg);
    transform:rotateY(0deg) translateY(0) skewY(0deg);
    opacity:1
  }
}
@keyframes tilt-in-top-1 {
  0% {
    -webkit-transform:rotateY(30deg) translateY(-300px) skewY(-30deg);
    transform:rotateY(30deg) translateY(-300px) skewY(-30deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0deg) translateY(0) skewY(0deg);
    transform:rotateY(0deg) translateY(0) skewY(0deg);
    opacity:1
  }
}
@-webkit-keyframes tilt-in-top-2 {
  0% {
    -webkit-transform:rotateY(-30deg) translateY(-300px) skewY(30deg);
    transform:rotateY(-30deg) translateY(-300px) skewY(30deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0deg) translateY(0) skewY(0deg);
    transform:rotateY(0deg) translateY(0) skewY(0deg);
    opacity:1
  }
}
@keyframes tilt-in-top-2 {
  0% {
    -webkit-transform:rotateY(-30deg) translateY(-300px) skewY(30deg);
    transform:rotateY(-30deg) translateY(-300px) skewY(30deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0deg) translateY(0) skewY(0deg);
    transform:rotateY(0deg) translateY(0) skewY(0deg);
    opacity:1
  }
}
@-webkit-keyframes tilt-in-right-1 {
  0% {
    -webkit-transform:rotateX(-30deg) translateX(300px) skewX(30deg);
    transform:rotateX(-30deg) translateX(300px) skewX(30deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0deg) translateX(0) skewX(0deg);
    transform:rotateX(0deg) translateX(0) skewX(0deg);
    opacity:1
  }
}
@keyframes tilt-in-right-1 {
  0% {
    -webkit-transform:rotateX(-30deg) translateX(300px) skewX(30deg);
    transform:rotateX(-30deg) translateX(300px) skewX(30deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0deg) translateX(0) skewX(0deg);
    transform:rotateX(0deg) translateX(0) skewX(0deg);
    opacity:1
  }
}
@-webkit-keyframes tilt-in-right-2 {
  0% {
    -webkit-transform:rotateX(30deg) translateX(300px) skewX(-30deg);
    transform:rotateX(30deg) translateX(300px) skewX(-30deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0deg) translateX(0) skewX(0deg);
    transform:rotateX(0deg) translateX(0) skewX(0deg);
    opacity:1
  }
}
@keyframes tilt-in-right-2 {
  0% {
    -webkit-transform:rotateX(30deg) translateX(300px) skewX(-30deg);
    transform:rotateX(30deg) translateX(300px) skewX(-30deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0deg) translateX(0) skewX(0deg);
    transform:rotateX(0deg) translateX(0) skewX(0deg);
    opacity:1
  }
}
@-webkit-keyframes tilt-in-bottom-1 {
  0% {
    -webkit-transform:rotateY(30deg) translateY(300px) skewY(-30deg);
    transform:rotateY(30deg) translateY(300px) skewY(-30deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0deg) translateY(0) skewY(0deg);
    transform:rotateY(0deg) translateY(0) skewY(0deg);
    opacity:1
  }
}
@keyframes tilt-in-bottom-1 {
  0% {
    -webkit-transform:rotateY(30deg) translateY(300px) skewY(-30deg);
    transform:rotateY(30deg) translateY(300px) skewY(-30deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0deg) translateY(0) skewY(0deg);
    transform:rotateY(0deg) translateY(0) skewY(0deg);
    opacity:1
  }
}
@-webkit-keyframes tilt-in-bottom-2 {
  0% {
    -webkit-transform:rotateY(-30deg) translateY(300px) skewY(30deg);
    transform:rotateY(-30deg) translateY(300px) skewY(30deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0deg) translateY(0) skewY(0deg);
    transform:rotateY(0deg) translateY(0) skewY(0deg);
    opacity:1
  }
}
@keyframes tilt-in-bottom-2 {
  0% {
    -webkit-transform:rotateY(-30deg) translateY(300px) skewY(30deg);
    transform:rotateY(-30deg) translateY(300px) skewY(30deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0deg) translateY(0) skewY(0deg);
    transform:rotateY(0deg) translateY(0) skewY(0deg);
    opacity:1
  }
}
@-webkit-keyframes tilt-in-left-1 {
  0% {
    -webkit-transform:rotateX(-30deg) translateX(-300px) skewX(-30deg);
    transform:rotateX(-30deg) translateX(-300px) skewX(-30deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0deg) translateX(0) skewX(0deg);
    transform:rotateX(0deg) translateX(0) skewX(0deg);
    opacity:1
  }
}
@keyframes tilt-in-left-1 {
  0% {
    -webkit-transform:rotateX(-30deg) translateX(-300px) skewX(-30deg);
    transform:rotateX(-30deg) translateX(-300px) skewX(-30deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0deg) translateX(0) skewX(0deg);
    transform:rotateX(0deg) translateX(0) skewX(0deg);
    opacity:1
  }
}
@-webkit-keyframes tilt-in-left-2 {
  0% {
    -webkit-transform:rotateX(30deg) translateX(-300px) skewX(30deg);
    transform:rotateX(30deg) translateX(-300px) skewX(30deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0deg) translateX(0) skewX(0deg);
    transform:rotateX(0deg) translateX(0) skewX(0deg);
    opacity:1
  }
}
@keyframes tilt-in-left-2 {
  0% {
    -webkit-transform:rotateX(30deg) translateX(-300px) skewX(30deg);
    transform:rotateX(30deg) translateX(-300px) skewX(30deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateX(0deg) translateX(0) skewX(0deg);
    transform:rotateX(0deg) translateX(0) skewX(0deg);
    opacity:1
  }
}
@-webkit-keyframes tilt-in-tl {
  0% {
    -webkit-transform:rotateY(35deg) rotateX(20deg) translate(-250px,-250px) skew(12deg,15deg);
    transform:rotateY(35deg) rotateX(20deg) translate(-250px,-250px) skew(12deg,15deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    opacity:1
  }
}
@keyframes tilt-in-tl {
  0% {
    -webkit-transform:rotateY(35deg) rotateX(20deg) translate(-250px,-250px) skew(12deg,15deg);
    transform:rotateY(35deg) rotateX(20deg) translate(-250px,-250px) skew(12deg,15deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    opacity:1
  }
}
@-webkit-keyframes tilt-in-tr {
  0% {
    -webkit-transform:rotateY(-35deg) rotateX(20deg) translate(250px,-250px) skew(-12deg,-15deg);
    transform:rotateY(-35deg) rotateX(20deg) translate(250px,-250px) skew(-12deg,-15deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    opacity:1
  }
}
@keyframes tilt-in-tr {
  0% {
    -webkit-transform:rotateY(-35deg) rotateX(20deg) translate(250px,-250px) skew(-12deg,-15deg);
    transform:rotateY(-35deg) rotateX(20deg) translate(250px,-250px) skew(-12deg,-15deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    opacity:1
  }
}
@-webkit-keyframes tilt-in-br {
  0% {
    -webkit-transform:rotateY(-35deg) rotateX(-20deg) translate(250px,250px) skew(12deg,15deg);
    transform:rotateY(-35deg) rotateX(-20deg) translate(250px,250px) skew(12deg,15deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    opacity:1
  }
}
@keyframes tilt-in-br {
  0% {
    -webkit-transform:rotateY(-35deg) rotateX(-20deg) translate(250px,250px) skew(12deg,15deg);
    transform:rotateY(-35deg) rotateX(-20deg) translate(250px,250px) skew(12deg,15deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    opacity:1
  }
}
@-webkit-keyframes tilt-in-bl {
  0% {
    -webkit-transform:rotateY(35deg) rotateX(-20deg) translate(-250px,250px) skew(-12deg,-15deg);
    transform:rotateY(35deg) rotateX(-20deg) translate(-250px,250px) skew(-12deg,-15deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    opacity:1
  }
}
@keyframes tilt-in-bl {
  0% {
    -webkit-transform:rotateY(35deg) rotateX(-20deg) translate(-250px,250px) skew(-12deg,-15deg);
    transform:rotateY(35deg) rotateX(-20deg) translate(-250px,250px) skew(-12deg,-15deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    opacity:1
  }
}
@-webkit-keyframes tilt-in-fwd-tl {
  0% {
    -webkit-transform:rotateY(-20deg) rotateX(35deg) translate(-300px,-300px) skew(35deg,-10deg);
    transform:rotateY(-20deg) rotateX(35deg) translate(-300px,-300px) skew(35deg,-10deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    opacity:1
  }
}
@keyframes tilt-in-fwd-tl {
  0% {
    -webkit-transform:rotateY(-20deg) rotateX(35deg) translate(-300px,-300px) skew(35deg,-10deg);
    transform:rotateY(-20deg) rotateX(35deg) translate(-300px,-300px) skew(35deg,-10deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    opacity:1
  }
}
@-webkit-keyframes tilt-in-fwd-tr {
  0% {
    -webkit-transform:rotateY(20deg) rotateX(35deg) translate(300px,-300px) skew(-35deg,10deg);
    transform:rotateY(20deg) rotateX(35deg) translate(300px,-300px) skew(-35deg,10deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    opacity:1
  }
}
@keyframes tilt-in-fwd-tr {
  0% {
    -webkit-transform:rotateY(20deg) rotateX(35deg) translate(300px,-300px) skew(-35deg,10deg);
    transform:rotateY(20deg) rotateX(35deg) translate(300px,-300px) skew(-35deg,10deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    opacity:1
  }
}
@-webkit-keyframes tilt-in-fwd-br {
  0% {
    -webkit-transform:rotateY(20deg) rotateX(-35deg) translate(300px,300px) skew(35deg,-10deg);
    transform:rotateY(20deg) rotateX(-35deg) translate(300px,300px) skew(35deg,-10deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    opacity:1
  }
}
@keyframes tilt-in-fwd-br {
  0% {
    -webkit-transform:rotateY(20deg) rotateX(-35deg) translate(300px,300px) skew(35deg,-10deg);
    transform:rotateY(20deg) rotateX(-35deg) translate(300px,300px) skew(35deg,-10deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    opacity:1
  }
}
@-webkit-keyframes tilt-in-fwd-bl {
  0% {
    -webkit-transform:rotateY(-20deg) rotateX(-35deg) translate(-300px,300px) skew(-35deg,10deg);
    transform:rotateY(-20deg) rotateX(-35deg) translate(-300px,300px) skew(-35deg,10deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    opacity:1
  }
}
@keyframes tilt-in-fwd-bl {
  0% {
    -webkit-transform:rotateY(-20deg) rotateX(-35deg) translate(-300px,300px) skew(-35deg,10deg);
    transform:rotateY(-20deg) rotateX(-35deg) translate(-300px,300px) skew(-35deg,10deg);
    opacity:0
  }
  to {
    -webkit-transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    transform:rotateY(0) rotateX(0deg) translate(0,0) skew(0deg,0deg);
    opacity:1
  }
}
@-webkit-keyframes scale-out-ver-bottom {
  0% {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    opacity:1
  }
}
@keyframes scale-out-ver-bottom {
  0% {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    opacity:1
  }
}
@-webkit-keyframes scale-out-ver-top {
  0% {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
  to {
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
}
@keyframes scale-out-ver-top {
  0% {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
  to {
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
}
@-webkit-keyframes scale-out-vertical {
  0% {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    opacity:1
  }
  to {
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    opacity:1
  }
}
@keyframes scale-out-vertical {
  0% {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    opacity:1
  }
  to {
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    opacity:1
  }
}
@-webkit-keyframes scale-out-hor-right {
  0% {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
}
@keyframes scale-out-hor-right {
  0% {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
}
@-webkit-keyframes scale-out-hor-left {
  0% {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
  to {
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
}
@keyframes scale-out-hor-left {
  0% {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
  to {
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
}
@-webkit-keyframes scale-out-horizontal {
  0% {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    opacity:1
  }
  to {
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    opacity:1
  }
}
@keyframes scale-out-horizontal {
  0% {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    opacity:1
  }
  to {
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    opacity:1
  }
}
@-webkit-keyframes scale-out-tl {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
  to {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
}
@keyframes scale-out-tl {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
  to {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
}
@-webkit-keyframes scale-out-left {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    opacity:1
  }
  to {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    opacity:1
  }
}
@keyframes scale-out-left {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    opacity:1
  }
  to {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    opacity:1
  }
}
@-webkit-keyframes scale-out-bl {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    opacity:1
  }
}
@keyframes scale-out-bl {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    opacity:1
  }
}
@-webkit-keyframes scale-out-bottom {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:1
  }
}
@keyframes scale-out-bottom {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:1
  }
}
@-webkit-keyframes scale-out-br {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
}
@keyframes scale-out-br {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
  to {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
}
@-webkit-keyframes scale-out-right {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:1
  }
  to {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:1
  }
}
@keyframes scale-out-right {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:1
  }
  to {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:1
  }
}
@-webkit-keyframes scale-out-tr {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
  to {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
}
@keyframes scale-out-tr {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
  to {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
}
@-webkit-keyframes scale-out-top {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    opacity:1
  }
  to {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    opacity:1
  }
}
@keyframes scale-out-top {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    opacity:1
  }
  to {
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    opacity:1
  }
}
@-webkit-keyframes scale-out-center {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
  }
  to {
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:1
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
  }
  to {
    -webkit-transform:scale(0);
    transform:scale(0);
    opacity:1
  }
}
@-webkit-keyframes rotate-out-tl {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:top left;
    transform-origin:top left;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:top left;
    transform-origin:top left;
    opacity:0
  }
}
@keyframes rotate-out-tl {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:top left;
    transform-origin:top left;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:top left;
    transform-origin:top left;
    opacity:0
  }
}
@-webkit-keyframes rotate-out-left {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:0
  }
}
@keyframes rotate-out-left {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:0
  }
}
@-webkit-keyframes rotate-out-bl {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:bottom left;
    transform-origin:bottom left;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:bottom left;
    transform-origin:bottom left;
    opacity:0
  }
}
@keyframes rotate-out-bl {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:bottom left;
    transform-origin:bottom left;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:bottom left;
    transform-origin:bottom left;
    opacity:0
  }
}
@-webkit-keyframes rotate-out-bottom {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:0
  }
}
@keyframes rotate-out-bottom {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:0
  }
}
@-webkit-keyframes rotate-out-br {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:bottom right;
    transform-origin:bottom right;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:bottom right;
    transform-origin:bottom right;
    opacity:0
  }
}
@keyframes rotate-out-br {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:bottom right;
    transform-origin:bottom right;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:bottom right;
    transform-origin:bottom right;
    opacity:0
  }
}
@-webkit-keyframes rotate-out-right {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:0
  }
}
@keyframes rotate-out-right {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:0
  }
}
@-webkit-keyframes rotate-out-tr {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:top right;
    transform-origin:top right;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:top right;
    transform-origin:top right;
    opacity:0
  }
}
@keyframes rotate-out-tr {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:top right;
    transform-origin:top right;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:top right;
    transform-origin:top right;
    opacity:0
  }
}
@-webkit-keyframes rotate-out-top {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:0
  }
}
@keyframes rotate-out-top {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:0
  }
}
@-webkit-keyframes rotate-out-center {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    opacity:1
  }
  to {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    opacity:0
  }
}
@keyframes rotate-out-center {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    opacity:1
  }
  to {
    -webkit-transform:rotate(-360deg);
    transform:rotate(-360deg);
    opacity:0
  }
}
@-webkit-keyframes rotate-out-diag-2 {
  0% {
    -webkit-transform:rotate3d(-1,1,0,360deg);
    transform:rotate3d(-1,1,0,360deg);
    opacity:1
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg);
    opacity:0
  }
}
@keyframes rotate-out-diag-2 {
  0% {
    -webkit-transform:rotate3d(-1,1,0,360deg);
    transform:rotate3d(-1,1,0,360deg);
    opacity:1
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,0deg);
    transform:rotate3d(-1,1,0,0deg);
    opacity:0
  }
}
@-webkit-keyframes rotate-out-diag-1 {
  0% {
    -webkit-transform:rotate3d(1,1,0,360deg);
    transform:rotate3d(1,1,0,360deg);
    opacity:1
  }
  to {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    opacity:0
  }
}
@keyframes rotate-out-diag-1 {
  0% {
    -webkit-transform:rotate3d(1,1,0,360deg);
    transform:rotate3d(1,1,0,360deg);
    opacity:1
  }
  to {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    opacity:0
  }
}
@-webkit-keyframes rotate-out-ver {
  0% {
    -webkit-transform:rotateY(360deg);
    transform:rotateY(360deg);
    opacity:1
  }
  to {
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
    opacity:0
  }
}
@keyframes rotate-out-ver {
  0% {
    -webkit-transform:rotateY(360deg);
    transform:rotateY(360deg);
    opacity:1
  }
  to {
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
    opacity:0
  }
}
@-webkit-keyframes rotate-out-hor {
  0% {
    -webkit-transform:rotateX(360deg);
    transform:rotateX(360deg);
    opacity:1
  }
  to {
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
    opacity:0
  }
}
@keyframes rotate-out-hor {
  0% {
    -webkit-transform:rotateX(360deg);
    transform:rotateX(360deg);
    opacity:1
  }
  to {
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
    opacity:0
  }
}
@-webkit-keyframes rotate-out-2-tl-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:0
  }
}
@keyframes rotate-out-2-tl-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:0
  }
}
@-webkit-keyframes rotate-out-2-tl-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
  to {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:0
  }
}
@keyframes rotate-out-2-tl-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
  to {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:0
  }
}
@-webkit-keyframes rotate-out-2-bl-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:0
  }
}
@keyframes rotate-out-2-bl-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:0
  }
}
@-webkit-keyframes rotate-out-2-bl-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:0
  }
}
@keyframes rotate-out-2-bl-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:0
  }
}
@-webkit-keyframes rotate-out-2-br-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:0
  }
}
@keyframes rotate-out-2-br-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:0
  }
}
@-webkit-keyframes rotate-out-2-br-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:0
  }
}
@keyframes rotate-out-2-br-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:0
  }
}
@-webkit-keyframes rotate-out-2-tr-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:0
  }
}
@keyframes rotate-out-2-tr-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:0
  }
}
@-webkit-keyframes rotate-out-2-tr-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:0
  }
}
@keyframes rotate-out-2-tr-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:0
  }
}
@-webkit-keyframes rotate-out-2-fwd {
  0% {
    -webkit-transform:translateZ(0) rotate(0);
    transform:translateZ(0) rotate(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(180px) rotate(45deg);
    transform:translateZ(180px) rotate(45deg);
    opacity:0
  }
}
@keyframes rotate-out-2-fwd {
  0% {
    -webkit-transform:translateZ(0) rotate(0);
    transform:translateZ(0) rotate(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(180px) rotate(45deg);
    transform:translateZ(180px) rotate(45deg);
    opacity:0
  }
}
@-webkit-keyframes rotate-out-2-bck {
  0% {
    -webkit-transform:translateZ(0) rotate(0);
    transform:translateZ(0) rotate(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-180px) rotate(-45deg);
    transform:translateZ(-180px) rotate(-45deg);
    opacity:0
  }
}
@keyframes rotate-out-2-bck {
  0% {
    -webkit-transform:translateZ(0) rotate(0);
    transform:translateZ(0) rotate(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-180px) rotate(-45deg);
    transform:translateZ(-180px) rotate(-45deg);
    opacity:0
  }
}
@-webkit-keyframes rotate-out-2-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    opacity:1
  }
  to {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    opacity:0
  }
}
@keyframes rotate-out-2-ccw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    opacity:1
  }
  to {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    opacity:0
  }
}
@-webkit-keyframes rotate-out-2-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    opacity:1
  }
  to {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    opacity:0
  }
}
@keyframes rotate-out-2-cw {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0);
    opacity:1
  }
  to {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    opacity:0
  }
}
@-webkit-keyframes swirl-out-top-fwd {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    opacity:0
  }
}
@keyframes swirl-out-top-fwd {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    opacity:0
  }
}
@-webkit-keyframes swirl-out-top-bck {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    opacity:0
  }
}
@keyframes swirl-out-top-bck {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    opacity:0
  }
}
@-webkit-keyframes swirl-out-right-fwd {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:0
  }
}
@keyframes swirl-out-right-fwd {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:0
  }
}
@-webkit-keyframes swirl-out-right-bck {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:0
  }
}
@keyframes swirl-out-right-bck {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    opacity:0
  }
}
@-webkit-keyframes swirl-out-bottom-fwd {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:0
  }
}
@keyframes swirl-out-bottom-fwd {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:0
  }
}
@-webkit-keyframes swirl-out-bottom-bck {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:0
  }
}
@keyframes swirl-out-bottom-bck {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:0
  }
}
@-webkit-keyframes swirl-out-left-fwd {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    opacity:0
  }
}
@keyframes swirl-out-left-fwd {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    opacity:0
  }
}
@-webkit-keyframes swirl-out-left-bck {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    opacity:0
  }
}
@keyframes swirl-out-left-bck {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
    opacity:0
  }
}
@-webkit-keyframes swirl-out-tl-fwd {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
  to {
    -webkit-transform:rotate(720deg) scale(5);
    transform:rotate(720deg) scale(5);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:0
  }
}
@keyframes swirl-out-tl-fwd {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
  to {
    -webkit-transform:rotate(720deg) scale(5);
    transform:rotate(720deg) scale(5);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:0
  }
}
@-webkit-keyframes swirl-out-tl-bck {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:0
  }
}
@keyframes swirl-out-tl-bck {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:0 0;
    transform-origin:0 0;
    opacity:0
  }
}
@-webkit-keyframes swirl-out-bl-fwd {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:0
  }
}
@keyframes swirl-out-bl-fwd {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:0
  }
}
@-webkit-keyframes swirl-out-bl-bck {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:0
  }
}
@keyframes swirl-out-bl-bck {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%;
    opacity:0
  }
}
@-webkit-keyframes swirl-out-br-fwd {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:0
  }
}
@keyframes swirl-out-br-fwd {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:0
  }
}
@-webkit-keyframes swirl-out-br-bck {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:0
  }
}
@keyframes swirl-out-br-bck {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    opacity:0
  }
}
@-webkit-keyframes swirl-out-tr-fwd {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:0
  }
}
@keyframes swirl-out-tr-fwd {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:0
  }
}
@-webkit-keyframes swirl-out-tr-bck {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:0
  }
}
@keyframes swirl-out-tr-bck {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:1
  }
  to {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    opacity:0
  }
}
@-webkit-keyframes swirl-out-fwd {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    opacity:1
  }
  to {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    opacity:0
  }
}
@keyframes swirl-out-fwd {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    opacity:1
  }
  to {
    -webkit-transform:rotate(540deg) scale(5);
    transform:rotate(540deg) scale(5);
    opacity:0
  }
}
@-webkit-keyframes swirl-out-bck {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    opacity:1
  }
  to {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    opacity:0
  }
}
@keyframes swirl-out-bck {
  0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1);
    opacity:1
  }
  to {
    -webkit-transform:rotate(-540deg) scale(0);
    transform:rotate(-540deg) scale(0);
    opacity:0
  }
}
@-webkit-keyframes flip-out-diag-2-tl {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    opacity:1
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,-70deg);
    transform:rotate3d(-1,1,0,-70deg);
    opacity:0
  }
}
@keyframes flip-out-diag-2-tl {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    opacity:1
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,-70deg);
    transform:rotate3d(-1,1,0,-70deg);
    opacity:0
  }
}
@-webkit-keyframes flip-out-diag-2-br {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    opacity:1
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,70deg);
    transform:rotate3d(-1,1,0,70deg);
    opacity:0
  }
}
@keyframes flip-out-diag-2-br {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    opacity:1
  }
  to {
    -webkit-transform:rotate3d(-1,1,0,70deg);
    transform:rotate3d(-1,1,0,70deg);
    opacity:0
  }
}
@-webkit-keyframes flip-out-diag-1-bl {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    opacity:1
  }
  to {
    -webkit-transform:rotate3d(1,1,0,-70deg);
    transform:rotate3d(1,1,0,-70deg);
    opacity:0
  }
}
@keyframes flip-out-diag-1-bl {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    opacity:1
  }
  to {
    -webkit-transform:rotate3d(1,1,0,-70deg);
    transform:rotate3d(1,1,0,-70deg);
    opacity:0
  }
}
@-webkit-keyframes flip-out-diag-1-tr {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    opacity:1
  }
  to {
    -webkit-transform:rotate3d(1,1,0,70deg);
    transform:rotate3d(1,1,0,70deg);
    opacity:0
  }
}
@keyframes flip-out-diag-1-tr {
  0% {
    -webkit-transform:rotate3d(1,1,0,0deg);
    transform:rotate3d(1,1,0,0deg);
    opacity:1
  }
  to {
    -webkit-transform:rotate3d(1,1,0,70deg);
    transform:rotate3d(1,1,0,70deg);
    opacity:0
  }
}
@-webkit-keyframes flip-out-ver-right {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    opacity:1
  }
  to {
    -webkit-transform:rotateY(70deg);
    transform:rotateY(70deg);
    opacity:0
  }
}
@keyframes flip-out-ver-right {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    opacity:1
  }
  to {
    -webkit-transform:rotateY(70deg);
    transform:rotateY(70deg);
    opacity:0
  }
}
@-webkit-keyframes flip-out-ver-left {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    opacity:1
  }
  to {
    -webkit-transform:rotateY(-70deg);
    transform:rotateY(-70deg);
    opacity:0
  }
}
@keyframes flip-out-ver-left {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    opacity:1
  }
  to {
    -webkit-transform:rotateY(-70deg);
    transform:rotateY(-70deg);
    opacity:0
  }
}
@-webkit-keyframes flip-out-hor-top {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    opacity:1
  }
  to {
    -webkit-transform:rotateX(70deg);
    transform:rotateX(70deg);
    opacity:0
  }
}
@keyframes flip-out-hor-top {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    opacity:1
  }
  to {
    -webkit-transform:rotateX(70deg);
    transform:rotateX(70deg);
    opacity:0
  }
}
@-webkit-keyframes flip-out-hor-bottom {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    opacity:1
  }
  to {
    -webkit-transform:rotateX(-70deg);
    transform:rotateX(-70deg);
    opacity:0
  }
}
@keyframes flip-out-hor-bottom {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    opacity:1
  }
  to {
    -webkit-transform:rotateX(-70deg);
    transform:rotateX(-70deg);
    opacity:0
  }
}
@-webkit-keyframes slit-out-diagonal-2 {
  0% {
    -webkit-transform:translateZ(0) rotate3d(-1,1,0,0);
    transform:translateZ(0) rotate3d(-1,1,0,0);
    opacity:1
  }
  54% {
    -webkit-transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);
    transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);
    transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);
    opacity:0
  }
}
@keyframes slit-out-diagonal-2 {
  0% {
    -webkit-transform:translateZ(0) rotate3d(-1,1,0,0);
    transform:translateZ(0) rotate3d(-1,1,0,0);
    opacity:1
  }
  54% {
    -webkit-transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);
    transform:translateZ(-160px) rotate3d(-1,1,0,-87deg);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);
    transform:translateZ(-800px) rotate3d(-1,1,0,-90deg);
    opacity:0
  }
}
@-webkit-keyframes slit-out-diagonal-1 {
  0% {
    -webkit-transform:translateZ(0) rotate3d(1,1,0,0);
    transform:translateZ(0) rotate3d(1,1,0,0);
    opacity:1
  }
  54% {
    -webkit-transform:translateZ(-160px) rotate3d(1,1,0,87deg);
    transform:translateZ(-160px) rotate3d(1,1,0,87deg);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-800px) rotate3d(1,1,0,90deg);
    transform:translateZ(-800px) rotate3d(1,1,0,90deg);
    opacity:0
  }
}
@keyframes slit-out-diagonal-1 {
  0% {
    -webkit-transform:translateZ(0) rotate3d(1,1,0,0);
    transform:translateZ(0) rotate3d(1,1,0,0);
    opacity:1
  }
  54% {
    -webkit-transform:translateZ(-160px) rotate3d(1,1,0,87deg);
    transform:translateZ(-160px) rotate3d(1,1,0,87deg);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-800px) rotate3d(1,1,0,90deg);
    transform:translateZ(-800px) rotate3d(1,1,0,90deg);
    opacity:0
  }
}
@-webkit-keyframes slit-out-horizontal {
  0% {
    -webkit-transform:translateZ(0) rotateX(0);
    transform:translateZ(0) rotateX(0);
    opacity:1
  }
  54% {
    -webkit-transform:translateZ(-160px) rotateX(87deg);
    transform:translateZ(-160px) rotateX(87deg);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-800px) rotateX(90deg);
    transform:translateZ(-800px) rotateX(90deg);
    opacity:0
  }
}
@keyframes slit-out-horizontal {
  0% {
    -webkit-transform:translateZ(0) rotateX(0);
    transform:translateZ(0) rotateX(0);
    opacity:1
  }
  54% {
    -webkit-transform:translateZ(-160px) rotateX(87deg);
    transform:translateZ(-160px) rotateX(87deg);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-800px) rotateX(90deg);
    transform:translateZ(-800px) rotateX(90deg);
    opacity:0
  }
}
@-webkit-keyframes slit-out-vertical {
  0% {
    -webkit-transform:translateZ(0) rotateY(0);
    transform:translateZ(0) rotateY(0);
    opacity:1
  }
  54% {
    -webkit-transform:translateZ(-160px) rotateY(87deg);
    transform:translateZ(-160px) rotateY(87deg);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-800px) rotateY(90deg);
    transform:translateZ(-800px) rotateY(90deg);
    opacity:0
  }
}
@keyframes slit-out-vertical {
  0% {
    -webkit-transform:translateZ(0) rotateY(0);
    transform:translateZ(0) rotateY(0);
    opacity:1
  }
  54% {
    -webkit-transform:translateZ(-160px) rotateY(87deg);
    transform:translateZ(-160px) rotateY(87deg);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-800px) rotateY(90deg);
    transform:translateZ(-800px) rotateY(90deg);
    opacity:0
  }
}
@-webkit-keyframes roll-out-right {
  0% {
    -webkit-transform:translateX(0) rotate(0deg);
    transform:translateX(0) rotate(0deg);
    opacity:1
  }
  to {
    -webkit-transform:translateX(1000px) rotate(540deg);
    transform:translateX(1000px) rotate(540deg);
    opacity:0
  }
}
@keyframes roll-out-right {
  0% {
    -webkit-transform:translateX(0) rotate(0deg);
    transform:translateX(0) rotate(0deg);
    opacity:1
  }
  to {
    -webkit-transform:translateX(1000px) rotate(540deg);
    transform:translateX(1000px) rotate(540deg);
    opacity:0
  }
}
@-webkit-keyframes roll-out-left {
  0% {
    -webkit-transform:translateX(0) rotate(0deg);
    transform:translateX(0) rotate(0deg);
    opacity:1
  }
  to {
    -webkit-transform:translateX(-1000px) rotate(-540deg);
    transform:translateX(-1000px) rotate(-540deg);
    opacity:0
  }
}
@keyframes roll-out-left {
  0% {
    -webkit-transform:translateX(0) rotate(0deg);
    transform:translateX(0) rotate(0deg);
    opacity:1
  }
  to {
    -webkit-transform:translateX(-1000px) rotate(-540deg);
    transform:translateX(-1000px) rotate(-540deg);
    opacity:0
  }
}
@-webkit-keyframes roll-out-top {
  0% {
    -webkit-transform:translateY(0) rotate(0deg);
    transform:translateY(0) rotate(0deg);
    opacity:1
  }
  to {
    -webkit-transform:translateY(-800px) rotate(-540deg);
    transform:translateY(-800px) rotate(-540deg);
    opacity:0
  }
}
@keyframes roll-out-top {
  0% {
    -webkit-transform:translateY(0) rotate(0deg);
    transform:translateY(0) rotate(0deg);
    opacity:1
  }
  to {
    -webkit-transform:translateY(-800px) rotate(-540deg);
    transform:translateY(-800px) rotate(-540deg);
    opacity:0
  }
}
@-webkit-keyframes roll-out-bottom {
  0% {
    -webkit-transform:translateY(0) rotate(0deg);
    transform:translateY(0) rotate(0deg);
    opacity:1
  }
  to {
    -webkit-transform:translateY(800px) rotate(540deg);
    transform:translateY(800px) rotate(540deg);
    opacity:0
  }
}
@keyframes roll-out-bottom {
  0% {
    -webkit-transform:translateY(0) rotate(0deg);
    transform:translateY(0) rotate(0deg);
    opacity:1
  }
  to {
    -webkit-transform:translateY(800px) rotate(540deg);
    transform:translateY(800px) rotate(540deg);
    opacity:0
  }
}
@-webkit-keyframes roll-out-blurred-right {
  0% {
    -webkit-transform:translateX(0) rotate(0deg);
    transform:translateX(0) rotate(0deg);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(1000px) rotate(720deg);
    transform:translateX(1000px) rotate(720deg);
    -webkit-filter:blur(50px);
    filter:blur(50px);
    opacity:0
  }
}
@keyframes roll-out-blurred-right {
  0% {
    -webkit-transform:translateX(0) rotate(0deg);
    transform:translateX(0) rotate(0deg);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(1000px) rotate(720deg);
    transform:translateX(1000px) rotate(720deg);
    -webkit-filter:blur(50px);
    filter:blur(50px);
    opacity:0
  }
}
@-webkit-keyframes roll-out-blurred-left {
  0% {
    -webkit-transform:translateX(0) rotate(0deg);
    transform:translateX(0) rotate(0deg);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(-1000px) rotate(-720deg);
    transform:translateX(-1000px) rotate(-720deg);
    -webkit-filter:blur(50px);
    filter:blur(50px);
    opacity:0
  }
}
@keyframes roll-out-blurred-left {
  0% {
    -webkit-transform:translateX(0) rotate(0deg);
    transform:translateX(0) rotate(0deg);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(-1000px) rotate(-720deg);
    transform:translateX(-1000px) rotate(-720deg);
    -webkit-filter:blur(50px);
    filter:blur(50px);
    opacity:0
  }
}
@-webkit-keyframes roll-out-blurred-top {
  0% {
    -webkit-transform:translateY(0) rotate(0deg);
    transform:translateY(0) rotate(0deg);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(-800px) rotate(-720deg);
    transform:translateY(-800px) rotate(-720deg);
    -webkit-filter:blur(50px);
    filter:blur(50px);
    opacity:0
  }
}
@keyframes roll-out-blurred-top {
  0% {
    -webkit-transform:translateY(0) rotate(0deg);
    transform:translateY(0) rotate(0deg);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(-800px) rotate(-720deg);
    transform:translateY(-800px) rotate(-720deg);
    -webkit-filter:blur(50px);
    filter:blur(50px);
    opacity:0
  }
}
@-webkit-keyframes roll-out-blurred-bottom {
  0% {
    -webkit-transform:translateY(0) rotate(0deg);
    transform:translateY(0) rotate(0deg);
    opacity:1
  }
  to {
    -webkit-transform:translateY(800px) rotate(720deg);
    transform:translateY(800px) rotate(720deg);
    -webkit-filter:blur(50px);
    filter:blur(50px);
    opacity:0
  }
}
@keyframes roll-out-blurred-bottom {
  0% {
    -webkit-transform:translateY(0) rotate(0deg);
    transform:translateY(0) rotate(0deg);
    opacity:1
  }
  to {
    -webkit-transform:translateY(800px) rotate(720deg);
    transform:translateY(800px) rotate(720deg);
    -webkit-filter:blur(50px);
    filter:blur(50px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-tl {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(-1000px) translateX(-1000px);
    transform:translateY(-1000px) translateX(-1000px);
    opacity:0
  }
}
@keyframes slide-out-tl {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(-1000px) translateX(-1000px);
    transform:translateY(-1000px) translateX(-1000px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-left {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(-1000px);
    transform:translateX(-1000px);
    opacity:0
  }
}
@keyframes slide-out-left {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(-1000px);
    transform:translateX(-1000px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-bl {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(1000px) translateX(-1000px);
    transform:translateY(1000px) translateX(-1000px);
    opacity:0
  }
}
@keyframes slide-out-bl {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(1000px) translateX(-1000px);
    transform:translateY(1000px) translateX(-1000px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-bottom {
  0% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(1000px);
    transform:translateY(1000px);
    opacity:0
  }
}
@keyframes slide-out-bottom {
  0% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(1000px);
    transform:translateY(1000px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-br {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(1000px) translateX(1000px);
    transform:translateY(1000px) translateX(1000px);
    opacity:0
  }
}
@keyframes slide-out-br {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(1000px) translateX(1000px);
    transform:translateY(1000px) translateX(1000px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-right {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(1000px);
    transform:translateX(1000px);
    opacity:0
  }
}
@keyframes slide-out-right {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(1000px);
    transform:translateX(1000px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-tr {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(-1000px) translateX(1000px);
    transform:translateY(-1000px) translateX(1000px);
    opacity:0
  }
}
@keyframes slide-out-tr {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(-1000px) translateX(1000px);
    transform:translateY(-1000px) translateX(1000px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-top {
  0% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(-1000px);
    transform:translateY(-1000px);
    opacity:0
  }
}
@keyframes slide-out-top {
  0% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(-1000px);
    transform:translateY(-1000px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-bck-tl {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-1100px) translateY(-1000px) translateX(-1000px);
    transform:translateZ(-1100px) translateY(-1000px) translateX(-1000px);
    opacity:0
  }
}
@keyframes slide-out-bck-tl {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-1100px) translateY(-1000px) translateX(-1000px);
    transform:translateZ(-1100px) translateY(-1000px) translateX(-1000px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-bck-left {
  0% {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-1100px) translateX(-1000px);
    transform:translateZ(-1100px) translateX(-1000px);
    opacity:0
  }
}
@keyframes slide-out-bck-left {
  0% {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-1100px) translateX(-1000px);
    transform:translateZ(-1100px) translateX(-1000px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-bck-bl {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-1100px) translateY(1000px) translateX(-1000px);
    transform:translateZ(-1100px) translateY(1000px) translateX(-1000px);
    opacity:0
  }
}
@keyframes slide-out-bck-bl {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-1100px) translateY(1000px) translateX(-1000px);
    transform:translateZ(-1100px) translateY(1000px) translateX(-1000px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-bck-bottom {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-1100px) translateY(1000px);
    transform:translateZ(-1100px) translateY(1000px);
    opacity:0
  }
}
@keyframes slide-out-bck-bottom {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-1100px) translateY(1000px);
    transform:translateZ(-1100px) translateY(1000px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-bck-br {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-1100px) translateY(1000px) translateX(1000px);
    transform:translateZ(-1100px) translateY(1000px) translateX(1000px);
    opacity:0
  }
}
@keyframes slide-out-bck-br {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-1100px) translateY(1000px) translateX(1000px);
    transform:translateZ(-1100px) translateY(1000px) translateX(1000px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-bck-right {
  0% {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-1100px) translateX(1000px);
    transform:translateZ(-1100px) translateX(1000px);
    opacity:0
  }
}
@keyframes slide-out-bck-right {
  0% {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-1100px) translateX(1000px);
    transform:translateZ(-1100px) translateX(1000px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-bck-tr {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-1100px) translateY(-1000px) translateX(1000px);
    transform:translateZ(-1100px) translateY(-1000px) translateX(1000px);
    opacity:0
  }
}
@keyframes slide-out-bck-tr {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-1100px) translateY(-1000px) translateX(1000px);
    transform:translateZ(-1100px) translateY(-1000px) translateX(1000px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-bck-top {
  0% {
    -webkit-transform:translateZ(1) translateY(0);
    transform:translateZ(1) translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-1100px) translateY(-1000px);
    transform:translateZ(-1100px) translateY(-1000px);
    opacity:0
  }
}
@keyframes slide-out-bck-top {
  0% {
    -webkit-transform:translateZ(1) translateY(0);
    transform:translateZ(1) translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-1100px) translateY(-1000px);
    transform:translateZ(-1100px) translateY(-1000px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-bck-center {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-1100px);
    transform:translateZ(-1100px);
    opacity:0
  }
}
@keyframes slide-out-bck-center {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-1100px);
    transform:translateZ(-1100px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-fwd-tl {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(600px) translateY(-300px) translateX(-400px);
    transform:translateZ(600px) translateY(-300px) translateX(-400px);
    opacity:0
  }
}
@keyframes slide-out-fwd-tl {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(600px) translateY(-300px) translateX(-400px);
    transform:translateZ(600px) translateY(-300px) translateX(-400px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-fwd-left {
  0% {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(600px) translateX(-400px);
    transform:translateZ(600px) translateX(-400px);
    opacity:0
  }
}
@keyframes slide-out-fwd-left {
  0% {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(600px) translateX(-400px);
    transform:translateZ(600px) translateX(-400px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-fwd-bl {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(600px) translateY(300px) translateX(-400px);
    transform:translateZ(600px) translateY(300px) translateX(-400px);
    opacity:0
  }
}
@keyframes slide-out-fwd-bl {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(600px) translateY(300px) translateX(-400px);
    transform:translateZ(600px) translateY(300px) translateX(-400px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-fwd-bottom {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(600px) translateY(300px);
    transform:translateZ(600px) translateY(300px);
    opacity:0
  }
}
@keyframes slide-out-fwd-bottom {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(600px) translateY(300px);
    transform:translateZ(600px) translateY(300px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-fwd-br {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(600px) translateY(300px) translateX(400px);
    transform:translateZ(600px) translateY(300px) translateX(400px);
    opacity:0
  }
}
@keyframes slide-out-fwd-br {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(600px) translateY(300px) translateX(400px);
    transform:translateZ(600px) translateY(300px) translateX(400px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-fwd-right {
  0% {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(600px) translateX(400px);
    transform:translateZ(600px) translateX(400px);
    opacity:0
  }
}
@keyframes slide-out-fwd-right {
  0% {
    -webkit-transform:translateZ(0) translateX(0);
    transform:translateZ(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(600px) translateX(400px);
    transform:translateZ(600px) translateX(400px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-fwd-tr {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(600px) translateY(-300px) translateX(400px);
    transform:translateZ(600px) translateY(-300px) translateX(400px);
    opacity:0
  }
}
@keyframes slide-out-fwd-tr {
  0% {
    -webkit-transform:translateZ(0) translateY(0) translateX(0);
    transform:translateZ(0) translateY(0) translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(600px) translateY(-300px) translateX(400px);
    transform:translateZ(600px) translateY(-300px) translateX(400px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-fwd-top {
  0% {
    -webkit-transform:translateZ(1) translateY(0);
    transform:translateZ(1) translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(600px) translateY(-300px);
    transform:translateZ(600px) translateY(-300px);
    opacity:0
  }
}
@keyframes slide-out-fwd-top {
  0% {
    -webkit-transform:translateZ(1) translateY(0);
    transform:translateZ(1) translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(600px) translateY(-300px);
    transform:translateZ(600px) translateY(-300px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-fwd-center {
  0% {
    -webkit-transform:translateZ(1);
    transform:translateZ(1);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(600px);
    transform:translateZ(600px);
    opacity:0
  }
}
@keyframes slide-out-fwd-center {
  0% {
    -webkit-transform:translateZ(1);
    transform:translateZ(1);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(600px);
    transform:translateZ(600px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-blurred-tl {
  0% {
    -webkit-transform:translate(0,0) skew(0deg,0deg);
    transform:translate(0,0) skew(0deg,0deg);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translate(-1000px,-1000px) skew(80deg,10deg);
    transform:translate(-1000px,-1000px) skew(80deg,10deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
}
@keyframes slide-out-blurred-tl {
  0% {
    -webkit-transform:translate(0,0) skew(0deg,0deg);
    transform:translate(0,0) skew(0deg,0deg);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translate(-1000px,-1000px) skew(80deg,10deg);
    transform:translate(-1000px,-1000px) skew(80deg,10deg);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-blurred-left {
  0% {
    -webkit-transform:translateX(0) scaleY(1) scaleX(1);
    transform:translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(-1000px) scaleX(2) scaleY(.2);
    transform:translateX(-1000px) scaleX(2) scaleY(.2);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
}
@keyframes slide-out-blurred-left {
  0% {
    -webkit-transform:translateX(0) scaleY(1) scaleX(1);
    transform:translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(-1000px) scaleX(2) scaleY(.2);
    transform:translateX(-1000px) scaleX(2) scaleY(.2);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-blurred-bl {
  0% {
    -webkit-transform:translate(0,0) skew(0deg,0deg);
    transform:translate(0,0) skew(0deg,0deg);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translate(-1000px,1000px) skew(-80deg,-10deg);
    transform:translate(-1000px,1000px) skew(-80deg,-10deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
}
@keyframes slide-out-blurred-bl {
  0% {
    -webkit-transform:translate(0,0) skew(0deg,0deg);
    transform:translate(0,0) skew(0deg,0deg);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translate(-1000px,1000px) skew(-80deg,-10deg);
    transform:translate(-1000px,1000px) skew(-80deg,-10deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-blurred-bottom {
  0% {
    -webkit-transform:translateY(0) scaleY(1) scaleX(1);
    transform:translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(1000px) scaleY(2) scaleX(.2);
    transform:translateY(1000px) scaleY(2) scaleX(.2);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
}
@keyframes slide-out-blurred-bottom {
  0% {
    -webkit-transform:translateY(0) scaleY(1) scaleX(1);
    transform:translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(1000px) scaleY(2) scaleX(.2);
    transform:translateY(1000px) scaleY(2) scaleX(.2);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-blurred-br {
  0% {
    -webkit-transform:translate(0,0) skew(0deg,0deg);
    transform:translate(0,0) skew(0deg,0deg);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translate(1000px,1000px) skew(80deg,10deg);
    transform:translate(1000px,1000px) skew(80deg,10deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
}
@keyframes slide-out-blurred-br {
  0% {
    -webkit-transform:translate(0,0) skew(0deg,0deg);
    transform:translate(0,0) skew(0deg,0deg);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translate(1000px,1000px) skew(80deg,10deg);
    transform:translate(1000px,1000px) skew(80deg,10deg);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-blurred-right {
  0% {
    -webkit-transform:translateX(0) scaleY(1) scaleX(1);
    transform:translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(1000px) scaleX(2) scaleY(.2);
    transform:translateX(1000px) scaleX(2) scaleY(.2);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
}
@keyframes slide-out-blurred-right {
  0% {
    -webkit-transform:translateX(0) scaleY(1) scaleX(1);
    transform:translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(1000px) scaleX(2) scaleY(.2);
    transform:translateX(1000px) scaleX(2) scaleY(.2);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-blurred-tr {
  0% {
    -webkit-transform:translate(0,0) skew(0deg,0deg);
    transform:translate(0,0) skew(0deg,0deg);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translate(1000px,-1000px) skew(-80deg,-10deg);
    transform:translate(1000px,-1000px) skew(-80deg,-10deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
}
@keyframes slide-out-blurred-tr {
  0% {
    -webkit-transform:translate(0,0) skew(0deg,0deg);
    transform:translate(0,0) skew(0deg,0deg);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translate(1000px,-1000px) skew(-80deg,-10deg);
    transform:translate(1000px,-1000px) skew(-80deg,-10deg);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-blurred-top {
  0% {
    -webkit-transform:translateY(0) scaleY(1) scaleX(1);
    transform:translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(-1000px) scaleY(2) scaleX(.2);
    transform:translateY(-1000px) scaleY(2) scaleX(.2);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
}
@keyframes slide-out-blurred-top {
  0% {
    -webkit-transform:translateY(0) scaleY(1) scaleX(1);
    transform:translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(-1000px) scaleY(2) scaleX(.2);
    transform:translateY(-1000px) scaleY(2) scaleX(.2);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-filter:blur(40px);
    filter:blur(40px);
    opacity:0
  }
}
@-webkit-keyframes slide-out-elliptic-left-fwd {
  0% {
    -webkit-transform:translateX(0) rotateY(0) scale(1);
    transform:translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin:-500px 50%;
    transform-origin:-500px 50%;
    opacity:1
  }
  to {
    -webkit-transform:translateX(-1000px) rotateY(-20deg) scale(6);
    transform:translateX(-1000px) rotateY(-20deg) scale(6);
    -webkit-transform-origin:200% 50%;
    transform-origin:200% 50%;
    opacity:0
  }
}
@keyframes slide-out-elliptic-left-fwd {
  0% {
    -webkit-transform:translateX(0) rotateY(0) scale(1);
    transform:translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin:-500px 50%;
    transform-origin:-500px 50%;
    opacity:1
  }
  to {
    -webkit-transform:translateX(-1000px) rotateY(-20deg) scale(6);
    transform:translateX(-1000px) rotateY(-20deg) scale(6);
    -webkit-transform-origin:200% 50%;
    transform-origin:200% 50%;
    opacity:0
  }
}
@-webkit-keyframes slide-out-elliptic-left-bck {
  0% {
    -webkit-transform:translateX(0) rotateY(0) scale(1);
    transform:translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin:2000px 50%;
    transform-origin:2000px 50%;
    opacity:1
  }
  to {
    -webkit-transform:translateX(-1000px) rotateY(30deg) scale(0);
    transform:translateX(-1000px) rotateY(30deg) scale(0);
    -webkit-transform-origin:-100% 50%;
    transform-origin:-100% 50%;
    opacity:1
  }
}
@keyframes slide-out-elliptic-left-bck {
  0% {
    -webkit-transform:translateX(0) rotateY(0) scale(1);
    transform:translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin:2000px 50%;
    transform-origin:2000px 50%;
    opacity:1
  }
  to {
    -webkit-transform:translateX(-1000px) rotateY(30deg) scale(0);
    transform:translateX(-1000px) rotateY(30deg) scale(0);
    -webkit-transform-origin:-100% 50%;
    transform-origin:-100% 50%;
    opacity:1
  }
}
@-webkit-keyframes slide-out-elliptic-bottom-fwd {
  0% {
    -webkit-transform:translateY(0) rotateX(0) scale(1);
    transform:translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin:50% 500px;
    transform-origin:50% 500px;
    opacity:1
  }
  to {
    -webkit-transform:translateY(600px) rotateX(-20deg) scale(6);
    transform:translateY(600px) rotateX(-20deg) scale(6);
    -webkit-transform-origin:50% -100%;
    transform-origin:50% -100%;
    opacity:0
  }
}
@keyframes slide-out-elliptic-bottom-fwd {
  0% {
    -webkit-transform:translateY(0) rotateX(0) scale(1);
    transform:translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin:50% 500px;
    transform-origin:50% 500px;
    opacity:1
  }
  to {
    -webkit-transform:translateY(600px) rotateX(-20deg) scale(6);
    transform:translateY(600px) rotateX(-20deg) scale(6);
    -webkit-transform-origin:50% -100%;
    transform-origin:50% -100%;
    opacity:0
  }
}
@-webkit-keyframes slide-out-elliptic-bottom-bck {
  0% {
    -webkit-transform:translateY(0) rotateX(0) scale(1);
    transform:translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin:50% -1400px;
    transform-origin:50% -1400px;
    opacity:1
  }
  to {
    -webkit-transform:translateY(600px) rotateX(30deg) scale(0);
    transform:translateY(600px) rotateX(30deg) scale(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:1
  }
}
@keyframes slide-out-elliptic-bottom-bck {
  0% {
    -webkit-transform:translateY(0) rotateX(0) scale(1);
    transform:translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin:50% -1400px;
    transform-origin:50% -1400px;
    opacity:1
  }
  to {
    -webkit-transform:translateY(600px) rotateX(30deg) scale(0);
    transform:translateY(600px) rotateX(30deg) scale(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:1
  }
}
@-webkit-keyframes slide-out-elliptic-right-fwd {
  0% {
    -webkit-transform:translateX(0) rotateY(0) scale(1);
    transform:translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin:600px 50%;
    transform-origin:600px 50%;
    opacity:1
  }
  to {
    -webkit-transform:translateX(1000px) rotateY(20deg) scale(6);
    transform:translateX(1000px) rotateY(20deg) scale(6);
    -webkit-transform-origin:-100% 50%;
    transform-origin:-100% 50%;
    opacity:0
  }
}
@keyframes slide-out-elliptic-right-fwd {
  0% {
    -webkit-transform:translateX(0) rotateY(0) scale(1);
    transform:translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin:600px 50%;
    transform-origin:600px 50%;
    opacity:1
  }
  to {
    -webkit-transform:translateX(1000px) rotateY(20deg) scale(6);
    transform:translateX(1000px) rotateY(20deg) scale(6);
    -webkit-transform-origin:-100% 50%;
    transform-origin:-100% 50%;
    opacity:0
  }
}
@-webkit-keyframes slide-out-elliptic-right-bck {
  0% {
    -webkit-transform:translateX(0) rotateY(0) scale(1);
    transform:translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin:-1800px 50%;
    transform-origin:-1800px 50%;
    opacity:1
  }
  to {
    -webkit-transform:translateX(1000px) rotateY(-30deg) scale(0);
    transform:translateX(1000px) rotateY(-30deg) scale(0);
    -webkit-transform-origin:-100% 50%;
    transform-origin:-100% 50%;
    opacity:1
  }
}
@keyframes slide-out-elliptic-right-bck {
  0% {
    -webkit-transform:translateX(0) rotateY(0) scale(1);
    transform:translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin:-1800px 50%;
    transform-origin:-1800px 50%;
    opacity:1
  }
  to {
    -webkit-transform:translateX(1000px) rotateY(-30deg) scale(0);
    transform:translateX(1000px) rotateY(-30deg) scale(0);
    -webkit-transform-origin:-100% 50%;
    transform-origin:-100% 50%;
    opacity:1
  }
}
@-webkit-keyframes slide-out-elliptic-top-fwd {
  0% {
    -webkit-transform:translateY(0) rotateX(0) scale(1);
    transform:translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin:50% -500px;
    transform-origin:50% -500px;
    opacity:1
  }
  to {
    -webkit-transform:translateY(-600px) rotateX(20deg) scale(6);
    transform:translateY(-600px) rotateX(20deg) scale(6);
    -webkit-transform-origin:50% 200%;
    transform-origin:50% 200%;
    opacity:0
  }
}
@keyframes slide-out-elliptic-top-fwd {
  0% {
    -webkit-transform:translateY(0) rotateX(0) scale(1);
    transform:translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin:50% -500px;
    transform-origin:50% -500px;
    opacity:1
  }
  to {
    -webkit-transform:translateY(-600px) rotateX(20deg) scale(6);
    transform:translateY(-600px) rotateX(20deg) scale(6);
    -webkit-transform-origin:50% 200%;
    transform-origin:50% 200%;
    opacity:0
  }
}
@-webkit-keyframes slide-out-elliptic-top-bck {
  0% {
    -webkit-transform:translateY(0) rotateX(0) scale(1);
    transform:translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin:50% 1400px;
    transform-origin:50% 1400px;
    opacity:1
  }
  to {
    -webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);
    transform:translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:1
  }
}
@keyframes slide-out-elliptic-top-bck {
  0% {
    -webkit-transform:translateY(0) rotateX(0) scale(1);
    transform:translateY(0) rotateX(0) scale(1);
    -webkit-transform-origin:50% 1400px;
    transform-origin:50% 1400px;
    opacity:1
  }
  to {
    -webkit-transform:translateY(-600px) rotateX(-30deg) scale(0);
    transform:translateY(-600px) rotateX(-30deg) scale(0);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    opacity:1
  }
}
@-webkit-keyframes bounce-out-fwd {
  0%,
  15%,
  38%,
  70% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  5% {
    -webkit-transform:translateZ(90px);
    transform:translateZ(90px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  25% {
    -webkit-transform:translateZ(95px);
    transform:translateZ(95px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  52% {
    -webkit-transform:translateZ(150px);
    transform:translateZ(150px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  85% {
    opacity:1
  }
  to {
    -webkit-transform:translateZ(500px);
    transform:translateZ(500px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
}
@keyframes bounce-out-fwd {
  0%,
  15%,
  38%,
  70% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  5% {
    -webkit-transform:translateZ(90px);
    transform:translateZ(90px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  25% {
    -webkit-transform:translateZ(95px);
    transform:translateZ(95px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  52% {
    -webkit-transform:translateZ(150px);
    transform:translateZ(150px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  85% {
    opacity:1
  }
  to {
    -webkit-transform:translateZ(500px);
    transform:translateZ(500px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
}
@-webkit-keyframes bounce-out-bck {
  0%,
  15%,
  38% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  5% {
    -webkit-transform:translateZ(-100px);
    transform:translateZ(-100px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  25% {
    -webkit-transform:translateZ(-110px);
    transform:translateZ(-110px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  52% {
    -webkit-transform:translateZ(-200px);
    transform:translateZ(-200px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  70% {
    -webkit-transform:translateZ(0) scale(1);
    transform:translateZ(0) scale(1);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  85% {
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-900px) scale(0);
    transform:translateZ(-900px) scale(0);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
}
@keyframes bounce-out-bck {
  0%,
  15%,
  38% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  5% {
    -webkit-transform:translateZ(-100px);
    transform:translateZ(-100px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  25% {
    -webkit-transform:translateZ(-110px);
    transform:translateZ(-110px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  52% {
    -webkit-transform:translateZ(-200px);
    transform:translateZ(-200px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  70% {
    -webkit-transform:translateZ(0) scale(1);
    transform:translateZ(0) scale(1);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  85% {
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-900px) scale(0);
    transform:translateZ(-900px) scale(0);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }
}
@-webkit-keyframes bounce-out-left {
  0%,
  15%,
  38%,
  70% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  5% {
    -webkit-transform:translateX(-30px);
    transform:translateX(-30px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  25% {
    -webkit-transform:translateX(-38px);
    transform:translateX(-38px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  52% {
    -webkit-transform:translateX(-80px);
    transform:translateX(-80px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  85% {
    opacity:1
  }
  to {
    -webkit-transform:translateX(-1000px);
    transform:translateX(-1000px);
    opacity:0
  }
}
@keyframes bounce-out-left {
  0%,
  15%,
  38%,
  70% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  5% {
    -webkit-transform:translateX(-30px);
    transform:translateX(-30px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  25% {
    -webkit-transform:translateX(-38px);
    transform:translateX(-38px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  52% {
    -webkit-transform:translateX(-80px);
    transform:translateX(-80px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  85% {
    opacity:1
  }
  to {
    -webkit-transform:translateX(-1000px);
    transform:translateX(-1000px);
    opacity:0
  }
}
@-webkit-keyframes bounce-out-bottom {
  0%,
  15%,
  38%,
  70% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  5% {
    -webkit-transform:translateY(30px);
    transform:translateY(30px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  25% {
    -webkit-transform:translateY(38px);
    transform:translateY(38px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  52% {
    -webkit-transform:translateY(75px);
    transform:translateY(75px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  85% {
    opacity:1
  }
  to {
    -webkit-transform:translateY(800px);
    transform:translateY(800px);
    opacity:0
  }
}
@keyframes bounce-out-bottom {
  0%,
  15%,
  38%,
  70% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  5% {
    -webkit-transform:translateY(30px);
    transform:translateY(30px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  25% {
    -webkit-transform:translateY(38px);
    transform:translateY(38px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  52% {
    -webkit-transform:translateY(75px);
    transform:translateY(75px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  85% {
    opacity:1
  }
  to {
    -webkit-transform:translateY(800px);
    transform:translateY(800px);
    opacity:0
  }
}
@-webkit-keyframes bounce-out-right {
  0%,
  15%,
  38%,
  65% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  5% {
    -webkit-transform:translateX(30px);
    transform:translateX(30px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  25% {
    -webkit-transform:translateX(38px);
    transform:translateX(38px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  52% {
    -webkit-transform:translateX(80px);
    transform:translateX(80px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  85% {
    opacity:1
  }
  to {
    -webkit-transform:translateX(1000px);
    transform:translateX(1000px);
    opacity:0
  }
}
@keyframes bounce-out-right {
  0%,
  15%,
  38%,
  65% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  5% {
    -webkit-transform:translateX(30px);
    transform:translateX(30px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  25% {
    -webkit-transform:translateX(38px);
    transform:translateX(38px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  52% {
    -webkit-transform:translateX(80px);
    transform:translateX(80px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  85% {
    opacity:1
  }
  to {
    -webkit-transform:translateX(1000px);
    transform:translateX(1000px);
    opacity:0
  }
}
@-webkit-keyframes bounce-out-top {
  0%,
  15%,
  38%,
  70% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  5% {
    -webkit-transform:translateY(-30px);
    transform:translateY(-30px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  25% {
    -webkit-transform:translateY(-38px);
    transform:translateY(-38px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  52% {
    -webkit-transform:translateY(-75px);
    transform:translateY(-75px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  85% {
    opacity:1
  }
  to {
    -webkit-transform:translateY(-800px);
    transform:translateY(-800px);
    opacity:0
  }
}
@keyframes bounce-out-top {
  0%,
  15%,
  38%,
  70% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  5% {
    -webkit-transform:translateY(-30px);
    transform:translateY(-30px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  25% {
    -webkit-transform:translateY(-38px);
    transform:translateY(-38px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  52% {
    -webkit-transform:translateY(-75px);
    transform:translateY(-75px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  85% {
    opacity:1
  }
  to {
    -webkit-transform:translateY(-800px);
    transform:translateY(-800px);
    opacity:0
  }
}
@-webkit-keyframes swing-out-left-fwd {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:1
  }
  to {
    -webkit-transform:rotateY(-70deg);
    transform:rotateY(-70deg);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:0
  }
}
@keyframes swing-out-left-fwd {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:1
  }
  to {
    -webkit-transform:rotateY(-70deg);
    transform:rotateY(-70deg);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:0
  }
}
@-webkit-keyframes swing-out-left-bck {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:1
  }
  to {
    -webkit-transform:rotateY(100deg);
    transform:rotateY(100deg);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:0
  }
}
@keyframes swing-out-left-bck {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:1
  }
  to {
    -webkit-transform:rotateY(100deg);
    transform:rotateY(100deg);
    -webkit-transform-origin:left;
    transform-origin:left;
    opacity:0
  }
}
@-webkit-keyframes swing-out-bottom-fwd {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:1
  }
  to {
    -webkit-transform:rotateX(-70deg);
    transform:rotateX(-70deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:0
  }
}
@keyframes swing-out-bottom-fwd {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:1
  }
  to {
    -webkit-transform:rotateX(-70deg);
    transform:rotateX(-70deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:0
  }
}
@-webkit-keyframes swing-out-bottom-bck {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:1
  }
  to {
    -webkit-transform:rotateX(100deg);
    transform:rotateX(100deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:0
  }
}
@keyframes swing-out-bottom-bck {
  0% {
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:1
  }
  to {
    -webkit-transform:rotateX(100deg);
    transform:rotateX(100deg);
    -webkit-transform-origin:bottom;
    transform-origin:bottom;
    opacity:0
  }
}
@-webkit-keyframes swing-out-right-fwd {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:1
  }
  to {
    -webkit-transform:rotateY(70deg);
    transform:rotateY(70deg);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:0
  }
}
@keyframes swing-out-right-fwd {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:1
  }
  to {
    -webkit-transform:rotateY(70deg);
    transform:rotateY(70deg);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:0
  }
}
@-webkit-keyframes swing-out-right-bck {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:1
  }
  to {
    -webkit-transform:rotateY(-100deg);
    transform:rotateY(-100deg);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:0
  }
}
@keyframes swing-out-right-bck {
  0% {
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:1
  }
  to {
    -webkit-transform:rotateY(-100deg);
    transform:rotateY(-100deg);
    -webkit-transform-origin:right;
    transform-origin:right;
    opacity:0
  }
}
@-webkit-keyframes swing-out-top-fwd {
  0% {
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:1
  }
  to {
    -webkit-transform:rotateX(70deg);
    transform:rotateX(70deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:0
  }
}
@keyframes swing-out-top-fwd {
  0% {
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:1
  }
  to {
    -webkit-transform:rotateX(70deg);
    transform:rotateX(70deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:0
  }
}
@-webkit-keyframes swing-out-top-bck {
  0% {
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:1
  }
  to {
    -webkit-transform:rotateX(-100deg);
    transform:rotateX(-100deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:0
  }
}
@keyframes swing-out-top-bck {
  0% {
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:1
  }
  to {
    -webkit-transform:rotateX(-100deg);
    transform:rotateX(-100deg);
    -webkit-transform-origin:top;
    transform-origin:top;
    opacity:0
  }
}
@-webkit-keyframes fade-out-left {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(-50px);
    transform:translateX(-50px);
    opacity:0
  }
}
@keyframes fade-out-left {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(-50px);
    transform:translateX(-50px);
    opacity:0
  }
}
@-webkit-keyframes fade-out-bl {
  0% {
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(-50px) translateY(50px);
    transform:translateX(-50px) translateY(50px);
    opacity:0
  }
}
@keyframes fade-out-bl {
  0% {
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(-50px) translateY(50px);
    transform:translateX(-50px) translateY(50px);
    opacity:0
  }
}
@-webkit-keyframes fade-out-tl {
  0% {
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(-50px) translateY(-50px);
    transform:translateX(-50px) translateY(-50px);
    opacity:0
  }
}
@keyframes fade-out-tl {
  0% {
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(-50px) translateY(-50px);
    transform:translateX(-50px) translateY(-50px);
    opacity:0
  }
}
@-webkit-keyframes fade-out-bottom {
  0% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(50px);
    transform:translateY(50px);
    opacity:0
  }
}
@keyframes fade-out-bottom {
  0% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(50px);
    transform:translateY(50px);
    opacity:0
  }
}
@-webkit-keyframes fade-out-br {
  0% {
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(50px) translateY(50px);
    transform:translateX(50px) translateY(50px);
    opacity:0
  }
}
@keyframes fade-out-br {
  0% {
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(50px) translateY(50px);
    transform:translateX(50px) translateY(50px);
    opacity:0
  }
}
@-webkit-keyframes fade-out-right {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(50px);
    transform:translateX(50px);
    opacity:0
  }
}
@keyframes fade-out-right {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(50px);
    transform:translateX(50px);
    opacity:0
  }
}
@-webkit-keyframes fade-out-tr {
  0% {
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(50px) translateY(-50px);
    transform:translateX(50px) translateY(-50px);
    opacity:0
  }
}
@keyframes fade-out-tr {
  0% {
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateX(50px) translateY(-50px);
    transform:translateX(50px) translateY(-50px);
    opacity:0
  }
}
@-webkit-keyframes fade-out-top {
  0% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(-50px);
    transform:translateY(-50px);
    opacity:0
  }
}
@keyframes fade-out-top {
  0% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    opacity:1
  }
  to {
    -webkit-transform:translateY(-50px);
    transform:translateY(-50px);
    opacity:0
  }
}
@-webkit-keyframes fade-out-fwd {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(80px);
    transform:translateZ(80px);
    opacity:0
  }
}
@keyframes fade-out-fwd {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(80px);
    transform:translateZ(80px);
    opacity:0
  }
}
@-webkit-keyframes fade-out-bck {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-80px);
    transform:translateZ(-80px);
    opacity:0
  }
}
@keyframes fade-out-bck {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
  to {
    -webkit-transform:translateZ(-80px);
    transform:translateZ(-80px);
    opacity:0
  }
}
@-webkit-keyframes fade-out {
  0% {
    opacity:1
  }
  to {
    opacity:0
  }
}
@keyframes fade-out {
  0% {
    opacity:1
  }
  to {
    opacity:0
  }
}
@-webkit-keyframes puff-out-ver {
  0% {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scaleY(2);
    transform:scaleY(2);
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@keyframes puff-out-ver {
  0% {
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scaleY(2);
    transform:scaleY(2);
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@-webkit-keyframes puff-out-hor {
  0% {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scaleX(2);
    transform:scaleX(2);
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@keyframes puff-out-hor {
  0% {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scaleX(2);
    transform:scaleX(2);
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@-webkit-keyframes puff-out-tl {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@keyframes puff-out-tl {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:0% 0%;
    transform-origin:0% 0%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@-webkit-keyframes puff-out-left {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@keyframes puff-out-left {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@-webkit-keyframes puff-out-bl {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@keyframes puff-out-bl {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:0% 100%;
    transform-origin:0% 100%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@-webkit-keyframes puff-out-bottom {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@keyframes puff-out-bottom {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@-webkit-keyframes puff-out-br {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@keyframes puff-out-br {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@-webkit-keyframes puff-out-right {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@keyframes puff-out-right {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@-webkit-keyframes puff-out-tr {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@keyframes puff-out-tr {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:100% 0%;
    transform-origin:100% 0%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@-webkit-keyframes puff-out-top {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@keyframes puff-out-top {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@-webkit-keyframes puff-out-center {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@keyframes puff-out-center {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
  to {
    -webkit-transform:scale(2);
    transform:scale(2);
    -webkit-filter:blur(4px);
    filter:blur(4px);
    opacity:0
  }
}
@-webkit-keyframes flicker-out-1 {
  0%,
  13.9%,
  15%,
  22.9%,
  25%,
  34.9%,
  40%,
  42.9%,
  45%,
  50%,
  54.9%,
  69.5%,
  69.9%,
  79.9% {
    opacity:1
  }
  14%,
  14.9%,
  23%,
  24.9%,
  35%,
  39.9%,
  43%,
  44.9%,
  55%,
  69.4%,
  70%,
  79.4%,
  80%,
  89.8%,
  90% {
    opacity:0;
    -webkit-box-shadow:none;
    box-shadow:none
  }
  89.9% {
    opacity:1;
    -webkit-box-shadow:none;
    box-shadow:none
  }
  to {
    opacity:0
  }
}
@keyframes flicker-out-1 {
  0%,
  13.9%,
  15%,
  22.9%,
  25%,
  34.9%,
  40%,
  42.9%,
  45%,
  50%,
  54.9%,
  69.5%,
  69.9%,
  79.9% {
    opacity:1
  }
  14%,
  14.9%,
  23%,
  24.9%,
  35%,
  39.9%,
  43%,
  44.9%,
  55%,
  69.4%,
  70%,
  79.4%,
  80%,
  89.8%,
  90% {
    opacity:0;
    -webkit-box-shadow:none;
    box-shadow:none
  }
  89.9% {
    opacity:1;
    -webkit-box-shadow:none;
    box-shadow:none
  }
  to {
    opacity:0
  }
}
@-webkit-keyframes flicker-out-2 {
  0%,
  13.9% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1);
    box-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
  }
  14%,
  14.9%,
  23%,
  24.9%,
  35%,
  39.9%,
  43%,
  44.9%,
  55%,
  69.4%,
  70%,
  79.4%,
  80%,
  89.8%,
  90% {
    opacity:0;
    -webkit-box-shadow:none;
    box-shadow:none
  }
  15%,
  22.9% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1);
    box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
  }
  25%,
  34.9% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1);
    box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)
  }
  40%,
  42.9% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35);
    box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)
  }
  45%,
  50%,
  54.9%,
  69.5%,
  69.9% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25);
    box-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
  }
  79.9% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.25);
    box-shadow:0 0 30px rgba(255,255,255,.25)
  }
  89.9% {
    opacity:1;
    -webkit-box-shadow:none;
    box-shadow:none
  }
  to {
    opacity:0
  }
}
@keyframes flicker-out-2 {
  0%,
  13.9% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1);
    box-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
  }
  14%,
  14.9%,
  23%,
  24.9%,
  35%,
  39.9%,
  43%,
  44.9%,
  55%,
  69.4%,
  70%,
  79.4%,
  80%,
  89.8%,
  90% {
    opacity:0;
    -webkit-box-shadow:none;
    box-shadow:none
  }
  15%,
  22.9% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1);
    box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
  }
  25%,
  34.9% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1);
    box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)
  }
  40%,
  42.9% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35);
    box-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)
  }
  45%,
  50%,
  54.9%,
  69.5%,
  69.9% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25);
    box-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
  }
  79.9% {
    opacity:1;
    -webkit-box-shadow:0 0 30px rgba(255,255,255,.25);
    box-shadow:0 0 30px rgba(255,255,255,.25)
  }
  89.9% {
    opacity:1;
    -webkit-box-shadow:none;
    box-shadow:none
  }
  to {
    opacity:0
  }
}
@-webkit-keyframes tracking-in-expand-fwd-bottom {
  0% {
    letter-spacing:-.5em;
    -webkit-transform:translateZ(-700px) translateY(500px);
    transform:translateZ(-700px) translateY(500px);
    opacity:0
  }
  40% {
    opacity:.6
  }
  to {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
}
@keyframes tracking-in-expand-fwd-bottom {
  0% {
    letter-spacing:-.5em;
    -webkit-transform:translateZ(-700px) translateY(500px);
    transform:translateZ(-700px) translateY(500px);
    opacity:0
  }
  40% {
    opacity:.6
  }
  to {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
}
@-webkit-keyframes tracking-in-expand-fwd-top {
  0% {
    letter-spacing:-.5em;
    -webkit-transform:translateZ(-700px) translateY(-500px);
    transform:translateZ(-700px) translateY(-500px);
    opacity:0
  }
  40% {
    opacity:.6
  }
  to {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
}
@keyframes tracking-in-expand-fwd-top {
  0% {
    letter-spacing:-.5em;
    -webkit-transform:translateZ(-700px) translateY(-500px);
    transform:translateZ(-700px) translateY(-500px);
    opacity:0
  }
  40% {
    opacity:.6
  }
  to {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
}
@-webkit-keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing:-.5em;
    -webkit-transform:translateZ(-700px);
    transform:translateZ(-700px);
    opacity:0
  }
  40% {
    opacity:.6
  }
  to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}
@keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing:-.5em;
    -webkit-transform:translateZ(-700px);
    transform:translateZ(-700px);
    opacity:0
  }
  40% {
    opacity:.6
  }
  to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}
@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing:-.5em;
    opacity:0
  }
  40% {
    opacity:.6
  }
  to {
    opacity:1
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing:-.5em;
    opacity:0
  }
  40% {
    opacity:.6
  }
  to {
    opacity:1
  }
}
@-webkit-keyframes tracking-in-contract-bck-bottom {
  0% {
    letter-spacing:1em;
    -webkit-transform:translateZ(400px) translateY(300px);
    transform:translateZ(400px) translateY(300px);
    opacity:0
  }
  40% {
    opacity:.6
  }
  to {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
}
@keyframes tracking-in-contract-bck-bottom {
  0% {
    letter-spacing:1em;
    -webkit-transform:translateZ(400px) translateY(300px);
    transform:translateZ(400px) translateY(300px);
    opacity:0
  }
  40% {
    opacity:.6
  }
  to {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
}
@-webkit-keyframes tracking-in-contract-bck-top {
  0% {
    letter-spacing:1em;
    -webkit-transform:translateZ(400px) translateY(-300px);
    transform:translateZ(400px) translateY(-300px);
    opacity:0
  }
  40% {
    opacity:.6
  }
  to {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
}
@keyframes tracking-in-contract-bck-top {
  0% {
    letter-spacing:1em;
    -webkit-transform:translateZ(400px) translateY(-300px);
    transform:translateZ(400px) translateY(-300px);
    opacity:0
  }
  40% {
    opacity:.6
  }
  to {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
}
@-webkit-keyframes tracking-in-contract-bck {
  0% {
    letter-spacing:1em;
    -webkit-transform:translateZ(400px);
    transform:translateZ(400px);
    opacity:0
  }
  40% {
    opacity:.6
  }
  to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}
@keyframes tracking-in-contract-bck {
  0% {
    letter-spacing:1em;
    -webkit-transform:translateZ(400px);
    transform:translateZ(400px);
    opacity:0
  }
  40% {
    opacity:.6
  }
  to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}
@-webkit-keyframes tracking-in-contract {
  0% {
    letter-spacing:1em;
    opacity:0
  }
  40% {
    opacity:.6
  }
  to {
    letter-spacing:normal;
    opacity:1
  }
}
@keyframes tracking-in-contract {
  0% {
    letter-spacing:1em;
    opacity:0
  }
  40% {
    opacity:.6
  }
  to {
    letter-spacing:normal;
    opacity:1
  }
}
@-webkit-keyframes tracking-out-expand {
  0% {
    opacity:1
  }
  60% {
    opacity:.8
  }
  to {
    letter-spacing:1em;
    opacity:0
  }
}
@keyframes tracking-out-expand {
  0% {
    opacity:1
  }
  60% {
    opacity:.8
  }
  to {
    letter-spacing:1em;
    opacity:0
  }
}
@-webkit-keyframes tracking-out-expand-fwd {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
  60% {
    opacity:.8
  }
  to {
    letter-spacing:1em;
    -webkit-transform:translateZ(300px);
    transform:translateZ(300px);
    opacity:0
  }
}
@keyframes tracking-out-expand-fwd {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
  60% {
    opacity:.8
  }
  to {
    letter-spacing:1em;
    -webkit-transform:translateZ(300px);
    transform:translateZ(300px);
    opacity:0
  }
}
@-webkit-keyframes tracking-out-expand-fwd-top {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
  60% {
    opacity:.8
  }
  to {
    letter-spacing:1em;
    -webkit-transform:translateZ(300px) translateY(-200px);
    transform:translateZ(300px) translateY(-200px);
    opacity:0
  }
}
@keyframes tracking-out-expand-fwd-top {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
  60% {
    opacity:.8
  }
  to {
    letter-spacing:1em;
    -webkit-transform:translateZ(300px) translateY(-200px);
    transform:translateZ(300px) translateY(-200px);
    opacity:0
  }
}
@-webkit-keyframes tracking-out-expand-fwd-bottom {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
  60% {
    opacity:.8
  }
  to {
    letter-spacing:1em;
    -webkit-transform:translateZ(300px) translateY(200px);
    transform:translateZ(300px) translateY(200px);
    opacity:0
  }
}
@keyframes tracking-out-expand-fwd-bottom {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
  60% {
    opacity:.8
  }
  to {
    letter-spacing:1em;
    -webkit-transform:translateZ(300px) translateY(200px);
    transform:translateZ(300px) translateY(200px);
    opacity:0
  }
}
@-webkit-keyframes tracking-out-contract {
  0%,
  50% {
    opacity:1
  }
  to {
    letter-spacing:-.5em;
    opacity:0
  }
}
@keyframes tracking-out-contract {
  0%,
  50% {
    opacity:1
  }
  to {
    letter-spacing:-.5em;
    opacity:0
  }
}
@-webkit-keyframes tracking-out-contract-bck {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
  60% {
    opacity:1
  }
  to {
    letter-spacing:-.5em;
    -webkit-transform:translateZ(-500px);
    transform:translateZ(-500px);
    opacity:0
  }
}
@keyframes tracking-out-contract-bck {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
  60% {
    opacity:1
  }
  to {
    letter-spacing:-.5em;
    -webkit-transform:translateZ(-500px);
    transform:translateZ(-500px);
    opacity:0
  }
}
@-webkit-keyframes tracking-out-contract-bck-top {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
  60% {
    opacity:1
  }
  to {
    letter-spacing:-.5em;
    -webkit-transform:translateZ(-500px) translateY(-300px);
    transform:translateZ(-500px) translateY(-300px);
    opacity:0
  }
}
@keyframes tracking-out-contract-bck-top {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
  60% {
    opacity:1
  }
  to {
    letter-spacing:-.5em;
    -webkit-transform:translateZ(-500px) translateY(-300px);
    transform:translateZ(-500px) translateY(-300px);
    opacity:0
  }
}
@-webkit-keyframes tracking-out-contract-bck-bottom {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
  60% {
    opacity:1
  }
  to {
    letter-spacing:-.5em;
    -webkit-transform:translateZ(-500px) translateY(300px);
    transform:translateZ(-500px) translateY(300px);
    opacity:0
  }
}
@keyframes tracking-out-contract-bck-bottom {
  0% {
    -webkit-transform:translateZ(0) translateY(0);
    transform:translateZ(0) translateY(0);
    opacity:1
  }
  60% {
    opacity:1
  }
  to {
    letter-spacing:-.5em;
    -webkit-transform:translateZ(-500px) translateY(300px);
    transform:translateZ(-500px) translateY(300px);
    opacity:0
  }
}
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter:blur(12px);
    filter:blur(12px);
    opacity:0
  }
  to {
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter:blur(12px);
    filter:blur(12px);
    opacity:0
  }
  to {
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes focus-in-contract-bck {
  0% {
    letter-spacing:1em;
    -webkit-transform:translateZ(300px);
    transform:translateZ(300px);
    -webkit-filter:blur(12px);
    filter:blur(12px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(12px);
    transform:translateZ(12px);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes focus-in-contract-bck {
  0% {
    letter-spacing:1em;
    -webkit-transform:translateZ(300px);
    transform:translateZ(300px);
    -webkit-filter:blur(12px);
    filter:blur(12px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(12px);
    transform:translateZ(12px);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes focus-in-contract {
  0% {
    letter-spacing:1em;
    -webkit-filter:blur(12px);
    filter:blur(12px);
    opacity:0
  }
  to {
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes focus-in-contract {
  0% {
    letter-spacing:1em;
    -webkit-filter:blur(12px);
    filter:blur(12px);
    opacity:0
  }
  to {
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes focus-in-expand-fwd {
  0% {
    letter-spacing:-.5em;
    -webkit-transform:translateZ(-800px);
    transform:translateZ(-800px);
    -webkit-filter:blur(12px);
    filter:blur(12px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes focus-in-expand-fwd {
  0% {
    letter-spacing:-.5em;
    -webkit-transform:translateZ(-800px);
    transform:translateZ(-800px);
    -webkit-filter:blur(12px);
    filter:blur(12px);
    opacity:0
  }
  to {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes focus-in-expand {
  0% {
    letter-spacing:-.5em;
    -webkit-filter:blur(12px);
    filter:blur(12px);
    opacity:0
  }
  to {
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@keyframes focus-in-expand {
  0% {
    letter-spacing:-.5em;
    -webkit-filter:blur(12px);
    filter:blur(12px);
    opacity:0
  }
  to {
    -webkit-filter:blur(0);
    filter:blur(0);
    opacity:1
  }
}
@-webkit-keyframes text-blur-out {
  0% {
    -webkit-filter:blur(.01);
    filter:blur(.01)
  }
  to {
    -webkit-filter:blur(12px) opacity(0%);
    filter:blur(12px) opacity(0%)
  }
}
@keyframes text-blur-out {
  0% {
    -webkit-filter:blur(.01);
    filter:blur(.01)
  }
  to {
    -webkit-filter:blur(12px) opacity(0%);
    filter:blur(12px) opacity(0%)
  }
}
@-webkit-keyframes blur-out-contract-bck {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-filter:blur(.01);
    filter:blur(.01)
  }
  to {
    letter-spacing:-.5em;
    -webkit-transform:translateZ(-500px);
    transform:translateZ(-500px);
    -webkit-filter:blur(12px) opacity(0%);
    filter:blur(12px) opacity(0%)
  }
}
@keyframes blur-out-contract-bck {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-filter:blur(.01);
    filter:blur(.01)
  }
  to {
    letter-spacing:-.5em;
    -webkit-transform:translateZ(-500px);
    transform:translateZ(-500px);
    -webkit-filter:blur(12px) opacity(0%);
    filter:blur(12px) opacity(0%)
  }
}
@-webkit-keyframes blur-out-contract {
  0% {
    -webkit-filter:blur(.01);
    filter:blur(.01)
  }
  to {
    letter-spacing:-.5em;
    -webkit-filter:blur(12px) opacity(0%);
    filter:blur(12px) opacity(0%)
  }
}
@keyframes blur-out-contract {
  0% {
    -webkit-filter:blur(.01);
    filter:blur(.01)
  }
  to {
    letter-spacing:-.5em;
    -webkit-filter:blur(12px) opacity(0%);
    filter:blur(12px) opacity(0%)
  }
}
@-webkit-keyframes blur-out-expand-fwd {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-filter:blur(.01);
    filter:blur(.01)
  }
  to {
    letter-spacing:1em;
    -webkit-transform:translateZ(300px);
    transform:translateZ(300px);
    -webkit-filter:blur(12px) opacity(0%);
    filter:blur(12px) opacity(0%)
  }
}
@keyframes blur-out-expand-fwd {
  0% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-filter:blur(.01);
    filter:blur(.01)
  }
  to {
    letter-spacing:1em;
    -webkit-transform:translateZ(300px);
    transform:translateZ(300px);
    -webkit-filter:blur(12px) opacity(0%);
    filter:blur(12px) opacity(0%)
  }
}
@-webkit-keyframes blur-out-expand {
  0% {
    -webkit-filter:blur(.01);
    filter:blur(.01)
  }
  to {
    letter-spacing:1em;
    -webkit-filter:blur(12px) opacity(0%);
    filter:blur(12px) opacity(0%)
  }
}
@keyframes blur-out-expand {
  0% {
    -webkit-filter:blur(.01);
    filter:blur(.01)
  }
  to {
    letter-spacing:1em;
    -webkit-filter:blur(12px) opacity(0%);
    filter:blur(12px) opacity(0%)
  }
}
@-webkit-keyframes text-pop-up-top {
  0% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:none
  }
  to {
    -webkit-transform:translateY(-50px);
    transform:translateY(-50px);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
  }
}
@keyframes text-pop-up-top {
  0% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:none
  }
  to {
    -webkit-transform:translateY(-50px);
    transform:translateY(-50px);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
  }
}
@-webkit-keyframes text-pop-up-tr {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:none
  }
  to {
    -webkit-transform:translateY(-50px) translateX(50px);
    transform:translateY(-50px) translateX(50px);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
  }
}
@keyframes text-pop-up-tr {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:none
  }
  to {
    -webkit-transform:translateY(-50px) translateX(50px);
    transform:translateY(-50px) translateX(50px);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
  }
}
@-webkit-keyframes text-pop-up-right {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:none
  }
  to {
    -webkit-transform:translateX(50px);
    transform:translateX(50px);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
  }
}
@keyframes text-pop-up-right {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:none
  }
  to {
    -webkit-transform:translateX(50px);
    transform:translateX(50px);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
  }
}
@-webkit-keyframes text-pop-up-br {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:none
  }
  to {
    -webkit-transform:translateY(50px) translateX(50px);
    transform:translateY(50px) translateX(50px);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
  }
}
@keyframes text-pop-up-br {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:none
  }
  to {
    -webkit-transform:translateY(50px) translateX(50px);
    transform:translateY(50px) translateX(50px);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
  }
}
@-webkit-keyframes text-pop-up-bottom {
  0% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:none
  }
  to {
    -webkit-transform:translateY(50px);
    transform:translateY(50px);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
  }
}
@keyframes text-pop-up-bottom {
  0% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:none
  }
  to {
    -webkit-transform:translateY(50px);
    transform:translateY(50px);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
  }
}
@-webkit-keyframes text-pop-up-bl {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:none
  }
  to {
    -webkit-transform:translateY(50px) translateX(-50px);
    transform:translateY(50px) translateX(-50px);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
  }
}
@keyframes text-pop-up-bl {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:none
  }
  to {
    -webkit-transform:translateY(50px) translateX(-50px);
    transform:translateY(50px) translateX(-50px);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
  }
}
@-webkit-keyframes text-pop-up-left {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:none
  }
  to {
    -webkit-transform:translateX(-50px);
    transform:translateX(-50px);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
  }
}
@keyframes text-pop-up-left {
  0% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:none
  }
  to {
    -webkit-transform:translateX(-50px);
    transform:translateX(-50px);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
  }
}
@-webkit-keyframes text-pop-up-tl {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:none
  }
  to {
    -webkit-transform:translateY(-50px) translateX(-50px);
    transform:translateY(-50px) translateX(-50px);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
  }
}
@keyframes text-pop-up-tl {
  0% {
    -webkit-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:none
  }
  to {
    -webkit-transform:translateY(-50px) translateX(-50px);
    transform:translateY(-50px) translateX(-50px);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%;
    text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)
  }
}
@-webkit-keyframes text-shadow-drop-bl {
  0% {
    text-shadow:0 0 0 transparent
  }
  to {
    text-shadow:-6px 6px 18px rgba(0,0,0,.35)
  }
}
@keyframes text-shadow-drop-bl {
  0% {
    text-shadow:0 0 0 transparent
  }
  to {
    text-shadow:-6px 6px 18px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes text-shadow-drop-bottom {
  0% {
    text-shadow:0 0 0 transparent
  }
  to {
    text-shadow:0 6px 18px rgba(0,0,0,.35)
  }
}
@keyframes text-shadow-drop-bottom {
  0% {
    text-shadow:0 0 0 transparent
  }
  to {
    text-shadow:0 6px 18px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes text-shadow-drop-br {
  0% {
    text-shadow:0 0 0 transparent
  }
  to {
    text-shadow:6px 6px 18px rgba(0,0,0,.35)
  }
}
@keyframes text-shadow-drop-br {
  0% {
    text-shadow:0 0 0 transparent
  }
  to {
    text-shadow:6px 6px 18px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes text-shadow-drop-center {
  0% {
    text-shadow:0 0 0 transparent
  }
  to {
    text-shadow:0 0 18px rgba(0,0,0,.35)
  }
}
@keyframes text-shadow-drop-center {
  0% {
    text-shadow:0 0 0 transparent
  }
  to {
    text-shadow:0 0 18px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes text-shadow-drop-left {
  0% {
    text-shadow:0 0 0 transparent
  }
  to {
    text-shadow:-6px 0 18px rgba(0,0,0,.35)
  }
}
@keyframes text-shadow-drop-left {
  0% {
    text-shadow:0 0 0 transparent
  }
  to {
    text-shadow:-6px 0 18px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes text-shadow-drop-right {
  0% {
    text-shadow:0 0 0 transparent
  }
  to {
    text-shadow:6px 0 18px rgba(0,0,0,.35)
  }
}
@keyframes text-shadow-drop-right {
  0% {
    text-shadow:0 0 0 transparent
  }
  to {
    text-shadow:6px 0 18px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes text-shadow-drop-tl {
  0% {
    text-shadow:0 0 0 transparent
  }
  to {
    text-shadow:-6px -6px 18px rgba(0,0,0,.35)
  }
}
@keyframes text-shadow-drop-tl {
  0% {
    text-shadow:0 0 0 transparent
  }
  to {
    text-shadow:-6px -6px 18px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes text-shadow-drop-top {
  0% {
    text-shadow:0 0 0 transparent
  }
  to {
    text-shadow:0 -6px 18px rgba(0,0,0,.35)
  }
}
@keyframes text-shadow-drop-top {
  0% {
    text-shadow:0 0 0 transparent
  }
  to {
    text-shadow:0 -6px 18px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes text-shadow-drop-tr {
  0% {
    text-shadow:0 0 0 transparent
  }
  to {
    text-shadow:6px -6px 18px rgba(0,0,0,.35)
  }
}
@keyframes text-shadow-drop-tr {
  0% {
    text-shadow:0 0 0 transparent
  }
  to {
    text-shadow:6px -6px 18px rgba(0,0,0,.35)
  }
}
@-webkit-keyframes text-shadow-pop-bl {
  0% {
    text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0)
  }
  to {
    text-shadow:-1px 1px #555,-2px 2px #555,-3px 3px #555,-4px 4px #555,-5px 5px #555,-6px 6px #555,-7px 7px #555,-8px 8px #555;
    -webkit-transform:translateX(8px) translateY(-8px);
    transform:translateX(8px) translateY(-8px)
  }
}
@keyframes text-shadow-pop-bl {
  0% {
    text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0)
  }
  to {
    text-shadow:-1px 1px #555,-2px 2px #555,-3px 3px #555,-4px 4px #555,-5px 5px #555,-6px 6px #555,-7px 7px #555,-8px 8px #555;
    -webkit-transform:translateX(8px) translateY(-8px);
    transform:translateX(8px) translateY(-8px)
  }
}
@-webkit-keyframes text-shadow-pop-bottom {
  0% {
    text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  to {
    text-shadow:0 1px #555,0 2px #555,0 3px #555,0 4px #555,0 5px #555,0 6px #555,0 7px #555,0 8px #555;
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px)
  }
}
@keyframes text-shadow-pop-bottom {
  0% {
    text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  to {
    text-shadow:0 1px #555,0 2px #555,0 3px #555,0 4px #555,0 5px #555,0 6px #555,0 7px #555,0 8px #555;
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px)
  }
}
@-webkit-keyframes text-shadow-pop-br {
  0% {
    text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0)
  }
  to {
    text-shadow:1px 1px #555,2px 2px #555,3px 3px #555,4px 4px #555,5px 5px #555,6px 6px #555,7px 7px #555,8px 8px #555;
    -webkit-transform:translateX(-8px) translateY(-8px);
    transform:translateX(-8px) translateY(-8px)
  }
}
@keyframes text-shadow-pop-br {
  0% {
    text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0)
  }
  to {
    text-shadow:1px 1px #555,2px 2px #555,3px 3px #555,4px 4px #555,5px 5px #555,6px 6px #555,7px 7px #555,8px 8px #555;
    -webkit-transform:translateX(-8px) translateY(-8px);
    transform:translateX(-8px) translateY(-8px)
  }
}
@-webkit-keyframes text-shadow-pop-left {
  0% {
    text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
  to {
    text-shadow:-1px 0 #555,-2px 0 #555,-3px 0 #555,-4px 0 #555,-5px 0 #555,-6px 0 #555,-7px 0 #555,-8px 0 #555;
    -webkit-transform:translateX(8px);
    transform:translateX(8px)
  }
}
@keyframes text-shadow-pop-left {
  0% {
    text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
  to {
    text-shadow:-1px 0 #555,-2px 0 #555,-3px 0 #555,-4px 0 #555,-5px 0 #555,-6px 0 #555,-7px 0 #555,-8px 0 #555;
    -webkit-transform:translateX(8px);
    transform:translateX(8px)
  }
}
@-webkit-keyframes text-shadow-pop-right {
  0% {
    text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
  to {
    text-shadow:1px 0 #555,2px 0 #555,3px 0 #555,4px 0 #555,5px 0 #555,6px 0 #555,7px 0 #555,8px 0 #555;
    -webkit-transform:translateX(-8px);
    transform:translateX(-8px)
  }
}
@keyframes text-shadow-pop-right {
  0% {
    text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
  to {
    text-shadow:1px 0 #555,2px 0 #555,3px 0 #555,4px 0 #555,5px 0 #555,6px 0 #555,7px 0 #555,8px 0 #555;
    -webkit-transform:translateX(-8px);
    transform:translateX(-8px)
  }
}
@-webkit-keyframes text-shadow-pop-tl {
  0% {
    text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0)
  }
  to {
    text-shadow:-1px -1px #555,-2px -2px #555,-3px -3px #555,-4px -4px #555,-5px -5px #555,-6px -6px #555,-7px -7px #555,-8px -8px #555;
    -webkit-transform:translateX(8px) translateY(8px);
    transform:translateX(8px) translateY(8px)
  }
}
@keyframes text-shadow-pop-tl {
  0% {
    text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0)
  }
  to {
    text-shadow:-1px -1px #555,-2px -2px #555,-3px -3px #555,-4px -4px #555,-5px -5px #555,-6px -6px #555,-7px -7px #555,-8px -8px #555;
    -webkit-transform:translateX(8px) translateY(8px);
    transform:translateX(8px) translateY(8px)
  }
}
@-webkit-keyframes text-shadow-pop-top {
  0% {
    text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  to {
    text-shadow:0 -1px #555,0 -2px #555,0 -3px #555,0 -4px #555,0 -5px #555,0 -6px #555,0 -7px #555,0 -8px #555;
    -webkit-transform:translateY(8px);
    transform:translateY(8px)
  }
}
@keyframes text-shadow-pop-top {
  0% {
    text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  to {
    text-shadow:0 -1px #555,0 -2px #555,0 -3px #555,0 -4px #555,0 -5px #555,0 -6px #555,0 -7px #555,0 -8px #555;
    -webkit-transform:translateY(8px);
    transform:translateY(8px)
  }
}
@-webkit-keyframes text-shadow-pop-tr {
  0% {
    text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0)
  }
  to {
    text-shadow:1px -1px #555,2px -2px #555,3px -3px #555,4px -4px #555,5px -5px #555,6px -6px #555,7px -7px #555,8px -8px #555;
    -webkit-transform:translateX(-8px) translateY(8px);
    transform:translateX(-8px) translateY(8px)
  }
}
@keyframes text-shadow-pop-tr {
  0% {
    text-shadow:0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555,0 0 #555;
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0)
  }
  to {
    text-shadow:1px -1px #555,2px -2px #555,3px -3px #555,4px -4px #555,5px -5px #555,6px -6px #555,7px -7px #555,8px -8px #555;
    -webkit-transform:translateX(-8px) translateY(8px);
    transform:translateX(-8px) translateY(8px)
  }
}
@-webkit-keyframes text-flicker-in-glow {
  0% {
    opacity:0
  }
  10%,
  10.2%,
  20%,
  20.6%,
  30%,
  30.6%,
  45%,
  55.1%,
  57%,
  60.1%,
  65%,
  75.1%,
  77%,
  85.1%,
  86% {
    opacity:0;
    text-shadow:none
  }
  10.1% {
    opacity:1;
    text-shadow:none
  }
  20.1% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.25)
  }
  30.1%,
  30.5%,
  45.1%,
  50%,
  55% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
  }
  57.1%,
  60% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)
  }
  65.1%,
  75% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)
  }
  77.1%,
  85% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
  }
  86.1%,
  to {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
  }
}
@keyframes text-flicker-in-glow {
  0% {
    opacity:0
  }
  10%,
  10.2%,
  20%,
  20.6%,
  30%,
  30.6%,
  45%,
  55.1%,
  57%,
  60.1%,
  65%,
  75.1%,
  77%,
  85.1%,
  86% {
    opacity:0;
    text-shadow:none
  }
  10.1% {
    opacity:1;
    text-shadow:none
  }
  20.1% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.25)
  }
  30.1%,
  30.5%,
  45.1%,
  50%,
  55% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
  }
  57.1%,
  60% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)
  }
  65.1%,
  75% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)
  }
  77.1%,
  85% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
  }
  86.1%,
  to {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
  }
}
@-webkit-keyframes text-flicker-out-glow {
  0%,
  13.9% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
  }
  14%,
  14.9%,
  23%,
  24.9%,
  35%,
  39.9%,
  43%,
  44.9%,
  55%,
  69.4%,
  70%,
  79.4%,
  80%,
  89.8%,
  90% {
    opacity:0;
    text-shadow:none
  }
  15%,
  22.9% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
  }
  25%,
  34.9% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)
  }
  40%,
  42.9% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)
  }
  45%,
  50%,
  54.9%,
  69.5%,
  69.9% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
  }
  79.9% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.25)
  }
  89.9% {
    opacity:1;
    text-shadow:none
  }
  to {
    opacity:0
  }
}
@keyframes text-flicker-out-glow {
  0%,
  13.9% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1)
  }
  14%,
  14.9%,
  23%,
  24.9%,
  35%,
  39.9%,
  43%,
  44.9%,
  55%,
  69.4%,
  70%,
  79.4%,
  80%,
  89.8%,
  90% {
    opacity:0;
    text-shadow:none
  }
  15%,
  22.9% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1)
  }
  25%,
  34.9% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1)
  }
  40%,
  42.9% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35)
  }
  45%,
  50%,
  54.9%,
  69.5%,
  69.9% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25)
  }
  79.9% {
    opacity:1;
    text-shadow:0 0 30px rgba(255,255,255,.25)
  }
  89.9% {
    opacity:1;
    text-shadow:none
  }
  to {
    opacity:0
  }
}
@-webkit-keyframes blink-1 {
  0%,
  50%,
  to {
    opacity:1
  }
  25%,
  75% {
    opacity:0
  }
}
@keyframes blink-1 {
  0%,
  50%,
  to {
    opacity:1
  }
  25%,
  75% {
    opacity:0
  }
}
@-webkit-keyframes blink-2 {
  0%,
  to {
    opacity:1
  }
  50% {
    opacity:.2
  }
}
@keyframes blink-2 {
  0%,
  to {
    opacity:1
  }
  50% {
    opacity:.2
  }
}
@-webkit-keyframes bounce-top {
  0% {
    -webkit-transform:translateY(-45px);
    transform:translateY(-45px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:1
  }
  24% {
    opacity:1
  }
  40% {
    -webkit-transform:translateY(-24px);
    transform:translateY(-24px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  65% {
    -webkit-transform:translateY(-12px);
    transform:translateY(-12px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  82% {
    -webkit-transform:translateY(-6px);
    transform:translateY(-6px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  93% {
    -webkit-transform:translateY(-4px);
    transform:translateY(-4px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
}
@keyframes bounce-top {
  0% {
    -webkit-transform:translateY(-45px);
    transform:translateY(-45px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:1
  }
  24% {
    opacity:1
  }
  40% {
    -webkit-transform:translateY(-24px);
    transform:translateY(-24px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  65% {
    -webkit-transform:translateY(-12px);
    transform:translateY(-12px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  82% {
    -webkit-transform:translateY(-6px);
    transform:translateY(-6px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  93% {
    -webkit-transform:translateY(-4px);
    transform:translateY(-4px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
}
@-webkit-keyframes bounce-right {
  0% {
    -webkit-transform:translateX(48px);
    transform:translateX(48px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:1
  }
  24% {
    opacity:1
  }
  40% {
    -webkit-transform:translateX(26px);
    transform:translateX(26px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  65% {
    -webkit-transform:translateX(13px);
    transform:translateX(13px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  82% {
    -webkit-transform:translateX(6.5px);
    transform:translateX(6.5px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  93% {
    -webkit-transform:translateX(4px);
    transform:translateX(4px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  25%,
  55%,
  75%,
  87%,
  98% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
}
@keyframes bounce-right {
  0% {
    -webkit-transform:translateX(48px);
    transform:translateX(48px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:1
  }
  24% {
    opacity:1
  }
  40% {
    -webkit-transform:translateX(26px);
    transform:translateX(26px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  65% {
    -webkit-transform:translateX(13px);
    transform:translateX(13px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  82% {
    -webkit-transform:translateX(6.5px);
    transform:translateX(6.5px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  93% {
    -webkit-transform:translateX(4px);
    transform:translateX(4px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  25%,
  55%,
  75%,
  87%,
  98% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
}
@-webkit-keyframes bounce-bottom {
  0% {
    -webkit-transform:translateY(45px);
    transform:translateY(45px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:1
  }
  24% {
    opacity:1
  }
  40% {
    -webkit-transform:translateY(24px);
    transform:translateY(24px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  65% {
    -webkit-transform:translateY(12px);
    transform:translateY(12px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  82% {
    -webkit-transform:translateY(6px);
    transform:translateY(6px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  93% {
    -webkit-transform:translateY(4px);
    transform:translateY(4px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
}
@keyframes bounce-bottom {
  0% {
    -webkit-transform:translateY(45px);
    transform:translateY(45px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:1
  }
  24% {
    opacity:1
  }
  40% {
    -webkit-transform:translateY(24px);
    transform:translateY(24px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  65% {
    -webkit-transform:translateY(12px);
    transform:translateY(12px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  82% {
    -webkit-transform:translateY(6px);
    transform:translateY(6px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  93% {
    -webkit-transform:translateY(4px);
    transform:translateY(4px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
}
@-webkit-keyframes bounce-left {
  0% {
    -webkit-transform:translateX(-48px);
    transform:translateX(-48px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:1
  }
  24% {
    opacity:1
  }
  40% {
    -webkit-transform:translateX(-26px);
    transform:translateX(-26px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  65% {
    -webkit-transform:translateX(-13px);
    transform:translateX(-13px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  82% {
    -webkit-transform:translateX(-6.5px);
    transform:translateX(-6.5px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  93% {
    -webkit-transform:translateX(-4px);
    transform:translateX(-4px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  25%,
  55%,
  75%,
  87%,
  98% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
}
@keyframes bounce-left {
  0% {
    -webkit-transform:translateX(-48px);
    transform:translateX(-48px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:1
  }
  24% {
    opacity:1
  }
  40% {
    -webkit-transform:translateX(-26px);
    transform:translateX(-26px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  65% {
    -webkit-transform:translateX(-13px);
    transform:translateX(-13px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  82% {
    -webkit-transform:translateX(-6.5px);
    transform:translateX(-6.5px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  93% {
    -webkit-transform:translateX(-4px);
    transform:translateX(-4px);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  25%,
  55%,
  75%,
  87%,
  98% {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    opacity:1
  }
}
@-webkit-keyframes flicker-1 {
  0%,
  41.99%,
  43.01%,
  47.99%,
  49.01%,
  to {
    opacity:1
  }
  42%,
  43%,
  48%,
  49% {
    opacity:0
  }
}
@keyframes flicker-1 {
  0%,
  41.99%,
  43.01%,
  47.99%,
  49.01%,
  to {
    opacity:1
  }
  42%,
  43%,
  48%,
  49% {
    opacity:0
  }
}
@-webkit-keyframes flicker-2 {
  0%,
  41.99%,
  43.01%,
  45.99%,
  46.91%,
  51.99%,
  52.81%,
  to {
    opacity:1
  }
  42%,
  43%,
  46%,
  46.9%,
  52%,
  52.8% {
    opacity:0
  }
}
@keyframes flicker-2 {
  0%,
  41.99%,
  43.01%,
  45.99%,
  46.91%,
  51.99%,
  52.81%,
  to {
    opacity:1
  }
  42%,
  43%,
  46%,
  46.9%,
  52%,
  52.8% {
    opacity:0
  }
}
@-webkit-keyframes flicker-3 {
  0%,
  32.98%,
  34.02%,
  34.98%,
  35.92%,
  38.98%,
  39.82%,
  83.98%,
  84.92%,
  to {
    opacity:1
  }
  33%,
  34%,
  35%,
  35.9%,
  39%,
  39.8%,
  84%,
  84.9% {
    opacity:0
  }
}
@keyframes flicker-3 {
  0%,
  32.98%,
  34.02%,
  34.98%,
  35.92%,
  38.98%,
  39.82%,
  83.98%,
  84.92%,
  to {
    opacity:1
  }
  33%,
  34%,
  35%,
  35.9%,
  39%,
  39.8%,
  84%,
  84.9% {
    opacity:0
  }
}
@-webkit-keyframes flicker-4 {
  0%,
  31.98%,
  32.82%,
  34.98%,
  35.72%,
  36.98%,
  37.62%,
  67.98%,
  68.42%,
  95.98%,
  96.72%,
  98.98%,
  99.62%,
  to {
    opacity:1
  }
  32%,
  32.8%,
  35%,
  35.7%,
  37%,
  37.6%,
  68%,
  68.4%,
  96%,
  96.7%,
  99%,
  99.6% {
    opacity:0
  }
}
@keyframes flicker-4 {
  0%,
  31.98%,
  32.82%,
  34.98%,
  35.72%,
  36.98%,
  37.62%,
  67.98%,
  68.42%,
  95.98%,
  96.72%,
  98.98%,
  99.62%,
  to {
    opacity:1
  }
  32%,
  32.8%,
  35%,
  35.7%,
  37%,
  37.6%,
  68%,
  68.4%,
  96%,
  96.7%,
  99%,
  99.6% {
    opacity:0
  }
}
@-webkit-keyframes flicker-5 {
  -.02%,
  0%,
  1%,
  1.02%,
  101%,
  101.02%,
  14.98%,
  15.18%,
  15.48%,
  15.82%,
  16.02%,
  16.22%,
  16.98%,
  17%,
  17.8%,
  17.82%,
  20.48%,
  20.98%,
  21%,
  21.32%,
  22%,
  22.02%,
  39.98%,
  40%,
  40.48%,
  41%,
  41.02%,
  41.42%,
  41.98%,
  42%,
  42.8%,
  42.82%,
  59.98%,
  60%,
  60.18%,
  60.78%,
  61.02%,
  61.38%,
  61.62%,
  61.78%,
  61.8%,
  62.22%,
  62.8%,
  62.82%,
  75.98%,
  76%,
  77%,
  77.02%,
  77.98%,
  78.82%,
  78.98%,
  79%,
  8.98%,
  80%,
  80.02%,
  9.48%,
  9.5%,
  9.6%,
  9.62%,
  9.82%,
  99.98%,
  to {
    opacity:1
  }
  61.4%,
  62.2%,
  9%,
  9.8% {
    opacity:0
  }
  15%,
  15.5%,
  15.8%,
  16.2% {
    opacity:.5
  }
  15.2%,
  16%,
  78%,
  78.8% {
    opacity:.7
  }
  20.5%,
  21.3% {
    opacity:.9
  }
  40.5%,
  41.4% {
    opacity:.6
  }
  60.2%,
  61% {
    opacity:.2
  }
  60.8%,
  61.6% {
    opacity:.4
  }
}
@keyframes flicker-5 {
  -.02%,
  0%,
  1%,
  1.02%,
  101%,
  101.02%,
  14.98%,
  15.18%,
  15.48%,
  15.82%,
  16.02%,
  16.22%,
  16.98%,
  17%,
  17.8%,
  17.82%,
  20.48%,
  20.98%,
  21%,
  21.32%,
  22%,
  22.02%,
  39.98%,
  40%,
  40.48%,
  41%,
  41.02%,
  41.42%,
  41.98%,
  42%,
  42.8%,
  42.82%,
  59.98%,
  60%,
  60.18%,
  60.78%,
  61.02%,
  61.38%,
  61.62%,
  61.78%,
  61.8%,
  62.22%,
  62.8%,
  62.82%,
  75.98%,
  76%,
  77%,
  77.02%,
  77.98%,
  78.82%,
  78.98%,
  79%,
  8.98%,
  80%,
  80.02%,
  9.48%,
  9.5%,
  9.6%,
  9.62%,
  9.82%,
  99.98%,
  to {
    opacity:1
  }
  61.4%,
  62.2%,
  9%,
  9.8% {
    opacity:0
  }
  15%,
  15.5%,
  15.8%,
  16.2% {
    opacity:.5
  }
  15.2%,
  16%,
  78%,
  78.8% {
    opacity:.7
  }
  20.5%,
  21.3% {
    opacity:.9
  }
  40.5%,
  41.4% {
    opacity:.6
  }
  60.2%,
  61% {
    opacity:.2
  }
  60.8%,
  61.6% {
    opacity:.4
  }
}
@-webkit-keyframes jello-horizontal {
  0%,
  to {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
  }
  30% {
    -webkit-transform:scale3d(1.25,.75,1);
    transform:scale3d(1.25,.75,1)
  }
  40% {
    -webkit-transform:scale3d(.75,1.25,1);
    transform:scale3d(.75,1.25,1)
  }
  50% {
    -webkit-transform:scale3d(1.15,.85,1);
    transform:scale3d(1.15,.85,1)
  }
  65% {
    -webkit-transform:scale3d(.95,1.05,1);
    transform:scale3d(.95,1.05,1)
  }
  75% {
    -webkit-transform:scale3d(1.05,.95,1);
    transform:scale3d(1.05,.95,1)
  }
}
@keyframes jello-horizontal {
  0%,
  to {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
  }
  30% {
    -webkit-transform:scale3d(1.25,.75,1);
    transform:scale3d(1.25,.75,1)
  }
  40% {
    -webkit-transform:scale3d(.75,1.25,1);
    transform:scale3d(.75,1.25,1)
  }
  50% {
    -webkit-transform:scale3d(1.15,.85,1);
    transform:scale3d(1.15,.85,1)
  }
  65% {
    -webkit-transform:scale3d(.95,1.05,1);
    transform:scale3d(.95,1.05,1)
  }
  75% {
    -webkit-transform:scale3d(1.05,.95,1);
    transform:scale3d(1.05,.95,1)
  }
}
@-webkit-keyframes jello-vertical {
  0%,
  to {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
  }
  30% {
    -webkit-transform:scale3d(.75,1.25,1);
    transform:scale3d(.75,1.25,1)
  }
  40% {
    -webkit-transform:scale3d(1.25,.75,1);
    transform:scale3d(1.25,.75,1)
  }
  50% {
    -webkit-transform:scale3d(.85,1.15,1);
    transform:scale3d(.85,1.15,1)
  }
  65% {
    -webkit-transform:scale3d(1.05,.95,1);
    transform:scale3d(1.05,.95,1)
  }
  75% {
    -webkit-transform:scale3d(.95,1.05,1);
    transform:scale3d(.95,1.05,1)
  }
}
@keyframes jello-vertical {
  0%,
  to {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
  }
  30% {
    -webkit-transform:scale3d(.75,1.25,1);
    transform:scale3d(.75,1.25,1)
  }
  40% {
    -webkit-transform:scale3d(1.25,.75,1);
    transform:scale3d(1.25,.75,1)
  }
  50% {
    -webkit-transform:scale3d(.85,1.15,1);
    transform:scale3d(.85,1.15,1)
  }
  65% {
    -webkit-transform:scale3d(1.05,.95,1);
    transform:scale3d(1.05,.95,1)
  }
  75% {
    -webkit-transform:scale3d(.95,1.05,1);
    transform:scale3d(.95,1.05,1)
  }
}
@-webkit-keyframes jello-diagonal-1 {
  0%,
  to {
    -webkit-transform:skew(0deg 0deg);
    transform:skew(0deg 0deg)
  }
  30% {
    -webkit-transform:skew(25deg 25deg);
    transform:skew(25deg 25deg)
  }
  40% {
    -webkit-transform:skew(-15deg,-15deg);
    transform:skew(-15deg,-15deg)
  }
  50% {
    -webkit-transform:skew(15deg,15deg);
    transform:skew(15deg,15deg)
  }
  65% {
    -webkit-transform:skew(-5deg,-5deg);
    transform:skew(-5deg,-5deg)
  }
  75% {
    -webkit-transform:skew(5deg,5deg);
    transform:skew(5deg,5deg)
  }
}
@keyframes jello-diagonal-1 {
  0%,
  to {
    -webkit-transform:skew(0deg 0deg);
    transform:skew(0deg 0deg)
  }
  30% {
    -webkit-transform:skew(25deg 25deg);
    transform:skew(25deg 25deg)
  }
  40% {
    -webkit-transform:skew(-15deg,-15deg);
    transform:skew(-15deg,-15deg)
  }
  50% {
    -webkit-transform:skew(15deg,15deg);
    transform:skew(15deg,15deg)
  }
  65% {
    -webkit-transform:skew(-5deg,-5deg);
    transform:skew(-5deg,-5deg)
  }
  75% {
    -webkit-transform:skew(5deg,5deg);
    transform:skew(5deg,5deg)
  }
}
@-webkit-keyframes jello-diagonal-2 {
  0%,
  to {
    -webkit-transform:skew(0deg 0deg);
    transform:skew(0deg 0deg)
  }
  30% {
    -webkit-transform:skew(-25deg -25deg);
    transform:skew(-25deg -25deg)
  }
  40% {
    -webkit-transform:skew(15deg,15deg);
    transform:skew(15deg,15deg)
  }
  50% {
    -webkit-transform:skew(-15deg,-15deg);
    transform:skew(-15deg,-15deg)
  }
  65% {
    -webkit-transform:skew(5deg,5deg);
    transform:skew(5deg,5deg)
  }
  75% {
    -webkit-transform:skew(-5deg,-5deg);
    transform:skew(-5deg,-5deg)
  }
}
@keyframes jello-diagonal-2 {
  0%,
  to {
    -webkit-transform:skew(0deg 0deg);
    transform:skew(0deg 0deg)
  }
  30% {
    -webkit-transform:skew(-25deg -25deg);
    transform:skew(-25deg -25deg)
  }
  40% {
    -webkit-transform:skew(15deg,15deg);
    transform:skew(15deg,15deg)
  }
  50% {
    -webkit-transform:skew(-15deg,-15deg);
    transform:skew(-15deg,-15deg)
  }
  65% {
    -webkit-transform:skew(5deg,5deg);
    transform:skew(5deg,5deg)
  }
  75% {
    -webkit-transform:skew(-5deg,-5deg);
    transform:skew(-5deg,-5deg)
  }
}
@-webkit-keyframes pulsate-bck {
  0%,
  to {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
  50% {
    -webkit-transform:scale(.9);
    transform:scale(.9)
  }
}
@keyframes pulsate-bck {
  0%,
  to {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
  50% {
    -webkit-transform:scale(.9);
    transform:scale(.9)
  }
}
@-webkit-keyframes pulsate-fwd {
  0%,
  to {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
  50% {
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
  }
}
@keyframes pulsate-fwd {
  0%,
  to {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
  50% {
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
  }
}
@-webkit-keyframes ping {
  0% {
    -webkit-transform:scale(.2);
    transform:scale(.2);
    opacity:.8
  }
  80% {
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    opacity:0
  }
  to {
    -webkit-transform:scale(2.2);
    transform:scale(2.2);
    opacity:0
  }
}
@keyframes ping {
  0% {
    -webkit-transform:scale(.2);
    transform:scale(.2);
    opacity:.8
  }
  80% {
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    opacity:0
  }
  to {
    -webkit-transform:scale(2.2);
    transform:scale(2.2);
    opacity:0
  }
}
@-webkit-keyframes heartbeat {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:center center;
    transform-origin:center center;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  10% {
    -webkit-transform:scale(.91);
    transform:scale(.91);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  17% {
    -webkit-transform:scale(.98);
    transform:scale(.98);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  33% {
    -webkit-transform:scale(.87);
    transform:scale(.87);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  45% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
}
@keyframes heartbeat {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin:center center;
    transform-origin:center center;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  10% {
    -webkit-transform:scale(.91);
    transform:scale(.91);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  17% {
    -webkit-transform:scale(.98);
    transform:scale(.98);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
  33% {
    -webkit-transform:scale(.87);
    transform:scale(.87);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
  45% {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }
}
@-webkit-keyframes shake-bl {
  0%,
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%
  }
  10%,
  90% {
    -webkit-transform:rotate(2deg);
    transform:rotate(2deg)
  }
  20%,
  40%,
  60% {
    -webkit-transform:rotate(-4deg);
    transform:rotate(-4deg)
  }
  30%,
  50%,
  70% {
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg)
  }
  80% {
    -webkit-transform:rotate(-2deg);
    transform:rotate(-2deg)
  }
}
@keyframes shake-bl {
  0%,
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:0 100%;
    transform-origin:0 100%
  }
  10%,
  90% {
    -webkit-transform:rotate(2deg);
    transform:rotate(2deg)
  }
  20%,
  40%,
  60% {
    -webkit-transform:rotate(-4deg);
    transform:rotate(-4deg)
  }
  30%,
  50%,
  70% {
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg)
  }
  80% {
    -webkit-transform:rotate(-2deg);
    transform:rotate(-2deg)
  }
}
@-webkit-keyframes shake-br {
  0%,
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  10%,
  90% {
    -webkit-transform:rotate(2deg);
    transform:rotate(2deg)
  }
  20%,
  40%,
  60% {
    -webkit-transform:rotate(-4deg);
    transform:rotate(-4deg)
  }
  30%,
  50%,
  70% {
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg)
  }
  80% {
    -webkit-transform:rotate(-2deg);
    transform:rotate(-2deg)
  }
}
@keyframes shake-br {
  0%,
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:100% 100%;
    transform-origin:100% 100%
  }
  10%,
  90% {
    -webkit-transform:rotate(2deg);
    transform:rotate(2deg)
  }
  20%,
  40%,
  60% {
    -webkit-transform:rotate(-4deg);
    transform:rotate(-4deg)
  }
  30%,
  50%,
  70% {
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg)
  }
  80% {
    -webkit-transform:rotate(-2deg);
    transform:rotate(-2deg)
  }
}
@-webkit-keyframes shake-horizontal {
  0%,
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform:translateX(-10px);
    transform:translateX(-10px)
  }
  20%,
  40%,
  60% {
    -webkit-transform:translateX(10px);
    transform:translateX(10px)
  }
  80% {
    -webkit-transform:translateX(8px);
    transform:translateX(8px)
  }
  90% {
    -webkit-transform:translateX(-8px);
    transform:translateX(-8px)
  }
}
@keyframes shake-horizontal {
  0%,
  to {
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform:translateX(-10px);
    transform:translateX(-10px)
  }
  20%,
  40%,
  60% {
    -webkit-transform:translateX(10px);
    transform:translateX(10px)
  }
  80% {
    -webkit-transform:translateX(8px);
    transform:translateX(8px)
  }
  90% {
    -webkit-transform:translateX(-8px);
    transform:translateX(-8px)
  }
}
@-webkit-keyframes shake-left {
  0%,
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%
  }
  10%,
  90% {
    -webkit-transform:rotate(2deg);
    transform:rotate(2deg)
  }
  20%,
  40%,
  60% {
    -webkit-transform:rotate(-4deg);
    transform:rotate(-4deg)
  }
  30%,
  50%,
  70% {
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg)
  }
  80% {
    -webkit-transform:rotate(-2deg);
    transform:rotate(-2deg)
  }
}
@keyframes shake-left {
  0%,
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%
  }
  10%,
  90% {
    -webkit-transform:rotate(2deg);
    transform:rotate(2deg)
  }
  20%,
  40%,
  60% {
    -webkit-transform:rotate(-4deg);
    transform:rotate(-4deg)
  }
  30%,
  50%,
  70% {
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg)
  }
  80% {
    -webkit-transform:rotate(-2deg);
    transform:rotate(-2deg)
  }
}
@-webkit-keyframes shake-top {
  0%,
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0
  }
  10%,
  90% {
    -webkit-transform:rotate(2deg);
    transform:rotate(2deg)
  }
  20%,
  40%,
  60% {
    -webkit-transform:rotate(-4deg);
    transform:rotate(-4deg)
  }
  30%,
  50%,
  70% {
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg)
  }
  80% {
    -webkit-transform:rotate(-2deg);
    transform:rotate(-2deg)
  }
}
@keyframes shake-top {
  0%,
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0
  }
  10%,
  90% {
    -webkit-transform:rotate(2deg);
    transform:rotate(2deg)
  }
  20%,
  40%,
  60% {
    -webkit-transform:rotate(-4deg);
    transform:rotate(-4deg)
  }
  30%,
  50%,
  70% {
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg)
  }
  80% {
    -webkit-transform:rotate(-2deg);
    transform:rotate(-2deg)
  }
}
@-webkit-keyframes shake-bottom {
  0%,
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
  10%,
  90% {
    -webkit-transform:rotate(2deg);
    transform:rotate(2deg)
  }
  20%,
  40%,
  60% {
    -webkit-transform:rotate(-4deg);
    transform:rotate(-4deg)
  }
  30%,
  50%,
  70% {
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg)
  }
  80% {
    -webkit-transform:rotate(-2deg);
    transform:rotate(-2deg)
  }
}
@keyframes shake-bottom {
  0%,
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
  }
  10%,
  90% {
    -webkit-transform:rotate(2deg);
    transform:rotate(2deg)
  }
  20%,
  40%,
  60% {
    -webkit-transform:rotate(-4deg);
    transform:rotate(-4deg)
  }
  30%,
  50%,
  70% {
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg)
  }
  80% {
    -webkit-transform:rotate(-2deg);
    transform:rotate(-2deg)
  }
}
@-webkit-keyframes shake-lr {
  0%,
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
  }
  10%,
  90% {
    -webkit-transform:rotate(8deg);
    transform:rotate(8deg)
  }
  20%,
  40%,
  60% {
    -webkit-transform:rotate(-10deg);
    transform:rotate(-10deg)
  }
  30%,
  50%,
  70% {
    -webkit-transform:rotate(10deg);
    transform:rotate(10deg)
  }
  80% {
    -webkit-transform:rotate(-8deg);
    transform:rotate(-8deg)
  }
}
@keyframes shake-lr {
  0%,
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
  }
  10%,
  90% {
    -webkit-transform:rotate(8deg);
    transform:rotate(8deg)
  }
  20%,
  40%,
  60% {
    -webkit-transform:rotate(-10deg);
    transform:rotate(-10deg)
  }
  30%,
  50%,
  70% {
    -webkit-transform:rotate(10deg);
    transform:rotate(10deg)
  }
  80% {
    -webkit-transform:rotate(-8deg);
    transform:rotate(-8deg)
  }
}
@-webkit-keyframes shake-right {
  0%,
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
  10%,
  90% {
    -webkit-transform:rotate(2deg);
    transform:rotate(2deg)
  }
  20%,
  40%,
  60% {
    -webkit-transform:rotate(-4deg);
    transform:rotate(-4deg)
  }
  30%,
  50%,
  70% {
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg)
  }
  80% {
    -webkit-transform:rotate(-2deg);
    transform:rotate(-2deg)
  }
}
@keyframes shake-right {
  0%,
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
  }
  10%,
  90% {
    -webkit-transform:rotate(2deg);
    transform:rotate(2deg)
  }
  20%,
  40%,
  60% {
    -webkit-transform:rotate(-4deg);
    transform:rotate(-4deg)
  }
  30%,
  50%,
  70% {
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg)
  }
  80% {
    -webkit-transform:rotate(-2deg);
    transform:rotate(-2deg)
  }
}
@-webkit-keyframes shake-tl {
  0%,
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:0 0;
    transform-origin:0 0
  }
  10%,
  90% {
    -webkit-transform:rotate(2deg);
    transform:rotate(2deg)
  }
  20%,
  40%,
  60% {
    -webkit-transform:rotate(-4deg);
    transform:rotate(-4deg)
  }
  30%,
  50%,
  70% {
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg)
  }
  80% {
    -webkit-transform:rotate(-2deg);
    transform:rotate(-2deg)
  }
}
@keyframes shake-tl {
  0%,
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:0 0;
    transform-origin:0 0
  }
  10%,
  90% {
    -webkit-transform:rotate(2deg);
    transform:rotate(2deg)
  }
  20%,
  40%,
  60% {
    -webkit-transform:rotate(-4deg);
    transform:rotate(-4deg)
  }
  30%,
  50%,
  70% {
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg)
  }
  80% {
    -webkit-transform:rotate(-2deg);
    transform:rotate(-2deg)
  }
}
@-webkit-keyframes shake-tr {
  0%,
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:100% 0;
    transform-origin:100% 0
  }
  10%,
  90% {
    -webkit-transform:rotate(2deg);
    transform:rotate(2deg)
  }
  20%,
  40%,
  60% {
    -webkit-transform:rotate(-4deg);
    transform:rotate(-4deg)
  }
  30%,
  50%,
  70% {
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg)
  }
  80% {
    -webkit-transform:rotate(-2deg);
    transform:rotate(-2deg)
  }
}
@keyframes shake-tr {
  0%,
  to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transform-origin:100% 0;
    transform-origin:100% 0
  }
  10%,
  90% {
    -webkit-transform:rotate(2deg);
    transform:rotate(2deg)
  }
  20%,
  40%,
  60% {
    -webkit-transform:rotate(-4deg);
    transform:rotate(-4deg)
  }
  30%,
  50%,
  70% {
    -webkit-transform:rotate(4deg);
    transform:rotate(4deg)
  }
  80% {
    -webkit-transform:rotate(-2deg);
    transform:rotate(-2deg)
  }
}
@-webkit-keyframes shake-vertical {
  0%,
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px)
  }
  20%,
  40%,
  60% {
    -webkit-transform:translateY(8px);
    transform:translateY(8px)
  }
  80% {
    -webkit-transform:translateY(6.4px);
    transform:translateY(6.4px)
  }
  90% {
    -webkit-transform:translateY(-6.4px);
    transform:translateY(-6.4px)
  }
}
@keyframes shake-vertical {
  0%,
  to {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px)
  }
  20%,
  40%,
  60% {
    -webkit-transform:translateY(8px);
    transform:translateY(8px)
  }
  80% {
    -webkit-transform:translateY(6.4px);
    transform:translateY(6.4px)
  }
  90% {
    -webkit-transform:translateY(-6.4px);
    transform:translateY(-6.4px)
  }
}
@-webkit-keyframes vibrate-1 {
  0%,
  to {
    -webkit-transform:translate(0);
    transform:translate(0)
  }
  20% {
    -webkit-transform:translate(-2px,2px);
    transform:translate(-2px,2px)
  }
  40% {
    -webkit-transform:translate(-2px,-2px);
    transform:translate(-2px,-2px)
  }
  60% {
    -webkit-transform:translate(2px,2px);
    transform:translate(2px,2px)
  }
  80% {
    -webkit-transform:translate(2px,-2px);
    transform:translate(2px,-2px)
  }
}
@keyframes vibrate-1 {
  0%,
  to {
    -webkit-transform:translate(0);
    transform:translate(0)
  }
  20% {
    -webkit-transform:translate(-2px,2px);
    transform:translate(-2px,2px)
  }
  40% {
    -webkit-transform:translate(-2px,-2px);
    transform:translate(-2px,-2px)
  }
  60% {
    -webkit-transform:translate(2px,2px);
    transform:translate(2px,2px)
  }
  80% {
    -webkit-transform:translate(2px,-2px);
    transform:translate(2px,-2px)
  }
}
@-webkit-keyframes vibrate-2 {
  0%,
  to {
    -webkit-transform:translate(0);
    transform:translate(0)
  }
  20% {
    -webkit-transform:translate(2px,-2px);
    transform:translate(2px,-2px)
  }
  40% {
    -webkit-transform:translate(2px,2px);
    transform:translate(2px,2px)
  }
  60% {
    -webkit-transform:translate(-2px,2px);
    transform:translate(-2px,2px)
  }
  80% {
    -webkit-transform:translate(-2px,-2px);
    transform:translate(-2px,-2px)
  }
}
@keyframes vibrate-2 {
  0%,
  to {
    -webkit-transform:translate(0);
    transform:translate(0)
  }
  20% {
    -webkit-transform:translate(2px,-2px);
    transform:translate(2px,-2px)
  }
  40% {
    -webkit-transform:translate(2px,2px);
    transform:translate(2px,2px)
  }
  60% {
    -webkit-transform:translate(-2px,2px);
    transform:translate(-2px,2px)
  }
  80% {
    -webkit-transform:translate(-2px,-2px);
    transform:translate(-2px,-2px)
  }
}
@-webkit-keyframes vibrate-3 {
  0%,
  to {
    -webkit-transform:translate(0);
    transform:translate(0)
  }
  10%,
  50%,
  80% {
    -webkit-transform:translate(-2px,-2px);
    transform:translate(-2px,-2px)
  }
  20%,
  60%,
  90% {
    -webkit-transform:translate(2px,-2px);
    transform:translate(2px,-2px)
  }
  30%,
  70% {
    -webkit-transform:translate(-2px,2px);
    transform:translate(-2px,2px)
  }
  40% {
    -webkit-transform:translate(2px,2px);
    transform:translate(2px,2px)
  }
}
@keyframes vibrate-3 {
  0%,
  to {
    -webkit-transform:translate(0);
    transform:translate(0)
  }
  10%,
  50%,
  80% {
    -webkit-transform:translate(-2px,-2px);
    transform:translate(-2px,-2px)
  }
  20%,
  60%,
  90% {
    -webkit-transform:translate(2px,-2px);
    transform:translate(2px,-2px)
  }
  30%,
  70% {
    -webkit-transform:translate(-2px,2px);
    transform:translate(-2px,2px)
  }
  40% {
    -webkit-transform:translate(2px,2px);
    transform:translate(2px,2px)
  }
}
@-webkit-keyframes wobble-hor-bottom {
  0%,
  to {
    -webkit-transform:translateX(0%);
    transform:translateX(0%);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
  }
  15% {
    -webkit-transform:translateX(-30px) rotate(-6deg);
    transform:translateX(-30px) rotate(-6deg)
  }
  30% {
    -webkit-transform:translateX(15px) rotate(6deg);
    transform:translateX(15px) rotate(6deg)
  }
  45% {
    -webkit-transform:translateX(-15px) rotate(-3.6deg);
    transform:translateX(-15px) rotate(-3.6deg)
  }
  60% {
    -webkit-transform:translateX(9px) rotate(2.4deg);
    transform:translateX(9px) rotate(2.4deg)
  }
  75% {
    -webkit-transform:translateX(-6px) rotate(-1.2deg);
    transform:translateX(-6px) rotate(-1.2deg)
  }
}
@keyframes wobble-hor-bottom {
  0%,
  to {
    -webkit-transform:translateX(0%);
    transform:translateX(0%);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
  }
  15% {
    -webkit-transform:translateX(-30px) rotate(-6deg);
    transform:translateX(-30px) rotate(-6deg)
  }
  30% {
    -webkit-transform:translateX(15px) rotate(6deg);
    transform:translateX(15px) rotate(6deg)
  }
  45% {
    -webkit-transform:translateX(-15px) rotate(-3.6deg);
    transform:translateX(-15px) rotate(-3.6deg)
  }
  60% {
    -webkit-transform:translateX(9px) rotate(2.4deg);
    transform:translateX(9px) rotate(2.4deg)
  }
  75% {
    -webkit-transform:translateX(-6px) rotate(-1.2deg);
    transform:translateX(-6px) rotate(-1.2deg)
  }
}
@-webkit-keyframes wobble-hor-top {
  0%,
  to {
    -webkit-transform:translateX(0%);
    transform:translateX(0%);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
  }
  15% {
    -webkit-transform:translateX(-30px) rotate(6deg);
    transform:translateX(-30px) rotate(6deg)
  }
  30% {
    -webkit-transform:translateX(15px) rotate(-6deg);
    transform:translateX(15px) rotate(-6deg)
  }
  45% {
    -webkit-transform:translateX(-15px) rotate(3.6deg);
    transform:translateX(-15px) rotate(3.6deg)
  }
  60% {
    -webkit-transform:translateX(9px) rotate(-2.4deg);
    transform:translateX(9px) rotate(-2.4deg)
  }
  75% {
    -webkit-transform:translateX(-6px) rotate(1.2deg);
    transform:translateX(-6px) rotate(1.2deg)
  }
}
@keyframes wobble-hor-top {
  0%,
  to {
    -webkit-transform:translateX(0%);
    transform:translateX(0%);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
  }
  15% {
    -webkit-transform:translateX(-30px) rotate(6deg);
    transform:translateX(-30px) rotate(6deg)
  }
  30% {
    -webkit-transform:translateX(15px) rotate(-6deg);
    transform:translateX(15px) rotate(-6deg)
  }
  45% {
    -webkit-transform:translateX(-15px) rotate(3.6deg);
    transform:translateX(-15px) rotate(3.6deg)
  }
  60% {
    -webkit-transform:translateX(9px) rotate(-2.4deg);
    transform:translateX(9px) rotate(-2.4deg)
  }
  75% {
    -webkit-transform:translateX(-6px) rotate(1.2deg);
    transform:translateX(-6px) rotate(1.2deg)
  }
}
@-webkit-keyframes wobble-ver-left {
  0%,
  to {
    -webkit-transform:translateY(0) rotate(0);
    transform:translateY(0) rotate(0);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
  }
  15% {
    -webkit-transform:translateY(-30px) rotate(-6deg);
    transform:translateY(-30px) rotate(-6deg)
  }
  30% {
    -webkit-transform:translateY(15px) rotate(6deg);
    transform:translateY(15px) rotate(6deg)
  }
  45% {
    -webkit-transform:translateY(-15px) rotate(-3.6deg);
    transform:translateY(-15px) rotate(-3.6deg)
  }
  60% {
    -webkit-transform:translateY(9px) rotate(2.4deg);
    transform:translateY(9px) rotate(2.4deg)
  }
  75% {
    -webkit-transform:translateY(-6px) rotate(-1.2deg);
    transform:translateY(-6px) rotate(-1.2deg)
  }
}
@keyframes wobble-ver-left {
  0%,
  to {
    -webkit-transform:translateY(0) rotate(0);
    transform:translateY(0) rotate(0);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
  }
  15% {
    -webkit-transform:translateY(-30px) rotate(-6deg);
    transform:translateY(-30px) rotate(-6deg)
  }
  30% {
    -webkit-transform:translateY(15px) rotate(6deg);
    transform:translateY(15px) rotate(6deg)
  }
  45% {
    -webkit-transform:translateY(-15px) rotate(-3.6deg);
    transform:translateY(-15px) rotate(-3.6deg)
  }
  60% {
    -webkit-transform:translateY(9px) rotate(2.4deg);
    transform:translateY(9px) rotate(2.4deg)
  }
  75% {
    -webkit-transform:translateY(-6px) rotate(-1.2deg);
    transform:translateY(-6px) rotate(-1.2deg)
  }
}
@-webkit-keyframes wobble-ver-right {
  0%,
  to {
    -webkit-transform:translateY(0) rotate(0);
    transform:translateY(0) rotate(0);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
  }
  15% {
    -webkit-transform:translateY(-30px) rotate(6deg);
    transform:translateY(-30px) rotate(6deg)
  }
  30% {
    -webkit-transform:translateY(15px) rotate(-6deg);
    transform:translateY(15px) rotate(-6deg)
  }
  45% {
    -webkit-transform:translateY(-15px) rotate(3.6deg);
    transform:translateY(-15px) rotate(3.6deg)
  }
  60% {
    -webkit-transform:translateY(9px) rotate(-2.4deg);
    transform:translateY(9px) rotate(-2.4deg)
  }
  75% {
    -webkit-transform:translateY(-6px) rotate(1.2deg);
    transform:translateY(-6px) rotate(1.2deg)
  }
}
@keyframes wobble-ver-right {
  0%,
  to {
    -webkit-transform:translateY(0) rotate(0);
    transform:translateY(0) rotate(0);
    -webkit-transform-origin:50% 50%;
    transform-origin:50% 50%
  }
  15% {
    -webkit-transform:translateY(-30px) rotate(6deg);
    transform:translateY(-30px) rotate(6deg)
  }
  30% {
    -webkit-transform:translateY(15px) rotate(-6deg);
    transform:translateY(15px) rotate(-6deg)
  }
  45% {
    -webkit-transform:translateY(-15px) rotate(3.6deg);
    transform:translateY(-15px) rotate(3.6deg)
  }
  60% {
    -webkit-transform:translateY(9px) rotate(-2.4deg);
    transform:translateY(9px) rotate(-2.4deg)
  }
  75% {
    -webkit-transform:translateY(-6px) rotate(1.2deg);
    transform:translateY(-6px) rotate(1.2deg)
  }
}
@-webkit-keyframes kenburns-bottom-left {
  0% {
    -webkit-transform:scale(1) translate(0,0);
    transform:scale(1) translate(0,0);
    -webkit-transform-origin:16% 84%;
    transform-origin:16% 84%
  }
  to {
    -webkit-transform:scale(1.25) translate(-20px,15px);
    transform:scale(1.25) translate(-20px,15px);
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom
  }
}
@keyframes kenburns-bottom-left {
  0% {
    -webkit-transform:scale(1) translate(0,0);
    transform:scale(1) translate(0,0);
    -webkit-transform-origin:16% 84%;
    transform-origin:16% 84%
  }
  to {
    -webkit-transform:scale(1.25) translate(-20px,15px);
    transform:scale(1.25) translate(-20px,15px);
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom
  }
}
@-webkit-keyframes kenburns-bottom-right {
  0% {
    -webkit-transform:scale(1) translate(0,0);
    transform:scale(1) translate(0,0);
    -webkit-transform-origin:84% 84%;
    transform-origin:84% 84%
  }
  to {
    -webkit-transform:scale(1.25) translate(20px,15px);
    transform:scale(1.25) translate(20px,15px);
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom
  }
}
@keyframes kenburns-bottom-right {
  0% {
    -webkit-transform:scale(1) translate(0,0);
    transform:scale(1) translate(0,0);
    -webkit-transform-origin:84% 84%;
    transform-origin:84% 84%
  }
  to {
    -webkit-transform:scale(1.25) translate(20px,15px);
    transform:scale(1.25) translate(20px,15px);
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom
  }
}
@-webkit-keyframes kenburns-bottom {
  0% {
    -webkit-transform:scale(1) translateY(0);
    transform:scale(1) translateY(0);
    -webkit-transform-origin:50% 84%;
    transform-origin:50% 84%
  }
  to {
    -webkit-transform:scale(1.25) translateY(15px);
    transform:scale(1.25) translateY(15px);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
}
@keyframes kenburns-bottom {
  0% {
    -webkit-transform:scale(1) translateY(0);
    transform:scale(1) translateY(0);
    -webkit-transform-origin:50% 84%;
    transform-origin:50% 84%
  }
  to {
    -webkit-transform:scale(1.25) translateY(15px);
    transform:scale(1.25) translateY(15px);
    -webkit-transform-origin:bottom;
    transform-origin:bottom
  }
}
@-webkit-keyframes kenburns-left {
  0% {
    -webkit-transform:scale(1) translate(0,0);
    transform:scale(1) translate(0,0);
    -webkit-transform-origin:16% 50%;
    transform-origin:16% 50%
  }
  to {
    -webkit-transform:scale(1.25) translate(-20px,15px);
    transform:scale(1.25) translate(-20px,15px);
    -webkit-transform-origin:left;
    transform-origin:left
  }
}
@keyframes kenburns-left {
  0% {
    -webkit-transform:scale(1) translate(0,0);
    transform:scale(1) translate(0,0);
    -webkit-transform-origin:16% 50%;
    transform-origin:16% 50%
  }
  to {
    -webkit-transform:scale(1.25) translate(-20px,15px);
    transform:scale(1.25) translate(-20px,15px);
    -webkit-transform-origin:left;
    transform-origin:left
  }
}
@-webkit-keyframes kenburns-right {
  0% {
    -webkit-transform:scale(1) translate(0,0);
    transform:scale(1) translate(0,0);
    -webkit-transform-origin:84% 50%;
    transform-origin:84% 50%
  }
  to {
    -webkit-transform:scale(1.25) translateX(20px);
    transform:scale(1.25) translateX(20px);
    -webkit-transform-origin:right;
    transform-origin:right
  }
}
@keyframes kenburns-right {
  0% {
    -webkit-transform:scale(1) translate(0,0);
    transform:scale(1) translate(0,0);
    -webkit-transform-origin:84% 50%;
    transform-origin:84% 50%
  }
  to {
    -webkit-transform:scale(1.25) translateX(20px);
    transform:scale(1.25) translateX(20px);
    -webkit-transform-origin:right;
    transform-origin:right
  }
}
@-webkit-keyframes kenburns-top-left {
  0% {
    -webkit-transform:scale(1) translate(0,0);
    transform:scale(1) translate(0,0);
    -webkit-transform-origin:16% 16%;
    transform-origin:16% 16%
  }
  to {
    -webkit-transform:scale(1.25) translate(-20px,-15px);
    transform:scale(1.25) translate(-20px,-15px);
    -webkit-transform-origin:top left;
    transform-origin:top left
  }
}
@keyframes kenburns-top-left {
  0% {
    -webkit-transform:scale(1) translate(0,0);
    transform:scale(1) translate(0,0);
    -webkit-transform-origin:16% 16%;
    transform-origin:16% 16%
  }
  to {
    -webkit-transform:scale(1.25) translate(-20px,-15px);
    transform:scale(1.25) translate(-20px,-15px);
    -webkit-transform-origin:top left;
    transform-origin:top left
  }
}
@-webkit-keyframes kenburns-top-right {
  0% {
    -webkit-transform:scale(1) translate(0,0);
    transform:scale(1) translate(0,0);
    -webkit-transform-origin:84% 16%;
    transform-origin:84% 16%
  }
  to {
    -webkit-transform:scale(1.25) translate(20px,-15px);
    transform:scale(1.25) translate(20px,-15px);
    -webkit-transform-origin:right top;
    transform-origin:right top
  }
}
@keyframes kenburns-top-right {
  0% {
    -webkit-transform:scale(1) translate(0,0);
    transform:scale(1) translate(0,0);
    -webkit-transform-origin:84% 16%;
    transform-origin:84% 16%
  }
  to {
    -webkit-transform:scale(1.25) translate(20px,-15px);
    transform:scale(1.25) translate(20px,-15px);
    -webkit-transform-origin:right top;
    transform-origin:right top
  }
}
@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform:scale(1) translateY(0);
    transform:scale(1) translateY(0);
    -webkit-transform-origin:50% 16%;
    transform-origin:50% 16%
  }
  to {
    -webkit-transform:scale(1.25) translateY(-15px);
    transform:scale(1.25) translateY(-15px);
    -webkit-transform-origin:top;
    transform-origin:top
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform:scale(1) translateY(0);
    transform:scale(1) translateY(0);
    -webkit-transform-origin:50% 16%;
    transform-origin:50% 16%
  }
  to {
    -webkit-transform:scale(1.25) translateY(-15px);
    transform:scale(1.25) translateY(-15px);
    -webkit-transform-origin:top;
    transform-origin:top
  }
}
@-webkit-keyframes bg-pan-bl {
  0% {
    background-position:100% 0
  }
  to {
    background-position:0 100%
  }
}
@keyframes bg-pan-bl {
  0% {
    background-position:100% 0
  }
  to {
    background-position:0 100%
  }
}
@-webkit-keyframes bg-pan-bottom {
  0% {
    background-position:50% 0
  }
  to {
    background-position:50% 100%
  }
}
@keyframes bg-pan-bottom {
  0% {
    background-position:50% 0
  }
  to {
    background-position:50% 100%
  }
}
@-webkit-keyframes bg-pan-br {
  0% {
    background-position:0 0
  }
  to {
    background-position:100% 100%
  }
}
@keyframes bg-pan-br {
  0% {
    background-position:0 0
  }
  to {
    background-position:100% 100%
  }
}
@-webkit-keyframes bg-pan-left {
  0% {
    background-position:100% 50%
  }
  to {
    background-position:0 50%
  }
}
@keyframes bg-pan-left {
  0% {
    background-position:100% 50%
  }
  to {
    background-position:0 50%
  }
}
@-webkit-keyframes bg-pan-right {
  0% {
    background-position:0 50%
  }
  to {
    background-position:100% 50%
  }
}
@keyframes bg-pan-right {
  0% {
    background-position:0 50%
  }
  to {
    background-position:100% 50%
  }
}
@-webkit-keyframes bg-pan-tl {
  0% {
    background-position:100% 100%
  }
  to {
    background-position:0 0
  }
}
@keyframes bg-pan-tl {
  0% {
    background-position:100% 100%
  }
  to {
    background-position:0 0
  }
}
@-webkit-keyframes bg-pan-top {
  0% {
    background-position:50% 100%
  }
  to {
    background-position:50% 0
  }
}
@keyframes bg-pan-top {
  0% {
    background-position:50% 100%
  }
  to {
    background-position:50% 0
  }
}
@-webkit-keyframes bg-pan-tr {
  0% {
    background-position:0 100%
  }
  to {
    background-position:100% 0
  }
}
@keyframes bg-pan-tr {
  0% {
    background-position:0 100%
  }
  to {
    background-position:100% 0
  }
}
@-webkit-keyframes color-change-2x {
  0% {
    background:#19dcea
  }
  to {
    background:#b22cff
  }
}
@keyframes color-change-2x {
  0% {
    background:#19dcea
  }
  to {
    background:#b22cff
  }
}
@-webkit-keyframes color-change-3x {
  0% {
    background:#19dcea
  }
  50% {
    background:#b22cff
  }
  to {
    background:#ea2222
  }
}
@keyframes color-change-3x {
  0% {
    background:#19dcea
  }
  50% {
    background:#b22cff
  }
  to {
    background:#ea2222
  }
}
@-webkit-keyframes color-change-4x {
  0% {
    background:#19dcea
  }
  33.3333% {
    background:#b22cff
  }
  66.666% {
    background:#ea2222
  }
  to {
    background:#f5be10
  }
}
@keyframes color-change-4x {
  0% {
    background:#19dcea
  }
  33.3333% {
    background:#b22cff
  }
  66.666% {
    background:#ea2222
  }
  to {
    background:#f5be10
  }
}
@-webkit-keyframes color-change-5x {
  0% {
    background:#19dcea
  }
  25% {
    background:#b22cff
  }
  50% {
    background:#ea2222
  }
  75% {
    background:#f5be10
  }
  to {
    background:#3bd80d
  }
}
@keyframes color-change-5x {
  0% {
    background:#19dcea
  }
  25% {
    background:#b22cff
  }
  50% {
    background:#ea2222
  }
  75% {
    background:#f5be10
  }
  to {
    background:#3bd80d
  }
}