.card-container {
	width: 220px;
	height: 300px;
	position: relative;
	margin: 0 auto 10px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	perspective: 800px;
}

#card1 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card1.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card1 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card1 .front {
}
#card1 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card2 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card2.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card2 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card2 .front {
}
#card2 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card3 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card3.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card3 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card3 .front {
}
#card3 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}


#card4 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card4.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card4 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card4 .front {
}
#card4 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card5 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card5.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card5 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card5 .front {
}
#card5 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card6 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card6.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card6 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card6 .front {
}
#card6 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card8 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card8.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card8 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card8 .front {
}
#card8 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card9 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card9.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card9 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card9 .front {
}
#card9 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card10 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card10.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card10 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card10 .front {
}
#card10 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card12 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card12.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card12 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card12 .front {
}
#card12 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card14 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card14.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card14 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card14 .front {
}
#card14 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card15 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card15.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card15 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card15 .front {
}
#card15 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card16 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card16.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card16 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card16 .front {
}
#card16 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card18 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card18.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card18 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card18 .front {
}
#card18 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card19 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card19.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card19 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card19 .front {
}
#card19 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card20 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card20.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card20 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card20 .front {
}
#card20 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card21 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card21.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card21 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card21 .front {
}
#card21 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card23 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card23.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card23 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card23 .front {
}
#card23 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card24 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card24.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card24 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card24 .front {
}
#card24 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card26 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card26.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card26 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card26 .front {
}
#card26 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card28 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card28.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card28 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card28 .front {
}
#card28 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card30 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card30.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card30 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card30 .front {
}
#card30 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card31 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card31.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card31 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card31 .front {
}
#card31 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card33 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card33.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card33 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card33 .front {
}
#card33 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card34 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card34.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card34 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card34 .front {
}
#card34 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card35 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card35.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card35 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card35 .front {
}
#card35 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card36 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card36.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card36 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card36 .front {
}
#card36 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}

#card37 {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition: -webkit-transform .15s;
	-moz-transition: -moz-transform .15s;
	-o-transition: -o-transform .15s;
	transition: transform .15s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#card37.flipped {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}
#card37 figure {
	display: block;
	height: 100%;
	width: 100%;
	line-height: 260px;
	color: white;
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
#card37 .front {
}
#card37 .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
}