.production {
  position: relative;
  padding: 0 -webkit-calc((100% - 1136px)/2);
  padding: 0 calc((100% - 1136px)/2);
  min-height: 360px;
}
.production_subcats {
  text-align: center;
  margin-bottom: 50px;
}
.production_subcat {
  position: relative;
  display: inline-block;
  margin: 0 14px;
  color: #f3d6bb;
}
.production_subcat:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 31px;
  height: 20px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.production_subcat:hover {
  color: #e7b789;
  cursor: pointer;
}
.production_subcat:hover:after {
  opacity: 1;
  visibility: visible;
  background: url("/themes/comp1/img/subcat-hover.png");
}
.production_subcat.active {
  color: #fff;
}
.production_subcat.active:after {
  opacity: 1;
  visibility: visible;
  background: url("/themes/comp1/img/subcat-section.png");
}
.production_items {
  overflow: hidden;
  margin-right: -16px;
  padding-bottom: 56px;
}
.production_item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 368px;
  margin: 0 16px 72px 0;
  text-align: center;
}
.production_item:hover {
  cursor: pointer;
}
.production_item:hover > .production_itemImage {
  -webkit-animation: cup 0.5s ease-in-out forwards;
          animation: cup 0.5s ease-in-out forwards;
}
@-webkit-keyframes cup {
  33% {
    opacity: 0;
  }
  40% {
    background-image: none;
  }
  50% {
    background-image: url("/themes/comp1/img/coffee-cup.png");
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    background-image: url("/themes/comp1/img/coffee-cup.png");
    background-position-y: top;
  }
}
@keyframes cup {
  33% {
    opacity: 0;
  }
  40% {
    background-image: none;
  }
  50% {
    background-image: url("/themes/comp1/img/coffee-cup.png");
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    background-image: url("/themes/comp1/img/coffee-cup.png");
    background-position-y: top;
  }
}
.production_item:hover > .production_itemTitle {
  color: #ed583f;
}
.production_item:after {
  content: "";
  position: absolute;
  top: 340px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 263px;
  height: 21px;
  z-index: 1;
  background: url("/themes/comp1/img/shadow.png") no-repeat center;
}
.production_item:hover:after {
  top: 325px;
  width: 285px;
  height: 51px;
  background: url("/themes/comp1/img/shadow-hover.png") no-repeat center;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.production_itemImage {
  position: relative;
  z-index: 2;
  display: block;
  width: 260px;
  height: 355px;
  margin: 0 auto 24px;
  background: url("/themes/comp1/img/placeholder.png") no-repeat center bottom;
}
.production_itemTitle {
  font-size: 24px;
  line-height: 1.35;
  color: #6a4734;
}
.production_itemTitle__first {
  display: block;
  height: 32px;
  font-weight: 400;
  overflow: hidden;
}
.production_itemTitle__second {
  display: block;
  max-height: 64px;
  font-weight: 700;
  overflow: hidden;
}

/*# sourceMappingURL=../maps/component/production.css.map */