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

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Carticon";
    src: url("./Carticon.svg#Carticon") format("svg");
  }
}

[class^="carticon-"]:before, [class*=" carticon-"]:before,
[class^="carticon-"]:after, [class*=" carticon-"]:after {   
font-family: Carticon;
font-style: normal;
}

.carticon-line-cart1:before { content: "\f100"; }
.carticon-line-cart2:before { content: "\f101"; }
.carticon-line-cart3:before { content: "\f102"; }
.carticon-line-cart4:before { content: "\f103"; }
.carticon-line-cart5:before { content: "\f104"; }
.carticon-cart1:before { content: "\f105"; }
.carticon-cart2:before { content: "\f106"; }
.carticon-cart3:before { content: "\f107"; }
.carticon-cart4:before { content: "\f108"; }
.carticon-shopping-bag1:before { content: "\f109"; }
.carticon-shopping-bag2:before { content: "\f10a"; }
.carticon-shopping-bag3:before { content: "\f10b"; }
.carticon-shopping-bag4:before { content: "\f10c"; }