@font-face {
    font-family: "symbols";
    src: url('symbols.eot');
    src: url('symbols.eot?#iefix') format('eot'),
      /* url('symbols.woff2') format('woff2'), */
      url('symbols.woff') format('woff'),
      url('symbols.ttf') format('truetype'),
      url('symbols.svg#symbols') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
  .symbols {
    display: inline-block;
    font-family: "symbols";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .symbols-lg {
    font-size: 26px;
    line-height: 0.75em;
    vertical-align: -15%;
  }
  .symbols-2x { font-size: 2em; }
  .symbols-3x { font-size: 3em; }
  .symbols-4x { font-size: 4em; }
  .symbols-5x { font-size: 5em; }
  .symbols-fw {
    width: 1.2857142857142858em;
    text-align: center;
  }
  
  .symbols-dropdown-arrow-menu:before { content: "\EA01" }
  .symbols-linkedin:before { content: "\EA02" }
  .symbols-facebook:before { content: "\EA03" }
  .symbols-x:before { content: "\EA04" }