@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: .50s;
  animation-duration: .50s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


@-webkit-keyframes flipXBg {
  from {
	-ms-transform: perspective(2600px) rotate3d(1, 0, 0, 90deg);
	-webkit-transform: perspective(2600px) rotate3d(1, 0, 0, 90deg);
	transform: rotatex(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
	-ms-transform: perspective(2600px);
    -webkit-transform: perspective(2600px);
    transform: perspective(2600px);
  }
}

@keyframes flipXBg {
  from {
	-ms-transform: rotatex(90deg);
	transform: rotatex(90deg);
	-webkit-transform: perspective(2600px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(2600px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
	-ms-transform: perspective(2600px);
    -webkit-transform: perspective(2600px);
    transform: perspective(2600px);
  }
}

.flipXBg {
	-webkit-backface-visibility: visible !important;
	-moz-backface-visibility: visible !important;
	-o-backface-visibility: visible !important;
	backface-visibility: visible !important;
  -webkit-animation-name: flipXBg;
  animation-name: flipXBg;
}

@-webkit-keyframes flipXFg {
  from {
	opacity: 1;
	-webkit-transform: perspective(2600px);
    transform: perspective(2600px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
	//-webkit-transform: perspective(2600px) rotate3d(1, 0, 0, -90deg);
    //transform: perspective(2600px) rotate3d(1, 0, 0, -90deg);
    opacity: 0;
  }
}

@keyframes flipXFg {
  from {
	opacity: 1;
    -webkit-transform: perspective(2600px);
    transform: perspective(2600px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
	//-webkit-transform: perspective(2600px) rotate3d(1, 0, 0, -90deg);
    //transform: perspective(2600px) rotate3d(1, 0, 0, -90deg);
    opacity: 0;
  }
}

.flipXFg {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipXFg;
  animation-name: flipXFg;
}