.shareSocial {
    display: flex;
    flex-flow: row;
    align-items: center;
    margin-bottom: 30px;
    @media (max-width: 767px) {
      flex-flow: column;
      display: block;
    }
    .socialList {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: flex-start;
      justify-content: center;
      flex-flow: row wrap;
      li {
        margin: 5px;
        &:first-child {
          padding-left: 0;
        }
        a {
          position: relative;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 40px;
          height: 40px;
          border-radius: 100%;
          text-decoration: none;
          background-color: #999;
          color: #fff;
          transition: .35s;
          i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform-origin: top left;
            transform: scale(1) translate(-50%, -50%);
            transition: .35s;
          }
          &:hover {
            i {
              transform: scale(1.5) translate(-50%, -50%);
            }
          }
        }
        &:nth-child(1) a {
          background-color: #135cb6;
        }
        &:nth-child(2) a {
            background-color: #1FB381;
        }
        &:nth-child(3) a {
          background-color: #BD081C;
        }
        &:nth-child(4) a {
          background-color: #1FB381;
        }
      }
    }
  }



  .footer-cat-links a {
    color: #cecece;
    text-decoration: none;
    position: relative;
}

.footer-cat-links.active > li a {
    pointer-events: auto;
}

.footer-cat-links a:after {
    top: 21px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    width: 0;
    background: #fff;
    
    -webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
}

.footer-cat-links a:hover:after, .footer-cat-links a:focus:after {
    width: 100%;
    left: 0;
}

.animate__flipOutY {
  animation-delay: 3s;
}