@font-face {
    font-family: 'utm-hanzel';
    src: url('../fonts/utm-hanzel/utmhanzel.eot');
    src: url('../fonts/utm-hanzel/utmhanzel.eot') format('embedded-opentype'),
         url('../fonts/utm-hanzel/utmhanzel.woff') format('woff'),
         url('../fonts/utm-hanzel/utmhanzel.ttf') format('truetype'),
         url('../fonts/utm-hanzel/utmhanzel.svgutmhanzel') format('svg');
}

@font-face {
    font-family: 'american-san';
    src: url('../fonts/american-san.otf');
    src: url('../fonts/american-san.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



/*THƯ VIỆN*/
.mcn-glr {margin-bottom: 40px;overflow: hidden;}
.lg-outer .lg-thumb {margin: 0 auto -5px !important}
.lSSlideOuter .lSPager.lSGallery li {height: 110px;position: relative;}
.lSSlideOuter .lSPager.lSGallery li:after{content:'';width: 100%;height: 100%;position: absolute;top:0;left: 0;background: #000;opacity: 0;cursor: pointer;-webkit-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;}
.lSSlideOuter .lSPager.lSGallery li a img {width: 100%;height: 100%}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {border-radius: 0;}
.lSSlideOuter .lSPager.lSGallery li.active:after, .lSSlideOuter .lSPager.lSGallery li:hover:after {opacity: 0.6}


/* .rg-product{border: 1px solid #ebebeb; margin-bottom: 20px;} */
.rg-product .lst-rg{padding: 0 10px;}
.rg-product ul{overflow: hidden; margin: 0 -10px;}
.rg-product ul li{float: left; width: 100%; margin-bottom: 10px;}
.rg-product a.img{width: 100%; height: auto; float: left; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: center; border: 1px solid #eff1f7;}
.rg-product a.img img{height: 100%}
/* .rg-product .txt-rg{width: calc(100% - 85px); float: right;} */
.rg-product h3{margin: 0;}
.rg-product h3 a{font: 600 16px/20px 'Open Sans', sans-serif; color: #333;/*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/}
.rg-product h3 a:hover{color: #00951d}
.rg-product p{font: 400 12px/normal 'Open Sans', sans-serif; color: #696969; margin-bottom: 5px;}


.rg-product li a.img{position: relative;}
.rg-product a.img::before {position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.rg-product a.img:hover::before {-webkit-animation: shine 1.2s; animation: shine 1.2s; }
@-webkit-keyframes shine {100% {left: 125%; } }
@keyframes shine {100% {left: 125%; } }