@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Regular.eot");
  src: url("../fonts/Lato-Regular.woff") format("woff"), url("../fonts/Lato-Regular.otf") format("opentype");
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Light.eot");
  src: url("../fonts/Lato-Light.woff") format("woff"), url("../fonts/Lato-Light.otf") format("opentype");
  font-style: normal;
  font-weight: 300; }
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Bold.eot");
  src: url("../fonts/Lato-Bold.woff") format("woff"), url("../fonts/Lato-Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 700; }
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Black.eot");
  src: url("../fonts/Lato-Black.woff") format("woff"), url("../fonts/Lato-Black.otf") format("opentype");
  font-style: normal;
  font-weight: 900; }
.category-item {
  padding: 12px;
  width: calc(100% / 7);
  min-width: 198px;
  min-height: 144px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  @media (max-width: 991px) {
    .category-item {
      width: 33.3%; } }
  @media (max-width: 767px) {
    .category-item {
      width: 50%; } }
  .category-item:hover {
    background-color: rgba(237, 109, 0, 0.1);
    opacity: 1; }
  .category-item .icon {
    width: 80px;
    height: 80px; }
    .category-item .icon img {
      display: block;
      width: 100%; }
  .category-item .name {
    font-size: 0.78em;
    letter-spacing: 0.02em;
    color: #707070;
    font-weight: 700;
    text-transform: uppercase; }
    @media (min-width: 992px) and (max-width: 1399px) {
      .category-item .name {
        font-size: 0.89em; } }

.inner .com-panel .col-r .panel .row.categories {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left; }

/*# sourceMappingURL=product-categories.css.map */