.cboth{
	clear:both;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.bsize{
	box-sizing:border-box;
}
.oflow{
	overflow:hidden;
}
.dnone{
	display:none;
}
.tf{
	text-transform: uppercase;
}
.white-space{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.do{
	background-color: #d90303;
}
.da-cam{
	background-color: #ff8706;
}
.xanh-la{
	background-color: #457109;
}
.xanh-luc{
	background-color: #1a4ea3;
}
.thumb-full{
	overflow: hidden;
}
.thumb-full>img{
	width: 100% !important;
	height: auto !important;
	min-height: 100% !important;
}
.mark-content{
	transition: all ease-in-out .5s;
}
.header-bottom .container,
.logo{
	transition: all ease-in-out .3s;
}

/* Mau xanh */
.du-an-item-title a:hover,
.sidebar-new-item-title a:hover{
	color: #FF0000;
}

/**/
.item-thumbnail{
	display:block;
	position: relative;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-o-perspective: 1000;
	perspective: 1000;
}
.item-thumbnail img{
	width:100%;
	height:auto;
	transition:all .4s;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.item-thumbnail:hover img{
	filter: brightness(80%);
	-webkit-filter: brightness(80%);
	-moz-filter: brightness(80%);
	-ms-filter: brightness(80%);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
.thumbnail-hoverlay{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:0;
	box-sizing: border-box;
	background-color: #18bef1;
	transition:all .4s;
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
}
.thumbnail-hoverlay-icon{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:0;
	box-sizing: border-box;
	-webkit-transform: translateY(-60px) scale(1.5);
	transform: translateY(-60px) scale(1.5);
	transition:all .45s;
}
.thumbnail-hoverlay-icon .fa{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-13px;
	margin-left:-13px;
	font-size:26px;
	color:#fff;
	margin-top: -20px;
    margin-left: -20px;
    font-size: 20px;
    border: solid 1px;
    width: 40px;
    height: 40px;
    line-height: 38px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    text-align: center;
}
.thumbnail-hoverlay-icon .fa:before {
    display: inline-block;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.item-thumbnail:hover .thumbnail-hoverlay{
	opacity:.5;
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
}
.item-thumbnail:hover .thumbnail-hoverlay-icon{
	opacity:1;
	-webkit-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);
}