Check mark "\2714" not working?

Check mark "\2714" not working?

I'm customizing a checkbox and it seems to be functioning but the unicode
check isn't working... it's appearing as the text "\2714". See it [here]
(http://www.travelshak.com/destinations/big-island-hawaii/blue-hawaiian-helicopter-tour/)
(scroll down, bottom right).
Here's my code:
.edd_price_option_1762 {
-webkit-appearance: none;
background-color: #fafafa;
border: 3px solid #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px
rgba(0,0,0,0.05);
padding: 9px;
border-radius: 0px;
display: inline-block;
position: relative;
top: 8px;
}
.edd_price_option_1762:active, .edd_price_option_1762:checked:active {
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.edd_price_option_1762:checked {
background-color: #e9ecee;
border: 3px solid #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px
rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
color: #99a1a7;
}
.edd_price_option_1762:checked:after {
content: "\2714";
font-size: 19px;
position: absolute;
top: 0px;
left: 3px;
color: #49a6db;
}
What's going on?