.category {
  position: relative;
  width: 100%;
}

.category__header {
  font-size: 2.7rem;
  line-height: 3.1rem;
  text-transform: uppercase;
  color: var(--color-aqua);
  margin: 6rem 0 2rem 0;
  width: 100%;
  max-width: 995px;
}

.ccatalog {
  z-index: 0;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ccatalog__flex {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 5rem;
}

.ccatalog__item {
  cursor: pointer;
  display: block;
  position: relative;
  width: 100%;
  max-width: 511px;
  margin-bottom: 2rem;
  margin-top: 100px;
}

.ccatalog__nav-arr {
  position: absolute;
  bottom: 25px;
  display: flex;
  color: var(--color-aqua);
  margin-top: 10px;
  margin-left: calc(100% - 130px);
  transition: .3s;
}

.ccatalog__item-image {
  position: relative;
  width: 100%;
  padding: 0 0 47px 15px;
  margin-bottom: 40px;
  min-height: 310px;
}

.ccatalog__item-image::before {
  content: '';
  z-index: -1;
  opacity: .5;
  position: absolute;
  right: 30px;
  bottom: -35px;
  width: 382px;
  height: 130px;
  background: url( '../../images/bg-55.png' );
}

.ccatalog__item-image::after {
  content: '';
  z-index: -1;
  width: calc(100% - 70px);
  height: 151px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #f4f4f4;
  transition: .1s;
  opacity: .7;
}

.ccatalog__item-image img {
  width: 370px;
  height: 240px;
  box-shadow: 0 0 10px #ccc;
  object-fit: contain;
  background: #fff;
  padding: 15px;
  transition: all .3s;
}
.ccatalog__item:hover .ccatalog__item-image img {
  box-shadow: 3px 3px 10px #bbb;
  transition: all .3s;
}

.ccatalog__item-header {
  font-size: 1.7rem;
  color: var(--color-aqua);
  text-transform: uppercase;
}

.ccatalog__item:hover .ccatalog__item-image::after {
  background: #eee;
  transition: all .3s;
}

.ccatalog__item:hover .ccatalog__nav-arr {
  margin-left: calc(100% - 104px);
}

.cat-children {
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin: 100px 0;
  flex-wrap: wrap;
}
.cat-children > div {
  width: 430px;
  text-align: center;
  padding: 20px;
}
.cat-children > div::before {
  content: "1";
  position: absolute;
  font-size: 50px
}
.cat-children img {
  width: 330px;
  height: 220px;
  padding: 15px;
  box-shadow: 0 0 10px #ccc;
  object-fit: contain;
  background: #fff;
  transition: .3s;

}

.item-pic {
    position: relative;
}
.cat-children .item-pic::before {
    content: '';
    z-index: -1;
    opacity: .5;
    position: absolute;
    right: 0px;
    bottom: -80px;
    width: 382px;
    height: 130px;
    background: url( '../../images/bg-55.png' );
}

.cat-children .item-pic::after {
    content: '';
    z-index: -1;
    width: calc(100% - 50px);
    height: 151px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--color-dark-gray);
    transition: .1s;
    opacity: .7;
}

.cat-children > div:hover img {
  box-shadow: 3px 3px 10px #bbb;
  transition: all .3s;
}


.cat-children h3 {
  	font-size: 1.7rem;
  	color: var(--color-aqua);
  	text-transform: uppercase;
    text-align: left;
    margin-top: 30px;
}
.cat-children .item-pic {
  	min-height: 250px;
}
.cat-children .readmore a {
    margin-top: 2rem;
    text-align: left;

}

.category-desc {
  margin: 100px 0 50px;
  border-top: 5px solid #eee;
  padding-top: 40px;
}
.category-desc ul{
  padding-left: 30px;
  margin: 30px 0;
}
.category-desc h3{
  color: var(--color-aqua)
}