#anime-trending {
    margin-bottom: 0;
    padding: 0 0 15px;
    background: #121315;
    background: -moz-linear-gradient(0deg,#121315 0,rgba(18,19,21,0) 99%);
    background: -webkit-linear-gradient(0deg,#121315 0,rgba(18,19,21,0) 99%);
    background: linear-gradient(0deg,#121315 0,rgba(18,19,21,0) 99%);
}
.trending-list {
    padding-right: 60px;
    padding-left: 0;
    opacity: 0;
    position: relative;
    animation: trending-show .2s forwards;
    animation-delay: 1s;
    height: 230px;
}
.film-poster-ahref i, .film-poster-ahref:after, .film-poster-ahref:before, .film-poster-img, .preform.preform-dark .form-control, .trending-list {
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
}
#anime-trending .block_area {
    margin-bottom: 0;
	    border-radius: 0;
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
	transition-timing-function: linear;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.swiper-slide {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.trending-list .item {
    width: 100%;
    height: auto;
    padding-bottom: 115%;
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.trending-list .item .number {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    width: 40px;
    text-align: center;
    font-weight: 600;
    cursor: default;
    background: #4a4b51;
    background: -moz-linear-gradient(180deg,#4a4b51 0,rgba(74,75,81,0) 99%);
    background: -webkit-linear-gradient(180deg,#4a4b51 0,rgba(74,75,81,0) 99%);
    background: linear-gradient(180deg,#4a4b51 0,rgba(74,75,81,0) 99%);
}
.trending-list .item .number span.nm {
    position: absolute;
    bottom: 0;
    font-size: 24px;
    line-height: 1em;
    text-align: center;
    color: #cae962;
    z-index: 9;
    left: 0;
    right: 0;
}
.trending-list .item .number .fadee .message2.active{
	position: absolute !important;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    position: absolute;
    bottom: 0;
    font-size: 22px !important;
    line-height: 40px !important;
    text-align: center !important;
    color: #cbee5d !important;
    z-index: 9;
    left: 0;
    right: 0;
    letter-spacing: 1px;
	
}
#anime-trending .trending-list .item .number .film-title {
    text-align: right;
    height: 40px;
    transform: rotate(-90deg);
    position: absolute;
    bottom: 105px;
    width: 190px;
    line-height: 40px;
    text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;
    left: -76px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}	
#anime-trending .trending-list .item .film-poster {
    display: inline-block;
    background: #2a2c31;
    position: absolute;
    width: auto;
    left: 40px;
    right: 0;
    top: 0;
    bottom: 0;
    padding-bottom: 0;
    height: auto;
    margin-bottom: 0;
}
#anime-trending .film-poster .film-poster-img, #anime-trending .item-cover-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@keyframes trending-show {
    from {
        opacity: 0;
        height: 230px
    }

    to {
        opacity: 1;
        height: auto
    }
}
.trending-navi {
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    width: 40px;
}
.trending-navi>div {
    position: absolute;
    height: 48%;
    top: 0;
    left: 0;
    right: 0;
    background: #2a2b31;
    border-radius: 0 10px 10px 0;
    text-align: center;
    cursor: pointer;
    outline: 0;
    box-shadow: none;
	color:#fff;
}
.trending-navi>div.navi-prev {
    bottom: 0;
    top: auto;
}
.trending-navi>div>svg{
    position: absolute;
    font-size: 24px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
@media screen and (max-width: 1299px){
	.block_area .block_area-header .cat-heading {
    font-size: 22px;
}
}
@media screen and (max-width: 759px){
	.trending-list {
    padding: 0;
}
.trending-navi {
    display: none;
}
}
@media screen and (max-width: 575px){
	#anime-trending {
    padding: 0;
    background: 0 0;
    margin-bottom: 0;
	}
    #trending-home:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: auto;
        width: 30px;
        z-index: 10;
        background: #202125;
        background: linear-gradient(90deg,rgba(32,33,37,0) 0,rgba(32,33,37,.9) 100%)
    }		
	.trending-list .item {
		padding-bottom: 150%;
	}
	.trending-list .item .number {
		bottom: auto;
		top: 0;
		right: auto;
		width: 40px;
		left: 0;
		height: 30px;
		background: #fff;
		z-index: 9;
	}
#anime-trending .trending-list .item .number span.nm {
    font-size: 18px;
    line-height: 30px;
    transform: none;
    text-align: center;
    color: #111;
}	
#anime-trending .trending-list .item .film-poster {
    left: 0;
    top: 0;
    bottom: 0;
}	
}
@media screen and (max-width: 480px){
	.block_area .block_area-header .cat-heading {
    font-size: 18px!important;
    margin: 0;
    line-height: 36px;
}
}
.block_area .block_area-header {
    margin-bottom: 15px;
    display: block;
    width: 100%;
	position: relative;
}