@font-face {
  font-family: 'ignition-poker-cards';
  src: url('ignition-poker-cards.ttf') format('truetype'),
  url('ignition-poker-cards.woff') format('woff'),
  url('ignition-poker-cards.svg#ignition-poker-cards') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon-club-2:before,
.icon-club-3:before,
.icon-club-4:before,
.icon-club-5:before,
.icon-club-6:before,
.icon-club-7:before,
.icon-club-8:before,
.icon-club-9:before,
.icon-club-10:before,
.icon-club-A:before,
.icon-club-J:before,
.icon-club-K:before,
.icon-club-Q:before,
.icon-diamond-2:before,
.icon-diamond-3:before,
.icon-diamond-4:before,
.icon-diamond-5:before,
.icon-diamond-6:before,
.icon-diamond-7:before,
.icon-diamond-8:before,
.icon-diamond-9:before,
.icon-diamond-10:before,
.icon-diamond-A:before,
.icon-diamond-J:before,
.icon-diamond-K:before,
.icon-diamond-Q:before,
.icon-heart-2:before,
.icon-heart-3:before,
.icon-heart-4:before,
.icon-heart-5:before,
.icon-heart-6:before,
.icon-heart-7:before,
.icon-heart-8:before,
.icon-heart-9:before,
.icon-heart-10:before,
.icon-heart-A:before,
.icon-heart-J:before,
.icon-heart-K:before,
.icon-heart-Q:before,
.icon-spade-2:before,
.icon-spade-3:before,
.icon-spade-4:before,
.icon-spade-5:before,
.icon-spade-6:before,
.icon-spade-7:before,
.icon-spade-8:before,
.icon-spade-9:before,
.icon-spade-10:before,
.icon-spade-A:before,
.icon-spade-J:before,
.icon-spade-K:before,
.icon-spade-Q:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  font-family: 'ignition-poker-cards';
}

.icon-club-2:before {
  content: "\21";
}
.icon-club-3:before {
  content: "\22";
}
.icon-club-4:before {
  content: "\23";
}
.icon-club-5:before {
  content: "\24";
}
.icon-club-6:before {
  content: "\25";
}
.icon-club-7:before {
  content: "\26";
}
.icon-club-8:before {
  content: "\27";
}
.icon-club-9:before {
  content: "\28";
}
.icon-club-10:before {
  content: "\29";
}
.icon-club-A:before {
  content: "\2a";
}
.icon-club-J:before {
  content: "\2b";
}
.icon-club-K:before {
  content: "\2c";
}
.icon-club-Q:before {
  content: "\2d";
}
.icon-diamond-2:before {
  content: "\2e";
  color: #b83434;
}
.icon-diamond-3:before {
  content: "\2f";
  color: #b83434;
}
.icon-diamond-4:before {
  content: "\30";
  color: #b83434;
}
.icon-diamond-5:before {
  content: "\31";
  color: #b83434;
}
.icon-diamond-6:before {
  content: "\32";
  color: #b83434;
}
.icon-diamond-7:before {
  content: "\33";
  color: #b83434;
}
.icon-diamond-8:before {
  content: "\34";
  color: #b83434;
}
.icon-diamond-9:before {
  content: "\35";
  color: #b83434;
}
.icon-diamond-10:before {
  content: "\36";
  color: #b83434;
}
.icon-diamond-A:before {
  content: "\37";
  color: #b83434;
}
.icon-diamond-J:before {
  content: "\38";
  color: #b83434;
}
.icon-diamond-K:before {
  content: "\39";
  color: #b83434;
}
.icon-diamond-Q:before {
  content: "\3a";
  color: #b83434;
}
.icon-heart-2:before {
  content: "\3b";
  color: #b83434;
}
.icon-heart-3:before {
  content: "\3c";
  color: #b83434;
}
.icon-heart-4:before {
  content: "\3d";
  color: #b83434;
}
.icon-heart-5:before {
  content: "\3e";
  color: #b83434;
}
.icon-heart-6:before {
  content: "\3f";
  color: #b83434;
}
.icon-heart-7:before {
  content: "\40";
  color: #b83434;
}
.icon-heart-8:before {
  content: "\41";
  color: #b83434;
}
.icon-heart-9:before {
  content: "\42";
  color: #b83434;
}
.icon-heart-10:before {
  content: "\43";
  color: #b83434;
}
.icon-heart-A:before {
  content: "\44";
  color: #b83434;
}
.icon-heart-J:before {
  content: "\45";
  color: #b83434;
}
.icon-heart-K:before {
  content: "\46";
  color: #b83434;
}
.icon-heart-Q:before {
  content: "\47";
  color: #b83434;
}
.icon-spade-2:before {
  content: "\48";
}
.icon-spade-3:before {
  content: "\49";
}
.icon-spade-4:before {
  content: "\4a";
}
.icon-spade-5:before {
  content: "\4b";
}
.icon-spade-6:before {
  content: "\4c";
}
.icon-spade-7:before {
  content: "\4d";
}
.icon-spade-8:before {
  content: "\4e";
}
.icon-spade-9:before {
  content: "\4f";
}
.icon-spade-10:before {
  content: "\50";
}
.icon-spade-A:before {
  content: "\51";
}
.icon-spade-J:before {
  content: "\52";
}
.icon-spade-K:before {
  content: "\53";
}
.icon-spade-Q:before {
  content: "\54";
}