.ic {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

.ic-like-normal {
  position: relative;
  top: -3px;
  width: 23px;
  height: 17px;
  background: url('../img/svg/like-normal.svg') no-repeat;
  background-size: cover;
}
.ic-window-top{ width: 18px;height: 10px; background: url('../img/svg/arrow-up.svg') no-repeat;}
.ic-window-bottom{ width: 18px;height: 10px; background: url('../img/svg/arrow-down.svg') no-repeat;}

@font-face {
    font-family: 'ic';
    src:    url('ic.eot?hgn9ww');
    src:    url('ic.eot?hgn9ww#iefix') format('embedded-opentype'),
        url('ic.ttf?hgn9ww') format('truetype'),
        url('ic.woff?hgn9ww') format('woff'),
        url('ic.svg?hgn9ww#ic') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="ic-"], [class*=" ic-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'ic' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 14px;
    color: #cccccc;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ic-comment:before {
    content: "\e900";
}
.ic-comments:before {
    content: "\e901";
}