@font-face {
  font-family: 'VDB';
  src:  url('../fonts/VDB.eot?a8rtvq');
  src:  url('../fonts/VDB.eot?a8rtvq#iefix') format('embedded-opentype'),
    url('../fonts/VDB.ttf?a8rtvq') format('truetype'),
    url('../fonts/VDB.woff?a8rtvq') format('woff'),
    url('../fonts/VDB.svg?a8rtvq#VDB') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


.nav {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'VDB' !important;
  font-size: 22PX;
  margin-top: 5px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding-right: 20PX;
  float: left;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
li.nav:hover{color:#fff;}
.icon-accessories:before {
  content: "\e917";
}
.icon-bracelets:before {
  content: "\e916";
}
.icon-Pearls:before {
  content: "\e90f";
}
.icon-mens:before {
  content: "\e910";
}
.icon-fashion-rings:before {
  content: "\e911";
}
.icon-wedding-band:before {
  content: "\e912";
}
.icon-engagement-rings:before {
  content: "\e913";
}
.icon-necklaces:before {
  content: "\e914";
}
.icon-earrings:before {
  content: "\e915";
}
.icon-save:before {
  content: "\e90a";
}
.icon-notification:before {
  content: "\e90b";
}
.icon-terms:before {
  content: "\e90c";
}
.icon-search:before {
  content: "\e90d";
}
.icon-favorite:before {
  content: "\e90e";
}
.icon-user-icon:before {
  content: "\e909";font-size: 20px;
}
.icon-home-icon:before {
  content: "\e900"; font-size: 20px;
}
.icon-arrow_down:before {
  content: "\e901";
}
.icon-arrow_up:before {
  content: "\e902";
}
.icon-sign-out-icon:before {
  content: "\e903";
}
.icon-diamond-icon:before {
  content: "\e904";
}
.icon-gemstone-icon:before {
  content: "\e905";
}
.icon-jewelery-icon:before {
  content: "\e906";
}
.icon-lab-icon:before {
  content: "\e907";
}
.icon-Info-icon:before {
  content: "\e908";
}


.icon-div{ float: left; margin-top: 4px; }
