@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 { padding-top: 5px;
    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-right: 20PX;
    float: left;
    -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: 18px;

}

.icon-home-icon:before {
    content: "\e900";
    font-size: 18px;
}

.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: 2px
}