.swipey-cards { *zoom: 1; margin: 15px; }
.swipey-cards:before, .swipey-cards:after { content: " "; display: table; }
.swipey-cards:after { clear: both; }
.swipey-cards.do-animation .card.current { -webkit-animation: swipey_indicate 1 1000ms both cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-animation: swipey_indicate 1 1000ms both cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-animation: swipey_indicate 1 1000ms both cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-animation: swipey_indicate 1 1000ms both cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: swipey_indicate 1 1000ms both cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.swipey-cards .card { position: relative; z-index: 2; float: left; width: 300px; height: 300px; margin-right: -270px; color: #FFF; min-height: 100px; border-radius: 3px; overflow: hidden; }
.swipey-cards .card.current { position: relative; z-index: 99; -webkit-transform: translate3d(0, 0, 0) scale(1); -moz-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }
.swipey-cards .card .card-header { position: relative; padding: 15px 15px 0 15px; }
.swipey-cards .card .card-header h3 { margin: 0 50px 0 0; }
.swipey-cards .card .card-header .card-number { position: absolute; top: -50px; right: -50px; width: 100px; height: 100px; border-radius: 50%; background: rgba(0, 0, 0, 0.2); }
.swipey-cards .card .card-header .card-number-value { position: absolute; right: 75%; top: 75%; margin: -15px -10px 0 0; }
.swipey-cards .card .card-content { padding: 15px; }
.swipey-cards .card:nth-child(1) { z-index: 98; -webkit-transform: translate3d(0, 0, 0) scale(1); -moz-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }
.swipey-cards .card:nth-child(2) { z-index: 97; -webkit-transform: translate3d(0, 0, 0) scale(0.9); -moz-transform: translate3d(0, 0, 0) scale(0.9); transform: translate3d(0, 0, 0) scale(0.9); }
.swipey-cards .card:nth-child(3) { z-index: 96; -webkit-transform: translate3d(0, 0, 0) scale(0.8); -moz-transform: translate3d(0, 0, 0) scale(0.8); transform: translate3d(0, 0, 0) scale(0.8); }
.swipey-cards .card:nth-child(4) { z-index: 95; -webkit-transform: translate3d(0, 0, 0) scale(0.7); -moz-transform: translate3d(0, 0, 0) scale(0.7); transform: translate3d(0, 0, 0) scale(0.7); }
.swipey-cards .card:nth-child(5) { z-index: 94; -webkit-transform: translate3d(0, 0, 0) scale(0.6); -moz-transform: translate3d(0, 0, 0) scale(0.6); transform: translate3d(0, 0, 0) scale(0.6); }
.swipey-cards .card:nth-child(6) { z-index: 93; -webkit-transform: translate3d(0, 0, 0) scale(0.5); -moz-transform: translate3d(0, 0, 0) scale(0.5); transform: translate3d(0, 0, 0) scale(0.5); }
.swipey-cards .card:nth-child(6n+1) { background: #A63297; }
.swipey-cards .card:nth-child(6n+2) { background: #E61E64; }
.swipey-cards .card:nth-child(6n+3) { background: #5944C6; }
.swipey-cards .card:nth-child(6n+4) { background: #0EABA9; }
.swipey-cards .card:nth-child(6n+5) { background: #19657A; }
.swipey-cards .card:nth-child(6n) { background: #91BA2F; }

@-webkit-keyframes swipey_indicate { 0% { -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
  80% { -webkit-transform: rotate(-2.5deg) translate3d(-45px, 0, 0) scale(1); -moz-transform: rotate(-2.5deg) translate3d(-45px, 0, 0) scale(1); transform: rotate(-2.5deg) translate3d(-45px, 0, 0) scale(1); }
  100% { -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } }
@-moz-keyframes swipey_indicate { 0% { -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
  80% { -webkit-transform: rotate(-2.5deg) translate3d(-45px, 0, 0) scale(1); -moz-transform: rotate(-2.5deg) translate3d(-45px, 0, 0) scale(1); transform: rotate(-2.5deg) translate3d(-45px, 0, 0) scale(1); }
  100% { -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } }
@-ms-keyframes swipey_indicate { 0% { -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
  80% { -webkit-transform: rotate(-2.5deg) translate3d(-45px, 0, 0) scale(1); -moz-transform: rotate(-2.5deg) translate3d(-45px, 0, 0) scale(1); transform: rotate(-2.5deg) translate3d(-45px, 0, 0) scale(1); }
  100% { -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } }
@-o-keyframes swipey_indicate { 0% { -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
  80% { -webkit-transform: rotate(-2.5deg) translate3d(-45px, 0, 0) scale(1); -moz-transform: rotate(-2.5deg) translate3d(-45px, 0, 0) scale(1); transform: rotate(-2.5deg) translate3d(-45px, 0, 0) scale(1); }
  100% { -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } }
@keyframes swipey_indicate { 0% { -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
  80% { -webkit-transform: rotate(-2.5deg) translate3d(-45px, 0, 0) scale(1); -moz-transform: rotate(-2.5deg) translate3d(-45px, 0, 0) scale(1); transform: rotate(-2.5deg) translate3d(-45px, 0, 0) scale(1); }
  100% { -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } }