@font-face {
  font-family:"occ-icons";
  src:url("../../fonts/occ-icons.eot?131c8f3242b436912a1c30aac6290434");
  src:url("../../fonts/occ-icons.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/occ-icons.woff?131c8f3242b436912a1c30aac6290434") format("woff"),
    url("../../fonts/occ-icons.ttf?131c8f3242b436912a1c30aac6290434") format("truetype");
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family: "top-nav-icons";
  src: url("../../fonts/top-nav-icons.eot?80557247");
  src: url("../../fonts/top-nav-icons.eot?80557247#iefix") format("embedded-opentype"), url("../../fonts/top-nav-icons.woff2?80557247") format("woff2"), url("../../fonts/top-nav-icons.woff?80557247") format("woff"), url("../../fonts/top-nav-icons.ttf?80557247") format("truetype"), url("../../fonts/top-nav-icons.svg?80557247#top-nav-icons") format("svg");
  font-weight: normal;
  font-style: normal; 
}

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

.Icon {
  font-size: 1.4rem;
  margin-top: -2px;
  font-family:"top-nav-icons";
  display:inline-block;
  vertical-align: middle;
  line-height:1;
  font-weight:normal;
  font-style:normal;
  speak:none;
  text-decoration:none;
  text-transform:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.Icon-metaNav-basket:before {
  /*content:"\e800";*/
}

.Icon-metaNav-profile-filled:before {
  /*content:"\e802";*/
}

.Icon-metaNav-profile:before {
  /*content:"\e801";*/
}

.Icon-metaNav-search:before {
  content:"\f1bd";
}

.Icon-metaNav-wishlist:before {
  /*content:"\e803";*/
}

.Icon-metaNav-goBack:before {
  font-family:"fontello";
  content:"\e827";
}

.Icon-metaNav-last:before {
  font-family:"fontello";
  content: "\e828";
}

.Icon-metaNav-forward:before {
  font-family:"fontello";
  content: "\e829";
}

.icon-metaNav-logo:before {
    width: initial;
    /* content: '\e806'; */
}

.icon-arrowhead2:before {
    content: '\e81a';
    font-family:"fontello";
}