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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

@font-face {
  font-family: 'roboto_slabregular';
  src: url("../fonts/robotoslab-regular-webfont.eot");
  src: url("../fonts/robotoslab-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/robotoslab-regular-webfont.woff2") format("woff2"), url("../fonts/robotoslab-regular-webfont.woff") format("woff"), url("../fonts/robotoslab-regular-webfont.ttf") format("truetype"), url("../fonts/robotoslab-regular-webfont.svg#roboto_slabregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latobold_italic';
  src: url("../fonts/lato-bolditalic-webfont.eot");
  src: url("../fonts/lato-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-bolditalic-webfont.woff2") format("woff2"), url("../fonts/lato-bolditalic-webfont.woff") format("woff"), url("../fonts/lato-bolditalic-webfont.ttf") format("truetype"), url("../fonts/lato-bolditalic-webfont.svg#latobold_italic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latolight';
  src: url("../fonts/lato-light-webfont.eot");
  src: url("../fonts/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-light-webfont.woff2") format("woff2"), url("../fonts/lato-light-webfont.woff") format("woff"), url("../fonts/lato-light-webfont.ttf") format("truetype"), url("../fonts/lato-light-webfont.svg#latolight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latolight_italic';
  src: url("../fonts/lato-lightitalic-webfont.eot");
  src: url("../fonts/lato-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-lightitalic-webfont.woff2") format("woff2"), url("../fonts/lato-lightitalic-webfont.woff") format("woff"), url("../fonts/lato-lightitalic-webfont.ttf") format("truetype"), url("../fonts/lato-lightitalic-webfont.svg#latolight_italic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'latoregular';
  src: url("../fonts/lato-regular-webfont.eot");
  src: url("../fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-regular-webfont.woff2") format("woff2"), url("../fonts/lato-regular-webfont.woff") format("woff"), url("../fonts/lato-regular-webfont.ttf") format("truetype"), url("../fonts/lato-regular-webfont.svg#latoregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.hide {
  display: none; }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

.clearfix::after {
  content: "";
  display: table;
  clear: both; }

.center {
  margin-left: auto;
  margin-right: auto; }

.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.full, .full-wrapper, .panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

* {
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  font-family: "latolight";
  color: #231F20;
  min-width: 1024px;
  min-height: 720px;
  line-height: 1.2;
  background-color: #f2f2f2; }

h1, h2 {
  font-family: "latobold_italic";
  margin-bottom: 0.5em; }
  h1 em, h2 em {
    font-family: "latolight_italic"; }
  h1 small, h2 small {
    font-family: "latoregular";
    font-size: 2.8rem; }

h1 {
  font-size: 3.4rem; }

h2 {
  font-size: 3.0rem; }

p {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 0.5em; }

.full-wrapper {
  overflow: hidden;
  min-width: 1024px;
  min-height: 720px; }

.panel {
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms; }
  .panel.offscreen {
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%); }
  .panel .panel-frame {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1024px;
    height: 720px; }

.panel-content {
  position: absolute;
  left: 50%;
  top: calc(50% - 235px);
  width: calc(50% - 115px); }

.round-button {
  display: inline-block;
  height: 52px;
  padding: 0 30px;
  border: 1px solid;
  border-radius: 26px;
  font-family: "latoregular";
  font-size: 1.6rem;
  line-height: 50px;
  text-decoration: none;
  text-transform: lowercase;
  color: inherit; }

.close-button, .return-button {
  display: inline-block;
  width: 64px;
  height: 64px;
  border-radius: 100%;
  text-indent: 70px;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  color: inherit;
  background-position: center center;
  background-repeat: no-repeat; }

.close-button {
  background-image: url("../img/18_close.svg"); }

.return-button {
  background-image: url("../img/19_return.svg");
  border: 1px solid; }

.theme--babilonia {
  background-color: #4aaff4; }

.theme--medo-persia {
  background-color: #7c5d52; }

.theme--grecia {
  background-color: #64ccac; }

.theme--roma {
  background-color: #ed5f5f; }

.theme--10-reinos {
  background-color: #a77bd6; }

.theme--volta-de-jesus {
  background-color: #ffcb39; }
  .theme--volta-de-jesus .card-face {
    background-color: #445963; }
    .theme--volta-de-jesus .card-face .card-face-label {
      color: #f2f2f2;
      font-size: 22px; }

.panel--intro .panel-content {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  left: 55%;
  width: calc(45% - 110px); }
.panel--intro .display-stripes {
  margin-top: 65px; }

.nav-stripes {
  -webkit-transition: width 0ms 3000ms;
  -moz-transition: width 0ms 3000ms;
  -o-transition: width 0ms 3000ms;
  transition: width 0ms 3000ms;
  position: absolute;
  top: 2px;
  left: calc(50% + 38px);
  height: 99%;
  width: 0;
  padding-right: 80px;
  overflow: hidden;
  box-sizing: content-box; }
  .nav-stripes a {
    -webkit-transform: translate(-634px, 0);
    -moz-transform: translate(-634px, 0);
    -o-transform: translate(-634px, 0);
    transform: translate(-634px, 0);
    -webkit-transition: -webkit-transform 2500ms 350ms;
    -moz-transition: -moz-transform 2500ms 350ms;
    -o-transition: -o-transform 2500ms 350ms;
    transition: transform 2500ms 350ms;
    position: relative;
    display: block;
    width: 634px;
    left: 0;
    text-align: center;
    text-decoration: none;
    color: #fff; }
    .nav-stripes a:nth-child(1) {
      -webkit-transition-delay: 100ms;
      -moz-transition-delay: 100ms;
      -o-transition-delay: 100ms;
      transition-delay: 100ms; }
    .nav-stripes a:nth-child(2) {
      -webkit-transition-delay: 200ms;
      -moz-transition-delay: 200ms;
      -o-transition-delay: 200ms;
      transition-delay: 200ms; }
    .nav-stripes a:nth-child(3) {
      -webkit-transition-delay: 300ms;
      -moz-transition-delay: 300ms;
      -o-transition-delay: 300ms;
      transition-delay: 300ms; }
    .nav-stripes a:nth-child(4) {
      -webkit-transition-delay: 400ms;
      -moz-transition-delay: 400ms;
      -o-transition-delay: 400ms;
      transition-delay: 400ms; }
    .nav-stripes a:nth-child(5) {
      -webkit-transition-delay: 500ms;
      -moz-transition-delay: 500ms;
      -o-transition-delay: 500ms;
      transition-delay: 500ms; }
    .nav-stripes a .stripe-text {
      -webkit-transition: opacity 350ms;
      -moz-transition: opacity 350ms;
      -o-transition: opacity 350ms;
      transition: opacity 350ms;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      opacity: 0;
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden; }
    .nav-stripes a strong {
      display: block;
      font-family: "roboto_slabregular";
      font-size: 3.0rem;
      text-transform: uppercase; }
    .nav-stripes a small {
      display: block;
      font-family: "latoregular";
      font-size: 1.8rem; }
  .nav-stripes .stripe-thumbnail {
    -webkit-transition: all 2500ms;
    -moz-transition: all 2500ms;
    -o-transition: all 2500ms;
    transition: all 2500ms;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    position: absolute;
    top: 50%;
    left: 100%;
    overflow: hidden;
    border-radius: 100%;
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.25);
    -o-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.25); }
    .nav-stripes .stripe-thumbnail img {
      display: block; }
  .nav-stripes .theme--babilonia {
    height: 23%; }
  .nav-stripes .theme--medo-persia {
    height: 23%; }
  .nav-stripes .theme--grecia {
    height: 23%; }
  .nav-stripes .theme--roma {
    height: 23%; }
  .nav-stripes .theme--10-reinos {
    height: 8%; }
  .stripes-open .nav-stripes {
    width: 634px;
    -webkit-transition: width 0ms 0ms;
    -moz-transition: width 0ms 0ms;
    -o-transition: width 0ms 0ms;
    transition: width 0ms 0ms; }
    .stripes-open .nav-stripes a {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
      .stripes-open .nav-stripes a .stripe-text {
        -webkit-transition: opacity 350ms 3000ms;
        -moz-transition: opacity 350ms 3000ms;
        -o-transition: opacity 350ms 3000ms;
        transition: opacity 350ms 3000ms;
        opacity: 1; }
      .stripes-open .nav-stripes a .stripe-thumbnail {
        -webkit-transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1); }

.statue-container {
  -webkit-transition: opacity 1000ms;
  -moz-transition: opacity 1000ms;
  -o-transition: opacity 1000ms;
  transition: opacity 1000ms;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: calc(27.5% - 40px); }
  .statue-container::before {
    content: "";
    background-color: #f2f2f2;
    position: absolute;
    width: 20px;
    top: 65%;
    left: 59%;
    height: 32%;
    z-index: 1; }
  .statue-container .statue-image {
    -webkit-transition: all 2500ms;
    -moz-transition: all 2500ms;
    -o-transition: all 2500ms;
    transition: all 2500ms;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    display: block;
    position: relative;
    z-index: 2; }
  .loading .statue-container {
    opacity: 0;
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms; }
    .loading .statue-container .statue-image {
      -webkit-transform: scale(4) translate(-31%, 4%);
      -moz-transform: scale(4) translate(-31%, 4%);
      -o-transform: scale(4) translate(-31%, 4%);
      transform: scale(4) translate(-31%, 4%); }

.hide-stripes {
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  position: absolute;
  top: 38px;
  left: 44px;
  z-index: 3; }
  .stripes-open .hide-stripes {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

.nav-bullets {
  position: absolute;
  top: 0;
  left: 0; }
  .loading .nav-bullets a, .stripes-open .nav-bullets a {
    cursor: default;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
    .loading .nav-bullets a:nth-child(1), .stripes-open .nav-bullets a:nth-child(1) {
      -webkit-transition-delay: 100ms;
      -moz-transition-delay: 100ms;
      -o-transition-delay: 100ms;
      transition-delay: 100ms; }
    .loading .nav-bullets a:nth-child(2), .stripes-open .nav-bullets a:nth-child(2) {
      -webkit-transition-delay: 200ms;
      -moz-transition-delay: 200ms;
      -o-transition-delay: 200ms;
      transition-delay: 200ms; }
    .loading .nav-bullets a:nth-child(3), .stripes-open .nav-bullets a:nth-child(3) {
      -webkit-transition-delay: 300ms;
      -moz-transition-delay: 300ms;
      -o-transition-delay: 300ms;
      transition-delay: 300ms; }
    .loading .nav-bullets a:nth-child(4), .stripes-open .nav-bullets a:nth-child(4) {
      -webkit-transition-delay: 400ms;
      -moz-transition-delay: 400ms;
      -o-transition-delay: 400ms;
      transition-delay: 400ms; }
    .loading .nav-bullets a:nth-child(5), .stripes-open .nav-bullets a:nth-child(5) {
      -webkit-transition-delay: 500ms;
      -moz-transition-delay: 500ms;
      -o-transition-delay: 500ms;
      transition-delay: 500ms; }
    .loading .nav-bullets a:nth-child(6), .stripes-open .nav-bullets a:nth-child(6) {
      -webkit-transition-delay: 600ms;
      -moz-transition-delay: 600ms;
      -o-transition-delay: 600ms;
      transition-delay: 600ms; }
  .nav-bullets a {
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    position: absolute;
    border-radius: 100%;
    border: none;
    width: 46px;
    height: 46px;
    font-family: "roboto_slabregular";
    font-size: 2.0rem;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    color: inherit;
    -webkit-box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.4);
    -o-box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.4);
    box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.4); }
    .nav-bullets a:nth-child(1) {
      -webkit-transition-delay: 2850ms;
      -moz-transition-delay: 2850ms;
      -o-transition-delay: 2850ms;
      transition-delay: 2850ms; }
    .nav-bullets a:nth-child(2) {
      -webkit-transition-delay: 2950ms;
      -moz-transition-delay: 2950ms;
      -o-transition-delay: 2950ms;
      transition-delay: 2950ms; }
    .nav-bullets a:nth-child(3) {
      -webkit-transition-delay: 3050ms;
      -moz-transition-delay: 3050ms;
      -o-transition-delay: 3050ms;
      transition-delay: 3050ms; }
    .nav-bullets a:nth-child(4) {
      -webkit-transition-delay: 3150ms;
      -moz-transition-delay: 3150ms;
      -o-transition-delay: 3150ms;
      transition-delay: 3150ms; }
    .nav-bullets a:nth-child(5) {
      -webkit-transition-delay: 3250ms;
      -moz-transition-delay: 3250ms;
      -o-transition-delay: 3250ms;
      transition-delay: 3250ms; }
    .nav-bullets a:nth-child(6) {
      -webkit-transition-delay: 3350ms;
      -moz-transition-delay: 3350ms;
      -o-transition-delay: 3350ms;
      transition-delay: 3350ms; }
  .nav-bullets .theme--babilonia {
    left: 300px;
    top: 10px; }
  .nav-bullets .theme--medo-persia {
    left: 370px;
    top: 235px; }
  .nav-bullets .theme--grecia {
    left: 310px;
    top: 385px; }
  .nav-bullets .theme--roma {
    left: 310px;
    top: 550px; }
  .nav-bullets .theme--10-reinos {
    left: 320px;
    top: 655px; }
  .nav-bullets .theme--volta-de-jesus {
    left: 175px;
    top: 600px; }

.card-slides-container, .card-slide {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%; }

.card-slides-container {
  top: 0; }

.card-slide {
  top: 100%;
  -webkit-transition: transform 500ms 500ms, z-index 0ms 0ms;
  -moz-transition: transform 500ms 500ms, z-index 0ms 0ms;
  -o-transition: transform 500ms 500ms, z-index 0ms 0ms;
  transition: transform 500ms 500ms, z-index 0ms 0ms; }
  .card-slide.current {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-transition-delay: 0ms, 0ms;
    -moz-transition-delay: 0ms, 0ms;
    -o-transition-delay: 0ms, 0ms;
    transition-delay: 0ms, 0ms;
    z-index: 1; }

.card-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 25%;
  -webkit-perspective: 2000;
  -moz-perspective: 2000;
  -o-perspective: 2000;
  perspective: 2000;
  border-radius: 18px;
  -webkit-animation: anim_card_shadow 5s infinite alternate;
  -moz-animation: anim_card_shadow 5s infinite alternate;
  -o-animation: anim_card_shadow 5s infinite alternate;
  animation: anim_card_shadow 5s infinite alternate; }

.card {
  position: relative;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-animation: anim_card_flip 5s infinite alternate;
  -moz-animation: anim_card_flip 5s infinite alternate;
  -o-animation: anim_card_flip 5s infinite alternate;
  animation: anim_card_flip 5s infinite alternate; }

.card-face {
  position: relative;
  border-radius: 18px;
  padding: 12px;
  background-color: #f2f2f2;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }
  .card-face img {
    display: block; }
  .card-face .card-face-label {
    position: absolute;
    bottom: 32px;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: "roboto_slabregular";
    font-size: 24px;
    text-transform: uppercase;
    white-space: nowrap; }
  .card-face.card-face--back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  .card-face.card-face--front {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0; }

.panel-navigation {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2; }

.close-cards {
  position: absolute;
  top: -334px;
  right: -486px; }

.nav-footer {
  position: absolute;
  top: 360px;
  left: 0;
  width: 1024px;
  text-align: center;
  -webkit-transform: translate(-50%, -50px);
  -moz-transform: translate(-50%, -50px);
  -o-transform: translate(-50%, -50px);
  transform: translate(-50%, -50px); }
  .nav-footer a {
    display: inline-block;
    width: 138px;
    height: 50px;
    box-sizing: border-box;
    border-bottom: 0px solid;
    font-family: "roboto_slabregular";
    font-size: 2.4rem;
    line-height: 44px;
    text-decoration: none;
    vertical-align: top;
    color: #fff;
    -webkit-transition: border-width 300ms;
    -moz-transition: border-width 300ms;
    -o-transition: border-width 300ms;
    transition: border-width 300ms; }
    .nav-footer a.current, .nav-footer a:hover {
      border-bottom-width: 6px; }

@-webkit-keyframes anim_card_intro {
  0% {
    -webkit-transform: translateZ(500px) rotateY(-900deg);
    -moz-transform: translateZ(500px) rotateY(-900deg);
    -o-transform: translateZ(500px) rotateY(-900deg);
    transform: translateZ(500px) rotateY(-900deg);
    opacity: 1; }
  10% {
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(0) rotateY(0);
    -moz-transform: translateZ(0) rotateY(0);
    -o-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0); } }
@keyframes anim_card_intro {
  0% {
    -webkit-transform: translateZ(500px) rotateY(-900deg);
    -moz-transform: translateZ(500px) rotateY(-900deg);
    -o-transform: translateZ(500px) rotateY(-900deg);
    transform: translateZ(500px) rotateY(-900deg);
    opacity: 1; }
  10% {
    opacity: 1; }
  100% {
    -webkit-transform: translateZ(0) rotateY(0);
    -moz-transform: translateZ(0) rotateY(0);
    -o-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0); } }
@-webkit-keyframes anim_card_flip {
  0%, 40% {
    -webkit-transform: translateZ(0) rotateY(0);
    -moz-transform: translateZ(0) rotateY(0);
    -o-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  45% {
    -webkit-transform: translateZ(100px) rotateY(0);
    -moz-transform: translateZ(100px) rotateY(0);
    -o-transform: translateZ(100px) rotateY(0);
    transform: translateZ(100px) rotateY(0);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }
  50% {
    -webkit-transform: translateZ(350px) rotateY(90deg);
    -moz-transform: translateZ(350px) rotateY(90deg);
    -o-transform: translateZ(350px) rotateY(90deg);
    transform: translateZ(350px) rotateY(90deg); }
  55% {
    -webkit-transform: translateZ(100px) rotateY(180deg);
    -moz-transform: translateZ(100px) rotateY(180deg);
    -o-transform: translateZ(100px) rotateY(180deg);
    transform: translateZ(100px) rotateY(180deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  60%, 100% {
    -webkit-transform: translateZ(0) rotateY(180deg);
    -moz-transform: translateZ(0) rotateY(180deg);
    -o-transform: translateZ(0) rotateY(180deg);
    transform: translateZ(0) rotateY(180deg); } }
@keyframes anim_card_flip {
  0%, 40% {
    -webkit-transform: translateZ(0) rotateY(0);
    -moz-transform: translateZ(0) rotateY(0);
    -o-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  45% {
    -webkit-transform: translateZ(100px) rotateY(0);
    -moz-transform: translateZ(100px) rotateY(0);
    -o-transform: translateZ(100px) rotateY(0);
    transform: translateZ(100px) rotateY(0);
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear; }
  50% {
    -webkit-transform: translateZ(350px) rotateY(90deg);
    -moz-transform: translateZ(350px) rotateY(90deg);
    -o-transform: translateZ(350px) rotateY(90deg);
    transform: translateZ(350px) rotateY(90deg); }
  55% {
    -webkit-transform: translateZ(100px) rotateY(180deg);
    -moz-transform: translateZ(100px) rotateY(180deg);
    -o-transform: translateZ(100px) rotateY(180deg);
    transform: translateZ(100px) rotateY(180deg);
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  60%, 100% {
    -webkit-transform: translateZ(0) rotateY(180deg);
    -moz-transform: translateZ(0) rotateY(180deg);
    -o-transform: translateZ(0) rotateY(180deg);
    transform: translateZ(0) rotateY(180deg); } }
@-webkit-keyframes anim_card_shadow {
  0%, 40% {
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 5px 5px rgba(0, 0, 0, 0.25);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  45%, 55% {
    -webkit-box-shadow: 15px 15px 25px 10px transparent;
    box-shadow: 15px 15px 25px 10px transparent;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  60%, 100% {
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 5px 5px rgba(0, 0, 0, 0.25); } }
@keyframes anim_card_shadow {
  0%, 40% {
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 5px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 5px 5px rgba(0, 0, 0, 0.25);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  45%, 55% {
    -webkit-box-shadow: 15px 15px 25px 10px transparent;
    -moz-box-shadow: 15px 15px 25px 10px transparent;
    -o-box-shadow: 15px 15px 25px 10px transparent;
    box-shadow: 15px 15px 25px 10px transparent;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  60%, 100% {
    -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 5px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 5px 5px rgba(0, 0, 0, 0.25); } }