div.fc_card-container img{
	position: static !important;
}


/* === CARD CONTAINER === */
div.card-container {
	position: relative;
	width: 200px;
	height: 200px;

	display: block;
	padding: 0;
	margin: 0;
	
	-webkit-perspective: 1000px;
	   -moz-perspective: 1000px;
	     -o-perspective: 1000px;
	    -ms-perspective: 1000px;
	        perspective: 1000px;

}

/* === CARD === */

.card-container .card {
	border: 1px solid #A8A8A8;
	border-radius: 0px;

	width: 100%;
	height: 100%;
	position: fixed;

	display: inline-block;
	padding: 0;
	margin: 0;

	-webkit-transition: -webkit-transform .7s;
	 -moz-transition: -moz-transform .7s;
	   -o-transition: -o-transform .7s;
	  -ms-transition: -o-transform .7s;
	      transition: transform .7s;

	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	     -o-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
	        transform-style: preserve-3d;
}

/* === STYLE FOR THE FRONT & BACK SIDE === */

.card-container .card>div{	
	border-radius: 0px;
	
	height: 100%;
	width: 100%;
	position: absolute;
    background: #FBFBFB;
    text-align: center;
	
	margin: 0;

	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	        box-sizing:border-box;


	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	     -o-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	        backface-visibility: hidden;

    -webkit-box-shadow: 0 7px 9px -8px rgba(0,0,0,.5);
	   -moz-box-shadow: 0 7px 9px -8px rgba(0,0,0,.5);
	     -o-box-shadow: 0 7px 9px -8px rgba(0,0,0,.5);
		-ms-box-shadow: 0 7px 9px -8px rgba(0,0,0,.5);
		    box-shadow: 0 7px 9px -8px rgba(0,0,0,.5);
}

/* === BEGGINING EFFECT === */

.card-container .card[data-direction="top"] .front, .card-container .card[data-direction="bottom"] .front{
    -webkit-transform: rotateX(0deg);
       -moz-transform: rotateX(0deg);
         -o-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
            transform: rotateX(0deg);
}
.card-container .card[data-direction="right"] .front, .card-container .card[data-direction="left"] .front{
    -webkit-transform: rotateY(0deg);
     -moz-transform: rotateY(0deg);
       -o-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
          transform: rotateY(0deg);
}


.card-container .card[data-direction="top"] .back, .card-container .card[data-direction="bottom"] .back{
	-webkit-transform: rotateX(180deg);
	   -moz-transform: rotateX(180deg);
	     -o-transform: rotateX(180deg);
	    -ms-transform: rotateX(180deg);
	        transform: rotateX(180deg);
}
.card-container .card[data-direction="right"] .back, .card-container .card[data-direction="left"] .back{
	-webkit-transform: rotateY(180deg);
	 -moz-transform: rotateY(180deg);
	   -o-transform: rotateY(180deg);
	  -ms-transform: rotateY(180deg);
	      transform: rotateY(180deg);
}

/* === EFFECT DIRECTIONS === */

.flipping-right {
	-webkit-transform: rotateY(180deg);
	 -moz-transform: rotateY(180deg);
	   -o-transform: rotateY(180deg);
	  -ms-transform: rotateY(180deg);
	      transform: rotateY(180deg);
}

.flipping-left {
	-webkit-transform: rotateY(-180deg);
	 -moz-transform: rotateY(-180deg);
	   -o-transform: rotateY(-180deg);
	  -ms-transform: rotateY(-180deg);
	      transform: rotateY(-180deg);
}

.flipping-top {
	-webkit-transform: rotateX(180deg);
	 -moz-transform: rotateX(180deg);
	   -o-transform: rotateX(180deg);
	  -ms-transform: rotateX(180deg);
	      transform: rotateX(180deg);
}

.flipping-bottom {
	-webkit-transform: rotateX(-180deg);
	 -moz-transform: rotateX(-180deg);
	   -o-transform: rotateX(-180deg);
	  -ms-transform: rotateX(-180deg);
	      transform: rotateX(-180deg);
}


/* SOME METRO COLOR THEMES */
	
	/* PURPLE */
	.purple div.card{
		color: white;
		border:0;
	}

	.purple div.card>div{
		background: #791869;
	}
	
	/* RED */
	.red div.card{
		color: white;
		border:0;
	}

	.red div.card>div{
		background:#C23B3D;
	}

	/* LIGHT-BLUE */
	.light-blue div.card{
		color: white;
		border:0;
	}

	.light-blue div.card>div{
		background:#00AFF0;
	}

	/* GREEN */
	.green div.card{
		color: white;
		border:0;
	}

	.green div.card>div{
		background:#88B500;
	}

	/* ORANGE */
	.orange div.card{
		color: white;
		border:0;
	}

	.orange div.card>div{
		background:#CF3F20;
	}

	/* BLUE */
	.blue div.card{
		color: white;
		border:0;
	}

	.blue div.card>div{
		background:#0C5CEA;
	}

	
	/* YELLOW */
	.yellow div.card{
		color: white;
		border:0;
	}

	.yellow div.card>div{
		background: #F27A00; 
	}

	/* Yellow First */
	.y1 div.card{
		color: white;
		border:0;
	}

	.y1 div.card>div{
		background: #AC8C18; 
	}

	.y2 div.card{
		color: white;
		border:0;
	}

	.y2 div.card>div{
		background: #3F3C29; 
	}

		/* Green First*/
	.g1 div.card{
		color: white;
		border:0;
	}

	.g1 div.card>div{
		background: #2D5F51; 
	}

		/* Green Second*/
	.g2 div.card{
		color: white;
		border:0;
	}

	.g2 div.card>div{
		background: #41924B; 
	}

		/* Green Third*/
	.g3 div.card{
		color: white;
		border:0;
	}

	.g3 div.card>div{
		background: #9ACD32; 
	}

		/* Green Fourth*/
	.g4 div.card{
		color: white;
		border:0;
	}

	.g4 div.card>div{
		background: #00FF00; 
	}

		/* Green Fifth*/
	.g5 div.card{
		color: white;
		border:0;
	}

	.g5 div.card>div{
		background: #177F75; 
	}

		/* Green Sixth*/
	.g6 div.card{
		color: white;
		border:0;
	}

	.g6 div.card>div{
		background: #28B78D; 
	}

		/* Orange First*/
	.o1 div.card{
		color: white;
		border:0;
	}

	.o1 div.card>div{
		background: #FE8402; 
	}

		/* Blue First*/
	.b1 div.card{
		color: white;
		border:0;
	}

	.b1 div.card>div{
		background:#135AB2; 
	}

		/* Blue Second*/
	.b2 div.card{
		color: white;
		border:0;
	}

	.b2 div.card>div{
		background:#1E90FF; 
	}

		/* Blue Third*/
	.b3 div.card{
		color: white;
		border:0;
	}

	.b3 div.card>div{
		background: #000080; 
	}
		/* Blue Fourth*/
	.b4 div.card{
		color: white;
		border:0;
	}

	.b4 div.card>div{
		background:  #0099CC; 
	}

		/* Blue Fifth*/
	.b5 div.card{
		color: white;
		border:0;
	}

	.b5 div.card>div{
		background: #66CCFF; 
	}

		/* Blue Sixth*/
	.b6 div.card{
		color: white;
		border:0;
	}

	.b6 div.card>div{
		background: #003399; 
	}

		/* Blue Seventh*/
	.b6 div.card{
		color: white;
		border:0;
	}

	.b6 div.card>div{
		background: #336699; 
	}


		/* Red First*/
	.r1 div.card{
		color: white;
		border:0;
	}

	.r1 div.card>div{
		background:#FF0000; 
	}

		/* Purple First*/
	.p1 div.card{
		color: white;
		border:0;
	}

	.p1 div.card>div{
		background:#4B0082; 
	}

		/* White First*/
	.w1 div.card{
		color: white;
		border:0;
	}

	.w1 div.card>div{
		background:#FFFFFF; 
	}

		/* Black First*/
	.ba1 div.card{
		color: white;
		border:0;
	}

	.ba1 div.card>div{
		background:#000000; 
	}

		/* Black First*/
	.ba2 div.card{
		color: white;
		border:0;
	}

	.ba2 div.card>div{
		background:#262416; 
	}

		/* Grey First*/
	.gr1 div.card{
		color: white;
		border:0;
	}

	.gr1 div.card>div{
		background:#C0C0C0; 
	}

		/* Grey Second*/
	.gr2 div.card{
		color: white;
		border:0;
	}

	.gr2 div.card>div{
		background:#E5E4D7; 
	}

		/* Grey Third*/
	.gr3 div.card{
		color: white;
		border:0;
	}

	.gr3 div.card>div{
		background:#76988F; 
	}

		/* Grey Four*/
	.gr4 div.card{
		color: white;
		border:0;
	}

	.gr4 div.card>div{
		background:#243743; 
	}

		/* Grey Four*/
	.gr5 div.card{
		color: white;
		border:0;
	}

	.gr5 div.card>div{
		background:#8A949B; 
	}

/* .letter A*/

	.letter_a1 div.card{
		color: white;
		border:0;
	}

	.letter_a1 div.card>div{
		background:#727B84; 
	}

	.letter_a2 div.card{
		color: white;
		border:0;
	}

	.letter_a2 div.card>div{
		background:#DF9496; 
	}

	.letter_a3 div.card{
		color: white;
		border:0;
	}

	.letter_a3 div.card>div{
		background:#D9E2E1; 
	}

	.letter_a4 div.card{
		color: white;
		border:0;
	}

	.letter_a4 div.card>div{
		background:#A2ADBC; 
	}

/* .letter B*/

	.letter_b1 div.card{
		color: white;
		border:0;
	}

	.letter_b1 div.card>div{
		background:#003366; 
	}

	.letter_b2 div.card{
		color: white;
		border:0;
	}

	.letter_b2 div.card>div{
		background:#996699; 
	}

	.letter_b3 div.card{
		color: white;
		border:0;
	}

	.letter_b3 div.card>div{
		background:#CCFF33; 
	}

	.letter_b4 div.card{
		color: white;
		border:0;
	}

	.letter_b4 div.card>div{
		background:#00FF99; 
	}

/* .letter C*/

	.letter_c1 div.card{
		color: white;
		border:0;
	}

	.letter_c1 div.card>div{
		background:#FFD800; 
	}

	.letter_c2 div.card{
		color: white;
		border:0;
	}

	.letter_c2 div.card>div{
		background:#587058; 
	}

	.letter_c3 div.card{
		color: white;
		border:0;
	}

	.letter_c3 div.card>div{
		background:#587498; 
	}

	.letter_c4 div.card{
		color: white;
		border:0;
	}

	.letter_c4 div.card>div{
		background:#E86850; 
	}


/* .letter D*/

	.letter_d1 div.card{
		color: white;
		border:0;
	}

	.letter_d1 div.card>div{
		background:#AA0078; 
	}

	.letter_d2 div.card{
		color: white;
		border:0;
	}

	.letter_d2 div.card>div{
		background:#000078; 
	}

	.letter_d3 div.card{
		color: white;
		border:0;
	}

	.letter_d3 div.card>div{
		background:#B3B3D7; 
	}

	.letter_d4 div.card{
		color: white;
		border:0;
	}

	.letter_d4 div.card>div{
		background:#D1CAB0; 
	}

/* .letter E*/

	.letter_e1 div.card{
		color: white;
		border:0;
	}

	.letter_e1 div.card>div{
		background:#990033; 
	}

	.letter_e2 div.card{
		color: white;
		border:0;
	}

	.letter_e2 div.card>div{
		background:#669900; 
	}

	.letter_e3 div.card{
		color: white;
		border:0;
	}

	.letter_e3 div.card>div{
		background:#0099FF; 
	}

	.letter_e4 div.card{
		color: white;
		border:0;
	}

	.letter_e4 div.card>div{
		background:#0033CC; 
	}

/* .letter F*/

	.letter_f1 div.card{
		color: white;
		border:0;
	}

	.letter_f1 div.card>div{
		background:#660033; 
	}

	.letter_f2 div.card{
		color: white;
		border:0;
	}

	.letter_f2 div.card>div{
		background:#E0E6FF; 
	}

	.letter_f3 div.card{
		color: white;
		border:0;
	}

	.letter_f3 div.card>div{
		background:#777B88; 
	}

	.letter_f4 div.card{
		color: white;
		border:0;
	}

	.letter_f4 div.card>div{
		background:#330033; 
	}

/* .letter G*/

	.letter_g1 div.card{
		color: white;
		border:0;
	}

	.letter_g1 div.card>div{
		background:#FF3333; 
	}

	.letter_g2 div.card{
		color: white;
		border:0;
	}

	.letter_g2 div.card>div{
		background:#999999; 
	}

	.letter_g3 div.card{
		color: white;
		border:0;
	}

	.letter_g3 div.card>div{
		background:#669999; 
	}

	.letter_g4 div.card{
		color: white;
		border:0;
	}

	.letter_g4 div.card>div{
		background:#003333; 
	}

/* .letter H*/

	.letter_h1 div.card{
		color: white;
		border:0;
	}

	.letter_h1 div.card>div{
		background:#79BEDB; 
	}

	.letter_h2 div.card{
		color: white;
		border:0;
	}

	.letter_h2 div.card>div{
		background:#593E1A; 
	}

	.letter_h3 div.card{
		color: white;
		border:0;
	}

	.letter_h3 div.card>div{
		background:#6B78B4; 
	}

	.letter_h4 div.card{
		color: white;
		border:0;
	}

	.letter_h4 div.card>div{
		background:#266A2E; 
	}

/* .letter I*/

	.letter_i1 div.card{
		color: white;
		border:0;
	}

	.letter_i1 div.card>div{
		background:#005A04; 
	}

	.letter_i2 div.card{
		color: white;
		border:0;
	}

	.letter_i2 div.card>div{
		background:#CCFFBB; 
	}

	.letter_i3 div.card{
		color: white;
		border:0;
	}

	.letter_i3 div.card>div{
		background:#3A5F0B; 
	}

	.letter_i4 div.card{
		color: white;
		border:0;
	}

	.letter_i4 div.card>div{
		background:#005502; 
	}

/* .letter J*/

	.letter_j1 div.card{
		color: white;
		border:0;
	}

	.letter_j1 div.card>div{
		background:#003366; 
	}

	.letter_j2 div.card{
		color: white;
		border:0;
	}

	.letter_j2 div.card>div{
		background:#3399FF; 
	}

	.letter_j3 div.card{
		color: white;
		border:0;
	}

	.letter_j3 div.card>div{
		background:#FFCC99; 
	}

	.letter_j4 div.card{
		color: white;
		border:0;
	}

	.letter_j4 div.card>div{
		background:#FF9966; 
	}

/* .letter K*/

	.letter_k1 div.card{
		color: white;
		border:0;
	}

	.letter_k1 div.card>div{
		background:#FF6600; 
	}

	.letter_k2 div.card{
		color: white;
		border:0;
	}

	.letter_k2 div.card>div{
		background:#666633; 
	}

	.letter_k3 div.card{
		color: white;
		border:0;
	}

	.letter_k3 div.card>div{
		background:#000099; 
	}

	.letter_k4 div.card{
		color: white;
		border:0;
	}

	.letter_k4 div.card>div{
		background:#FFCC00; 
	}

/* .letter L*/

	.letter_l1 div.card{
		color: white;
		border:0;
	}

	.letter_l1 div.card>div{
		background:#003333; 
	}

	.letter_l2 div.card{
		color: white;
		border:0;
	}

	.letter_l2 div.card>div{
		background:#CCCC99; 
	}

	.letter_l3 div.card{
		color: white;
		border:0;
	}

	.letter_l3 div.card>div{
		background:#666699; 
	}

	.letter_l4 div.card{
		color: white;
		border:0;
	}

	.letter_l4 div.card>div{
		background:#003366; 
	}

/* .letter M*/

	.letter_m1 div.card{
		color: white;
		border:0;
	}

	.letter_m1 div.card>div{
		background:#333333; 
	}

	.letter_m2 div.card{
		color: white;
		border:0;
	}

	.letter_m2 div.card>div{
		background:#FFCC00; 
	}

	.letter_m3 div.card{
		color: white;
		border:0;
	}

	.letter_m3 div.card>div{
		background:#669966; 
	}

	.letter_m4 div.card{
		color: white;
		border:0;
	}

	.letter_m4 div.card>div{
		background:#993366; 
	}

/* .letter N*/

	.letter_n1 div.card{
		color: white;
		border:0;
	}

	.letter_n1 div.card>div{
		background:#008000; 
	}

	.letter_n2 div.card{
		color: white;
		border:0;
	}

	.letter_n2 div.card>div{
		background:#0DE6E2; 
	}

	.letter_n3 div.card{
		color: white;
		border:0;
	}

	.letter_n3 div.card>div{
		background:#76E60D; 
	}

	.letter_n4 div.card{
		color: white;
		border:0;
	}

	.letter_n4 div.card>div{
		background:#0DE681; 
	}

/* .letter O*/

	.letter_o1 div.card{
		color: white;
		border:0;
	}

	.letter_o1 div.card>div{
		background:#CC3300; 
	}

	.letter_o2 div.card{
		color: white;
		border:0;
	}

	.letter_o2 div.card>div{
		background:#663333; 
	}

	.letter_o3 div.card{
		color: white;
		border:0;
	}

	.letter_o3 div.card>div{
		background:#FFCC99; 
	}

	.letter_o4 div.card{
		color: white;
		border:0;
	}

	.letter_o4 div.card>div{
		background:#000000; 
	}

/* .letter P*/

	.letter_p1 div.card{
		color: white;
		border:0;
	}

	.letter_p1 div.card>div{
		background:#000044; 
	}

	.letter_p2 div.card{
		color: white;
		border:0;
	}

	.letter_p2 div.card>div{
		background:#555555; 
	}

	.letter_p3 div.card{
		color: white;
		border:0;
	}

	.letter_p3 div.card>div{
		background:#444444; 
	}

	.letter_p4 div.card{
		color: white;
		border:0;
	}

	.letter_p4 div.card>div{
		background:#333333; 
	}

/* .letter Q*/

	.letter_q1 div.card{
		color: white;
		border:0;
	}

	.letter_q1 div.card>div{
		background:#88CC88; 
	}

	.letter_q2 div.card{
		color: white;
		border:0;
	}

	.letter_q2 div.card>div{
		background:orange; 
	}

	.letter_q3 div.card{
		color: white;
		border:0;
	}

	.letter_q3 div.card>div{
		background:#B0C702; 
	}

	.letter_q4 div.card{
		color: white;
		border:0;
	}

	.letter_q4 div.card>div{
		background:#22BCC7; 
	}

/* .letter R*/

	.letter_r1 div.card{
		color: white;
		border:0;
	}

	.letter_r1 div.card>div{
		background:#666633; 
	}

	.letter_r2 div.card{
		color: white;
		border:0;
	}

	.letter_r2 div.card>div{
		background:#999966; 
	}

	.letter_r3 div.card{
		color: white;
		border:0;
	}

	.letter_r3 div.card>div{
		background:#CC6666; 
	}

	.letter_r4 div.card{
		color: white;
		border:0;
	}

	.letter_r4 div.card>div{
		background:#663333; 
	}

/* .letter S*/

	.letter_s1 div.card{
		color: white;
		border:0;
	}

	.letter_s1 div.card>div{
		background:#CC0000; 
	}

	.letter_s2 div.card{
		color: white;
		border:0;
	}

	.letter_s2 div.card>div{
		background:#FF6600; 
	}

	.letter_s3 div.card{
		color: white;
		border:0;
	}

	.letter_s3 div.card>div{
		background:#660099; 
	}

	.letter_s4 div.card{
		color: white;
		border:0;
	}

	.letter_s4 div.card>div{
		background:#000000; 
	}

/* .letter T*/

	.letter_t1 div.card{
		color: white;
		border:0;
	}

	.letter_t1 div.card>div{
		background:#FF9933; 
	}

	.letter_t2 div.card{
		color: white;
		border:0;
	}

	.letter_t2 div.card>div{
		background:#003399; 
	}

	.letter_t3 div.card{
		color: white;
		border:0;
	}

	.letter_t3 div.card>div{
		background:#99CCCC; 
	}

	.letter_t4 div.card{
		color: white;
		border:0;
	}

	.letter_t4 div.card>div{
		background:#CCCCCC; 
	}

/* .letter U*/

	.letter_u1 div.card{
		color: white;
		border:0;
	}

	.letter_u1 div.card>div{
		background:#0F0B19; 
	}

	.letter_u2 div.card{
		color: white;
		border:0;
	}

	.letter_u2 div.card>div{
		background:#FFCF00; 
	}

	.letter_u3 div.card{
		color: white;
		border:0;
	}

	.letter_u3 div.card>div{
		background:#C5E946; 
	}

	.letter_u4 div.card{
		color: white;
		border:0;
	}

	.letter_u4 div.card>div{
		background:#AF4FA2; 
	}

/* .letter V*/


	.letter_v1 div.card{
		color: white;
		border:0;
	}

	.letter_v1 div.card>div{
		background:#462066; 
	}


	.letter_v2 div.card{
		color: white;
		border:0;
	}

	.letter_v2 div.card>div{
		background:#FFB85F; 
	}


	.letter_v3 div.card{
		color: white;
		border:0;
	}

	.letter_v3 div.card>div{
		background:#FF7A5A; 
	}


	.letter_v4 div.card{
		color: white;
		border:0;
	}

	.letter_v4 div.card>div{
		background:#00AAA0; 
	}

/* .letter W*/

	.letter_w1 div.card{
		color: white;
		border:0;
	}

	.letter_w1 div.card>div{
		background:#999999; 
	}

	.letter_w2 div.card{
		color: white;
		border:0;
	}

	.letter_w2 div.card>div{
		background:#990033; 
	}

	.letter_w3 div.card{
		color: white;
		border:0;
	}

	.letter_w3 div.card>div{
		background:#FFFF00; 
	}

	.letter_w4 div.card{
		color: white;
		border:0;
	}

	.letter_w4 div.card>div{
		background:#330033; 
	}

/* .letter X*/

	.letter_x1 div.card{
		color: white;
		border:0;
	}

	.letter_x1 div.card>div{
		background:#FFCC00; 
	}

	.letter_x2 div.card{
		color: white;
		border:0;
	}

	.letter_x2 div.card>div{
		background:#CCCC99; 
	}

	.letter_x3 div.card{
		color: white;
		border:0;
	}

	.letter_x3 div.card>div{
		background:#6A6A5A; 
	}

	.letter_x4 div.card{
		color: white;
		border:0;
	}

	.letter_x4 div.card>div{
		background:#000066; 
	}

/* .letter Y*/


	.letter_y1 div.card{
		color: white;
		border:0;
	}

	.letter_y1 div.card>div{
		background:#8B88FF; 
	}


	.letter_y2 div.card{
		color: white;
		border:0;
	}

	.letter_y2 div.card>div{
		background:#FF9C00; 
	}


	.letter_y3 div.card{
		color: white;
		border:0;
	}

	.letter_y3 div.card>div{
		background:#7BB31A; 
	}


	.letter_y4 div.card{
		color: white;
		border:0;
	}

	.letter_y4 div.card>div{
		background:#EEDB00; 
	}

/* .letter Z*/

	.letter_z1 div.card{
		color: white;
		border:0;
	}

	.letter_z1 div.card>div{
		background:#D08504; 
	}

	.letter_z2 div.card{
		color: white;
		border:0;
	}

	.letter_z2 div.card>div{
		background:#000000; 
	}

	.letter_z3 div.card{
		color: white;
		border:0;
	}

	.letter_z3 div.card>div{
		background:#29407C; 
	}

	.letter_z4 div.card{
		color: white;
		border:0;
	}

	.letter_z4 div.card>div{
		background:#660000; 
	}

/* .letter Y2*/

	.letter_y2_1 div.card{
		color: white;
		border:0;
	}

	.letter_y2_1 div.card>div{
		background:#6699CC; 
	}

	.letter_y2_2 div.card{
		color: white;
		border:0;
	}

	.letter_y2_2 div.card>div{
		background:#003366; 
	}

	.letter_y2_3 div.card{
		color: white;
		border:0;
	}

	.letter_y2_3 div.card>div{
		background:#C0C0C0; 
	}

	.letter_y2_4 div.card{
		color: white;
		border:0;
	}

	.letter_y2_4 div.card>div{
		background:#000044; 
	}

/* .letter Y3*/

	.letter_y3_1 div.card{
		color: white;
		border:0;
	}

	.letter_y3_1 div.card>div{
		background:#00FF00; 
	}

	.letter_y3_2 div.card{
		color: white;
		border:0;
	}

	.letter_y3_2 div.card>div{
		background:#004040; 
	}

	.letter_y3_3 div.card{
		color: white;
		border:0;
	}

	.letter_y3_3 div.card>div{
		background:#D0CA9C; 
	}

	.letter_y3_4 div.card{
		color: white;
		border:0;
	}

	.letter_y3_4 div.card>div{
		background:#000000; 
	}

/* .letter Y4*/

	.letter_y4_1 div.card{
		color: white;
		border:0;
	}

	.letter_y4_1 div.card>div{
		background:#663300; 
	}

	.letter_y4_2 div.card{
		color: white;
		border:0;
	}

	.letter_y4_2 div.card>div{
		background:#CC9900; 
	}

	.letter_y4_3 div.card{
		color: white;
		border:0;
	}

	.letter_y4_3 div.card>div{
		background:#333300; 
	}

	.letter_y4_4 div.card{
		color: white;
		border:0;
	}

	.letter_y4_4 div.card>div{
		background:#CC6600; 
	}

/* .letter Y5*/

	.letter_y5_1 div.card{
		color: white;
		border:0;
	}

	.letter_y5_1 div.card>div{
		background:#CE0000; 
	}

	.letter_y5_2 div.card{
		color: white;
		border:0;
	}

	.letter_y5_2 div.card>div{
		background:#000063; 
	}

	.letter_y5_3 div.card{
		color: white;
		border:0;
	}

	.letter_y5_3 div.card>div{
		background:#5A79A5; 
	}

	.letter_y5_4 div.card{
		color: white;
		border:0;
	}

	.letter_y5_4 div.card>div{
		background:#9CAAC6; 
	}

/* .letter Y6*/

	.letter_y6_1 div.card{
		color: white;
		border:0;
	}

	.letter_y6_1 div.card>div{
		background:#009A31; 
	}

	.letter_y6_2 div.card{
		color: white;
		border:0;
	}

	.letter_y6_2 div.card>div{
		background:#84CF96; 
	}

	.letter_y6_3 div.card{
		color: white;
		border:0;
	}

	.letter_y6_3 div.card>div{
		background:#C6E7CE; 
	}

	.letter_y6_4 div.card{
		color: white;
		border:0;
	}

	.letter_y6_4 div.card>div{
		background:#CEFFCE; 
	}

/* .letter Y7*/

	.letter_y7_1 div.card{
		color: white;
		border:0;
	}

	.letter_y7_1 div.card>div{
		background:#005B9A; 
	}

	.letter_y7_2 div.card{
		color: white;
		border:0;
	}

	.letter_y7_2 div.card>div{
		background:#0191C8; 
	}

	.letter_y7_3 div.card{
		color: white;
		border:0;
	}

	.letter_y7_3 div.card>div{
		background:#74C2E1; 
	}

	.letter_y7_4 div.card{
		color: white;
		border:0;
	}

	.letter_y7_4 div.card>div{
		background:#8C8984; 
	}

/* .letter Y8*/

	.letter_y8_1 div.card{
		color: white;
		border:0;
	}

	.letter_y8_1 div.card>div{
		background:#DBE3F0; 
	}

	.letter_y8_2 div.card{
		color: white;
		border:0;
	}

	.letter_y8_2 div.card>div{
		background:#B3BCCC; 
	}

	.letter_y8_3 div.card{
		color: white;
		border:0;
	}

	.letter_y8_3 div.card>div{
		background:#8D96A8; 
	}

	.letter_y8_4 div.card{
		color: white;
		border:0;
	}

	.letter_y8_4 div.card>div{
		background:#737C8C; 
	}

/* .Spanish letter Ntilde*/

	.letter_nt1 div.card{
		color: white;
		border:0;
	}

	.letter_nt1 div.card>div{
		background:#7A3E48; 
	}

	.letter_nt2 div.card{
		color: white;
		border:0;
	}

	.letter_nt2 div.card>div{
		background:#EECD86; 
	}

	.letter_nt3 div.card{
		color: white;
		border:0;
	}

	.letter_nt3 div.card>div{
		background:#E18942; 
	}

	.letter_nt4 div.card{
		color: white;
		border:0;
	}

	.letter_nt4 div.card>div{
		background:#B95835; 
	}

	.noCSS3Container{
		-webkit-perspective: none !important;
		   -moz-perspective: none !important;
			 -o-perspective: none !important;
		    -ms-perspective: none !important;
				perspective: none !important; 
	}

	.noCSS3Card{
		-webkit-transition: none !important;
		   -moz-transition: none !important;
		     -o-transition: none !important;
		    -ms-transition: none !important;
			    transition: none !important;

		-webkit-transform-style: none !important;
		   -moz-transform-style: none !important;
		     -o-transform-style: none !important;
		    -ms-transform-style: none !important;
		        transform-style: none !important;
	}

	.noCSS3Sides{
		-webkit-backface-visibility: visible !important;
		   -moz-backface-visibility: visible !important;
		     -o-backface-visibility: visible !important;
		    -ms-backface-visibility: visible !important;
		        backface-visibility: visible !important;

		-webkit-transform: none !important;
		   -moz-transform: none !important;
		     -o-transform: none !important;
		    -ms-transform: none !important;
		        transform: none !important;
	}