.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;
}
.du-an-item-title a:hover,
.sidebar-new-item-title a:hover{
    color: #273b81;
}
.item-thumbnail{
    display:block;
    position: relative;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
}
.item-thumbnail img{
    width:100%;
    height:100%;
    transition:all .4s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    bottom: 0;
    font-family: "object-fit: cover;";
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.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: #f17e18;
    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);
}