@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: 400;
    font-style: normal;
    font-display: block
}

.nav {
    font-family: VDB !important;
    font-size: 22PX;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding-top: 7px;
    padding-right: 20PX;
    float: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-gemstone-ring:before {
    content: "\e91b";
  }
  .icon-diamond-rign:before {
    content: "\e91c";
  }
  .icon-tennis:before {
    content: "\e91d";
  }
  .icon-bangle:before {
    content: "\e91e";
  }
  .icon-brooches-icon:before {
    content: "\e91a";
  }
  .icon-pendants:before {
    content: "\e918";
  }
  .icon-custom_icon:before {
    content: "\e919";
  }
  .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";
    font-size: 20px;
  }
  .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: 0px
}