@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
body { font-family: 'Quicksand', sans-serif;font-weight: 400; font-size: 14px; line-height: 1.5; height: 100%; margin: 0 auto; }
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-button { width: 0px; height: 0px; }
::-webkit-scrollbar-track { background-color: #c3c3c3; }
::-webkit-scrollbar-track-piece { background-color: #ffffff; }
::-webkit-scrollbar-thumb { height: 50px; background-color: #c3c3c3; border-radius: 3px; }
::-webkit-scrollbar-corner { background-color: #ffffff; }
::-webkit-resizer { background-color: #666; }
h1, h2, h3, h4, h5, h6, p { font-weight: normal; margin: 0; padding: 0; }
a:hover, a:focus { text-decoration: none; }
ul, li { list-style: none; margin: 0; padding: 0; }
img { max-width: 100%; height: auto; }
#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span { width: 100% !important; }
.fb-page, .fb-page span, .fb-page span iframe[style] { width: 100% !important; }
#bandoiframe iframe { width: 100% !important; }
.grecaptcha-badge { right: 100% !important; }
.video_iframe iframe { height: 275px !important; margin: 0; line-height: initial; width: 100% !important; }
.hidden-seoh { visibility: hidden; height: 0px; margin: 0px; overflow: hidden; }
.was-validated:invalid ~ .invalid-feedback, .was-validated:invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .form-control:invalid, .form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-image: url(data:image/svg+xml,%3csvg xmlns=!string!width=!string!height=!string!fill=!string!stroke=!string!viewBox=!string!%3e%3ccircle cx=!string!cy=!string!r=!string!/%3e%3cpath stroke-linejoin=!string!d=!string!/%3e%3ccircle cx=!string!cy=!string!r=!string!fill=!string!stroke=!string!/%3e%3c/svg%3e); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); box-shadow: 2px 2px 1px #dc3545; }
#popup-notify-label { text-align: center; text-transform: capitalize; font: 30px RobotoBold; color: #ed1c24; padding: 10px 0 0; }
:root { --colormain: #000; --colormainhv: #da251d; --bgmain: #000; --bgmainhv: #da251d; }

@font-face { font-display: block; font-family: 'RobotoBold'; src: url('../fonts/all_font/RobotoBold.eot'); src: url('../fonts/all_font/RobotoBold.eot?#iefix') format('embedded-opentype'), url('../fonts/all_font/RobotoBold.woff') format('woff'), url('../fonts/all_font/RobotoBold.ttf') format('truetype'), url('../fonts/all_font/RobotoBold.svg#RobotoBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-display: block; font-family: 'RobotoRegular'; src: url('../fonts/all_font/RobotoRegular.eot'); src: url('../fonts/all_font/RobotoRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/all_font/RobotoRegular.woff') format('woff'), url('../fonts/all_font/RobotoRegular.ttf') format('truetype'), url('../fonts/all_font/RobotoRegular.svg#RobotoRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-display: block; font-family: 'UTMAvoBold'; src: url('../fonts/all_font/UTMAvoBold.eot'); src: url('../fonts/all_font/UTMAvoBold.eot?#iefix') format('embedded-opentype'), url('../fonts/all_font/UTMAvoBold.woff') format('woff'), url('../fonts/all_font/UTMAvoBold.ttf') format('truetype'), url('../fonts/all_font/UTMAvoBold.svg#UTMAvoBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-display: block; font-family: 'UTMImpact'; src: url('../fonts/all_font/UTMImpact.eot'); src: url('../fonts/all_font/UTMImpact.eot?#iefix') format('embedded-opentype'), url('../fonts/all_font/UTMImpact.woff') format('woff'), url('../fonts/all_font/UTMImpact.ttf') format('truetype'), url('../fonts/all_font/UTMImpact.svg#UTMImpact') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-display: block; font-family: 'SFUDinEngAlt'; src: url('../fonts/all_font/SFUDinEngAlt.eot'); src: url('../fonts/all_font/SFUDinEngAlt.eot?#iefix') format('embedded-opentype'), url('../fonts/all_font/SFUDinEngAlt.woff') format('woff'), url('../fonts/all_font/SFUDinEngAlt.ttf') format('truetype'), url('../fonts/all_font/SFUDinEngAlt.svg#SFUDinEngAlt') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-display: block; font-family: 'UTMBeautifulCaps'; src: url('../fonts/all_font/UTMBeautifulCaps.eot'); src: url('../fonts/all_font/UTMBeautifulCaps.eot?#iefix') format('embedded-opentype'), url('../fonts/all_font/UTMBeautifulCaps.woff') format('woff'), url('../fonts/all_font/UTMBeautifulCaps.ttf') format('truetype'), url('../fonts/all_font/UTMBeautifulCaps.svg#UTMBeautifulCaps') format('svg'); font-weight: normal; font-style: normal; }
.flex_menu { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; align-items: center; justify-content: space-between; }
.flex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; align-items: center; justify-content: space-between; }
.flex_wrap { flex-wrap: wrap; }
.flex_row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }

/*header*/
header { top: 0; z-index: 123; width: 100%; background: #fff; position: relative; z-index: 99; }

.wrap-content{width: 1200px !important;margin: auto;max-width: calc(100% - 20px) !important;padding: 0 !important}
div.wap_thongtin
{
    padding: 5px 0;
    font-size: 13px;
    color: #000;
    border: 1px solid #ccc;
    background: #f8f8f8;
}
div.thongtin .slogan{flex: 1;font-size: 15px;}
div.thongtin span.diachi{
    font-size: 15px;
    color: #545454;
}
div.thongtin span.dienthoai{}
div.thongtin span.email{}
div.thongtin i
{
    margin-right: 6px;
    font-size:17px;
    color: #f8bfcd;
}
div.mxh_top
{
    float:right;
    line-height: 0;
}
.mxh_top a {
    width: 30px;
    margin-left: 1px;
    line-height: 0;
}
div.mxh_top a img
{
    margin:0px;
}

header .wrap-top { padding: 10px 0; background: #fff; }
.wrap-top-row { }
.topone { background: var(--bgmain); font-family: RobotoBold; font-size: 14px; color: #fff; padding: 3px 0; }
.topone_left { width: 30%; padding: 5px 0 0; }
.topone_center { width: 40%; text-align: center; }
.topone_right { width: 30%; }
.mangxahoi_header { justify-content: flex-end; }
.logo { width: 35%; }
.banner-header{max-width: calc(100% - 100px)}
.hotline{
    background: url('../images/hotline.png') left center no-repeat;
    padding: 5px 0;
    padding-left: 58px;
    font-size: 15px;
    color: #333333;
    line-height: 44px;
}
.box-giohang-fix{
    display: block;
    height: 35px;
    background: url(../images/giohang.png) no-repeat left center,#fff;
    padding-left: 48px;
    font-size: 13px;
    font-family: 'RobotoRegular';
    color: #000;
}
.box-giohang-fix b{
    display: block;
    font-weight: normal;
    font-family: 'RobotoBold';
    color: #000;
    font-size: 15px;
    line-height: 17px;
 }
/* Menu */
.menu { background: #f8bfcd; }

.showmnrp {
    display: none;
}

div#box-danhmuc .bix-l-khac{
    width:100%;
    }
div#box-danhmuc:hover .bix-l-khac{}
div#box-danhmuc .bix-l-khac ul{
    width:100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=0, Color=#949494)";/*IE 8*/
    -moz-box-shadow: 0 7px 14px 4px rgba(148,148,148,0.2);/*FF 3.5+*/
    -webkit-box-shadow: 0 7px 14px 4px rgba(148,148,148,0.2);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 7px 14px 4px rgba(148,148,148,0.2);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=14, Direction=135, Color=#949494); /*IE 5.5-7*/
}
.bix-l{
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    height: 368px;
    left: 0;
    top: 100%;
    border-bottom: 2px solid #f8bfcd;
    display: none;
}
.bix-l.active{display: block;}
.bix-l ul{
    width: 100%;
    box-sizing: border-box;
}
ul.cap1 {
    overflow-y: auto;
    height: 366px;
}
.bix-l ul::-webkit-scrollbar {width: 5px;}
.bix-l ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.bix-l ul::-webkit-scrollbar-thumb{background-color: #f74e02;outline: 1px solid slategrey;}
.bix-l ul.cap1 > li.cocap{background: url(../images/mten.png) no-repeat 250px center !important;}
.bix-l ul li{
    list-style:none;
    width:100% !important;
    border-bottom:0px !important;
}
.bix-l ul li a{
    color: #000 !important;
    padding: 10px 0px 10px 10px !important;
    text-decoration: none;
    display: block;
    font-size: 15px !important;
    border-bottom: 1px solid #dfdfdf;
    line-height:25px;
    text-align: initial;
    text-transform: capitalize;
 }

.bix-l ul li a span {
    width: 30px;
    display: flex;
    text-align: center;
    margin-right: 5px;
    float: left;
    justify-content: center;
}

.bix-l ul li a img {
    margin-right: 8px;
}
.bix-l ul li a:hover,.bix-l ul li:hover > a{
    color: #f00 !important;
}
.bix-l ul li ul{
    position:absolute;
    width:240px;
    opacity: 0;
    visibility: hidden;
    z-index:-1;
    left:100%;
    top:0px;
    transition:0.4s;
    background: #fff;
    width:100%;
    height:auto;
    z-index: 99;
}


.bix-l ul li{
        
}
.bix-l ul li ul li a{
    padding: 10px 10px 10px 10px !important;
    }
.bix-l ul li:hover ul.cap2{
    opacity: 1;
    visibility: visible;
    left:99%;
    z-index:5;
}

.bix-l ul.cap2 li:hover ul{
    opacity: 1;
    visibility: visible;
    left:99%;
    z-index:5;

}

div#box-danhmuc{
    width: 270px;
    position:relative;
    box-sizing:border-box;
    background: #fff;
    font-size: 17px;
    color: #000;
    text-align: left;
    text-transform: uppercase;
    z-index: 99;
    height: auto;
    top: 5px;
    margin-bottom: -2px;
}
.top-0{top: 0 !important}
.tieude-dm {
    height: 47px;
    line-height: 45px;
    font-weight: 500;
    position: relative;
    background: #fff;
    padding-left: 15px;
    cursor: pointer;
    border-bottom: 2px solid #f8bfcd;
}
.tieude-dm i{
    float:right;
    margin-top: 6px;
    margin-right: 5px;
    width:33px;
    height:33px;
    display:flex;
    align-items:center;
    justify-content:center;
    border: 2px solid #f8bfcd;
    color: #f8bfcd;
}


#box-danhmuc:hover .bix-l{
    display: block !important;
    position: absolute;
}
.menu.fix_menu div#box-danhmuc{top: 0;margin-bottom: 0;}
.menu ul#main-nav { width:calc(100% - 270px); padding: 0px; margin: auto; list-style: none; align-items: center; position: relative; }
.menu ul#main-nav li {z-index: 99; }
.menu ul#main-nav#main-nav>li:last-child:after { background: none; }
.menu ul#main-nav#main-nav>li.line{background: rgb(0 0 0 / 30%);height: 45px;width: 2px;}
.menu ul#main-nav li a {display: block;position: relative;z-index: 1;text-align: center;text-decoration: none !important;font-size: 15px;color: #000;margin: 0px;padding: 0px 30px;text-transform: uppercase;line-height: 45px;}
.menu ul#main-nav li a.active { color: #f00; }
.menu ul#main-nav li:hover>a { color: #f00; }
.menu >.container > ul > li > ul { position: absolute; background-image: linear-gradient(to right, #ecad2c, #fde56e, #efb738); box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1); -webkit-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; opacity: 0; visibility: hidden; transition: all .5s; left: 0px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.menu >.container > ul > li:hover>ul { -webkit-transform: perspective(600px) rotateX(0); transform: perspective(600px) rotateX(0); -webkit-transform-origin: 0 0 0; opacity: 1; visibility: visible; transition: all .7s; }
.menu ul#main-nav li ul li a { text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.2); text-transform: capitalize; color: #000; font-family: RobotoBold; text-transform: uppercase; }
.menu ul#main-nav li ul li a { font-size: 14px; padding: 10px 15px; }
.menu ul#main-nav li ul li ul li a { text-transform: capitalize; font-family: RobotoRegular; border-bottom: none; }

/* Search */
div.search
{
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 10px;
    padding: 5px;
    width: 27%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
div.search input
{
      padding: 0px 10px;
      border: none;
      background: none;
      width: calc(100% - 40px);
      line-height: 40px;
      height: 40px;
      outline: none;
      color: #777;
      font-size: 13px;
}
div.search p
{
    font-size: 17px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background: #f8bfcd;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 10px;
}
.search input::-webkit-input-placeholder { color: #828282; }
.search input:-moz-placeholder { color: #828282; }
.search input::-moz-placeholder { color: #828282; }
.search input:-ms-input-placeholder { color: #828282; }

.menu.fadeInDown { -webkit-animation-duration: 1s; animation-duration: 1s; animation-fill-mode: both; -webkit-animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

#slider_slick{
    width: calc(100% - 290px);
    margin: 23px 0;
    z-index: 1;
    position: relative;
}

/* Breadcrumb */
.breadCrumbs {background-color: #eee;padding:  10px 0;}
.breadCrumbs .wrap-content { padding: 0.75rem 10px; max-width: 1200px; }
.breadCrumbs .wrap-content .breadcrumb { padding: 0; margin-bottom: 0; background-color: transparent; border-radius: 0; }
.breadCrumbs .wrap-content .breadcrumb-item a { color: var(--color-black); }
.breadCrumbs .wrap-content .breadcrumb-item.active a { color: var(--color-gray); }
.time-main { margin-bottom: 0.75rem; color: #999999; }
.time-main i { vertical-align: top; margin: 3px 7px 0px 0px; }
.time-main span { vertical-align: top; display: inline-block; }
.share { padding: 15px 10px 10px 10px; line-height: normal; background: #f1f1f1; margin-top: 15px; border-radius: 5px; }
.share b { display: block; margin-bottom: 5px; }
.othernews b { margin-bottom: 10px; }
.list-news-other { padding-left: 15px; list-style: square; }
.list-news-other li { margin-bottom: 10px; }
.list-news-other li a { text-transform: none; color: #333333; }
.list-news-other li a:hover, .list-news-other li a:hover span { color: #008de1; }
.list-news-other li a span { font-style: italic; color: #919191; font-size: 12px; }
.wrap-main { margin: 15px 0; }
.wrap-main.wrap-home { margin: 0; }

/* Toc */
.box-readmore { padding: 8px 15px; border: 1px solid #dedede; margin-bottom: 2rem; border-radius: 5px; background-color: #eeeeee; }
.box-readmore li ul>li { margin: 0; margin-bottom: 8px }
.box-readmore li ul>li:before { content: counters(item, ".") " " }
.box-readmore ul { list-style-type: none; counter-reset: item; margin-bottom: 0px; padding-left: 0px !important; margin-top: 8px; }
.box-readmore ul li { display: table; counter-increment: item; margin-bottom: 5px }
.box-readmore ul li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 5px }
.box-readmore ul li a { color: #333333; cursor: pointer; font-weight: 600; }
.box-readmore ul li a:hover { color: #767676; }
#footer-map { position: relative; height: 500px; }
#footer-map iframe { position: absolute !important; width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; }

/* Like Share */
.social-plugin { display: flex; justify-content: flex-start; margin-top: 10px; }
.social-plugin .at-share-btn { margin-bottom: 0px !important; }
.social-plugin .zalo-share-button { margin-left: 3px; }

/* Phân Trang  */
.pagination>li>a, .pagination>li>span { float: initial; display: inline-block; }
.page-item.active .page-link { background-color: var(--bg-main); border-color: var(--bg-main); }
.page-link { color: var(--color-main); }
.page-link:hover { color: var(--color-hv-main); }
.pagination { margin: 10px 0; display: block; text-align: center; }
.pagination-home .pagination .page-item .page-link { color: #555555; font-size: 13px; }
.pagination-home .pagination .page-item.active .page-link { color: #ffffff; background-color: #555555; border-color: #555555; }

/* Phân Trang Ajax */
.pagination-ajax { text-align: center; margin: 10px 0 10px; }
.pagination-ajax a { display: inline-block; vertical-align: top; margin: 0px 2px 3px 2px; color: #333; background: #eee; border: 1px solid rgba(161, 161, 161, 0.4); font-size: 12px; cursor: pointer; padding: 3px 10px 5px 10px; border-radius: 2px; }
.pagination-ajax a.current, .pagination-ajax a:hover { background-image: linear-gradient(to right, #ecad2c, #fde56e, #efb738); color: #000; }

/* Popup custom */
.modal-custom .modal-footer { padding: 0.5rem; }
.modal-custom .modal-footer .btn { font-size: 14px; }

/* Popup */
#popup .modal-body { padding: 0px; }

/* Hidden Google Captcha */
.grecaptcha-badge { display: none !important; width: 0px !important; height: 0px !important; visibility: hidden !important; overflow: hidden; }

/* Hidden Check Grammar Coccoc */
coccocgrammar { display: none; }

/* Scroll Top */
.scrollToTop { width: 41px; height: 41px; text-align: center; font-weight: bold; color: #444; text-decoration: none; position: fixed; bottom: 50px; right: 25px; display: none; z-index: 99; cursor: pointer; }

/* Transition All */
.transition { -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; }

/* Scale IMG */
img { margin: 0 auto; max-width: 100%; }
.img_ { overflow: hidden; display: block; position: relative; }
.img_ img { -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }
.img_:hover>img, .img_:hover a img { -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.padding { padding: 30px 0; }

/*news*/
.col_box { margin: 10px 0; }
.img_news { width: 36%; }
.content_news { width: 64%; padding: 0 0 0 14px; }
.name_news { }
.name_news a { color: #333; font: 16px 'RobotoBold'; display: block; line-height: normal; margin-bottom: 5px; }
.name_news a:hover { color: var(--color-hv-main); }
.date_news { color: var(--color-gray); margin-bottom: 0.25rem; }
.des_news { color: #333333; font: 14px RobotoRegular; margin-top: 5px; line-height: 22px; display: -webkit-box; width: 100%; -webkit-webkit-line-clamp: 3; -moz-webkit-line-clamp: 3; -ms-webkit-line-clamp: 3; -o-webkit-line-clamp: 3; -webkit-line-clamp: 3; -webkit-webkit-box-orient: vertical; -moz-webkit-box-orient: vertical; -ms-webkit-box-orient: vertical; -o-webkit-box-orient: vertical; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

/*news*/

/*about*/
.about_index { padding: 50px 0; position: relative; overflow: hidden; }
.about_index:after { content: ''; background: url(../images/after_gt.png) no-repeat; width: 238px; height: 431px; position: absolute; right: -15px; top: 0px; }
.row_about { }
.about_left { width: 54%; padding: 0px 15px 0 0; }
.about_right { width: 45%; padding: 0 0 0 15px; text-align: center; }
.about_title { font-family: UTMBeautifulCaps; font-size: 47px; color: #faba10; line-height: 44px; }
.about_name { font: 15px RobotoRegular; text-transform: uppercase; background: url(../images/title_gt.png) bottom center no-repeat; padding-bottom: 20px; }
.about_name h2 { color: #000; font-family: SFUDinEngAlt; font-size: 45px; }
.about_name h3 { color: #da251d; }
.about_des { font: 15px RobotoRegular; color: #293034; line-height: 28px; margin: 24px 0 25px; display: -webkit-box; width: 100%; -webkit-webkit-line-clamp: 6; -moz-webkit-line-clamp: 6; -ms-webkit-line-clamp: 6; -o-webkit-line-clamp: 6; -webkit-line-clamp: 6; -webkit-webkit-box-orient: vertical; -moz-webkit-box-orient: vertical; -ms-webkit-box-orient: vertical; -o-webkit-box-orient: vertical; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.about_seemore a { display: inline-block; font: 14px RobotoRegular; color: #1d4100; background: #fed30b; padding: 10px 20px; border-radius: 5px; text-transform: uppercase; }
.about_seemore a:hover { color: yellow; background: var(--bgmainhv); }

/*about*/
.bannerqc { margin: 0; text-align: center; }
.bannerqc img { margin: 0 auto; }

/*album*/
.thuvienanh_index { padding: 40px 0; }
.tva_img { margin: 10px 0; border-radius: 10px; }
.tva_img img { border-radius: 10px; }
.tva_name { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; bottom: -100%; left: 0; width: 100%; text-align: center; color: #fff; font: 15px RobotoBold; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%); padding: 20px 10px 10px; }
.tva_name a { color: #fff; }
.tva_img:hover .tva_name { bottom: 0; }
.tva_img .tva_name a:hover { color: yellow; }

/*album*/

/*form*/
.dangkynhantin { padding: 50px 0 60px; background: #000 url(../images/bgform.png) no-repeat; background-size: cover; }
.rowdknt { padding: 0 15%; }
.newsletter-row { justify-content: space-between; margin: 20px -10px 10px; }
.newsletter-col { width: 50%; padding: 0 8px; }
.newsletter-col:nth-child(2) .input_ input { border-radius: 0px 25px 25px 0px; }
.input_ { margin: 0 0 16px 0; }
.input_ input, .input_ textarea { width: 100%; border-radius: 25px 0px 0px 25px; background: rgba(255, 255, 255, 0.4); color: #d5d5d5; font-family: Arial; font-size: 14px; text-indent: 15px; height: 45px; border: none; box-shadow: none; margin: 0; }
.input_ textarea { resize: none; height: 50px; }
.input_ textarea:focus { box-shadow: none; outline: 0; }
.input_ input::-webkit-input-placeholder, .input_ textarea::-webkit-input-placeholder { color: #d5d5d5; font-family: Arial; font-size: 14px; }
.newsletter-button { text-align: center; margin: 12px 0 0; }
.newsletter-button input { width: 180px; border-radius: 25px; background: #3aa0b6; color: #fff; text-transform: uppercase; font-family: RobotoBold; font-size: 16px; height: 42px; text-align: center; padding: 0; border: none; box-shadow: none; margin: 0 auto; }
.newsletter-button input:focus { outline: 0; }
.newsletter-button input:hover { color: yellow; }
.input_.label_input label:before { background: transparent; }

/*form*/

/*new_owl*/
.tintuc_owl { padding: 50px 0 60px; }
.newsowl_box { margin: 10px 0; }
.newsowl_content { padding: 0 10px 10px; background: #f5f5f5; }
.newsowl_date { width: 80px; height: 80px; background: #3aa0b6; border-radius: 50%; border: 5px solid #f5f5f5; color: #fff; text-transform: uppercase; font: 13px RobotoRegular; text-align: center; padding: 13px 0 0 0; margin: -30px 0 0; position: relative; }
.newsowl_date p { }
.newsowl_date span { display: inline-block; border-bottom: 1px solid #fff; font: 22px RobotoBlack; line-height: 22px; }
.newsowl_name { width: calc(100% - 80px); padding: 10px 0 0 10px; }
.newsowl_name a { font: 16px RobotoBold; color: #1e1e1e; text-transform: none; margin: 0 0 5px 0; -webkit-webkit-line-clamp: 2; -moz-webkit-line-clamp: 2; -ms-webkit-line-clamp: 2; -o-webkit-line-clamp: 2; -webkit-line-clamp: 2; -webkit-webkit-box-orient: vertical; -moz-webkit-box-orient: vertical; -ms-webkit-box-orient: vertical; -o-webkit-box-orient: vertical; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.newsowl_describe { margin: 0; color: #383838; font: 14px RobotoRegular; height: 54px; padding: 0px 15px 10px; background: #f5f5f5; }
.newsowl_describe p { display: -webkit-box; width: 100%; -webkit-webkit-line-clamp: 2; -moz-webkit-line-clamp: 2; -ms-webkit-line-clamp: 2; -o-webkit-line-clamp: 2; -webkit-line-clamp: 2; -webkit-webkit-box-orient: vertical; -moz-webkit-box-orient: vertical; -ms-webkit-box-orient: vertical; -o-webkit-box-orient: vertical; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.newsowl_name a:hover { color: var(--bgmain); }

/*new_owl*/
.mangxahoi_header a img:hover, .mangxahoi_footer a img:hover, .zalo-share-button:hover { transform: translateY(-5px); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

/*footer*/
footer {padding: 50px 0 40px;color: #000;position: relative;background: #f8bfcd;background-size: cover;}
.title_company { background: -webkit-linear-gradient(45deg, #ecad2c, #fde56e 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: UTMImpact; font-size: 30px; text-transform: uppercase; }
.row_footer { align-items: flex-start; }
.footer1 { width: 37%;}
.footer2 { width: 20%; }
.footer3 {width: 28.5%;}
.noidungfooter code { padding: 2px 4px; font-size: 14px; color: #fff; background-color: transparent; border-radius: 0; }
.ttft1 { text-transform: capitalize; font-size: 18px; color: #fff; font-family: 'RobotoBold'; padding: 0 0 10px 0; background: -webkit-linear-gradient(45deg, #ecad2c, #fde56e 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.chinhsach a {color: #000;display: block;padding: 5px 0 10px;font-size: 15px;text-transform: capitalize;position: relative;}
.chinhsach a:hover {color: #f00;}
.chinhsach a:before {content: '';display: inline-block;width: 5px;height: 5px;background: #f89cb3;margin-bottom: 3px;margin-right: 20px;}

.mangxahoi_footer { margin: 20px 0 0; }
.mangxahoi_footer a { margin: 0 5px 0 0; }
.mangxahoi_footer a img {}
.copppy {background: #f89cb3;color: #000;padding:15px 0;font-size: 14px;text-align:center;}
.copppy span{color: #000;}
.thongke { text-align: right; }
.thongke span { padding: 0 5px; }

.td_ft
{
    font-size: 16px;
    text-transform:uppercase;
    margin-bottom: 10px;
    display: block;
    width: 100%;
}
.td_ft1{font-size: 25px;
    text-transform:uppercase;
    margin-bottom: 10px;
    display: block;
    width: 100%;
}
.footer3 p {
    font-size: 15px;
    color: #86b4ff;
    margin-bottom: 20px;
}
/*pro*/
.code-html{margin-bottom: 50px;}
.owl-carousel .box_sanpham{margin:0;width: 100%;}
.row-pro{display: flex;flex-flow: row wrap;width: calc(100% + 6px);margin: 0 -3px;}
.box_sanpham {margin-bottom: 15px;text-align: center;background: #fff;padding: 5px 5px 10px 5px;border: 1px solid #dfdfdf;transition: all 1s;width: calc(100%/5 - 6px);margin: 0 3px 6px 3px;}

.box_sanpham:hover { border: 1px solid #f0bb3d; }
.name_sanpham { padding: 10px 0 0; }
.name_sanpham a {text-transform: capitalize;color: #333;font-size: 15px;line-height: 1.5; font-weight: 700;display: -webkit-box;width: 100%;-webkit-webkit-line-clamp: 1;-moz-webkit-line-clamp: 1;-ms-webkit-line-clamp: 1;-o-webkit-line-clamp: 1;-webkit-line-clamp: 1;-webkit-webkit-box-orient: vertical;-moz-webkit-box-orient: vertical;-ms-webkit-box-orient: vertical;-o-webkit-box-orient: vertical;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.name_sanpham a:hover { color: var(--bgmain); }
.gia_sanpham { font: 15px RobotoRegular; color: #333; }
.gia_sanpham span.giamoi, .gia_sanpham a { color: red;  }
.gia_sanpham span.giacu { font: 13px RobotoRegular; color: #ccc; text-decoration: line-through; }
.img_sanpham{position: relative;}
.img_sanpham .km { position: absolute; right: 10px; top: 10px; background: red; padding: 2px 10px; color: #fff; font: 14px RobotoRegular; border-radius: 5px; }
.box_sanpham:hover .cart-product { bottom: 0; }
.cart-product { margin-bottom: 0px; position: absolute; bottom: -100%; left: 0; background: rgb(189 140 47 / 67%); width: 100%; display: flex; justify-content: space-between; transition: all 0.5s; align-items: center; }
p.cart-product b {padding: 7px 5px;text-align: center;cursor: pointer;font-size: 13px;}
.cart-product span { cursor: pointer; width: 49%; float: left; color: #fff; text-transform: capitalize; text-align: center; padding: 7px 5px; border-radius: 3px; }
.cart-add {/* margin-right: 2%; */background-color: #f7a3b8;font-weight: normal;color: #fff;width: 60%;}
.cart-add:hover { background-color: #fe0000; }
.cart-buy {background-color: #f8bfcd;font-weight: normal;color: #fff;width: 40%;text-align: center;}
.cart-buy:hover {background-color: #fe0000;}
.quantity-pro-detail { width: 100%; max-width: 110px; line-height: normal; display: flex; align-items: center; justify-content: space-between; text-align: center; }
.quantity-pro-detail span { line-height: 25px; padding: 0px; width: 30px; height: 30px; color: #5f5f5f; cursor: pointer; font-size: 22px; border: 1px solid #cccccc; }
.quantity-pro-detail span.quantity-plus-pro-detail { border-left: 0px; }
.quantity-pro-detail span.quantity-minus-pro-detail { border-right: 0px; }
.quantity-pro-detail input { height: 30px; border: 1px solid #cccccc; width: calc(100% - 60px); text-align: center; font-size: 14px; padding: 5px; }
.cart-pro-detail {/* margin-bottom: 1rem; */display: flex;align-items: stretch;justify-content: flex-start;padding-top: 15px;}
.cart-pro-detail a { width: auto; text-align: center; color: #fff; padding: 8px 15px; text-transform: uppercase; border-radius: 3px; cursor: pointer; }
.cart-pro-detail a.addnow {margin-right: 10px;background: #f7a3b8;}
.cart-pro-detail a.addnow:hover { background-color: #f00; }
.cart-pro-detail a.buynow {background-color: #f8bfcd;}
.cart-pro-detail a.buynow:hover { background-color: #f00; }
.cart-pro-detail a i { vertical-align: top; margin-top: 3px; margin-right: 8px; }
/*pro*/
.hidden{display: none !important;}
.w-clear:after { display: block; content: ""; clear: both; }
/*media*/
.media_index { padding: 30px 0; }
.title_media { text-transform: uppercase; border-bottom: 1px solid #ebebeb; padding: 0 0 5px 0px; margin: 0px 0 25px 0; font: 34px SFUDinEngAlt; color: #333333; position: relative; }
.title_media:after { position: absolute; content: ''; height: 1px; width: 105px; bottom: -1px; left: 0px; background: url(../images/title_bottom.png) no-repeat; }
.media_left { padding-right: 8px; width: 65%; }
.media_right { width: 35%; }
.row_news_index { margin: 0 -10px; }
.news_index_left { width: 50%; padding: 0 10px; }
.news_index_right { width: 50%; padding: 0 10px; }
.newshome-scroll { height: 392px; overflow: hidden; }
.news_index_box { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #e6e6e6; }
.news_index_img { width: 35%; }
.news_index_content { width: 65%; padding: 0 0 0 10px; }
.news_index_name { }
.news_index_name a { font: 14px RobotoBold; color: #333333; display: -webkit-box; width: 100%; -webkit-webkit-line-clamp: 2; -moz-webkit-line-clamp: 2; -ms-webkit-line-clamp: 2; -o-webkit-line-clamp: 2; -webkit-line-clamp: 2; -webkit-webkit-box-orient: vertical; -moz-webkit-box-orient: vertical; -ms-webkit-box-orient: vertical; -o-webkit-box-orient: vertical; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.news_index_describe { font: 14px RobotoRegular; color: #333333; display: -webkit-box; width: 100%; -webkit-webkit-line-clamp: 3; -moz-webkit-line-clamp: 3; -ms-webkit-line-clamp: 3; -o-webkit-line-clamp: 3; -webkit-line-clamp: 3; -webkit-webkit-box-orient: vertical; -moz-webkit-box-orient: vertical; -ms-webkit-box-orient: vertical; -o-webkit-box-orient: vertical; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.news_first_name { padding: 10px 0px; }
.news_first_name a { font: 15px RobotoBold; color: #333333; display: -webkit-box; width: 100%; -webkit-webkit-line-clamp: 2; -moz-webkit-line-clamp: 2; -ms-webkit-line-clamp: 2; -o-webkit-line-clamp: 2; -webkit-line-clamp: 2; -webkit-webkit-box-orient: vertical; -moz-webkit-box-orient: vertical; -ms-webkit-box-orient: vertical; -o-webkit-box-orient: vertical; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.news_first_describe { font: 14px RobotoRegular; color: #333333; display: -webkit-box; margin: 0 0 15px 0; width: 100%; -webkit-webkit-line-clamp: 2; -moz-webkit-line-clamp: 2; -ms-webkit-line-clamp: 2; -o-webkit-line-clamp: 2; -webkit-line-clamp: 2; -webkit-webkit-box-orient: vertical; -moz-webkit-box-orient: vertical; -ms-webkit-box-orient: vertical; -o-webkit-box-orient: vertical; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.news_first_sm a { display: inline-block; padding: 13px 15px; border: 2px solid #000; color: #000; text-transform: uppercase; font: 15px RobotoRegular; }
.news_first_sm a:hover { color: #000; background: #ecaf35; }
.news_first_name a:hover, .news_index_name a:hover, .ul_mn>ul li a:hover, .menu .ul_mn li ul li a:hover { color: var(--colormainhv); }

/*media*/
.w100 { width: 100%; }
.about_img { width: 100%; position: relative; height: 400px;    /* top: 0; */    /* left: 40px; */

/* z-index: 0; */ }
.gtimg-first { width: 468px; height: 299px; background: #D90; float: left; position: absolute; top: 0px; left: 0px; z-index: 2; -webkit-animation: runnow 10s infinite; -moz-animation: runnow 10s infinite; -ms-animation: runnow 10s infinite; -o-animation: runnow 10s infinite; animation: runnow 10s infinite; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s; }
.gtimg-last { width: 343px; height: 220px; background: #F00; z-index: 2; -webkit-animation: run 10s infinite; -moz-animation: run 10s infinite; -ms-animation: run 10s infinite; -o-animation: run 10s infinite; animation: run 10s infinite; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s; position: absolute; left: calc(100% - 468px); }
@-moz-keyframes run {
    0% { top: 0px; left: calc(100% - 468px); z-index: 3; }
    25% { top: 0px; left: calc(100% - 468px); z-index: 3; }
    50% { top: 0px; left: 0px; z-index: 3; }
    75% { top: 100px; left: 0px; z-index: 3; }
    100% { top: 100px; right: 0
    z-index:3; }
}
@-webkit-keyframes run {
    0% { top: 100px; left: calc(100% - 468px); z-index: 3; }
    25% { top: 0px; left: calc(100% - 468px); z-index: 3; }
    50% { top: 0px; left: 0px; z-index: 3; }
    75% { top: 100px; left: 0px; z-index: 3; }
    100% { top: 100px; right: 0; z-index: 3; }
}
@-o-keyframes run {
    0% { top: 100px; left: calc(100% - 468px); z-index: 3; }
    25% { top: 0px; left: calc(100% - 468px); z-index: 3; }
    50% { top: 0px; left: 0px; z-index: 3; }
    75% { top: 100px; left: 0px; z-index: 3; }
    100% { top: 100px; left: calc(100% - 468px); z-index: 3; }
}
@-moz-keyframes runnow {
    0% { top: 0px; left: 0px; z-index: 1; }
    25% { top: 100px; left: 0; z-index: 1; }
    50% { top: 100px; left: calc(100% - 468px); z-index: 1; }
    75% { top: 0px; left: calc(100% - 468px); z-index: 1; }
    100% { top: 0px; left: 0; z-index: 1; }
}
@-webkit-keyframes runnow {
    0% { top: 0px; left: 0px; z-index: 1; }
    25% { top: 100px; left: 0; z-index: 1; }
    50% { top: 100px; left: calc(100% - 468px); z-index: 1; }
    75% { top: 0px; left: calc(100% - 468px); z-index: 1; }
    100% { top: 0px; left: 0; z-index: 1; }
}
@-o-keyframes runnow {
    0% { top: 0px; left: 0px; z-index: 1; }
    25% { top: 100px; left: 0; z-index: 1; }
    50% { top: 100px; left: calc(100% - 468px); z-index: 1; }
    75% { top: 0px; left: calc(100% - 468px); z-index: 1; }
    100% { top: 0px; left: 0; z-index: 1; }
}
.choose_list { text-align: left; flex-grow: 1; padding: 10px 0 0 45px; }
.choose_list span { text-transform: uppercase; cursor: pointer; font: 15px RobotoBold; display: inline-block; padding: 5px 25px; margin: 0 5px; border-radius: 5px; }
.choose_list span:hover, .choose_list span.choosed { color: #000; background-image: linear-gradient(to right, #ecad2c, #fde56e, #efb738); }
.procat { font-family: SFUDinEngAlt; font-size: 30px; text-transform: uppercase; }
.title_pro { border-bottom: 2px solid #f8d55c; margin-bottom: 15px; }
.title_pro a { display: inline-block; padding: 0 10px; color: #000; font: 13px RobotoRegular; text-transform: capitalize; }
.title_pro a:hover { color: red; }
.left_pro_index { width: 39%; }
.right_pro_index { width: 61%; padding: 0 0 0 10px; }
.product_noibat { background: url(../images/bg_banchay.png) no-repeat; padding: 30px 10px; background-size: cover; }
.title-main { text-align: center; background: url(../images/title_main.png) bottom center no-repeat; padding-bottom: 15px; margin-bottom: 25px; }
.title-main span { color: #f8bfcd; font-size: 30px; font-family: UTMImpact; text-transform: uppercase; padding: 10px 0px; }
.name-album { padding: 10px 0px; text-align: center; color: #000; font-family: RobotoBold; text-transform: uppercase; }
.img_album { margin-bottom: 20px; }
/* Text Hide */
.text-split {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}
.text-split-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}
.text-split-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

#hiti_phone_div { display: block;    /* bottom: -120px; */ position: fixed; width: 160px; height: 160px; }
.hiti-ph-img-circle i { color: #fff; font-size: 20px; }
.showphone { background: #eee; width: 190px; border: 1px solid #ccc; border-radius: 40px; font-size: 20px; color: red; height: 40px; line-height: 40px; padding-left: 45px; position: absolute; top: 80px; left: 64px; font-weight: bold; }
.hiti-phone.hiti-show { visibility: visible; }
.hiti-phone.hiti-static { opacity: 1; }

.hiti-phone {    /* height: 150px; */

/* width: 150px; */ }
.hiti-phone { background-color: transparent; cursor: pointer; height: 200px;    /* position: fixed; */ position: absolute; transition: visibility 0.5s ease 0s; visibility: hidden; width: 200px; z-index: 200000 !important; }
.hiti-phone.hiti-green .hiti-ph-circle { opacity: 0.5; }
.hiti-phone.hiti-static .hiti-ph-circle { animation: 2.2s ease-in-out 0s normal none infinite running hiti-circle-anim !important; -webkit-animation: 2.2s ease-in-out 0s normal none infinite running hiti-circle-anim !important; -moz-animation: 2.2s ease-in-out 0s normal none infinite running hiti-circle-anim !important; -ms-animation: 2.2s ease-in-out 0s normal none infinite running hiti-circle-anim !important; -o-animation: 2.2s ease-in-out 0s normal none infinite running hiti-circle-anim !important; }
.hiti-ph-circle { width: 120px; height: 120px; }
.hiti-ph-circle { animation: 1.2s ease-in-out 0s normal none infinite running hiti-circle-anim; -webkit-animation: 1.2s ease-in-out 0s normal none infinite running hiti-circle-anim; -moz-animation: 1.2s ease-in-out 0s normal none infinite running hiti-circle-anim; -ms-animation: 1.2s ease-in-out 0s normal none infinite running hiti-circle-anim; -o-animation: 1.2s ease-in-out 0s normal none infinite running hiti-circle-anim; background-color: transparent; border: 2px solid #f9cb9e; border-radius: 100%; height: 160px; left: 25px; opacity: 0.1; position: absolute; top: 25px; transform-origin: 50% 50% 0; transition: all 0.5s ease 0s; width: 160px; }
.hiti-phone.hiti-green .hiti-ph-img-circle { background-color: red; }
.hiti-phone.hiti-static .hiti-ph-img-circle { animation: 0s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important; -webkit-animation: 0s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important; -moz-animation: 0s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important; -ms-animation: 0s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important; -o-animation: 0s ease-in-out 0s normal none infinite running hiti-circle-img-anim !important; }
.hiti-phone.hiti-green .hiti-ph-img-circle { transform: rotate(90deg); line-height: 40px; display: flex; align-items: center; justify-content: center; }
.hiti-ph-img-circle { height: 40px !important; width: 40px !important; }
.hiti-ph-img-circle { z-index: 999;  animation: 1s ease-in-out 0s normal none infinite running hiti-circle-img-anim; background-color: rgba(30, 30, 30, 0.1); background-position: center center; background-repeat: no-repeat; border: 2px solid transparent; border-radius: 100%; height: 70px; left: 65px; opacity: 0.7; position: absolute; top: 80px; transform-origin: 50% 50% 0; width: 70px; }
.shake-anim { -webkit-animation: shake-anim 1s infinite ease-in-out; -moz-animation: shake-anim 1s infinite ease-in-out; -ms-animation: shake-anim 1s infinite ease-in-out; -o-animation: shake-anim 1s infinite ease-in-out; animation: shake-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.shake-anim { -webkit-animation: shake-anim 1s infinite ease-in-out; -moz-animation: shake-anim 1s infinite ease-in-out; -ms-animation: shake-anim 1s infinite ease-in-out; -o-animation: shake-anim 1s infinite ease-in-out; animation: shake-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; }
@keyframes hiti-circle-anim {
    0% { opacity: 0.1; transform: rotate(0deg) scale(0.5) skew(1deg); }
    30% { opacity: 0.5; transform: rotate(0deg) scale(0.7) skew(1deg); }
    100% { opacity: 0.6; transform: rotate(0deg) scale(1) skew(1deg); }
}
@keyframes hiti-circle-fill-anim {
    0% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(1deg); }
    50% { opacity: 0.2; transform: rotate(0deg) scale(1) skew(1deg); }
    100% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(1deg); }
}
@keyframes hiti-circle-img-anim {
    0% { transform: rotate(0deg) scale(1) skew(1deg); }
    10% { transform: rotate(-25deg) scale(1) skew(1deg); }
    20% { transform: rotate(25deg) scale(1) skew(1deg); }
    30% { transform: rotate(-25deg) scale(1)  skew(1deg); }
    40% { transform: rotate(25deg) scale(1) skew(1deg); }
    50% { transform: rotate(0deg) scale(1) skew(1deg); }
    100% { transform: rotate(0deg) scale(1) skew(1deg); }
}
@-moz-keyframes shake-anim {
    0% { transform: rotate(0) scale(1) skew(1deg) }
    10% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) }
    20% { -moz-transform: rotate(25deg) scale(1) skew(1deg) }
    30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) }
    40% { -moz-transform: rotate(25deg) scale(1) skew(1deg) }
    50% { -moz-transform: rotate(0) scale(1) skew(1deg) }
    100% { -moz-transform: rotate(0) scale(1) skew(1deg) }
}
@-webkit-keyframes shake-anim {
    0% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
    10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
    20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) }
    30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
    40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) }
    50% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
    100% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
}
@-o-keyframes shake-anim {
    0% { -o-transform: rotate(0) scale(1) skew(1deg) }
    10% { -o-transform: rotate(-25deg) scale(1) skew(1deg) }
    20% { -o-transform: rotate(25deg) scale(1) skew(1deg) }
    30% { -o-transform: rotate(-25deg) scale(1) skew(1deg) }
    40% { -o-transform: rotate(25deg) scale(1) skew(1deg) }
    50% { -o-transform: rotate(0) scale(1) skew(1deg) }
    100% { -o-transform: rotate(0) scale(1) skew(1deg) }
}

/*----------css hieu ung-------------*/
.hover_sang1{position:relative; overflow:hidden;}
.hover_sang1:before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.5);content: '';z-index:10;-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);
transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
.hover_sang1:hover:before {webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);}

.hover_sang2{position:relative; overflow:hidden;}
.hover_sang2:before{position: absolute;top: 0;left: -85%;z-index: 10;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);}
.hover_sang2:hover:before {transition: 1s;left: 100%;}

.hinh_mo{ position:relative; z-index:2;}
.hinh_mo:before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );}

.trang_den{filter: grayscale(100%);-moz-filter: grayscale(100%);-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
.trang_den:hover{filter: grayscale(0%);-moz-filter: grayscale(0%);-webkit-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);}
.zoom_hinh{ overflow:hidden;line-height: 0}
.zoom_hinh a{display: inline-block;line-height: 0}
.zoom_hinh img{transition:all 0.5s ease 0s;}
.zoom_hinh:hover img{transform:scale(1.2);}

.xoay_hinh{ overflow:hidden;}
.xoay_hinh img{transition:all 1s ease 0s;}
.xoay_hinh:hover img{transform:rotate(360deg);}
.zoom_mo{ position:relative;}
.zoom_mo:before{ content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background-color: rgba(255, 255, 255, 0.2);-webkit-transform: scale(0.2);-ms-transform: scale(0.2);-o-transform: scale(0.2);transform: scale(0.2);-webkit-transition: ease-in-out 500ms;-o-transition: ease-in-out 500ms;transition: ease-in-out 500ms;z-index: 1;}
.zoom_mo:hover:before{-webkit-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);opacity: 1;}

.hover_sang3{ overflow:hidden; position:relative;}
.hover_sang3:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
}
.hover_sang3:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
.hover_sang3:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}
.hover_sang3:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}



/*Hỗ trợ trang chủ*/
.hotro{
    background:#fff;
    padding: 30px 0 15px;
    position: relative;
    margin-bottom: 71px;
}

.hotro:after {
    width: 100%;
    height: 70px;
    content: '';
    display: block;
    position: absolute;
    bottom: -69px;
    margin: 0 auto;
    background: url('../images/d1.png');
    background-size:100% 100%;
}

.itemhtro{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.itemhtro:after{position: absolute;content: '';right: -20px;width: 1px;height: 100%;top: 0;background: #e1e1e1}
.imghtro{
    width: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.imghtro img{max-height: 50px; max-height: 50px;}
.boxhtro{
    width: calc(100% - 60px);
}
.tenhtro a{
    font-size: 15px;
    font-weight: 700;
    color:#363636;
    overflow: hidden;
}
.motahtro{
    font-size: 15px;
    color:#747474;
    margin-top: 5px;
}



/*Danh mục cấp 2*/
.dmc2{
    padding: 45px 0;
}
.tieude3{
    font-size: 19px;    
    text-transform:uppercase;
    color:#171717;
    margin-bottom: 20px;
}
.wap_dmc2{
    overflow: hidden;
    overflow-x: scroll;
    background: #F7F7F7;
    padding: 20px;
    position: relative;
}
.wap_dmc2:after {content: '';display: inline-block;width: 20px;height: 100%;background: #f7f7f7;position: absolute;right: 0;}
.grid_c2{
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 10px;
}
.itemc2{
    text-align:center;
    background: #fff;
    padding: 25px 0 10px 0;
}

.imgc2{
    margin:0 auto 10px;
    width: 100px;height: 100px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.tenc2 a{
    font-size: 15px;
    color:#171717;
    line-height: 22px;
    height: 44px;
}

.tieude_giua
{
    color: #f8bfcd;
    text-transform:uppercase;
    text-align: center;
    font-size: 35px;
    display: inline-block;
    width: 100%;
    position: relative;
}
.slogan2{
    text-align:center;
    font-size: 16px;
    color:#555555;
}

.line1{
    display:block;
    text-align:center;
    margin:15px auto 0;

}


/*Tin tức trang chủ*/
.runtt {
    margin-top:30px;
}

.tintuctc{
    background:#f6f6f6;
    padding:45px 0; 
}
.itemtt{
    background: #fff;
}
.imgtt{
    margin-bottom:20px;
}

.imgtt a{
    display: block;
    line-height: 0;
}

.imgtt img{
    width: 100%;
}
.boxtt{
    
padding: 0 25px 25px 25px;
}
.tentt a{
    font-size: 16px;
    color: #1e1e1e;
    text-transform: uppercase;
    line-height: 22px;
}

.tentt {
    height: 44px;
    overflow: hidden;

}
.tentt a:hover{color: #f00;}
.motatt{
    font-size: 16px;
    color: #494949;
    line-height: 23px;
}

.ngaythang{
    font-size: 14px;
    font-weight: 500;
    color: #77777b;
    margin: 5px 0 10px;
}

.ngaythang i {
    margin-right: 5px;
}
.mw100{max-width: 100%;padding: 0;}
.tieude2
{
    font-size: 18px;
    position:relative;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #fff;
    height: 45px;
    line-height: 45px;
    background: url('../images/td2.png');
    display: flex;
    flex-wrap: wrap;
}
.tieude2 span {
    background: url('../images/td1.png')left center no-repeat,url('../images/td3.png')right center no-repeat,#f8bfcd;
    padding: 0 60px;
    display: -webkit-box;
    -webkit-webkit-line-clamp: 1;
    -moz-webkit-line-clamp: 1;
    -ms-webkit-line-clamp: 1;
    -o-webkit-line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-webkit-box-orient: vertical;
    -moz-webkit-box-orient: vertical;
    -ms-webkit-box-orient: vertical;
    -o-webkit-box-orient: vertical;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tieude2:before
{
    /* content:''; */
    height:3px;
    width:80px;
    position:absolute;
    background: #EA8025;
    left:0;
    bottom:0;
}
.td_ft {
    margin-bottom: 20px;
}
.box-giohang-fix,.cart-fixed,.cart-pro-detail,.quantity-pro-detail,.cart-product,.item-srrp
{
    display: none !important;
}