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

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

	.letter_a2 div.card>div{
		background:#5F6B61; 
	}

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

	.letter_a3 div.card>div{
		background:#5E9DC8; 
	}

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

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

/* .letter B*/

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

	.letter_b1 div.card>div{
		background:#9DAF72; 
	}

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

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

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

	.letter_b3 div.card>div{
		background:#562F32; 
	}

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

	.letter_b4 div.card>div{
		background:#462D44; 
	}

/* .letter C*/

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

	.letter_c1 div.card>div{
		background:#6BCAE2; 
	}

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

	.letter_c2 div.card>div{
		background:#51A5BA; 
	}

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

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

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

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


/* .letter D*/

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

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

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

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

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

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

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

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

/* .letter E*/

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

	.letter_e1 div.card>div{
		background:#4D8963; 
	}

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

	.letter_e2 div.card>div{
		background:#69A583; 
	}

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

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

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

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

/* .letter F*/

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

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

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

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

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

	.letter_f3 div.card>div{
		background:#DEE0D5; 
	}

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

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

/* .letter G*/

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

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

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

	.letter_g2 div.card>div{
		background:#5B7778; 
	}

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

	.letter_g3 div.card>div{
		background:#93A8A9; 
	}

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

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

/* .letter H*/

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

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

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

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

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

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

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

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

/* .letter I*/

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

	.letter_i1 div.card>div{
		background:#1B2A16; 
	}

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

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

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

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

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

	.letter_i4 div.card>div{
		background:#5A0000; 
	}

/* .letter J*/

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

	.letter_j1 div.card>div{
		background:#298F00; 
	}

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

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

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

	.letter_j3 div.card>div{
		background:#0588BC; 
	}

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

	.letter_j4 div.card>div{
		background:#00578A; 
	}

/* .letter K*/

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

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

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

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

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

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

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

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

/* .letter L*/

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

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

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

	.letter_l2 div.card>div{
		background:#5A8F29; 
	}

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

	.letter_l3 div.card>div{
		background:#3C7DC4; 
	}

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

	.letter_l4 div.card>div{
		background:#2B2B2B; 
	}

/* .letter M*/

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

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

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

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

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

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

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

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

/* .letter N*/

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

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

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

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

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

	.letter_n3 div.card>div{
		background:#99CCFF; 
	}

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

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

/* .letter O*/

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

	.letter_o1 div.card>div{
		background:#009ECE; 
	}

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

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

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

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

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

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

/* .letter P*/

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

	.letter_p1 div.card>div{
		background:#668E39; 
	}

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

	.letter_p2 div.card>div{
		background:#96B566; 
	}

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

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

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

	.letter_p4 div.card>div{
		background:#7C7C7C; 
	}

/* .letter Q*/

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

	.letter_q1 div.card>div{
		background:#421C52; 
	}

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

	.letter_q2 div.card>div{
		background:#732C7B; 
	}

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

	.letter_q3 div.card>div{
		background:#9C8AA5; 
	}

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

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

/* .letter R*/

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

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

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

	.letter_r2 div.card>div{
		background:#89E894; 
	}

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

	.letter_r3 div.card>div{
		background:#78D5E3; 
	}

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

	.letter_r4 div.card>div{
		background:#7AF5F5; 
	}

/* .letter S*/

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

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

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

	.letter_s2 div.card>div{
		background:#6699FF; 
	}

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

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

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

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

/* .letter T*/

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

	.letter_t1 div.card>div{
		background:#9CB6D6; 
	}

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

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

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

	.letter_t3 div.card>div{
		background:#CEC7C6; 
	}

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

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

/* .letter U*/

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

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

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

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

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

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

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

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

/* .letter V*/


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

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


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

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


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

	.letter_v3 div.card>div{
		background:#73B66B; 
	}


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

	.letter_v4 div.card>div{
		background:#FFCB18; 
	}

/* .letter W*/

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

	.letter_w1 div.card>div{
		background:#595F23; 
	}

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

	.letter_w2 div.card>div{
		background:#829F53; 
	}

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

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

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

	.letter_w4 div.card>div{
		background:#5F1E02; 
	}

/* .letter X*/

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

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

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

	.letter_x2 div.card>div{
		background:#5F1E02; 
	}

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

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

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

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

/* .letter Y*/


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

	.letter_y1 div.card>div{
		background:#3D577A; 
	}


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

	.letter_y2 div.card>div{
		background:#677C97; 
	}


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

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


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

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

/* .letter Z*/

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

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

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

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

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

	.letter_z3 div.card>div{
		background:#817D62; 
	}

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

	.letter_z4 div.card>div{
		background:#2E3F53; 
	}

/* .letter Y2*/

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

	.letter_y2_1 div.card>div{
		background:#771100; 
	}

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

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

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

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

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

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

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