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:#F57E20; 
	}

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

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

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

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

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

	.letter_a4 div.card>div{
		background:#8FB258; 
	}

/* .letter B*/

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

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

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

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

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

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

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

	.letter_b4 div.card>div{
		background:#027878; 
	}

/* .letter C*/

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

	.letter_c1 div.card>div{
		background:#3D4935; 
	}

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

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

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

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

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

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


/* .letter D*/

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

	.letter_d1 div.card>div{
		background:#7A4012; 
	}

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

	.letter_d2 div.card>div{
		background:#040F01; 
	}

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

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

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

	.letter_d4 div.card>div{
		background:#83831F; 
	}

/* .letter E*/

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

	.letter_e1 div.card>div{
		background:#48729C; 
	}

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

	.letter_e2 div.card>div{
		background:#729DC8; 
	}

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

	.letter_e3 div.card>div{
		background:#485712; 
	}

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

	.letter_e4 div.card>div{
		background:#B3A72D; 
	}

/* .letter F*/

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

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

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

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

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

	.letter_f3 div.card>div{
		background:#643B0F; 
	}

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

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

/* .letter G*/

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

	.letter_g1 div.card>div{
		background:#4A6713; 
	}

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

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

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

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

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

	.letter_g4 div.card>div{
		background:#9C7D23; 
	}

/* .letter H*/

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

	.letter_h1 div.card>div{
		background:#5D819B; 
	}

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

	.letter_h2 div.card>div{
		background:#5E692D; 
	}

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

	.letter_h3 div.card>div{
		background:#1F282D; 
	}

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

	.letter_h4 div.card>div{
		background:#ECCF8D; 
	}

/* .letter I*/

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

	.letter_i1 div.card>div{
		background:#4E3E0B; 
	}

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

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

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

	.letter_i3 div.card>div{
		background:#DCCAA4; 
	}

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

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

/* .letter J*/

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

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

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

	.letter_j2 div.card>div{
		background:#010101; 
	}

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

	.letter_j3 div.card>div{
		background:#2F3006; 
	}

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

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

/* .letter K*/

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

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

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

	.letter_k2 div.card>div{
		background:#3862C6; 
	}

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

	.letter_k3 div.card>div{
		background:#6E7587; 
	}

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

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

/* .letter L*/

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

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

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

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

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

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

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

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

/* .letter M*/

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

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

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

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

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

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

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

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

/* .letter N*/

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

	.letter_n1 div.card>div{
		background:#372F18; 
	}

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

	.letter_n2 div.card>div{
		background:#ECC5A8; 
	}

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

	.letter_n3 div.card>div{
		background:#C9341C; 
	}

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

	.letter_n4 div.card>div{
		background:#A16B23; 
	}

/* .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:#6285C7; 
	}

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

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

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

	.letter_p3 div.card>div{
		background:#9CC7F2; 
	}

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

	.letter_p4 div.card>div{
		background:#526C85; 
	}

/* .letter Q*/

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

	.letter_q1 div.card>div{
		background:#242251; 
	}

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

	.letter_q2 div.card>div{
		background:#D3DFCB; 
	}

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

	.letter_q3 div.card>div{
		background:#5D4157; 
	}

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

	.letter_q4 div.card>div{
		background:#DAC582; 
	}

/* .letter R*/

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

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

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

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

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

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

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

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

/* .letter S*/

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

	.letter_s1 div.card>div{
		background:#0A224E; 
	}

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

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

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

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

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

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

/* .letter T*/

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

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

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

	.letter_t2 div.card>div{
		background:#628B61; 
	}

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

	.letter_t3 div.card>div{
		background:#9CB770; 
	}

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

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

/* .letter U*/

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

	.letter_u1 div.card>div{
		background:#EC633F; 
	}

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

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

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

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

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

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

/* .letter V*/


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

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


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

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


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

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


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

	.letter_v4 div.card>div{
		background:#8FBCDB; 
	}

/* .letter W*/

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

	.letter_w1 div.card>div{
		background:#90CA77; 
	}

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

	.letter_w2 div.card>div{
		background:#81C6DD; 
	}

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

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

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

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

/* .letter X*/

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

	.letter_x1 div.card>div{
		background:#74A6BD; 
	}

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

	.letter_x2 div.card>div{
		background:#7195A3; 
	}

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

	.letter_x3 div.card>div{
		background:#D4E7ED; 
	}

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

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

/* .letter Y*/


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

	.letter_y1 div.card>div{
		background:#7EB5D6; 
	}


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

	.letter_y2 div.card>div{
		background:#2A75A9; 
	}


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

	.letter_y3 div.card>div{
		background:#274257; 
	}


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

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

/* .letter Z*/

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

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

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

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

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

	.letter_z3 div.card>div{
		background:#06A2CB; 
	}

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

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

/* .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;
	}