.chess-board{
		/*background-image: url(http://chess.test.ugmk.com/upload/medialibrary/438/chees_board.jpg);*/
		background-image: url(/upload/medialibrary/4b0/chees_board1.jpg);

		width: 360px;
		height: 360px;

		border: 4px solid #ebebe1;
		background-size: contain;
		position: relative;
		box-sizing: content-box; 
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.85);
	}
	.piece {
   		position: absolute;
		width: 12.5%;
		height: 12.5%;
		display: block;
		text-align: center;
	}

	.piece i.white{
		color:#fff;	
		text-shadow: 
			-0   -0.5px 0   #000000,
			 0   -0.5px 0   #000000,
			-0    0.5px 0   #000000,
			 0    0.5px 0   #000000,
			-0.5px -0   0   #000000,
			 0.5px -0   0   #000000,
			-0.5px  0   0   #000000,
			 0.5px  0   0   #000000,
			-0.5px -0.5px 0   #000000,
			 0.5px -0.5px 0   #000000,
			-0.5px  0.5px 0   #000000,
			 0.5px  0.5px 0   #000000,
			-0.5px -0.5px 0   #000000,
			 0.5px -0.5px 0   #000000,
			-0.5px  0.5px 0   #000000,
			 0.5px  0.5px 0   #000000;
	}

	.piece i.black{
		text-shadow: 
			-0   -0.5px 0   #ffffff,
			 0   -0.5px 0   #ffffff,
			-0    0.5px 0   #ffffff,
			 0    0.5px 0   #ffffff,
			-0.5px -0   0   #ffffff,
			 0.5px -0   0   #ffffff,
			-0.5px  0   0   #ffffff,
			 0.5px  0   0   #ffffff,
			-0.5px -0.5px 0   #ffffff,
			 0.5px -0.5px 0   #ffffff,
			-0.5px  0.5px 0   #ffffff,
			 0.5px  0.5px 0   #ffffff,
			-0.5px -0.5px 0   #ffffff,
			 0.5px -0.5px 0   #ffffff,
			-0.5px  0.5px 0   #ffffff,
			 0.5px  0.5px 0   #ffffff;
	}

	.A8, .a8{top: 0;     left: 0;}
	.A7, .a7{top: 12.5%; left: 0;}
	.A6, .a6{top: 25%;  left: 0;}
	.A5, .a5{top: 37.5%; left: 0;}
	.A4, .a4{top: 50%;   left: 0;}
	.A3, .a3{top: 62.5%; left: 0;}
	.A2, .a2{top: 75%;   left: 0;}
	.A1, .a1{top: 87.5%; left: 0;}

	.B8, .b8{top: 0;     left: 12.5%;}
	.B7, .b7{top: 12.5%; left: 12.5%;}
	.B6, .b6{top: 25%;  left: 12.5%;}
	.B5, .b5{top: 37.5%; left: 12.5%;}
	.B4, .b4{top: 50%;   left: 12.5%;}
	.B3, .b3{top: 62.5%; left: 12.5%;}
	.B2, .b2{top: 75%;   left: 12.5%;}
	.B1, .b1{top: 87.5%; left: 12.5%;}

	.C8, .c8{top: 0;     left: 25%;}
	.C7, .c7{top: 12.5%; left: 25%;}
	.C6, .c6{top: 25%;  left: 25%;}
	.C5, .c5{top: 37.5%; left: 25%;}
	.C4, .c4{top: 50%;   left: 25%;}
	.C3, .c3{top: 62.5%; left: 25%;}
	.C2, .c2{top: 75%;   left: 25%;}
	.C1, .c1{top: 87.5%; left: 25%;}

	.D8, .d8{top: 0;     left: 37.5%;}
	.D7, .d7{top: 12.5%; left: 37.5%;}
	.D6, .d6{top: 25%;  left: 37.5%;}
	.D5, .d5{top: 37.5%; left: 37.5%;}
	.D4, .d4{top: 50%;   left: 37.5%;}
	.D3, .d3{top: 62.5%; left: 37.5%;}
	.D2, .d2{top: 75%;   left: 37.5%;}
	.D1, .d1{top: 87.5%; left: 37.5%;}

	.E8, .e8{top: 0;     left: 50%;}
	.E7, .e7{top: 12.5%; left: 50%;}
	.E6, .e6{top: 25%;  left: 50%;}
	.E5, .e5{top: 37.5%; left: 50%;}
	.E4, .e4{top: 50%;   left: 50%;}
	.E3, .e3{top: 62.5%; left: 50%;}
	.E2, .e2{top: 75%;   left: 50%;}
	.E1, .e1{top: 87.5%; left: 50%;}

	.F8, .f8{top: 0;     left: 62.5%;}
	.F7, .f7{top: 12.5%; left: 62.5%;}
	.F6, .f6{top: 25%;  left: 62.5%;}
	.F5, .f5{top: 37.5%; left: 62.5%;}
	.F4, .f4{top: 50%;   left: 62.5%;}
	.F3, .f3{top: 62.5%; left: 62.5%;}
	.F2, .f2{top: 75%;   left: 62.5%;}
	.F1, .f1{top: 87.5%; left: 62.5%;}

	.G8, .g8{top: 0;     left: 75%;}
	.G7, .g7{top: 12.5%; left: 75%;}
	.G6, .g6{top: 25%0;  left: 75%;}
	.G5, .g5{top: 37.5%; left: 75%;}
	.G4, .g4{top: 50%;   left: 75%;}
	.G3, .g3{top: 62.5%; left: 75%;}
	.G2, .g2{top: 75%;   left: 75%;}
	.G1, .g1{top: 87.5%; left: 75%;}

	.H8, .h8{top: 0;     left: 87.5%;}
	.H7, .h7{top: 12.5%; left: 87.5%;}
	.H6, .h6{top: 25%;  left: 87.5%;}
	.H5, .h5{top: 37.5%; left: 87.5%;}
	.H4, .h4{top: 50%;   left: 87.5%;}
	.H3, .h3{top: 62.5%; left: 87.5%;}
	.H2, .h2{top: 75%;   left: 87.5%;}
	.H1, .h1{top: 87.5%; left: 87.5%;}