.catalogue {
  background-color: #2C2B2B;
  padding-top: 35px;
  padding-bottom: 210px;
}
.catalogue__title {
  margin-bottom: 50px;
  text-transform: uppercase;
}
.catalogue__wrap {
  display: flex;
  flex-wrap: wrap;
}
.catalogue__item {
  width: calc(33.333% - 14px);
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: flex-end;
  background-color: #2C2B2B;
  margin-right: 20px;
  box-shadow: 4px 4px 70px rgba(16, 16, 16, 0.3);
  margin-bottom: 30px;
  padding: 26px 26px 61px 26px;
  position: relative;
}
.catalogue__item:nth-child(3n+3) {
  margin-right: 0;
}
.catalogue__item::before {
  content: "";
  z-index: 1;
  position: absolute;
  background: #2C2B2B;
  height: 100%;
  bottom: 0;
  width: 100%;
  left: 0;
}
.catalogue__item:hover .catalogue__item-details {
  z-index: 3;
  transition: opacity 0.4s;
  transform: translateX(calc(100% - 20px));
  opacity: 1;
}
.catalogue__item:hover:nth-child(3n) .catalogue__item-details {
  transform: translateX(calc(-100% + 20px));
}
.catalogue__item-preview {
  z-index: 2;
  cursor: pointer;
}
.catalogue__item-preview--title {
  margin-bottom: 16px;
  text-transform: uppercase;
}
.catalogue__item-preview--description {
  color: #828282;
  margin-bottom: 36px;
}
.catalogue__item-details {
  opacity: 0;
  z-index: -1;
  text-align: left;
  position: absolute;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  height: 100%;
  bottom: 0;
  display: flex;
  transition: transform 0.3s, opacity 0.2s, z-index 0.2s;
  background-color: #2C2B2B;
  width: calc(100% + 20px);
  padding: 26px 26px 61px 26px;
}
.catalogue__item-details:nth-child(3n) {
  color: red;
}
.catalogue__item-details--title {
  margin-bottom: 15px;
}

@media (max-width: 1280px) {
  .catalogue {
    padding-left: 30px;
    padding-right: 30px;
  }
  .catalogue__item:hover .catalogue__item-details {
    transform: translateX(calc(100% - 10px));
  }
  .catalogue__item:hover:nth-child(3n) .catalogue__item-details {
    transform: translateX(calc(-100% + 10px));
  }
}
@media (max-width: 768px) {
  .catalogue__item {
    width: calc(50% - 10px);
  }
  .catalogue__item:nth-child(2n) {
    margin-right: 0;
  }
  .catalogue__item:nth-child(3n) {
    margin-right: auto;
  }
  .catalogue__item:hover .catalogue__item-details {
    transform: translateX(calc(100% - 10px));
  }
  .catalogue__item:hover:nth-child(3n) .catalogue__item-details {
    transform: translateX(calc(100% - 10px));
  }
  .catalogue__item:hover:nth-child(2n) .catalogue__item-details {
    transform: translateX(calc(-100% + 10px));
  }
}
@media (max-width: 568px) {
  .catalogue__item {
    width: calc(100% - 10px);
    margin-right: auto;
    flex-direction: column;
  }
  .catalogue__item:hover .catalogue__item-details {
    position: relative;
    top: 0;
    height: 100%;
    left: 0;
    transform: translateY(0%) !important;
  }
  .catalogue__item-details {
    transition: transform 0.3s, opacity 0s, z-index 0s;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9jYXRhbG9ndWUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJO0VBQ0E7RUFDQTtBQUNKO0FBQ0k7RUFDSTtFQUNBO0FBQ1I7QUFFSTtFQUNJO0VBQ0E7QUFBUjtBQUdJO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtBQURSO0FBR1E7RUFDSTtBQURaO0FBSVE7RUFDSTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0FBRlo7QUFNWTtFQUNJO0VBQ0E7RUFDQTtFQUNBO0FBSmhCO0FBUWdCO0VBQ0k7QUFOcEI7QUFZSTtFQUNJO0VBQ0E7QUFWUjtBQWdCUTtFQUNJO0VBQ0E7QUFkWjtBQWlCUTtFQUNJO0VBQ0E7QUFmWjtBQXFCSTtFQUNJO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7QUFuQlI7QUFxQlE7RUFDSTtBQW5CWjtBQXdCUTtFQUNJO0FBdEJaOztBQTJCQTtFQUNJO0lBQ0k7SUFDQTtFQXhCTjtFQTRCYztJQUNJO0VBMUJsQjtFQThCa0I7SUFDSTtFQTVCdEI7QUFDRjtBQW1DQTtFQUVRO0lBQ0k7RUFsQ1Y7RUFvQ1U7SUFDSTtFQWxDZDtFQXFDVTtJQUNJO0VBbkNkO0VBdUNjO0lBQ0k7RUFyQ2xCO0VBeUNrQjtJQUNJO0VBdkN0QjtFQTRDa0I7SUFDSTtFQTFDdEI7QUFDRjtBQWlEQTtFQUVRO0lBQ0k7SUFDQTtJQUNBO0VBaERWO0VBa0RjO0lBQ0k7SUFDQTtJQUNBO0lBQ0E7SUFDQTtFQWhEbEI7RUFvRE07SUFDSTtFQWxEVjtBQUNGLEMiLCJmaWxlIjoiY3NzL2NhdGFsb2d1ZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuY2F0YWxvZ3VlIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICMyQzJCMkI7XHJcbiAgICBwYWRkaW5nLXRvcDogMzVweDtcclxuICAgIHBhZGRpbmctYm90dG9tOiAyMTBweDtcclxuXHJcbiAgICAmX190aXRsZSB7XHJcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogNTBweDtcclxuICAgICAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xyXG4gICAgfVxyXG5cclxuICAgICZfX3dyYXAge1xyXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgICAgZmxleC13cmFwOiB3cmFwO1xyXG4gICAgfVxyXG5cclxuICAgICZfX2l0ZW0ge1xyXG4gICAgICAgIHdpZHRoOiBjYWxjKDMzLjMzMyUgLSAxNHB4KTtcclxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzJDMkIyQjtcclxuICAgICAgICBtYXJnaW4tcmlnaHQ6IDIwcHg7XHJcbiAgICAgICAgYm94LXNoYWRvdzogNHB4IDRweCA3MHB4IHJnYmEoMTYsIDE2LCAxNiwgMC4zKTtcclxuICAgICAgICBtYXJnaW4tYm90dG9tOiAzMHB4O1xyXG4gICAgICAgIHBhZGRpbmc6IDI2cHggMjZweCA2MXB4IDI2cHg7XHJcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG5cclxuICAgICAgICAmOm50aC1jaGlsZCgzbiszKSB7XHJcbiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMDtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgICY6OmJlZm9yZSB7XHJcbiAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xyXG4gICAgICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgICAgIGJhY2tncm91bmQ6ICMyQzJCMkI7XHJcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICAgICAgbGVmdDogMDtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgICY6aG92ZXIge1xyXG4gICAgICAgICAgICAuY2F0YWxvZ3VlX19pdGVtLWRldGFpbHMge1xyXG4gICAgICAgICAgICAgICAgei1pbmRleDogMztcclxuICAgICAgICAgICAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgLjRzO1xyXG4gICAgICAgICAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoMTAwJSAtIDIwcHgpKTtcclxuICAgICAgICAgICAgICAgIG9wYWNpdHk6IDE7XHJcbiAgICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgICAgICY6bnRoLWNoaWxkKDNuKSB7XHJcbiAgICAgICAgICAgICAgICAuY2F0YWxvZ3VlX19pdGVtLWRldGFpbHMge1xyXG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKC0xMDAlICsgMjBweCkpO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgICZfX2l0ZW0tcHJldmlldyB7XHJcbiAgICAgICAgei1pbmRleDogMjtcclxuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcblxyXG4gICAgICAgICYtLWltZyB7fVxyXG5cclxuICAgICAgICAmLS1idG4ge31cclxuXHJcbiAgICAgICAgJi0tdGl0bGUge1xyXG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxNnB4O1xyXG4gICAgICAgICAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgJi0tZGVzY3JpcHRpb24ge1xyXG4gICAgICAgICAgICBjb2xvcjogIzgyODI4MjtcclxuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMzZweDtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgICYtLWJ0biB7fVxyXG4gICAgfVxyXG5cclxuICAgICZfX2l0ZW0tZGV0YWlscyB7XHJcbiAgICAgICAgb3BhY2l0eTogMDtcclxuICAgICAgICB6LWluZGV4OiAtMTtcclxuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xyXG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XHJcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XHJcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIC4zcywgb3BhY2l0eSAuMnMsIHotaW5kZXggLjJzO1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICMyQzJCMkI7XHJcbiAgICAgICAgd2lkdGg6IGNhbGMoMTAwJSArIDIwcHgpO1xyXG4gICAgICAgIHBhZGRpbmc6IDI2cHggMjZweCA2MXB4IDI2cHg7XHJcblxyXG4gICAgICAgICY6bnRoLWNoaWxkKDNuKSB7XHJcbiAgICAgICAgICAgIGNvbG9yOiByZWQ7XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICAmLS1saXN0IHt9XHJcblxyXG4gICAgICAgICYtLXRpdGxlIHtcclxuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMTVweDtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuXHJcbkBtZWRpYSAobWF4LXdpZHRoOiAxMjgwcHgpIHtcclxuICAgIC5jYXRhbG9ndWUge1xyXG4gICAgICAgIHBhZGRpbmctbGVmdDogMzBweDtcclxuICAgICAgICBwYWRkaW5nLXJpZ2h0OiAzMHB4O1xyXG5cclxuICAgICAgICAmX19pdGVtIHtcclxuICAgICAgICAgICAgJjpob3ZlciB7XHJcbiAgICAgICAgICAgICAgICAuY2F0YWxvZ3VlX19pdGVtLWRldGFpbHMge1xyXG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKDEwMCUgLSAxMHB4KSk7XHJcbiAgICAgICAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgICAgICAgJjpudGgtY2hpbGQoM24pIHtcclxuICAgICAgICAgICAgICAgICAgICAuY2F0YWxvZ3VlX19pdGVtLWRldGFpbHMge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoY2FsYygtMTAwJSArIDEwcHgpKTtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuXHJcbkBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xyXG4gICAgLmNhdGFsb2d1ZSB7XHJcbiAgICAgICAgJl9faXRlbSB7XHJcbiAgICAgICAgICAgIHdpZHRoOiBjYWxjKDUwJSAtIDEwcHgpO1xyXG5cclxuICAgICAgICAgICAgJjpudGgtY2hpbGQoMm4pIHtcclxuICAgICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogMDtcclxuICAgICAgICAgICAgfVxyXG5cclxuICAgICAgICAgICAgJjpudGgtY2hpbGQoM24pIHtcclxuICAgICAgICAgICAgICAgIG1hcmdpbi1yaWdodDogYXV0bztcclxuICAgICAgICAgICAgfVxyXG5cclxuICAgICAgICAgICAgJjpob3ZlciB7XHJcbiAgICAgICAgICAgICAgICAuY2F0YWxvZ3VlX19pdGVtLWRldGFpbHMge1xyXG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKDEwMCUgLSAxMHB4KSk7XHJcbiAgICAgICAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgICAgICAgJjpudGgtY2hpbGQoM24pIHtcclxuICAgICAgICAgICAgICAgICAgICAuY2F0YWxvZ3VlX19pdGVtLWRldGFpbHMge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoY2FsYygxMDAlIC0gMTBweCkpO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgICAgICAgICAmOm50aC1jaGlsZCgybikge1xyXG4gICAgICAgICAgICAgICAgICAgIC5jYXRhbG9ndWVfX2l0ZW0tZGV0YWlscyB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKC0xMDAlICsgMTBweCkpO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgIH1cclxufVxyXG5cclxuQG1lZGlhIChtYXgtd2lkdGg6IDU2OHB4KSB7XHJcbiAgICAuY2F0YWxvZ3VlIHtcclxuICAgICAgICAmX19pdGVtIHtcclxuICAgICAgICAgICAgd2lkdGg6IGNhbGMoMTAwJSAtIDEwcHgpO1xyXG4gICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IGF1dG87XHJcbiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgICAgICAgICAgICY6aG92ZXIge1xyXG4gICAgICAgICAgICAgICAgLmNhdGFsb2d1ZV9faXRlbS1kZXRhaWxzIHtcclxuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICAgICAgICAgICAgICAgICAgdG9wOiAwO1xyXG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgICAgICAgICAgICAgICBsZWZ0OiAwO1xyXG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSkgIWltcG9ydGFudDtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICAmX19pdGVtLWRldGFpbHMge1xyXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gLjNzLCBvcGFjaXR5IDBzLCB6LWluZGV4IDBzO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxufSJdLCJzb3VyY2VSb290IjoiIn0=*/