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

i[class^="yk-"]:before, 
i[class*=" yk-"]:before {
  font-family: "kanna" !important;
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  /* width: 1em; */
  /* margin-right: .2em; */
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* margin-left: .2em; */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.yk-handmade:before { content: '\e864'; } /* '' */
.yk-header-help:before { content: '\e900'; } /* '' */
.yk-faq-plus:before { content: '\e901'; } /* '' */
.yk-faq-less:before { content: '\e902'; } /* '' */
.yk-account-discounts:before { content: '\e903'; } /* '' */
.yk-account-return:before { content: '\e904'; } /* '' */
.yk-less:before { content: '\e905'; } /* '' */
.yk-check:before { content: '\e906'; } /* '' */
.yk-glyph:before { content: '\e908'; } /* '' */
.yk-glyph-1:before { content: '\e90f'; } /* '' */
.yk-glyph-2:before { content: '\e911'; } /* '' */
.yk-plus:before { content: '\e912'; } /* '' */
.yk-account-address:before { content: '\e913'; } /* '' */
.yk-personaldata:before { content: '\e914'; } /* '' */
.yk-facebook:before { content: '\e916'; } /* '' */
.yk-info:before { content: '\e917'; } /* '' */
.yk-mail:before { content: '\e91b'; } /* '' */
.yk-phone:before { content: '\e91c'; } /* '' */
.yk-pinterestshare:before { content: '\e91d'; } /* '' */
.yk-whatsappshare:before { content: '\e91e'; } /* '' */
.yk-twitter:before { content: '\e91f'; } /* '' */
.yk-youtube:before { content: '\e920'; } /* '' */
.yk-menu:before { content: '\e921'; } /* '' */
.yk-discount:before { content: '\e922'; } /* '' */
.yk-four-columns:before { content: '\e923'; } /* '' */
.yk-guidesize:before { content: '\e924'; } /* '' */
.yk-glyph-8:before { content: '\e92c'; } /* '' */
.yk-fbshare:before { content: '\e92d'; } /* '' */
.yk-twittershare:before { content: '\e92e'; } /* '' */
.yk-share:before { content: '\e92f'; } /* '' */
.yk-three-columns:before { content: '\e930'; } /* '' */
.yk-visibility:before { content: '\e931'; } /* '' */
.yk-amex:before { content: '\e934'; } /* '' */
.yk-arrow-close:before { content: '\e935'; } /* '' */
.yk-arrow-open:before { content: '\e936'; } /* '' */
.yk-carrouselarrow-left:before { content: '\e937'; } /* '' */
.yk-carrouselarrow-right:before { content: '\e938'; } /* '' */
.yk-favorites:before { content: '\e939'; } /* '' */
.yk-paysafe:before { content: '\e94c'; } /* '' */
.yk-map:before { content: '\e94d'; } /* '' */
.yk-sequra:before { content: '\e950'; } /* '' */
.yk-glyph-13:before { content: '\e952'; } /* '' */
.yk-return:before { content: '\e953'; } /* '' */
.yk-visa:before { content: '\e956'; } /* '' */
.yk-close:before { content: '\e957'; } /* '' */
.yk-account:before { content: '\e958'; } /* '' */
.yk-bag:before { content: '\e959'; } /* '' */
.yk-country:before { content: '\e95a'; } /* '' */
.yk-locate:before { content: '\e95b'; } /* '' */
.yk-magnifyingglass:before { content: '\e95c'; } /* '' */
.yk-pickuppoint:before { content: '\e95d'; } /* '' */
.yk-trash:before { content: '\e95e'; } /* '' */
.yk-glyph-15:before { content: '\e95f'; } /* '' */
.yk-delivery:before { content: '\e960'; } /* '' */