@charset "UTF-8";

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

}

[data-icon]:before {
  font-family: "nthTheshopier" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-nth-"]:before,
[class*=" icon-nth-"]:before {
  font-family: "nthTheshopier" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-nth-search:before {
  content: "a";
}
.icon-nth-user:before {
  content: "b";
}
.icon-nth-heart:before {
  content: "c";
}
.icon-nth-exchange:before {
  content: "d";
}
.icon-nth-cart:before {
  content: "e";
}
.icon-nth-eye:before {
  content: "f";
}
.icon-nth-arrow-top:before {
  content: "g";
}
.icon-nth-envelope:before {
  content: "h";
}
.icon-nth-barcode:before {
  content: "i";
}
.icon-nth-angle-right:before {
  content: "j";
}
.icon-nth-angle-left:before {
  content: "k";
}
.icon-nth-loading:before {
  content: "l";
}

.icon-nth-spin {
	-webkit-animation: nth-spin 1.55s infinite linear;
	animation: nth-spin 1.55s infinite linear;
}

@-webkit-keyframes nth-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes nth-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}