.tien-ich-1 {

	padding-left: 8vw;

}

.tien-ich-1 .thumb{

	width: 67%;

}

.tien-ich-1 .box-text{

	width: 45%;

	background: #080C18;

    padding: 20px;

    margin-right: -15%;

    z-index: 2;

    color: #fff;

}

.tien-ich-1 .box-text .box{

	padding: 40px;

   border: 1px solid #8D7755;

}

.tien-ich-2{

	flex-direction: row-reverse;

}

.tien-ich-2 {

	padding-right: 8vw;

}

.tien-ich-2:before{

	content: ' ';

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	position: absolute;

/*	background-image:url(../img/Background1.png);*/

	background-image:url(../img/line.gif);

	opacity: 0.1;

	background-size: cover;

	background-repeat: no-repeat;

	z-index: 1;



}

.tien-ich-2.active:before{

/*	background-image:url(../img/line.gif);*/

	opacity: 0.1;

}

.tien-ich-2 .thumb{

	width: 58%;

	z-index: 2;

}

.tien-ich-2 .box-text{

	width: 35%;

	color: #080C18;

}



.tien-ich-2 .item{

	flex-direction: row-reverse;

}





.color-section{

    position: relative;

    overflow: hidden;

/*    height: 30%;*/

    background: linear-gradient(to top, #f2f2f2 0%, #f2f2f2 33%, #ffffff 33%, #ffffff 100%);

}



.tin-tuc .clip-effect {

  clip-path: inset(0 100% 0 0);

  transition: all 0.6s ease-in;

  -webkit-transition: all 0.6s ease-in;

}



.tin-tuc.active .clip-effect {

  clip-path: inset(0 0 0 0);

  transition-delay: 0.3s;

  -webkit-transition-delay: 0.3s;

}



.list-post .post-new .thumb::before {

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);

    content: "";

    display: block;

    height: 100%;

    left: -75%;

    position: absolute;

    top: 0;

    transform: skewX(-25deg);

    width: 50%;

    z-index: 1;

}

.list-post .post-new:hover .thumb::before {

    animation: new_shine 1s;

}



.list-post .post-new .thumb img {

    transition: all 300ms ease-in-out;

}

.list-post .post-new:hover .thumb img {

    transition: all 300ms ease-in-out;

    transform: scale(1.1);

}

.list-post .post-new:hover h3.title{

    color: #E8C981;

}

@keyframes new_shine{

    100% {

        left: 125%;

    }

}





@media(max-width:1024px){

	.tien-ich-1{

		padding-top: 50px;

		padding-left: 0;

		padding-right: 0;

	}

	.tien-ich-1 .thumb{

		width: 100%;

		order: 1;

	}

	.tien-ich-1 .box-text{

		width: 100%;

	  margin-right: unset;

	  order: 2;

	  padding: 20px;

    margin: 0 20px;

    margin-top: -20px;

    z-index: 2;

	}

	.tien-ich-1 .box-text .box{

		padding: 20px;

	}

	.tien-ich-2{

		padding:50px 0px 0;

	}

	.tien-ich-2 .thumb{

		width: 100%;

	}

	.tien-ich-2 .box-text{

		width: 100%;

		padding: 0 20px 30px;

	}

}