.catalog-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 5px; }
  .catalog-top--mb--80 {
    margin-bottom: 80px; }
    @media only screen and (max-width: 991px) {
      .catalog-top--mb--80 {
        margin-bottom: 70px; } }
    @media only screen and (max-width: 479px) {
      .catalog-top--mb--80 {
        margin-bottom: 60px; } }
  .catalog-top__title {
    font: bold 36px "Roboto", Sans-Serif;
    color: #000;
    margin: 70px 0 0; }
  .catalog-top__item {
    width: -webkit-calc(20% - 30px);
    width: calc(20% - 30px);
    margin: 30px 15px 0;
    text-align: center;
    position: relative;
    padding-bottom: 34px; }
    @media only screen and (max-width: 1070px) {
      .catalog-top__item {
        width: -webkit-calc(25% - 30px);
        width: calc(25% - 30px); } }
    @media only screen and (max-width: 890px) {
      .catalog-top__item {
        width: -webkit-calc(33% - 30px);
        width: calc(33% - 30px); } }
    @media only screen and (max-width: 660px) {
      .catalog-top__item {
        width: -webkit-calc(50% - 30px);
        width: calc(50% - 30px); } }
    @media only screen and (max-width: 479px) {
      .catalog-top__item {
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px); } }

.catalog-item__pic {
  overflow: hidden;
  position: relative;
  display: block; }

.catalog-item__shape {
  padding-top: 119%; }

.catalog-item__wrap-pic {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.catalog-item__img {
  max-width: 100%;
  max-height: 100%; }
  @media only screen and (max-width: 767px) {
    .catalog-item__img {
      max-height: 50%; } }
  @supports ((-o-object-fit: contain) or (object-fit: contain)) {
    .catalog-item__img {
      -o-object-fit: contain;
      object-fit: contain;
      height: 100%;
      width: 100%; } }

.catalog-item__title {
  display: block;
  text-align: left;
  font: 500 15px "Roboto", Sans-Serif;
  color: #065bbb;
  margin: 10px 0 0; }
  @media only screen and (max-width: 479px) {
    .catalog-item__title {
      text-align: center; } }

.catalog-item__desc {
  text-align: left;
  font: normal 14px "Roboto", Sans-Serif;
  color: #4a4a4a;
  margin: 5px 0 0; }
  @media only screen and (max-width: 479px) {
    .catalog-item__desc {
      text-align: center; } }

.catalog-item__price {
  text-align: left;
  font: bold 17px "Roboto", Sans-Serif;
  color: #000000;
  margin: 5px 0 0; }
  @media only screen and (max-width: 479px) {
    .catalog-item__price {
      text-align: center; } }

.catalog-item__panel {
  height: 24px;
  width: 100%;
  margin-top: 10px;
  position: absolute;
  bottom: 0; }

.catalog-item__basket {
  position: absolute;
  width: 107px;
  height: 24px; }

.catalog-item__favour {
  float: right;
  width: 24px;
  height: 24px; }
  .catalog-item__favour .droplet__img {
    background-image: url(/local/static/build/img/catalog-item__favour.svg); }

.catalog-item__compare {
  float: right;
  margin-right: 5px;
  width: 24px;
  height: 24px; }
  .catalog-item__compare .droplet__img {
    background-image: url(/local/static/build/img/catalog-item__compare.svg); }