.post-ul{
	display: flex;
    flex-wrap: wrap;
	padding-left: 0;
    list-style: none;
	color:#292929;
	position:relative;
/*	height: 95px;*/
	position: relative;
	overflow:hidden;

	}

.more{
	cursor:pointer;
	padding: 10px 0;
	}
	

		
.post-ul .more span{
	background:#ececec;
//	padding:5px;
	border-radius:2px;
	}
	
.post-ul li{
	flex: 0 0 20%;
    max-width: 20%;
	background:#fff;
	border: 1px solid #ececec;
	box-sizing:border-box;
	border-radius:10px;
	padding-top:10px;
	padding-bottom:10px;
	}
	
.post-ul li .icon{
	font-size:30px;
	}

.title-icon{
	font-weight:500;
	font-style:italic;
	}
	
.post-ul .info{
	width:95%;
	margin:auto;
	text-align:left;
	font-size:17px;
	font-weight:500;
	border-bottom:2px solid #b9b9b9;
	}
	
.post-ul .info-ti{
	width:95%;
	margin:auto;
	text-align:left;
	font-size:17px;
//	line-height:5px;
	font-style:italic;
	font-weight:500;
	}
.post-ul .info-ti-spa{
	font-weight:400;
	}
	
/*pos-descarga*/

.rel {
    width: 95%;
    background: #fff;
    margin: auto;
    border-left: solid #fec601;
    padding: 10px;
}
	
.rel span{
    font-size:17px;
    font-weight: 500;

}

.rel .fa{
        color: #FEC601;
}
	
.post-ani{
	display:flex;
	flex-wrap: wrap;
	}
	
.post-ani-v{
	flex: 0 0 25%;
    max-width: 25%;
	margin-top:10px;
	}
	
.post-post-ani{
	width:75%;
	max-width: 226px;
	margin: 10px auto 10px;
	position:relative;
	overflow:hidden;
	border-radius:8px;
	}
	
.post-post-ani:hover {
    filter: brightness(1.1);
}
.post-ani-img{
	display: block;
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
	box-shadow: inset 0px -6px 13px 4px #5e007342;
	box-sizing: border-box;
	border-bottom: none;
	transition:all 0.3 ease-in;
	}

.post-ani-img:hover{
	box-shadow: inset 0px -6px 13px 4px #ffffff91;
	transform: scale(1.08);
	
	}
	
.post-ani-s{
	padding-top: 140%;
    display: block;
    background: linear-gradient(to bottom, #00000000 0%,#2f2f2f2e 70%,#0000008c 100%);
	}
.post-ani-title{
    width: 97%;
	position:absolute;
	bottom:10;
	color:#fff;
	text-align:left;
	margin-left:5px;
	font-weight:500;
	font-size:16px;
/*	text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.25);*/
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	}





@media only screen and (max-width: 700px){

.post-ul li {
    flex: 0 0 50%;
    max-width: 50%;
}

.post-post-ani {
    width: 95%;


}


}



@media only screen and (max-width: 400px){

.post-ul li {
    flex: 0 0 50%;
    max-width: 50%;
}

.post-ani-v {
    flex: 0 0 50%;
    max-width: 50%;
}

.post-post-ani {
    width: 85%;
}

}