.post-box {
    margin-bottom: 3.75rem;
}
.post-info {
    padding: 1.2rem 0rem 0 0;
}
.post-img > a {display: block;}
.post-img > a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
  z-index: 1;
  opacity: 0;
}
.post-box:hover .post-img > a::before {opacity: .5;}
.post-box:hover .post-img > a img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.post-info > a {
    font-size: 14px;
    height: 3.125rem;
    width: 3.125rem;
    line-height: 2.5rem;
    border: 5px solid #fff;
    position: absolute;
    text-align: center;
    left: 1.875rem;
    top: -1.875rem;
    z-index: 1;
}
.post-info > span, .post-meta3 > li {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--skins-color);
}
.post-info > h3, .post-info3 > h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}

.post-info > a i{
	color:#fff;
}
.post-info > span, .post-meta > li {
    font-size: .9375rem;
    font-weight: 500;
}
.post-info > span + h3 {margin-top: 7px;}
.post-info > h3 {
  font-size: 1.5rem;
  line-height: 2.0rem;
  color: #333;
}
.post-info > h3 + ul {margin-top: 1.25rem;}
.post-meta > li {
  font-size: 14px;
  color: #777;
  line-height: 1.5;
}
.post-meta > li i {
  color: var(--skins-color);
  margin-right: 8px;
}
.post-info > a:hover, 
.post-info > a:focus {
  background-color: #333;
  color: #fff;
}
.post-meta > li:not(:first-child) {/* padding-left: 2.8125rem; */}
.blog-wrap + .view-more {margin-top: -10px;}