@charset "UTF-8";
@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirNextLTPro-Bold.eot');
    src: url('../fonts/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirNextLTPro-Bold.woff2') format('woff2'),
    url('../fonts/AvenirNextLTPro-Bold.woff') format('woff'),
    url('../fonts/AvenirNextLTPro-Bold.ttf') format('truetype'),
    url('../fonts/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirNextLTPro-It.eot');
    src: url('../fonts/AvenirNextLTPro-It.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirNextLTPro-It.woff2') format('woff2'),
    url('../fonts/AvenirNextLTPro-It.woff') format('woff'),
    url('../fonts/AvenirNextLTPro-It.ttf') format('truetype'),
    url('../fonts/AvenirNextLTPro-It.svg#AvenirNextLTPro-It') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirNextLTPro-Regular.eot');
    src: url('../fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirNextLTPro-Regular.woff2') format('woff2'),
    url('../fonts/AvenirNextLTPro-Regular.woff') format('woff'),
    url('../fonts/AvenirNextLTPro-Regular.ttf') format('truetype'),
    url('../fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UVNBaiSauNang';
    src: url('../fonts/UVNBaiSauNang.eot');
    src: url('../fonts/UVNBaiSauNang.eot?#iefix') format('embedded-opentype'),
    url('../fonts/UVNBaiSauNang.woff2') format('woff2'),
    url('../fonts/UVNBaiSauNang.woff') format('woff'),
    url('../fonts/UVNBaiSauNang.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UVNBaiSauNhe';
    src: url('../fonts/UVNBaiSauNhe.eot');
    src: url('../fonts/UVNBaiSauNhe.eot?#iefix') format('embedded-opentype'),
    url('../fonts/UVNBaiSauNhe.woff2') format('woff2'),
    url('../fonts/UVNBaiSauNhe.woff') format('woff'),
    url('../fonts/UVNBaiSauNhe.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UVNBaiSau';
    src: url('../fonts/UVNBaiSau.eot');
    src: url('../fonts/UVNBaiSau.eot?#iefix') format('embedded-opentype'),
    url('../fonts/UVNBaiSau.woff2') format('woff2'),
    url('../fonts/UVNBaiSau.woff') format('woff'),
    url('../fonts/UVNBaiSau.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'UVNBaiSau';
    src: url('../fonts/UVNBaiSauBold.eot');
    src: url('../fonts/UVNBaiSauBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/UVNBaiSauBold.woff2') format('woff2'),
    url('../fonts/UVNBaiSauBold.woff') format('woff'),
    url('../fonts/UVNBaiSauBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'iCielPanton';
    src: url('../fonts/iCielPanton-Black.woff2') format('woff2'),
    url('../fonts/iCielPanton-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'iCielPanton';
    src: url('../fonts/iCielPanton-BlackItalic.woff2') format('woff2'),
    url('../fonts/iCielPanton-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'iCielPanton';
    src: url('../fonts/iCielPanton-Light.woff2') format('woff2'),
    url('../fonts/iCielPanton-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'iCielPanton';
    src: url('../fonts/iCielPanton-LightItalic.woff2') format('woff2'),
    url('../fonts/iCielPanton-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Main */
:root {--color-main: #1a4790;--color-second: #009444; --color-main-medium: #000000d6;--color-medium-red: #cc2c32;--color-dark-red: #c31829;--color-green: #28a745;--color-dark-green: #207d36;--color-black: #000;--color-gray: #6c757d;--mm-color-background: #ed3237;--mm-color-text: #fff;}
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; margin: 0; }
body { font-size: 14px; font-family:  'Muli', sans-serif; color: #333333; background: #fff; }
img{max-width:100%;height:auto;vertical-align:top; -webkit-backface-visibility: hidden; -ms-transform: translateZ(0);-webkit-transform: translateZ(0);transform: translateZ(0);}
.text img{height: auto !important}
a, input, textarea { outline: none; padding: 0px; text-decoration: none }
a:hover { text-decoration: none; }
ul, p { list-style: none; padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: initial; padding: 0; margin: 0; }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.mm-wrapper { margin: 0 }
.wrap-content { width: 1200px; margin: auto; position: relative; }
.form-newsletter{padding:20px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.newsletter-input input::-webkit-input-placeholder { color: #000 !important; }
.newsletter-inputinput::-moz-placeholder { color: #000 !important; }
.newsletter-inputinput:-moz-placeholder {   /* Older versions of Firefox */
    color: #000 !important; }
    .newsletter-input input:-ms-input-placeholder { color: #000 !important; }
    .newsletter-input{position:relative;width: 35%;}
    .newsletter-input input{padding:0px;font-size:14px;text-indent:10px;border-radius:0px;}
    .newsletter-button{width: 28%;}
    .newsletter-button input[type=submit]{border:0px;background-color: #000;color:#fff;display:inline-block;padding: 7px 16px;text-transform:uppercase;font-weight:500;cursor:pointer;width: 100%;}
    .lang-headers{display: none;margin-left: 15px;}
    .lang-headers a{color: #000;}
    .lang-header {color: #fff;}
    .lang-header a{color: #fff;}
    .w-clear:after { display: block; content: ""; clear: both; }
    .mg5 { margin-right: -5px !important; margin-left: -5px !important; }
    .pd5 { padding: 5px !important; }
    .pd0 { padding: 0 !important; }
    .mg0 { margin: 0 !important; }
    .pad_pic { padding: 5px !important; }
    .pad_video { padding: 10px; }
    .pad_video_1 { padding: 0px; }
    .pad_video_2 { padding: 10px 10px; padding-bottom: 10px; }
    .five_sp { -ms-flex: 0 0 19.5%; flex: 0 0 19.5%; max-width: 19.5%; }
    .hidden { display: none; }
    .clear { clear: both; }
    .none { display: none; }
    .view_video { cursor: pointer; }
    .hidden-seoh { visibility: hidden; height: 0px; margin: 0px; overflow: hidden; }

/* General */
.title-main{margin-bottom: 20px;background: var(--color-main);padding: 10px 15px;position: relative;}

.title-main:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 1px;
    background: #fff;
    right: 0;
    bottom: 3px;
}

.title-main:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 1px;
    background: #fff;
    left: 0;
    top: 3px;
}
.title-main span{color: #fff;font-size: 21px;text-transform: uppercase;font-family: 'iCielPanton';font-weight: 600;}

.time-main { margin-bottom: 0.75rem; color: #fff; }
.time-main i { vertical-align: top; margin: 3px 7px 0px 0px; }
.time-main span { vertical-align: top; display: inline-block; }
.title-main.bk_white { }
.title-main.bk_white span { text-transform: capitalize; color: #fff200; background: none; font-size: 55px; padding: 0px; }
.title-main.bk_white  p { color: #fff; margin-top: 0px; }
.social { list-style: none; padding: 0px; margin: 0px; }
.social li { display: inline-block; vertical-align: top; }
.social li img { -webkit-transition: 1s ease-out; -moz-transition: 1s ease-out; transition: 1s ease-out; }
.social li:hover img { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transform: rotateY(360deg); }
.social li:last-child { margin-right: 0px; }
.control-carousel { position: absolute; top: calc(50% - 30px/2); margin-bottom: 0px; width: 30px; height: 30px; text-align: center; line-height: 30px; border: 1px solid #eee; z-index: 2; background-color: #fff; color: #ccc; cursor: pointer; }
.control-carousel:hover { background-color: var(--color-main); border-color: var(--color-main); color: #fff; }
.prev-carousel { left: 0px; }
.next-carousel { right: 0px; }

/* othernews */
.othernews {margin-top: 20px;padding: 0 10px 10px;color: var(--color-main);}
.othernews label { display: block; margin-bottom: 10px; font-weight: 700; text-transform: uppercase; font-size: 18px; }
.list-news-other { padding-left: 17px; list-style: square; margin: 0; }
.list-news-other li { margin-bottom: 5px; }
.list-news-other li a {text-transform: none;color: var(--color-main);font-size: 14px;font-weight: 400;}
.list-news-other li a:hover { color: #c89c43; }
.list-news-other li:marker { color: #fff;}

/*Hover zoom*/
.hover_zoom { position: relative; overflow: hidden; display: block; }
.hover_zoom img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;position: relative;width: 100%;}
.hover_zoom:hover img { -webkit-transform: scale(1.09); transform: scale(1.09); }

/* Breadcrumb */
.breadCrumbs {margin-bottom: 20px;background: #f2f2f2;padding-top: 7px;}
.breadCrumbs .wrap-content { border-bottom: 1px dashed #dddddd; padding-bottom: 10px; }
.breadCrumbs .breadcrumb { padding: 0; margin: 0; background-color: transparent; border-radius: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; }
.breadCrumbs .breadcrumb-item { position: relative; padding: 0 15px 0 0; margin: 0 10px 0 0; }
.breadCrumbs .breadcrumb-item:after { position: absolute; content: '/'; right: 0; bottom: 0; }
.breadcrumb-item + .breadcrumb-item::before { display: none }
.breadCrumbs .breadcrumb-item:last-child { margin: 0; padding: 0; }
.breadCrumbs .breadcrumb-item:last-child:after { display: none; }
.breadCrumbs .breadcrumb-item a { color: #000; text-transform: capitalize; }
.breadCrumbs .breadcrumb-item a i {margin-right: 5px;font-size: 17px;color: var(--color-main);}
.updating { text-align: center; font-size: 14px; font-weight: 400; text-transform: uppercase; margin: 10px 0; }
#info {padding: 0 0 30px;}
.loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; z-index: 1; }
.noidung {padding: 10px 0;}

/* Sản Phẩm Detail */
.pro-detail { display: flex; flex-wrap: wrap; justify-content: space-between; }
.pro-detail-images { width: 50%; padding-right: 40px; }
.pro-detail-images #Zoom-1 { border: 1px solid #eee; }
.pro-detail-images .pro-detail-gallery { margin: 0 -5px; margin-top: 10px; }
.pro-detail-images .pro-detail-gallery .slick-slide { margin: 0 5px }
.pro-detail-images .pro-detail-gallery .pro-detail-gallery-thumb { margin: 0 5px; border: 1px solid #eee; }
.pro-detail-images .pro-detail-gallery .pro-detail-gallery-thumb img { border: none; padding: 0; margin: 0; }
.pro-detail-desc {width: 50%;border-radius: 3px;color: var(--color-main);}
.pro-detail-desc-title { margin: 0; font-size: 20px; font-weight: 700; padding: 0 0 10px 0; border-bottom: 1px solid #eee; margin-top: 10px; }
.pro-detail-desc-item {display: block;border-bottom: 1px solid #eee;padding: 7px 0;margin: 0 !important;}
.pro-detail-desc-item b { font-size: 15px; color: #d90000; }
.pro-detail-desc-label {font-size: 14px;font-weight: 500;margin-bottom: 0;}
.pro-detail-desc-price { margin: 0; display: inline-block; }
.pro-detail-desc-price .price-new {font-size: 20px;color: #d41818;font-weight: 700;}
.pro-detail-desc-price .price-old { font-size: 14px; color: #5c5c5c; font-weight: 400; text-decoration: line-through; margin: 0 0 0 10px; }
.pro-detail-content { width: 100%; margin: 10px 0 0 0; }
.pro-detail-other {width: 100%;margin-top: 30px;}
.pro-detail-tabs { margin-top: 20px; }
.pro-detail-tabs .pro-detail-ul { padding: 0px; list-style: none; margin: 0; display: flex; flex-wrap: wrap; }
.pro-detail-tabs .pro-detail-ul li {margin-right: 1px;cursor: pointer;background: #eee;padding: 10px 20px;text-transform: uppercase;}
.pro-detail-tabs .pro-detail-ul li.active { background: var(--color-main); color: #fff; }
.pro-detail-tabs .pro-detail-ul li:last-child { margin-right: 0px; }
.pro-detail-tabs .pro-detail-content-tabs {display: none;padding: 15px;border: 1px solid #eee;}
.pro-detail-tabs .pro-detail-content-tabs.active { display: block; }

/* News */
.grid_new {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 0px;margin-left: -10px;margin-right: -10px;}
.item_new { border: 1px solid #e1e1e1; padding: 10px; }
.item_new .img_new { border: 1px dotted #e1e1e1; padding: 3px; text-align: center; }
.item_new .img_new a { display: block; }
.mota_new h3 { margin-top: 10px; margin-bottom: 5px; }
.mota_new h3 a { color: #000; font-weight: 700; line-height: 22px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.mota_new h3 a:hover { color: red }
.mota_new p { -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; line-height: 25px; }
.chitiet_new { margin-top: 5px; text-align: right }
.chitiet_new >a { color: red; text-decoration: underline; font-size: 13px }
.box-news { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; }
.news-item { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.news-item .news-img { width: 180px; }
.news-item .news-content { width: calc(100% - 200px); }
.news-item .news-content h3 { margin: 0; }
.news-item .news-content h3 a {font-size: 15px;color: #fff;font-weight: 700;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;line-height: 25px;}
.news-item .news-content .ngaydang { margin: 6px 0; font-size: 13px; color: #9c9c9c; font-style: italic; }
.news-item .news-content .news-desc { font-size: 14px; color: #d1d1d1; font-weight: 400; overflow: hidden; text-overflow: ellipsis; line-height: 20px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; margin: 0; }
.news-item:hover .news-content h3 a { color: #cea450; }

/* News detail */
.box-news-content {border-radius: 3px;}
.time-post { font-size: 13px; color: #9c9c9c; font-weight: 400; margin: 10px 0 10px 10px; font-style: italic; }
.time-post i { margin-right: 5px; }

/* Contact */
.box-contact {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 10px !important;border-radius: 3px;}
.thongtin-contact { width: 49%; }
.frm-contact { width: 49%; }
.frm-contact .input {width: 100%;padding: 10px;border-radius: 5px;border: 1px solid #ddd;margin-bottom: 10px;font-family: 'Roboto', sans-serif;font-weight: 400;}
.frm-contact input[type=submit], .frm-contact input[type=reset] { display: inline-block; padding: 8px 30px; font-size: 14px; font-family: 'Muli', sans-serif; font-weight: 400; text-transform: uppercase; border: none; border-radius: 5px; cursor: pointer; color: #fff; }
.frm-contact input[type=submit] {background: #00669d;}
.frm-contact input[type=reset] {background: #f00;}
.frm-contact input[type=submit]:hover, .frm-contact input[type=reset]:hover { background: #000000; color: #fff; }
.frm-contact input::-webkit-input-placeholder { color: #848484; }
.frm-contact input:-moz-placeholder { color: #848484; }
.frm-contact input::-moz-placeholder { color: #848484; }
.frm-contact input:-ms-input-placeholder { color: #848484; }
.maps-contact {width: 100%;margin-top: 20px;}
.maps-contact iframe { display: block; width: 100%; }

/* Header */
.hotro_top {width: 100%;background:var(--color-main);}
.hotro_top .wrap-content {display: flex;align-items: center;justify-content: space-between;height: 35px;}
.hotro_top p { font-size: 13px; color: #fff }
.hotro_top span {font-size: 12px;color: #fff;display: block;margin-top: 9px;position: relative;}
.hotro_top marquee { font-size: 13px; color: #fff;  min-height: 19px }

.menu_header{padding: 0;line-height: 35px;}
.menu_header li{list-style: none;display: inline-block;margin-left: 15px;/* text-transform: capitalize; */color: #fff;}
.menu_header li a{color: #fff;}
.menu_header li:hover a,.menu_header li:hover a.active{color: yellow}

.header_top{line-height: 40px;background: var(--color-main-medium);color: #fff;border-bottom: 3px solid var(--color-main);}
.header_top marquee{display: block;}

.commitment-item {
    padding: 0 10px;
}

.commitment {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(4, 1fr);
}

.commitment-item .text {
    width: calc(100% - 80px);
    padding-left: 27px;
}

.footer .commitment-item .text * {
    color: #fff;
    font-size: 17px;
    line-height: 1.5em;
}

.box-tc {
    padding: 50px 0;
    background: var(--color-second);
}
.commitment .icon {
    position: relative;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.commitment .icon img {
    position: relative;
    z-index: 3;
}

.commitment .icon:before {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    background: #ffd200;
    transform: rotate(45deg);
    z-index: 2;
}

.footer .commitment .icon:before {
    background: var(--color-second);
}

.commitment .icon:after {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    transform: rotate(45deg);
    border: thin solid #fff;
    top: 0;
    right: -7px;
    z-index: 1;
}
.commitment .title {
    font-size: 19px;
    line-height: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}

.commitment .title:before {
    content: '';
    width: 50px;
    height: 1px;
    background: #fff;
    position: relative;
    display: block;
    margin-bottom: 4px;
}
.commitment .subtitle {
    font-size: 11px;
    color: #333;
    line-height: 16px;
    white-space: nowrap;
}
.header-right{width: calc(100% - 220px);}
.header-right-top{display: flex;align-items: center;padding: 10px 0;justify-content: space-between;}
.header-right-top .name-company{font-family: 'iCielPanton';font-weight: 900;text-transform: uppercase;font-size: 30px;color: var(--color-main);}
.header-right-top .name-company span{color: var(--color-second);}
.header-right-top .add-company{font-size: 16px;margin-bottom: 10px;}

.lienket { display: flex; align-items: center; }
.lienket a { margin-left: 6px; }
.lienket a img { border-radius: 50% }
.header {width: 100%;padding: 3px 0;}
.header .wrap-content {display: flex;align-items: center;justify-content: space-between;}
.header .logo {padding: 10px 0;width: 200px;}
.header .logo img{ max-height: 80px;}
.left_header { display: flex; align-items: center; }
.timkiem {width:29%;}
.timkiem .search-grid { display: flex; align-items: center; justify-content: space-between }
.timkiem input {width: 100%;height: 40px;border: 1px solid #000;font-size: 14px;color: var(--colo-main);padding: 0 15px;border-right: 0;background: transparent;}
.timkiem .search-grid p {width: 50px;height: 40px;background: #00669d url(../images/timkiem.png) no-repeat center;border: 0;cursor: pointer;}
.timkiem >p {font-size: 14px;color: #696363;margin-top: 8px;}
.hotline { display: flex; align-items: center; justify-content: center; }
.hotline img {margin-right: 8px;}
.phone {/* line-height: 45px; */padding-left: 45px;height: 35px;position: relative;}
.phone:before{content: "";height: 45px;padding-left: 45px;background: url(../images/hotline.png) left 8px no-repeat;background-size: auto 35px;position: absolute;left: 0;z-index: 9;}
.phone a {font-size: 13px;color: #fff;text-transform: uppercase;position: relative;}
.phone b {font-size: 20px;color: red;font-weight: 900;font-family: 'iCielPanton';UTMImpact, font-family: sans-serif;display: block;}
.hotro_top .wrap-hotline:before {
    content: "";
    display: block;
    position: absolute;
    width: 230px;
    height: 24px;
    background: url(../images/bg-hotline.png) no-repeat;
    left: 50%;
    top: initial;
    bottom: -24px;
    transform: translateX(-50%);
}
@-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) }
}
.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% }
.header_mm{display: none;}
/* Menu */
/* #menu_mm{display: none} */
#main_menu {width: 100%;/* height: 45px; */background-size: cover;margin-bottom: 20px;box-shadow: 0 4px 4px rgba(128, 128, 128, 0.25);}
#main_menu .menu-wrap {display: flex;align-items: center;height: 100%;justify-content: space-between;background: var(--color-main);border-radius: 5px 5px 0 0;}
.menu {width: 100%;/* display: flex; *//* align-items: center; */background: var(--color-main);position: relative;}

.menu:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;  /* cạnh dọc */
    border-right: 50px solid var(--color-main);
}

.menu:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 0px;
    height: 100%;
    width: calc((100vw - 1200px) / 2);
    background: var(--color-main);
}
.menu >ul {width: 100%;padding: 0px;margin: auto;list-style: none;display: flex;align-items: center;height: 40px;}
.menu >ul >li {z-index: 99;flex-grow: 2;display: flex;align-items: center;justify-content: center;padding-right: 1px;float: left;padding: 0;position: relative;}
.menu >ul >li ul li {position: relative;width: 100%;float: left;}
.menu ul li:last-child { justify-content: flex-end; }
.menu ul li a {display: block;position: relative;z-index: 1;text-align: center;text-decoration: none !important;color: #fff;width: 100%;font-size: 15px;text-transform: uppercase;font-weight: 500;}
.menu ul li a i { font-size: 14px; margin-left: 5px; }
.menu >ul >li >a h2 { font-size: 15px; margin: 0px; text-transform: uppercase; line-height: 36px; font-weight: 700; }
.menu > ul > li > a.active, .menu > ul > li:hover > a {color: yellow;}
.menu > ul > li > a.active h2, .menu > ul > li:hover > a h2 { color: #dcba6d; }
.menu >ul >li a.active:after, .menu >ul >li:hover > a:after { }
.menu ul li ul {position: absolute;min-width: 220px;background: #fff;-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;top: 100%;left: 0;/* box-shadow: 0 0 4px #dfdfdf; */}
.menu >ul >li > ul{padding: 10px;z-index: 999;box-shadow: 0 0 4px #dfdfdf;}
.menu 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 li ul li a {text-align: left;line-height: 22px;font-size: 14px;color: #000;padding: 5px 15px;font-weight: 700;}
.menu ul li ul li:last-child > a { border-bottom: 0px; }
.menu ul li ul li a h2 {font-size: 13.5px;text-transform: capitalize;}
.menu ul li ul li ul {display: block;position: relative;left: 0 !important;transform: perspective(600px) rotateX(0) !important;opacity: 1 !important;visibility: unset !important;background: none !important;padding-left: 10px;}
.menu ul li ul li ul li{width: 100%}
.menu ul li ul li ul li a{font-weight: 500;padding: 2px 15px;}
.menu ul li ul li:hover >a, .menu ul li ul li:hover >a >h2 {border-radius: 0;color: red;}
#main_menu.fixx{width: 100%;position: fixed;top: 0;left: 0;z-index: 101}
#danhmuc {width: 270px;float: left;background: #FFFFFF;/* border-radius: 3px 0px 0 0; */position: relative;}
#danhmuc .dm_tit {background: #074073;text-align: center;font-family: UVNBaiSauNhe;text-transform: uppercase;color: #fff;line-height: 50px;font-size: 18px;border-radius: 5px 0px 0 0;cursor: pointer;}
#danhmuc.close_cat ul.cateUl{display: none;}
#slider_wrap { width: 920px; float: right; }
ul.cateUl {width: 100%;margin: 0 auto;padding: 0;border: thin solid #f3f0f0;position: absolute;top: 50px;left: 0;z-index: 9;background: #fff;}
ul.cateUl::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
ul.cateUl::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
ul.cateUl::-webkit-scrollbar-thumb { background-color: #D71720; }
ul.cateUl >li {position: relative;display: block;padding: 0px 0;border-bottom: thin solid #eae8e8;}

ul.cateUl >li:hover ul {
    display: block;
}
ul.cateUl >li:last-child { background: none; }
ul.cateUl >li >a {display: block;font-size: 14px;color: #333333;text-transform: uppercase;font-family: Montserrat;/* line-height: 30px; */font-weight: bolder;padding: 13px 0;padding-left: 30px;background: #fff;transition: all 0.5s;}

ul.cateUl >li >a:before {
    content: '';
    position: absolute;
    top: 44%;
    left: 17px;
    height: 6px;
    width: 6px;
    background: #000000;
}

ul.cateUl >li >a:hover:before {
    background: #fff;
}
ul.cateUl >li >a.has_child:after { content: '\f107'; font-size: 13px; color: #262626; font-family: FontAwesome;position: absolute;right: 10px;top: 15px; }
ul.cateUl >li >a >img { float: left; margin-right: 10px; margin-top: 5px; }
ul.cateUl >li >a span { display: block; font-family: RR; font-size: 12px; color: #808080; text-transform: capitalize; clear: left; }
ul.cateUl>li ul {position: absolute;left: calc(100% + 1px);top: 0;background: #fff;width: 100%;display: none;border: thin solid #dfdfdf;}
ul.cateUl>li ul>li {display: block;position: relative;border-bottom: thin solid #eae8e8;}
ul.cateUl>li ul>li:before {content: '';position: absolute;top: 44%;left: 17px;height: 6px;width: 6px;background: #000000;}
ul.cateUl>li ul>li > ul >li:before { content: ''; position: absolute; top: 18px; left: 35px; height: 6px; width: 6px; background: #56b600; }
ul.cateUl>li ul li > a {font-size: 13px;font-family: Montserrat;display: block;/* height: 40px; *//* line-height: 30px; */padding: 14px 0;padding-left: 30px;color: #353535;text-transform: uppercase;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;/* background: url(../images/li_bg.png) bottom center no-repeat; */font-weight: 500;}
ul.cateUl>li ul li ul li a { font-size: 13px; display: block; height: 35px; line-height: 35px; text-indent: 20px; color: #393939; text-transform: capitalize; background: none; }
ul.cateUl>li ul li>a:hover { color: #f00 !important; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
ul.cateUl>li>a:hover {transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;color: #fff;background: var(--color-main);}
.active1 { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #f00 !important; font-weight: bold }
ul.cate{margin: 0;display: block;text-align: center;}
ul.cate >li {position: relative;display: inline-block;padding: 0px 0;margin-bottom: 3px;}

ul.cate >li >a {display: inline-block;font-size: 14px;color: #333333;text-transform: capitalize;font-family: Montserrat;font-weight: bolder;padding: 10px 15px;background: #fff;transition: all 0.5s;background: #dfdfdfdf;border-radius: 5px;}


ul.cate >li >a:hover {
    background: var(--color-main);
    color: #fff;
}
/* Menu RP */
.menu-res { display: none; height: 55px; z-index: 10; background: var(--color-main); position: sticky; top: 0px; line-height: normal; }
.menu-bar-res { height: 55px; padding: 0px 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-between; }
#menu { display: none; }
#hamburger { display: block; width: 45px; height: 23px; position: relative; }
#hamburger:before, #hamburger:after, #hamburger span { background: #fff; content: ''; display: block; width: 100%; height: 3px; position: absolute; left: 0px; }
#hamburger:before { top: 0px; }
#hamburger span { top: 10px; }
#hamburger:after { top: 20px; }
#hamburger:before, #hamburger:after, #hamburger span { -webkit-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity; }
.mm-wrapper_opening #hamburger:before, .mm-wrapper_opening #hamburger:after { top: 10px; }
.mm-wrapper_opening #hamburger span { left: -50px; opacity: 0; }
.mm-wrapper_opening #hamburger:before { transform: rotate(45deg); }
.mm-wrapper_opening #hamburger:after { transform: rotate(-45deg); }
.mm-menu_opened { display: block !important; }
.mm-listitem a h2 { font-size: 16px; text-transform: uppercase; }

/* Slideshow */
.slide_w{width: 100%;}
.slide_w .amazingslider-nav-container-1 { display: none; }
.slide_w .slider { width: 100%; position: relative; }
.slide_w .slider #amazingslider-wrapper-1 { width: 908px; margin: 0 !important; }

.slideshow a{display:block;cursor:pointer;}
.slideshow a img{width:100%;}
.slideshow:hover .control-slideshow{opacity:0.3;}
.slideshow .control-slideshow:hover{opacity:0.8;}
.control-slideshow{opacity:0;position:absolute;z-index:2;top:calc(50% - 50px/2);width:35px;height:50px;text-align:center;line-height:50px;font-size:25px;cursor:pointer;margin:0px;background-color:#000000;border-radius:3px;}
.control-slideshow i{color:#ffffff;}
.prev-slideshow{left:20px;padding-right:3px;}
.next-slideshow{right:20px;padding-left:3px;}

.slideshow{overflow: hidden;}
.item_slider{margin: 10px 0}
.box_slider{margin-top: -10px;}

/*  */
.selling{padding: 30px 0;}

/* category */

.category{padding: 20px 0 30px;background: #fff;}
.category-wrap .category:nth-child(2n+1){background: url(../images/bg-featuredpost.png)}
.box_category{margin-left: -10px;margin-right: -10px;}
.category-wrap .wrap-content{display: flex;justify-content: space-between;flex-wrap: wrap;}
.category-wrap .category-left{width: 70%; }

.category-wrap {
    padding: 40px 0;
}
.category-wrap .category-right{width: 28%}
.item_category{padding: 10px;}
.item_category h3{margin-top: 10px;text-align: center;text-transform: capitalize;font-size: 17px;font-weight: 700}
.item_category h3 a{color: var(--color-main);line-height: 25px;}
.slick_category{display: none}
.cate-collum{display: flex; justify-content: space-between;}
.cate-collum .cate-left{width: 19%;}
.cate-collum .cate-right{width: 79%;}
.category-wrap .viewmore {margin: 20px 0 0;position: relative;z-index: 1;}
.category-wrap .viewmore a {display: inline-block;transition: all 0.5s;font-size: 14px;color: #fff;text-transform: uppercase;padding: 10px 23px;background: var(--color-main);/* border-radius: 20px; */}
.category-wrap .viewmore a:hover {color: #fff;background: var(--color-second);}
/* */
.advertise img{width: 100%}
/* center */
.center{padding: 20px 0 20px;background: url(../images/bg-featuredpost.png);}
.box_center{margin-left: -10px;margin-right: -10px;}
.item_center{padding: 10px;text-align: center;}
.item_center .wrap { border: 1px solid rgba(128, 128, 128, 0.16); box-shadow: 0 1px 4px rgba(128, 128, 128, 0.16); }
.item_center .wrap .img_center img{width: 100%}
.info_center {width: 100%;padding: 5px;white-space: normal;background: #fff;}
.info_center h3 {margin-bottom: 7px;color: #484848;font-weight: bold;}
.info_center h3 a{color: #494949;overflow: hidden;text-overflow: ellipsis;line-height: 1.5em;-webkit-line-clamp: 1;max-height: 3em;display: -webkit-box;-webkit-box-orient: vertical;font-size: 14px;}
.info_center span {overflow: hidden;text-overflow: ellipsis;line-height: 1.5em;-webkit-line-clamp: 2;height: 3em;display: -webkit-box;-webkit-box-orient: vertical;font-size: 12px;}
.more_center{text-align: center;margin-top: 10px;}
.more_center a{display: inline-block;font-size: 17px;text-transform: capitalize;color: #000;line-height: 30px;}
.more_center a:hover{color: red}


.item_center:hover .info_center h3 a{color: var(--color-medium-red)}
.slick_center,.slick_slider {display: none}

.item_news_home{padding: 10px 0;border-bottom: dashed thin #dfdfdf;}

.item_news_home .img_center {
    margin-right: 10px;
    width: 80px;
}

.item_news_home .info_center {
    width: calc(100% - 90px);
}
.news-home{padding: 5px;border: thin solid #dfdfdf;}
.item_news_home .wrap {/* border: 1px solid rgba(128, 128, 128, 0.16); *//* box-shadow: 0 1px 4px rgba(128, 128, 128, 0.16); */display: flex;align-items: center;}
.item_news_home .wrap .img_center img{width: 100%} 
.info_news_home {width: calc(100% - 90px);padding: 0;white-space: normal;background: #fff;}
.info_news_home h3 {color: #484848;font-weight: 700}
.info_news_home h3 a{color: #494949;overflow: hidden;text-overflow: ellipsis;line-height: 1.5em;-webkit-line-clamp: 1;max-height: 1.5em;display: -webkit-box;-webkit-box-orient: vertical;font-size: 13px;}
.info_news_home span {overflow: hidden;text-overflow: ellipsis;line-height: 1.5em;-webkit-line-clamp: 2;height: 3em;display: -webkit-box;-webkit-box-orient: vertical;font-size: 12px;}
.item_news_home:hover .info_center h3 a{color: var(--color-medium-red)}

/* Tieu chi */
.tieuchi_w { width: 100%; background: #10120f; padding-top: 30px; }
.slick_tieuchi { width: 100% }
.slick_tieuchi .slick-list { padding-top: 11px }
.item_tieuchi { display: flex !important; flex-flow: column; justify-content: center; align-items: center; background: #ffe5ab; padding-bottom: 30px; }
.item_tieuchi .img_tc { width: 60px; height: 60px; background: #c89535; display: flex; align-items: center; justify-content: center; margin-top: -11px; position: relative; }
.item_tieuchi .img_tc:after { content: ''; width: 13px; height: 11px; background: #9f711a; position: absolute; top: 0; left: 100%; clip-path: polygon(0 0, 0% 100%, 100% 100%); }
.item_tieuchi h3 { font-size: 16px; color: #000; font-weight: 700; text-transform: uppercase; margin-top: 25px; }
.item_tieuchi.doub { background: #efcc7c }

/* San pham */
.sanpham_w { width: 100%; background: #10120f; padding-top: 50px; padding-bottom: 50px; }
.sanpham_w .updating { color: #fff }
.item_list { margin-bottom: 40px }
.item_list:last-child { margin-bottom: 0 }
.thanh_sp { width: 100%; margin-bottom: 25px; border-bottom: 1px solid #76653e; padding-bottom: 12px; display: flex; align-items: center; justify-content: space-between; position: relative; }
.thanh_sp:after { content: ''; width: 70px; height: 3px; background: #dcba6d; position: absolute; bottom: 2px; left: 0; }
.left_tit { display: flex; align-items: center; }
.left_tit img { margin-right: 20px }
.left_tit h2 { display: inline-block; font-size: 28px; color: #c89535; text-transform: uppercase; font-weight: 500; font-family: 'Oswald'; }
.wrap-tabs ul { display: flex; align-items: center; flex-wrap: wrap; }
.wrap-tabs ul li a { display: inline-block; font-size: 16px; color: #fff; font-family: 'Muli'; margin: 0 10px; text-transform: uppercase; cursor: pointer; }
.wrap-tabs ul li.active a, .wrap-tabs ul li:hover a { color: #c89535 }
.grid_sp_home {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 20px;margin-bottom: 30px;}
.grid_sp {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 20px;}
#main_right .grid_sp {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 20px;}
.item_sp {font-family: 'Muli';border: 1px solid rgba(128, 128, 128, 0.16);box-shadow: 0 1px 4px rgba(128, 128, 128, 0.16);padding: 0;background: #fff;position: relative;}

.item_sp:hover .cart-product { bottom: 0; }
.item_sp >a { display: block;position: relative;}
.item_sp >a span{width: 35px;height: 35px;color: #fff;background: red;display: flex;align-items: center;justify-content: center;font-weight: 700;position: absolute;top: 5px;right: 5px;border-radius: 50%;font-size: 11px;padding: 4px;}
.mota_sp h3 {/* margin-top: 15px; *//* margin-bottom: 2px; */margin: 0;position: absolute;bottom: 0;left: 0;right: 0;padding: 15px;background: rgba(0,0,0,0.5);}
.mota_sp h3 a {font-size: 16px;color: #fff;text-transform: capitalize;overflow: hidden;text-overflow: ellipsis;line-height: 1.5em;-webkit-line-clamp: 2;max-height: 3em;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 600;}

.mota_sp h3 a:hover {
    color: red;
}
.mota_sp p {font-size: 16px;color: #000;}
.mota_sp p span {font-weight: 700;color: var(--color-medium-red);}
.price_sp >span{color: #ccc;text-decoration: line-through;}

.in-stock {/*  display: grid; */ grid-template-columns: 35px auto; padding: 10px 10px; margin: 1em 0 0 0; line-height: 27px; background-color: #fdf4e0; border: 2px dotted #f5ba40; }
.in-stock .icon-container, .in-stock .text-container { display: table; height: 100%; }
.in-stock .icon-container .vertical-middle, .in-stock .text-container .vertical-middle { display: table-cell; vertical-align: middle; }
.in-stock .icon-container, .in-stock .text-container { display: table; height: 100%; }
.in-stock .icon-container .vertical-middle, .in-stock .text-container .vertical-middle { display: table-cell; vertical-align: middle; }

.value_propositions { display: grid; grid-template-columns: repeat(2, 50%); grid-column-gap: 1rem; grid-row-gap: 1rem; padding: 1rem; margin: 1em 0 0 0; background: #f6f6f6; }
.value_propositions .each-proposition { display: grid; grid-template-columns: calc(36px + 1rem) auto; }
.value_propositions .each-proposition .icon-container, .value_propositions .each-proposition .text-container { display: table; height: 100%; }
.value_propositions .each-proposition .icon-container .vertical-middle, .value_propositions .each-proposition .text-container .vertical-middle { display: table-cell; vertical-align: middle; }
.value_propositions .each-proposition .icon-container, .value_propositions .each-proposition .text-container { display: table; height: 100%; }
.value_propositions .each-proposition .icon-container .vertical-middle, .value_propositions .each-proposition .text-container .vertical-middle { display: table-cell; vertical-align: middle; }
.value_propositions .each-proposition h5 { color: #000; font-size: var(--font-size-body); }


/* Tin tuc - video */
.tintuc_video { width: 100%; background: #10120f; padding-bottom: 60px; }
.khung_bt { display: flex; justify-content: space-between; flex-wrap: wrap; }
.tintuc_w { width: 51%; padding-right: 28px; }
.slick_tin { margin: 0 -11px }
.slick_tin .slick-slide { margin: 0 11px }
.item_tin { text-align: center }
.item_tin >a { display: block; }
.mota_tin h3 { margin-top: 15px; margin-bottom: 5px; }
.mota_tin h3 a {font-size: 17px;color: #fff;font-weight: 700;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;line-height: 22px;}
.mota_tin p { color: #a9a9a9; line-height: 25px; margin-bottom: 10px; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.xem_tin { text-align: center; border-top: 1px solid #2a2829; padding-top: 20px; }
.xem_tin a { color: #fff; text-transform: uppercase; }
.video_w { width: 49% }

/* Partner */
.wrap-partner {padding: 10px 10px;margin: 10px auto;background: url(../images/bk_doitac.jpg)repeat top left}
.wrap-partner .wrap-content { max-width: 1200px; padding: 0px; position: relative; }
.owl-partner { padding: 0px 40px; }
.partner { display: block; }
.partner img { width: 100%; background: #fff; }

/* Breadcrumb */
.breadCrumbs .wrap-content { 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: #fff; */}
.breadCrumbs .wrap-content .breadcrumb-item.active a {/* color: var(--color-medium-red); */font-weight: 700;}

/* Intro */
.wrap-intro { margin-bottom: 50px; }
.left-intro { width: 67%; }
.right-intro { width: 30%; }
.title-intro { margin-bottom: 1.5rem; }
.title-intro span { display: inline-block; text-transform: capitalize; position: relative; padding-bottom: 10px; font-size: 40px; color: #ed3237; font-family: 'UVNDaLat'; }
.title-intro span > span { color: #ed3237; }
.title-intro span:after { }
.newshome-best { width: 43%; display: block; float: left; margin-right: 1.5%; }
.pic-newshome-best img { width: 100%; }
.name-newshome { color: var(--color-black); font-size: 14px; line-height: 18px; margin-bottom: 0.25rem; }
.name-newshome.text-split { -webkit-line-clamp: 2; }
.time-newshome { color: var(--color-gray); margin-bottom: 0.25rem; }
.desc-newshome { color: var(--color-black); margin-bottom: 0px; }
.view-newshome { display: inline-block; border: 1px solid var(--color-main); padding: 8px 15px; color: var(--color-black); text-transform: capitalize; font-weight: 600; margin-top: 1rem; }
.view-newshome:hover { background-color: var(--color-main); color: #fff; }
.newshome-scroll { width: calc(100% - 44.5%); height: 450px; overflow: hidden; }
.newshome-scroll ul li { margin-bottom: 15px !important; }
.newshome-normal { display: block; }
.pic-newshome-normal { float: left; width: 34%; margin-right: 3%; margin-bottom: 0px; }
.pic-newshome-normal img { width: 100%; }
.info-newshome-normal { float: left; width: calc(100% - 37%); }
.video-main { position: relative; height: 365px; }
.video-main iframe { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
.listvideos { width: 100%; height: 40px; padding: 0px 10px; border: 1px solid #ccc; color: var(--color-black); margin-top: 10px; cursor: pointer; }

/* Brand */
.wrap-brand { margin-bottom: 50px; padding: 0px 10px; }
.wrap-brand .wrap-content { max-width: 1200px; padding: 0px; position: relative; }
.owl-brand { padding: 0px 40px; }
.brand { display: block; border: 1px solid #eee; }
.brand img { width: 100%; }

/* Sản Phẩm */
.wrap-product { padding: 50px 0px; padding-top: 0px; }
.wrap-product-list { padding: 50px 0px; }
.wrap-product-list.bk-blue { background: #eafbff }
.product { float: left; width: 23.5%; margin: 0 2% 2% 0; }
.product:nth-child(4n+1) { clear: both; }
.product:nth-child(4n) { margin-right: 0px; }
.box-product { position: relative; display: block; margin-bottom: 1rem; }
.pic-product { background: #fff; border-radius: 5px; padding: 5px; border: 1px solid #eee; }
.pic-product img { width: 100%; border-radius: 3px; }
.name-product { font-size: 16px; color: var(--color-black); }
.name-product.text-split { -webkit-line-clamp: 1; }
.price-product { margin-bottom: 0px; }
.price-product span { font-weight: 700; }
.price-new { font-size: 15px; font-weight: 500; color: var(--color-main); }
.price-old { padding-left: 10px; font-size: 12px; color: var(--color-gray); }
.price-per { position: absolute; top: 15px; right: 15px; color: #fff; background: var(--color-main); font-size: 11px; border-radius: 2px; width: 45px; height: 25px; text-align: center; line-height: 25px; }
.cart-product {margin-bottom: 0px;position: relative;background: #fff;width: 100%;display: flex;justify-content: space-between;transition: all 0.5s;align-items: center;font-size: 13px;margin-top: 5px;}

p.cart-product b {
    padding: 5px 2px;
    text-align: center;
    text-transform: capitalize;
    font-weight: normal;
    width: 50%;
    cursor: pointer;
}
.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: #00669d;font-weight: normal;color: #fff;width: 60%;}
.cart-add:hover { background-color: var(--color-dark-red); }
.cart-buy {background-color: #f00;font-weight: normal;color: #fff;width: 40%;text-align: center;}
.cart-buy:hover {background-color: #fe0000;}

/* Sản Phẩm Detail */
.grid-pro-detail { margin-top: 50px; margin-bottom: 50px; }
.left-pro-detail { position: relative; text-align: center; background: white; }
.left-pro-detail .MagicZoom { border: 1px solid #eee; padding: 7px; border-radius: 5px; }
.right-pro-detail { }
.gallery-thumb-pro { position: relative; margin-top: 10px; }
.owl-thumb-pro { padding: 0px 40px; }
.thumb-pro-detail { display: block !important; border: 1px solid #eee; padding: 5px; border-radius: 3px; cursor: pointer; }
.thumb-pro-detail.mz-thumb.mz-thumb-selected { border-color: #cecfd2; }
.thumb-pro-detail img { box-shadow: none !important; filter: brightness(100%) !important; border-bottom: 0px !important; padding-bottom: 0px !important; }
.title-pro-detail { text-transform: capitalize; font-size: 20px; display: block; font-weight: 700; }
.social-plugin-pro-detail { margin-bottom: 1rem; margin-top: 0px !important; }
.desc-pro-detail { margin-bottom: 1rem; }
.attr-pro-detail { list-style: none; padding: 0px; }
.attr-pro-detail li { margin: 10px auto; border-bottom: 1px solid #d2d2d2; padding: 5px 0px; }
.attr-pro-detail li:last-child { border: none; }
.attr-label-pro-detail { margin: 0px 5px 0px 0px; }
.attr-label-pro-detail.d-block { display: block; margin: 0px 0px 5px 0px; }
.attr-content-pro-detail { display: inline-block; margin-bottom: 0px; }
.attr-content-pro-detail.properties span {border: 1px solid #ccc; padding: 3px 10px 4px 10px; display: inline-block; position: relative; cursor: pointer;}
.price-new-pro-detail { font-weight: 700; font-size: 20px; color: #ed3237; }
.price-old-pro-detail { font-weight: 500; color: var(--color-gray); text-decoration: line-through; padding-left: 10px; }
.color-pro-detail { border: 1px solid #ccc; padding: 3px 10px 4px 10px; display: inline-block; position: relative; }
.size-pro-detail { border: 1px solid #ccc; padding: 3px 10px 4px 10px; display: inline-block; position: relative; }
.size-pro-detail.active, .color-pro-detail.active, .attr-content-pro-detail.properties span.active { border-color: #e5101d; color: #e5101d; }
.list_size { display: inline-block; max-width: 200px; margin-left: 15px; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.color-pro-detail.active:before, .size-pro-detail.active:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; bottom: 0px; right: 0px; margin: auto; z-index: 1; background-image: url(../images/check-cart.png); background-repeat: no-repeat; background-position: bottom right; }
.color-pro-detail input[type=radio], .size-pro-detail input[type=radio] { outline: none; position: absolute; cursor: pointer; width: 100%; height: 100%; -webkit-appearance: none; border: 0px; top: 0px; left: 0px; }
.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: var(--color-main); padding: 8px 15px; text-transform: uppercase; border-radius: 3px; cursor: pointer; }
.cart-pro-detail a.addnow {
    margin-right: 10px;
    background-color: var(--color-main);
    border: thin solid var(--color-main);
    color: #fff;
}

.cart-pro-detail a.addnow:hover {
    background: #fcae27 !important;!i;!;
    color: #000 !important;!imp;!impo;!impo;!imp;!im;!i;!;
    border: #fcae27 !important;
}
.cart-pro-detail a.buynow {background-color: #fff;
    border: thin solid var(--color-main);}
    .cart-pro-detail a.buynow:hover,.cart-pro-detail a.addnow:hover {color: #fff;
        background: var(--color-main);}
        .cart-pro-detail a i { vertical-align: top; margin-top: 3px; margin-right: 8px; }
        .tabs-pro-detail { margin-top: 50px; }
        .tags-pro-detail { margin: 1rem 0px 2rem 0px; }
        .tags-pro-detail a { float: left; font-size: 12px; color: #fff; padding: 5px 10px 7px 10px; margin-right: 5px; margin-bottom: 5px; background-color: var(--color-main); border-radius: 3px; }
        .tags-pro-detail a:hover { background-color: var(--color-medium-red); }
        .tags-pro-detail a i { font-size: 10px; float: left; margin: 5px 5px 0px 0px; }
        .tabs-pro-detail .ul-tabs-pro-detail { padding: 0px; list-style: none; margin-bottom: 1rem; border-bottom: 1px solid #e7e7e7; }
        .tabs-pro-detail .ul-tabs-pro-detail li { cursor: pointer; float: left; margin-right: 5px; margin-bottom: 5px; background: #eee; padding: 5px 10px; }
        .tabs-pro-detail .ul-tabs-pro-detail li.active { background: #333; color: #fafafa; }
        .tabs-pro-detail .ul-tabs-pro-detail li:last-child { margin-right: 0px; }
        .tabs-pro-detail .content-tabs-pro-detail { display: none; }
        .tabs-pro-detail .content-tabs-pro-detail.active { display: block; }

/* 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; }

/* Bài viết */
.news { width: 49%; float: left; margin-bottom: 25px; display: block; }
.news:nth-child(2n) { float: right; }
.news:nth-child(2n+1) { clear: both; }
.pic-news { float: left; margin-right: 4%; width: 36%; }
.pic-news img { width: 100%; }
.info-news { float: left; width: 60%; }
.name-news { color: #333; font-size: 16px; display: block; line-height: normal; margin-bottom: 5px; }
.name-news:hover { color: var(--color-main); }
.time-news { color: var(--color-gray); margin-bottom: 0.25rem; }
.desc-news { color: #333333; margin-top: 5px; line-height: 22px; }
.share {padding: 17px 0px 10px 0px;line-height: normal;color: #fff;}
.share b { display: block; margin-bottom: 5px; }
.othernews b { margin-bottom: 10px; }
.list-news-other { padding-left: 17px; list-style: square; }
.list-news-other li a {text-transform: none;color: var(--color-main);}

/* Contact */
.top-contact { margin-bottom: 30px; }
.top-contact .article-contact { width: 48%; }
.form-contact { width: 47%; }
.input-contact { position: relative; margin-bottom: 15px; }
.input-contact input, .input-contact textarea { width: 100%; padding: 0px; outline: none; font-size: 14px; }
.input-contact input { text-indent: 10px; }
.input-contact textarea { resize: none; height: 150px; padding: 10px; }
.input-contact .custom-file-label::after { content: attr(title); }
.bottom-contact { position: relative; height: 500px; }
.bottom-contact iframe { position: absolute; top: 0px; left: 0px; width: 100% !important; height: 100% !important; }

/* Footer */
.footer {width: 100%;color: #fff;position: relative;-webkit-box-shadow: 0px -5px 5px 0px rgba(242,242,242,1);-moz-box-shadow: 0px -5px 5px 0px rgba(242,242,242,1);box-shadow: 0px -5px 5px 0px rgba(242,242,242,1);background: url(../images/ft.png) center no-repeat;background-size: cover;}
.footer:after {/* content: ''; */width: 510px;height: 460px;background: url(../images/af_footer.png) no-repeat;position: absolute;bottom: 0;right: 0;}
.content_ft {/* display: flex; */justify-content: space-between;/* flex-wrap: wrap; */padding: 40px 0;}
.logo_ft { width: 170px; }
.thongtin_ft {width: 100%;margin-bottom: 15px;padding-right: 20px;}
.thongtin_ft h4 {/* font-size: 16;/* text-transform: uppercase; */rcase;}
.thongtin_ft h2 { font-size: 32px; font-weight: 700; text-transform: uppercase; font-family: 'Oswald'; color: #dcba6d; margin-bottom: 5px; }
.mangxh {margin: 20px 0;}
.mangxh a { margin-right: 5px; border-radius: 50%; }
.mangxh a img { border-radius: 50% }
.chinhsach_ft {width: 19%;margin-bottom: 15px;}
.thanh_ft {font-size: 30px;text-transform: uppercase;margin-bottom: 25px;position: relative;padding-bottom: 10px;font-family: 'iCielPanton';font-weight: bold;text-align: center;}
.thanh_ft:after {/* content: ''; */width: 42px;height: 1px;background: #f0f0f0;position: absolute;bottom: 0;left: 0}
.item_ft a {display: block;color: #fff;margin-bottom: 10px;text-transform: capitalize;font-size: 13px;}

.item_ft a:hover {
    color: yellow;
}
.item_ft a:last-child { border: 0; margin: 0 }
.fan_ft { width: 26%; }
.khung_fan { width: 100%; }
.map_ft { width: 100%; }
.map_ft iframe { width: 100%; height: 445px; display: block; }
.coppy {width: 100%;background: #083f73;color: #fff;padding: 15px 0;text-align: center;line-height: 25px;font-size: 15px;}
.coppy .wrap-content {}
.coppy span { text-transform: uppercase; }
.coppy ul { display: flex; align-items: center; }
.coppy ul li { margin-left: 15px; }
.xoay_tron:hover { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transition: all 1s; }

/* 4 NUT TIEN ICH  */
#contact_fixed {height: 137px;position: fixed;bottom: -92px;left: 0px;right: 0px;margin: auto;padding: 5px 0px;box-sizing: border-box;z-index: 1000;background: var(--color-main);background-size: cover;}
div.phone_list { width: 100%; float: left; padding: 10px; text-align: center; box-sizing: border-box; }
div.phone_list p { display: inline-block; padding: 5px 10px; background: #D90000; text-align: center; font-size: 18px; margin-bottom: 10px; border-radius: 10px; margin: 0px 10px 10px; color: #FF0; line-height: 30px; }
#contact_fixed ul { width: 100%; float: left; padding: 0px !important; margin: 0px !important; list-style: none; }
#contact_fixed ul li {width: 33.33333%;float: left;text-align: center;}
#contact_fixed ul li img { display: block; margin: auto; max-height: 18px; }
#contact_fixed ul li a { color: #fff; text-transform: capitalize; font-size: 14px; font-weight: bold; }
.blink_me { -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }
@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

/* Album trang trong*/
.grid_album { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; }
.item_anh .img_anh { border: 1px dashed #ccc; padding: 3px; position: relative; }
.hinhthem { display: none !important }

/* Album trang trong*/
.grid_album { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; }
.item_anh .img_anh { border: 1px dashed #ccc; padding: 3px; position: relative; }
.hinhthem { display: none !important }
.item_anh .img_anh >a span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); color: #fff; font-weight: 500; font-size: 15px; padding: 20px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); text-transform: uppercase; }
.item_anh .img_anh >a:hover span { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

/* hover */
.mota_sp h3 a:hover,.mota_tin h3 a:hover,.item_ft a:hover,.xem_tin a:hover{text-decoration: none;}

/* 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-home .pagination { display: flex; align-items: center; justify-content: center; margin-top: 20px; }
.pagination-home .pagination .page-item { margin: 0px 5px; }
.pagination-home .pagination .page-item .page-link { color: #555555; font-size: 13px; padding: 6px 11px; }
.pagination-home .pagination .page-item.active .page-link { color: #ffffff; background-color: #555555; border-color: #555555; display: block; text-align: center; }

/* Phân Trang Ajax */
.pagination-ajax { text-align: center; margin-top: 25px; }
.pagination-ajax a { display: inline-block; vertical-align: top; margin: 0px 2px 2px 2px; color: #333; background: #e0e0e0; font-size: 12px; cursor: pointer; padding: 5px 10px 5px 10px; border-radius: 2px; }
.pagination-ajax a.current, .pagination-ajax a:hover {background: var(--color-main);color: #fff;border-color: var(--color-main);}

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

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

#popup .modal-body  .btn-close {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    background: rgb(200 149 53 / 62%);
    position: absolute;
    right: 0;
    outline: none;
}

/* 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: 65px; right: 25px; display: none; z-index: 10; cursor: pointer; }

/* Text Hide */
.text-split { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }

/* 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 */
.scale-img { overflow: hidden; display: block; }
.scale-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); }
.scale-img:hover > 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); }

/* Blink */
.blink { -webkit-animation-name: blink; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blink; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blink; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }
@-moz-keyframes blink {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes blink {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes blink {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

/* Button Frame */
.btn-frame { display: block; width: 50px; height: 50px; position: fixed; right: 20px; z-index: 10; cursor: pointer; }
.btn-frame i {display: flex;display: -ms-flex;justify-content: center;align-items: center;-ms-flex-align: center;width: 50px;height: 50px;border-radius: 50%;background: var(--color-main);position: relative;z-index: 1;}
.btn-frame i img { vertical-align: middle; width: 70%; }
.btn-frame .animated.infinite { animation-iteration-count: infinite; }
.btn-frame .kenit-alo-circle {width: 60px;height: 60px;top: -5px;right: -5px;position: absolute;background-color: transparent;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid var(--color-main);opacity: .1;border-color: var(--color-main);opacity: .5;}
.btn-frame .zoomIn { animation-name: zoomIn; }
.btn-frame .animated { animation-duration: 1s; animation-fill-mode: both; }
.btn-frame .kenit-alo-circle-fill {width: 70px;height: 70px;top: -10px;right: -10px;position: absolute;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;background-color: var(--color-main);opacity: .4;}
.btn-frame .pulse { animation-name: pulse; }

/* Zalo */
.btn-zalo { bottom: 315px; }

/* Phone */
.btn-phone { bottom: 230px; }

/* Messenger */
.js-facebook-messenger-container.closed, .js-facebook-messenger-tooltip.closed { display: none !important }
.js-facebook-messenger-tooltip { bottom: 97px; right: 97px }
.js-facebook-messenger-tooltip { color: #404040; background: #fff }
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999 }
.js-facebook-messenger-tooltip { display: none; position: fixed; text-align: center; border-radius: 10px; overflow: hidden; font-size: 12px; line-height: 1; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt; z-index: 1.0E+30 }
.js-facebook-messenger-close-tooltip { width: 10px; height: 10px; display: inline-block; cursor: pointer; margin-left: 10px }
.js-facebook-messenger-box.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand }
.js-facebook-messenger-box.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999 }
.js-facebook-messenger-box {display: block;position: fixed;cursor: pointer;bottom: 150px;right: 17px;width: 56px;height: 56px;text-align: center;background: var(--color-main);border-radius: 100%;overflow: hidden;z-index: 99;-webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);-moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);}
.js-facebook-messenger-box.rotate svg#fb-msng-icon { transform: rotate(0deg) }
.js-facebook-messenger-box svg#fb-msng-icon { width: 32px; height: 33px; position: absolute; top: 13px; left: 12px; opacity: 1; overflow: hidden; -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; }
.js-facebook-messenger-box.rotate svg#close-icon { transform: rotate(-45deg) }
.js-facebook-messenger-box svg#close-icon { opacity: 0; width: 19px; height: 20px; position: absolute; top: 19px; left: 19px; -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; }
.js-facebook-messenger-container, .js-facebook-messenger-container-button { z-index: 1000 }
.js-facebook-messenger-container { position: fixed; opacity: 0; transform: translateY(50px); bottom: 110px; right: 90px; border-radius: 10px; pointer-events: none; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16); -webkit-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; -moz-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; -o-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; transition: transform 160ms ease-in-out, opacity 160ms ease-in-out }
.js-facebook-messenger-top-header { width: 220px }
.js-facebook-messenger-top-header { color: #fff; background: #ed3237 }
.js-facebook-messenger-top-header { display: block; position: relative; width: 220px; background: #ed3237; color: #fff; text-align: center; line-height: 1; padding: 10px; font-size: 14px; border-top-left-radius: 10px; border-top-right-radius: 10px }
.js-facebook-messenger-container iframe, .js-facebook-messenger-container-button iframe { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px }
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999 }
.js-facebook-messenger-container, .js-facebook-messenger-container-button { z-index: 1000 }
.js-facebook-messenger-top-header { color: #fff; background: #ed3237 }
.js-facebook-messenger-top-header { width: 220px }
.js-facebook-messenger-tooltip { color: #404040; background: #fff }
.js-facebook-messenger-container.open { transform: translateY(0px); opacity: 1; pointer-events: all }
.js-facebook-messenger-tooltip { bottom: 97px; right: 97px }
.js-facebook-messenger-box.open svg#fb-msng-icon { opacity: 0 }
.js-facebook-messenger-box.rotate.open svg#close-icon { transform: rotate(0deg) }
.js-facebook-messenger-box.open svg#close-icon { opacity: 1 }

/* Cart fix */
.cart-fixed {position: fixed;right: 20px;bottom: 390px;z-index: 10;background: var(--color-main);width: 50px;height: 50px;text-align: center;border-radius: 100%;display: flex;align-items: center;justify-content: center;border: 3px solid #083f73;padding: 10px;}
.cart-fixed img { font-size: 20px; }
.cart-fixed span {position: absolute;top: -5px;right: -8px;color: #fbad26;width: 25px;height: 25px;background: #083f73;text-align: center;line-height: 25px;font-size: 14px;border-radius: 100%;font-weight: bold}

/* Toolbar */
/*  */
.modal-body .toolbar { display: block; position: relative; }
.toolbar { width: 100%; bottom: 0px; position: fixed; z-index: 500; left: 0px; display: none; -webkit-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75)); -moz-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75)); -ms-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75)); -o-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75)); }
.toolbar.is-active .list-phone { display: block; -webkit-animation: quickShow .2s cubic-bezier(0.66, 0.45, 0.76, 1.53) forwards; animation: quickShow .2s cubic-bezier(0.66, 0.45, 0.76, 1.53) forwards; }
.toolbar .list-phone { position: absolute; bottom: 100%; left: 30px; opacity: 0; transform: scale(0); transform-origin: 50% 100%; display: none; }
.toolbar .list-phone a { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background: #fff; max-width: 240px; padding: 10px 20px; margin: 10px 0; border-radius: 50px; padding-right: 30px; }
.toolbar .list-phone svg { max-width: 30px; max-height: 30px; }
.toolbar .list-phone span { display: block; width: calc(100% - 40px); color: #333; font-weight: 700; }
.toolbar .phone {position: relative;width: 50px;height: 50px;z-index: 99;display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 50%;margin: 0 0px -25px 30px;transition: transform .2s ease-in-out;padding-left: 0;}

.toolbar .phone:before {
    display: none;
}
.toolbar .phone a { color: #333; display: block; position: relative; }
.toolbar .phone a:before, .toolbar .phone a:after { position: absolute; content: ''; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(135deg); width: 30px; height: 3px; border-radius: 2rem; background-color: var(--main-color); opacity: 0; transition: opacity .2s ease-in-out; }
.toolbar .phone a:after { transform: translate(-50%, -50%) rotate(45deg); }
.toolbar .phone svg { max-width: 27px; max-height: 27px; display: block; position: relative; fill: var(--main-color); }
.toolbar.is-active .phone { transform: rotate(-180deg); }
.toolbar.is-active .phone svg { opacity: 0; }
.toolbar.is-active .phone a:before, .toolbar.is-active .phone a:after { opacity: 1; }
.toolbar ul { list-style: none; display: flex; align-items: center; justify-content: space-between; padding: 0px; margin: 0px; --size: 33px; -webkit-mask: radial-gradient(var(--size) at 55px 0px, #0000 99%, #fff 101%) 100%; background: var(--color-main); padding: 10px 0; padding-left: 100px; border-radius: 10px 10px 0px 0px; }
.toolbar ul li { text-align: center; width: 25%; line-height: 1; }
.toolbar ul li a { display: block; width: 100%; font-size: 27px; color: #ffff; }
.toolbar ul li .icon { position: relative; margin: 0 auto; text-align: center; }
.toolbar ul li a span { display: none; font-weight: 400; font-size: 11px; margin-top: 5px; color: #333; text-transform: capitalize; }
.toolbar ul li a img, .toolbar ul li svg { max-height: 30px; fill: #fff; width: 100%; }
.toolbar .phone svg { animation: tada 1.2s infinite; fill: var(--main-color); }
.tada { animation: tada 1.2s infinite; }
.lang-toolbar { display: flex; justify-content: center; align-items: center; }
.toolbar ul li.lang-toolbar a { display: inline-block; width: unset; margin: 0px 2px; font-size: unset; }
.toolbar ul li.lang-toolbar a img { height: 10% !important; }
.ex6 path { fill: transparent; stroke: #fff; stroke-width: 0.5; stroke-dasharray: 1500; stroke-dashoffset: 1500; -webkit-animation: dash 5s ease forwards; animation: dash 5s ease forwards; }
@-webkit-keyframes dash {
    to { fill: #fff; stroke-dashoffset: 0; }
}
@keyframes dash {
    to { fill: #fff; stroke-dashoffset: 0; }
}
@keyframes tada {
    0% { transform: scaleX(1) }
    10%, 20% { transform: scale3d(.9, .9, .9) rotate(-3deg) }
    30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
    40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
    to { transform: scaleX(1) }
}
@keyframes quickShow {
    0% { opacity: 0; transform: scale(0); }
    100% { opacity: 1; transform: scale(1); }
}
@media(max-width:1001px) {
    .toolbar { display: block; }
    .scrollToTop, #messages-facebook { display: none !important; }
    .footer {padding-bottom: 60px;}
}


/* Fixbar */
.fixbar { bottom: 0; display: block; background: #f0eff4; border-top: 1px solid #ddd; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: fixed; margin: 0; z-index: 500; -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 50px; }
.fixbar ul { margin: 0px; padding: 0px; list-style: none; }
.fixbar ul li { display: inline-block; margin: 0 auto 10px; text-align: center; width: 25%; float: left; }
.fixbar .icon-cart-mobile, .fixbar .icon-cart-new, .fixbar .icon-home-new, .fixbar .icon-hotdeal-new { width: 20px; height: 20px; display: block; margin: 8px auto 0; }
.fixbar .icon-cart-mobile { background: url(../images/cart-mobile.png) no-repeat; }
.cart-total-header-mobile { font-size: 10px; position: absolute; background: red; color: #fff !important; border-radius: 50%; height: 15px; width: 15px; line-height: 15px; top: 5px; margin-left: 5px; }
.fixbar ul li a { font-size: 11px; text-decoration: none; color: #333; }
.fixbar ul li a i { font-size: 20px; }

/* Plugbar */
.plugbar { position: fixed; bottom: 0; left: 0; border-top: 1px solid #eae6e6; width: 100%; right: 0; max-width: 767px; margin: 0 auto; background: #fff; padding: 9px 10px 10px 7px; z-index: 10; }
.plugbar ul { list-style: none; padding: 0; margin: 0px; display: -webkit-flex; display: -moz-flex; display: flex; justify-content: space-between; align-items: center; }
.plugbar ul li { width: 20%; float: left; }
.plugbar ul li a { display: block; color: #696969; font-size: 12px; text-align: center; position: relative; }
.plugbar ul li a i { font-size: 20px; color: #696969; }
.plugbar ul li a span { position: absolute; width: 50px; height: 50px; top: -40px; left: calc(50% - 50px/2); font-size: 14px; display: block; border: 1px solid rgba(234, 230, 230, 0.5); border-radius: 100%; }

/* Combo Phone */
.support-online { position: fixed; z-index: 999; left: 10px; bottom: 0px; }
.support-online a { position: relative; margin: 20px 10px; text-align: left; width: 40px; height: 40px; }
.support-online i { width: 40px; height: 40px; background: #43a1f3; color: #fff; border-radius: 100%; font-size: 20px; text-align: center; line-height: 1.9; position: relative; z-index: 999; }
.support-online a span { border-radius: 2px; text-align: center; background: rgb(103, 182, 52); padding: 9px; display: none; width: 180px; margin-left: 10px; position: absolute; color: #ffffff; z-index: 999; top: 0px; left: 40px; transition: all 0.2s ease-in-out 0s; -moz-animation: headerAnimation 0.7s 1; -webkit-animation: headerAnimation 0.7s 1; -o-animation: headerAnimation 0.7s 1; animation: headerAnimation 0.7s 1; }
.support-online a:hover span { display: block; }
.support-online a { display: block; }
.support-online a span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent  rgb(103, 182, 52) transparent transparent; position: absolute; left: -10px; top: 10px; }
.support-online .kenit-alo-circle-fill { width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(0, 175, 242, 0.5); opacity: .75; right: -10px; }
.support-online .kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); opacity: .1; border-color: #0089B9; opacity: .5; }
.support-online .support-online .btn-support { cursor: pointer; }
.support-online .mes i { background: orange; }
.support-online .sms i { background: red; }
.support-online .call-now i { background: green; }

/* Phone Switch */
.widget-mobile { position: fixed; left: 50%; transform: translateX(-50%); bottom: 10px; z-index: 9999999; }
#my-phone-circle { position: relative; width: 50px !important; height: 50px !important; }
.wcircle-open .wcircle-icon i:before { content: '\f00d'; }
.wcircle-icon { background: #ed3237; border-radius: 50%; display: flex !important; display: -ms-flex !important; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative !important; }
.wcircle-icon:before { position: absolute; content: ''; width: 60px; height: 60px; background: rgb(237, 50, 55, .5); border: 1px solid #fff; border-radius: 50%; left: -5px; top: -5px; -webkit-animation: pulse 1s infinite ease-in-out; -moz-animation: pulse 1s infinite ease-in-out; -ms-animation: pulse 1s infinite ease-in-out; -o-animation: pulse 1s infinite ease-in-out; animation: pulse 1s infinite ease-in-out; }
.wcircle-icon:after { position: absolute; content: ''; width: 80px; height: 80px; background: rgb(238, 59, 64, 0.5); border-radius: 50%; left: -15px; top: -15px; -webkit-animation: zoomIn 2s infinite ease-in-out; -moz-animation: zoomIn 2s infinite ease-in-out; -ms-animation: zoomIn 2s infinite ease-in-out; -o-animation: zoomIn 2s infinite ease-in-out; animation: zoomIn 2s infinite ease-in-out; }
.wcircle-menu { position: absolute !important; left: 0; top: 0; display: none; }
.wcircle-menu-item { width: 50px; height: 50px; background: #1282fc; border-radius: 50%; display: flex; display: -ms-flex; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.wcircle-menu-item img { width: 50px; height: 50px; display: block; border-radius: 50%; }
.wcircle-menu-item i, .wcircle-icon i { font-size: 25px; color: #fff; position: relative; z-index: 9999; }
.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% }
@-moz-keyframes shake-anim {
    0% { transform: rotate(0) scale(1) skew(1deg) }
    10%, 30% { -moz-transform: rotate(-25deg) scale(1) skew(1deg) }
    20%, 40% { -moz-transform: rotate(25deg) scale(1) skew(1deg) }
    100%, 50% { -moz-transform: rotate(0) scale(1) skew(1deg) }
}
@-webkit-keyframes shake-anim {
    0%, 100%, 50% { -webkit-transform: rotate(0) scale(1) skew(1deg) }
    10%, 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
    20%, 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) }
}
@-o-keyframes shake-anim {
    0%, 100%, 50% { -o-transform: rotate(0) scale(1) skew(1deg) }
    10%, 30% { -o-transform: rotate(-25deg) scale(1) skew(1deg) }
    20%, 40% { -o-transform: rotate(25deg) scale(1) skew(1deg) }
}

/****other-css***/
.wrap-album { padding: 50px 0px; }
.item_content_pos { position: relative; width: 100%; margin: 15px auto; }
.zoom_content_pos { overflow: hidden; }
.zoom_content_pos img { width: 100%; }
.name_content_pos { position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; }
.name_content_pos h3 a { color: #fff; font-size: 26px; font-weight: 900; text-transform: uppercase; transition: 0.1s all ease-in-out 0.1s; }
.item_content_pos:hover .name_content_pos h3 a { color: var(--color-main); transition: 0.1s all ease-in-out 0.1s; }

/********wrap-tabs-sp**********/
.wrap-tabs { text-align: center; margin-bottom: 0px; }
.list_mc { display: inline-block; list-style: none; margin: 0px; padding: 0px; text-align: center; }
.list_mc li { position: relative; display: inline-block; line-height: 35px; margin: 0px 2px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.list_mc li:after { }
.list_mc li:last-child { background: none; }
.list_mc a { font-size: 14px; color: #000000; font-weight: 400; cursor: pointer; text-transform: uppercase; padding: 0px 20px; }
.list_mc li:hover { background: var(--color-main); }
.list_mc li:hover a { color: #fff; }
li.active_list_mc { background: var(--color-main); }
li.active_list_mc a { color: #fff; }

/*******end-wrap-tabs-sp*******/

/**********item-san-pham******/
.item_product { width: 100%; height: auto; margin: 15px auto; position: relative; border: 1px solid #e6e6e6; padding: 6.5px; background: #fff; }
.item_product.product_marin { padding: 6.5px; width: 96.5%; }
.zoom_product { position: relative; background: #fff; overflow: hidden; text-align: center; }
.zoom_product:after { }
.zoom_product img { transition: all 1.2s ease 0s; max-width: 100%; margin: 0px auto; }
.item_product:hover { border: 1px solid #ed3237; }
.item_product:hover img { transform: scale(1.1); transition: all 1.2s ease 0s; }
.km_sp { position: absolute; top: 5px; right: 5px; background: url(../images/label_km.png)no-repeat top left; width: 41px; height: 22px; color: #fff; text-align: center; line-height: 22px; font-size: 12px; }
.name_product { position: relative; width: 100%; margin: 0px auto; padding: 10px 0px; }
.btn_cart_add { position: absolute; bottom: 10px; right: 0px; width: 35px; height: 35px; background: #fff url(../images/btn_order.png)no-repeat center center; border: 1px solid #9f9f9f; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; cursor: pointer; }
.btn_cart_add:hover { background: #000 url(../images/btn_order.png)no-repeat center center; }
.name_product h3 { font-size: 14px; color: #282828; margin: 0px; overflow: hidden; font-weight: 400; }
.name_product h3 a { color: #282828; display: block; }
.name_product p { font-size: 15px; color: #333333; margin: 0px; }
.name_product p.mota { height: 36px; overflow: hidden; margin-bottom: 5px; }
.name_product p span { color: #e00b10; font-size: 16px; font-weight: 700; }
.name_product p a { color: #333333; }
.name_product p.msp_product { color: #999999; font-size: 12px; font-weight: 400; margin-top: 10px; }
.price_sp .i_giacu { color: #8b8b8b; font-size: 13px; text-decoration: line-through; font-weight: 400; margin-top: 4px; }

/***********end-item-sanpham*****/

/*******item-bai-vet******/
.wrap-service { padding: 50px 0px; background: url(../images/bk_gioithieu.jpg)repeat top left; }
.box_news { clear: both; margin: 15px auto; }
.box_news.box_news_slick { width: 92.686%; }
.box_news h3 { margin: 5px 0px; padding: 5px 5px; color: #282828; text-transform: uppercase; font-weight: 700; font-size: 14px; z-index: 8; position: relative; }
.box_news h3:after { }
.box_news h3 a { color: #282828; display: block; }
.box_news p { color: #282828; margin: 0px; padding: 0px 5px; }
.box_news p.small { font-size: 13px; color: #9f9f9f; }
.box_news p.small span { color: #ed3237; }
.box_news h3:hover { }
.image_boder { position: relative; margin: 0px 0px 0px 0px; background: #FFF; overflow: hidden; }
.box_news:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: 0.2s all ease-in-out 0.2s; }
.box_news .image_boder::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); }
.box_news:hover .image_boder::before { -webkit-animation: shine .75s; animation: shine .75s; }
@-webkit-keyframes shine {
    100% { left: 125%; }
}
@keyframes shine {
    100% { left: 125%; }
}

/*******end-item-bai-vet******/

/*******About-us*************/
.wrap-about { padding: 50px 0px; background: #ffdcc6; }
.wrap-about .image_gt img { }
.wrap-about .border_gt { }
.wrap-about .border_gt .bk_gt { background: #fff; padding: 20px 20px 40px 40px; min-height: 358px; }
.title_about { }
.title_about p { font-size: 35px; color: #000000; font-family: 'MTD'; margin: 0px; }
.title_about p span { font-size: 35px; color: #ed3237; text-transform: uppercase; font-family: 'iCielBCCubano-Normal'; margin-left: 5px; }
.title_about p span:first-child { margin-left: 0px; }
.title_about p span:last-child { color: #ed3237; }
.title_about p:last-child { padding-left: 50px; }
.text_gt { max-height: 129px; overflow: auto; }
.wrap-about .border_gt .text_gt::-webkit-scrollbar { width: 5px; }
.wrap-about .border_gt .text_gt::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9); border-radius: 10px; }
.wrap-about .border_gt .text_gt::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9); }


.box-about {padding: 50px 0 50px;background: url(../images/about_bg.jpg) top right no-repeat;background-size: cover;}

.box-about .row {
    align-items: center;
}
.about-left {position: relative;padding: 60px 60px 30px 60px;background: #F1EFF0;left: -45px;/* z-index: 10; */}
.about-left .wrap { position: relative;max-width: 520px; }
.about-right .wrap:before{content: '';position: absolute;/* width: 500px; *//* height: 290px; */border: 3px solid #EEBD1C;left: -20px;top: -20px;right: 40px;z-index: 1;bottom: 20px;}
.about-left h2 {margin: 0px 0 5px;position: relative;font-size: 30px;font-family: UVNBaiSauNhe;text-align: left;background: url(../images/tt_bg.png) bottom center no-repeat;padding-bottom: 10px;z-index: 10;}
.about-left h2:before{/* content: ''; */position: absolute;left: 0;top: 0;width: 3px;height: 50px;background: #1458B4;}
.about-left h2 a {color: #333333;display: block;}
.about-left h2 a:hover {color: #eebd1c;}
.about-left h3 {color: #616161;font-size: 35px;margin: 10px 0 0;position: relative;z-index: 10;font-weight: 900;}
.about-left h3 a {font-family: 'iCielPanton';font-weight: 900;text-transform: uppercase;font-size: 30px;color: var(--color-main);}

.about-left h3 a span {
    color: var(--color-second);
}
.about-left h3 a:hover { color: #f00; }
.about-left .desc {text-align: justify;font-size: 14px;line-height: 1.9em;color: #4c4c4c;white-space: inherit;font-family: Muli;margin-top: 15px;height: 220px;overflow-y: auto;}
.about-left .desc::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
.about-left .desc::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
.about-left .desc::-webkit-scrollbar-thumb { background-color: var(--color-main); }
.about-left .viewmore {margin: 20px 0 0;position: relative;z-index: 1;}
.about-left .viewmore a {display: inline-block;transition: all 0.5s;font-size: 14px;color: #fff;text-transform: uppercase;padding: 10px 23px;background: var(--color-main);border-radius: 20px;}
.about-left .viewmore a:hover {color: #fff;background: var(--color-second);}
.about-right {padding: 0;position: relative;}

.about-right .wrap {
    position: relative;
}

.about-right .wrap img {
    position: relative;
    z-index: 2;
}
/******End-about-us*********/

/*********ITEM-VIDEO-ALBUM******/

.item_video { position: relative; width: 100%; margin: 0px auto; overflow: hidden; text-align: center; }
.item_video img { width: 100%; }
.title_video { width: 100%; height: 45px; position: absolute; bottom: 0px; left: 0px; background: rgba(0, 0, 0, 0.4); color: #fff; line-height: 45px; padding: 0px 20px; transition: 0.4s all ease-in-out 0.4s; }
.hover_video { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0px; background: rgba(0, 0, 0, 0.5) url(../images/i_play.png)no-repeat center center; transition: 0.3s all ease-in-out 0.3s; }
.hover_video h3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-transform: uppercase; font-weight: 700px; font-size: 15px; margin: 0px; }
.item_video:hover .title_video { transition: 0.4s all ease-in-out 0.4s; bottom: -45px; }
.item_video:hover .hover_video { transition: 0.3s all ease-in-out 0.3s; opacity: 1; }

/*********END-ITEM-VIDEO-ALBUM***/

/********other-custom*******/
.wrap-dambao { padding: 40px 0px; }
.wrap-tieuchi { margin-top: 50px; background: url(../images/bk_quytrinh.jpg)no-repeat top right; background-size: cover; }
.wrap-tieuchi-padtop { padding-top: 50px; }
.item_dambao { position: relative; width: 95%; margin: 10px auto; }
.item_dambao .zoom_dambao { position: relative; float: left; margin: 5px auto; margin-right: 20px; height: 65px; text-align: center; }
.item_dambao .zoom_dambao:after { content: ''; position: absolute; top: 5px; right: -10px; width: 1px; height: 25px; background: #f4b447; }
.item_dambao .zoom_dambao.zoom_dambao_nopic { position: relative; float: left; margin: 5px auto; margin-right: 20px; height: 100px; text-align: center; }
.item_dambao .zoom_dambao.zoom_dambao_nopic:after { background: none; }
.item_dambao .zoom_dambao.zoom_dambao_nopic p { width: 65px; height: 65px; border: 5px solid #f4b447; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; text-align: center; line-height: 55px; font-size: 25px; color: #f7931d; font-weight: 300; }
.item_dambao img { -webkit-transition: 1s ease-out; -moz-transition: 1s ease-out; transition: 1s ease-out; margin: 0px auto !important; }
.item_dambao h3 { font-size: 18px; color: #fff; text-transform: capitalize; padding-top: 5px; font-weight: 400; }
.item_dambao p { font-size: 14px; color: #fff; font-weight: 300; }
.item_dambao h3 a, .item_dambao p a { color: #fff; }
.item_dambao:hover img { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transform: rotateY(360deg); }
.mydiv0 .zoom_dambao_nopic p { animation: myanimation 7s infinite; }
.mydiv1 .zoom_dambao_nopic p { animation: myanimation-1 7s infinite; }
.mydiv2 .zoom_dambao_nopic p { animation: myanimation-2 7s infinite; }
.mydiv3 .zoom_dambao_nopic p { animation: myanimation-3 7s infinite; }
@keyframes myanimation {
    0% { color: #f4b447; background: none; }
    25% { color: #000000; background: #f4b447; }
    50% { color: #f4b447; background: none; }
    75% { color: #f4b447; background: none; }
    100% { color: #f4b447; background: none; }
}
@keyframes myanimation-1 {
    0% { color: #f4b447; background: none; }
    25% { color: #f4b447; background: none; }
    50% { color: #000000; background: #f4b447; }
    75% { color: #f4b447; background: none; }
    100% { color: #f4b447; background: none; }
}
@keyframes myanimation-2 {
    0% { color: #f4b447; background: none; }
    25% { color: #f4b447; background: none; }
    50% { color: #f4b447; background: none; }
    75% { color: #000000; background: #f4b447; }
    100% { color: #f4b447; background: none; }
}
@keyframes myanimation-3 {
    0% { color: #f4b447; background: none; }
    25% { color: #f4b447; background: none; }
    50% { color: #f4b447; background: none; }
    75% { color: #f4b447; background: none; }
    100% { color: #000000; background: #f4b447; }
}
.wrap-other { padding: 50px 0px; padding-top: 0px; }

/********end-custom********/

/**** icon_xemthem****/
.icon_xemthem { margin: 0px; margin-top: 20px; border: 1px solid #d4d4d4; position: relative; color: #d4d4d4; text-transform: capitalize; cursor: pointer; font-size: 14px; display: inline-block; padding: 8px 25px; padding-right: 35px; background: #fff; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.icon_xemthem a { color: #d4d4d4; }
.icon_xemthem:after { content: '\f101'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; top: 8px; right: 15px; font-size: 15px; }
.icon_xemthem:hover { color: #fff; background: #ed3237; border: 1px solid #ed3237; }
.icon_xemthem:hover a, .icon_xemthem:hover:after { color: #fff; }
.icon_xemthem2 { position: absolute; top: 20px; right: 0px; margin: 0px; font-weight: 400; color: #fff; font-family: 'Muli', sans-serif !important; cursor: pointer; font-size: 13px !important; display: inline-block; padding: 10px 25px; background: #ed3237; border-radius: 25px; border: 1px solid #ed3237; -moz-border-radius: 25px; -webkit-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; text-transform: uppercase !important; -webkit-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; transition: 0.2s ease-out; }
.icon_xemthem2 a { color: #fff; }
.icon_xemthem2:after { }
.icon_xemthem2:hover { background: #fff; -webkit-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; transition: 0.2s ease-out; }
.icon_xemthem2:hover a { color: #ed3237; -webkit-transition: 0.2s ease-out; -moz-transition: 0.2s ease-out; transition: 0.2s ease-out; }
.icon_xemthem3 { border: 1px solid #ed3237; position: relative; color: #000000; text-transform: uppercase; cursor: pointer; font-size: 15px; display: inline-block; padding: 8px 35px; background: none; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.icon_xemthem3 a { color: #000000; }
.icon_xemthem3:after { }
.icon_xemthem3:hover { color: #fff; background: #ed3237; border: 1px solid #ed3237; }
.icon_xemthem3:hover a { color: #fff; }
.icon_xemthem4 { border: 1px solid #ed3237; position: relative; color: #ffffff; text-transform: uppercase; cursor: pointer; font-size: 14px; display: inline-block; padding: 8px 25px; background: #ed3237; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.icon_xemthem4 a { color: #fff; }
.icon_xemthem4:after { }
.icon_xemthem4:hover { color: #ed3237; background: #fff; border: 1px solid #ed3237; }
.icon_xemthem4:hover a { color: #ed3237; }

/**** end icon_xemthem****/

/****multi-map*****/
.carlton_map_weather { width: 100%; position: relative; }
.carlton_map_weather .ten_chinhanh { }
.carlton_map_weather ul { list-style: none; overflow: hidden; max-width: 1200px; margin: auto; margin-top: 15px; margin: 0px 80px; padding: 0px; overflow: auto; height: 310px; }
.carlton_map_weather ul::-webkit-scrollbar { width: 5px; }
.carlton_map_weather ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9); border-radius: 10px; }
.carlton_map_weather ul::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9); }
.carlton_map_weather ul li { vertical-align: middle; font-size: 14px; cursor: pointer; text-transform: uppercase; color: #333333; margin: 5px; padding-left: 0px; width: 90%; }
.carlton_map_weather ul li i { color: #0096d5; margin-right: 5px; }
.carlton_map_weather .ten_chinhanh .name_bando { font-size: 25px; color: #ed3237; padding-left: 80px; padding-top: 50px; font-weight: 700; }
.carlton_map_weather .ten_chinhanh .content_bando { border-bottom: 1px solid #efefef; padding-bottom: 20px; margin-bottom: 20px; }
.carlton_map_weather .ten_chinhanh .content_bando p { margin: 0px; }
.carlton_map_weather .ten_chinhanh .content_bando .name_chinhanh { font-size: 13px; color: #282828; font-weight: 700; }
.carlton_map_weather ul li:hover, .carlton_map_weather ul li.act { }
.carlton_map_weather_tab section { overflow: hidden; background: #fff; }
.carlton_map_weather_tab section iframe { width: 100%; display: block; height: 460px; }
.carlton_map_weather_tab section { display: none; }

/**********end-multi-map**********/
.i_next_prev .slick-prev { width: 53px !important; height: 53px !important; background: url('../images/i_prev.png')no-repeat top left !important; opacity: 1 !important; left: 27%; }
.i_next_prev .slick-next { width: 53px !important; height: 53px !important; background: url('../images/i_prev.png')no-repeat top left !important; opacity: 1 !important; transform: rotateY(180deg); right: 27%; }
.i_next_prev .slick-prev:before, .i_next_prev .slick-next:before { opacity: 0; }
.slick-prev:before, .slick-next:before { color: #333; }
.modal-dialog {max-width: 600px;margin: 1.75rem auto;}
.ab-big { -ms-flex: 39.497%; flex: 39.497%; max-width: 39.497%; }
.ab-small { -ms-flex: 60.5%; flex: 60.5%; max-width: 60.5%; }

/* Responsive */

/* box_cat */
.box_cat{margin-left: -7px;margin-right: -7px;}
.box_cat .item_category{ border: 1px solid #fff;margin: 7px;padding-bottom: 15px;}
.box_cat .item_category:hover{ border: 1px solid rgba(128, 128, 128, 0.16); box-shadow: 0 3px 15px rgb(128 128 128 / 40%) }
.slick_cat{display: none}

#main_left{width: 220px;/* float: left; */margin-right: 30px;}
.icon_filter{position:fixed;right: 0;top: 20%;z-index:999;display: none; padding: 5px 10px; background: var(--color-main);color: #fff;border-radius: 5px 0 0 5px; }
.menu_left li{line-height: 25px;margin-bottom: 5px;}
.menu_left li a{color: #000;font-size: 15px;}
.menu_left li a:hover{color: red}
.box_left{margin-bottom: 30px;}
.box_left_wrap{padding: 15px 10px;border: thin solid #dfdfdf;}
.price_search{margin-top: 20px;display: inline-block;min-width: 40%;text-align: center;border: 1px solid #ccc;line-height: 27px;}

.checkbox {margin-bottom: 8px;margin-top: 8px;display: block;padding: 4px 0;}
.box_left input[type=checkbox],.box_left input[type="radio"] {display: none;}
.box_left input[type=checkbox] + label,.box_left input[type="radio"] + label {display: block;position: relative;padding-left: 40px;margin-bottom: 20px;color: #333;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.box_left input[type=checkbox] + label:last-child,.box_left input[type="radio"] + label:last-child {margin-bottom: 0;}
.box_left input[type=checkbox] + label:before,.box_left input[type="radio"] + label:before {content: '';display: block;width: 20px;height: 20px;border: 1px solid #1b3618;position: absolute;left: 10px;top: 0px;opacity: .6;-webkit-transition: all .12s, border-color .08s;transition: all .12s, border-color .08s;}
.box_left input[type=checkbox]:checked + label:before,.box_left input[type="radio"]:checked + label:before {width: 10px;top: -5px;left: 5px;border-radius: 0;opacity: 1;border-top-color: transparent;border-left-color: transparent;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.title_left{font-size: 17px;text-transform: uppercase;=: 700;/* border-bottom: 1px solid #ccc; */margin-bottom: 0;padding-bottom: 5px;background: var(--color-main);color: #fff;padding: 7px 15px;font-family: 'UVNBaiSau';}

#main_right{width: calc(100% - 250px);/* float: right; */}

.wrap-products {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

/****menu-left*****/
.icon_block { width: 100%; height: 43px; background: #ed3237 url(../images/i_dmsp.jpg)no-repeat left center; padding-left: 70px; font-weight: 700; line-height: 43px; font-size: 14px; color: #ffffff; text-transform: uppercase; }
.menu-l { width: 100%; z-index: 9; position: sticky; top: 70px; }
.menu_left { position: relative; }
.menu-l:hover .menu_left > ul { display: block !important; }
.menu_left>ul { max-height: 750px; overflow: auto; background: #ffffff; padding: 0px 10px; }
.menu-l ul { border: 1px solid #e6e6e6; margin: 0px; width: 100%; font-size: 14px; display: none; z-index: 99; }
.menu_left>ul::-webkit-scrollbar { width: 5px; }
.menu_left>ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9); border-radius: 10px; }
.menu_left>ul::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9); }
.menu-l ul li { list-style: none; border-bottom: 1px solid #e6e6e6; border-top: none; padding: 12.5px 10px; line-height: 20px; text-align: left; background: url(../images/node2.png) no-repeat 15px center; }
.menu-l ul li:last-child { border-bottom: none; }
.menu-l ul li b { font-weight: 400; }
.menu-l ul li a { display: block; color: #282828; padding-right: 20px; font-size: 14px; padding-left: 25px; font-weight: 400; }
.menu-l ul li a span { display: block; font-size: 16px; }
.menu-l ul li a:hover { color: #ed3237; }
.menu-l ul li ul { position: absolute; top: 0; left: 95%; min-height: 0px; background: rgba(255, 255, 255, 0.8); padding-left: 0px; }
.menu-l ul li ul li { position: relative; background: url(../images/node2.png) no-repeat 15px center; }
.menu-l ul li ul li a { background: none; }
.menu-l ul li ul li ul { top: 0px !important; }
.icon_block .menu-l ul li:hover > ul { display: block !important; }
.menu-l ul li:hover > ul { display: block !important; }
.menu-l ul li ul:hover { background: rgba(255, 255, 255, 1); }
.showopen { display: none !important; background: #fff; }
.showopen li ul { background: #fff !important; }
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* { color: #fff; font-weight: 700; text-transform: uppercase; font-size: 15px; }
.mm-menu {background: var(--color-main);}
.mm-menu .mm-listview>li a:not(.mm-next), .mm-menu .mm-listview>li .mm-next:after, .mm-menu em.mm-counter { color: #fff; border-color: #fff; text-transform: uppercase; }
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before { border-color: #fff; }
#goidien { display: none; }
.noidung p, .noidung h1, .noidung h2, .noidung h3, .noidung h4, .noidung h5 {margin-top: 0;margin-bottom: 0.5rem;}
.timkiem_rep { /* display: none  */}
#zalo_w,#phone_w{z-index: 1100;}
.number_w a{display: block;color: #c89535;font-weight: 700;font-size: 17px;margin-bottom: 5px;}
#search-filter{top: 0;}
/****end-menu-left****/
.hotline-phone-ring-wrap {position: fixed;bottom: 24px;left: 0;z-index: 999;}
.hotline-phone-ring { position: relative; visibility: visible; background-color: transparent; width: 110px; height: 110px; cursor: pointer; z-index: 11; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transition: visibility .5s; left: 0; bottom: 0; display: block; }
.hotline-phone-ring-circle {width: 87px;height: 87px;top: 10px;left: 10px;position: absolute;background-color: transparent;border-radius: 100%;border: 2px solid #c4973a;-webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;transition: all .5s;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;opacity: 0.5;}
.hotline-phone-ring-circle-fill {width: 57px;height: 57px;top: 25px;left: 25px;position: absolute;background-color: red;border-radius: 100%;border: 2px solid transparent;-webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition: all .5s;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.hotline-phone-ring-img-circle {background-color: red;width: 33px;height: 33px;top: 37px;left: 37px;position: absolute;background-size: 20px;border-radius: 100%;border: 2px solid transparent;-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;justify-content: center;}
.hotline-phone-ring-img-circle .pps-btn-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.hotline-phone-ring-img-circle .pps-btn-img img { width: 20px; height: 20px; }
.hotline-bar {position: absolute;background: #ff0000c7;height: 40px;width: 265px;line-height: 40px;border-radius: 3px;padding: 0 10px;background-size: 100%;cursor: pointer;transition: all 0.8s;-webkit-transition: all 0.8s;z-index: 9;box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);border-radius: 50px !important;/* width: 175px !important; */left: 33px;bottom: 37px;}
.hotline-bar > a {color: #fff;text-decoration: none;font-size: 18px;font-weight: bold;text-indent: 50px;display: block;letter-spacing: 1px;line-height: 40px;font-family: Arial;}
.hotline-bar > a:hover, .hotline-bar > a:active { color: #fff; }
@-webkit-keyframes phonering-alo-circle-anim {
  0% { -webkit-transform: rotate(0) scale(0.5) skew(1deg); -webkit-opacity: 0.1; }
  30% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); -webkit-opacity: 0.5; }
  100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: 0.1; }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.6; }
  50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: 0.6; }
  100% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.6; }
}
@-webkit-keyframes phonering-alo-circle-img-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); }
}
.timkiem_rep {width: 220px;background: #fff;border-radius: 5px;height: 35px;}

.timkiem_rep select {
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0 10px;
}
.timkiem_rep .search-grid { display: flex; align-items: center; justify-content: space-between }
.timkiem_rep input {width: 100%;height: 35px;border: 1px solid var(--color-main);font-size: 12px;color: #000;padding: 0 20px;border-right: 0;background: transparent;border-radius: 5px 0 0 5px;}
.timkiem_rep .search-grid p {width: 71px;height: 35px;background: #083f73 url(../images/timkiem.png) no-repeat center;border: 0;cursor: pointer;border-radius: 0 5px 5px 0;}
.timkiem_rep >p { font-size: 12px; color: #696363; margin-top: 5px }

/*****css-cam-nhan****/

.carttoggle {color: #fff !important;font-size: 14px;display: block;line-height: 17px;padding: 9px 0;/* padding-left: 25px; */background: url('../images/cart.png') no-repeat left center;background-size: 50%;cursor: pointer;margin-right: 20px;position: relative;width: 34px;}
.carttoggle span {color: #fff;position: absolute;top: -5px;right: 0;background: #083f73;border-radius: 50%;font-size: 11px;height: 20px;min-width: 20px;display: flex;align-items: center;justify-content: center;opacity: 0.8;color: yellow;}

/*****end-css-cam-nha***/
@media (max-width: 1200px) {
    .wrap-content { width: 100%; padding: 0 10px }
    .container_s { overflow: hidden; }
    /* #menu_mm{display: block} */
    .menu{ display: none; }
    .banner{display: none;}
    .header{padding: 0}
    .lang-headers{display: block;}
    .header_mm{display: block;position: relative;height: 40px;width: 100%;background: var(--color-main);}
    .about-left{left: 0;padding: 15px;}

.about-right {
    padding: 0 35px;
    margin-bottom: 20px;
}
    .commitment {
        /* display: none !important; */!i;!;
    }

    .header .logo {
        width: 150px;
        text-align: center;
    }

    .carttoggle {
        display: none;
    }

    #main_menu {
        background: var(--color-main);
        height: 50px;
        margin-bottom: 10px;
    }

    #danhmuc,.timkiem_rep select {
        display: none;
    }

    .menu_header {
        display: none;
    }
    .header .logo img{max-height: 100px !important;}
    
}
@media(max-width: 1024px) {
    .category-wrap .category-left{width: 100%;margin-bottom: 20px;}
    .category-wrap .category-right{width: 100%;}
}
@media(max-width:980px) {
    .commitment{grid-template-columns: repeat(3, 1fr);}
    .grid_sp{grid-template-columns: repeat(3, 1fr);}
    .grid_sp_home{grid-template-columns: repeat(3, 1fr);}
    #main_right .grid_sp {grid-template-columns: repeat(3, 1fr);}
}
@media(max-width:850px) {
    .cate-left{display: none;}
    .cate-collum .cate-right{width: 100%;}
    #main_left{width: 100%;margin-right: 0;margin-bottom: 20px;    position: fixed;
        top: 0;
        bottom: 0;
        right: -220px;
        width: 220px;
        background: #fff;
        box-shadow: 0 0 2px 0 #cccc;
        padding: 10px;
        z-index: 999999;
        overflow-y: auto;
        transition: all 0.5s}
        .icon_filter{display: inline-block;}
        #main_right{width: 100%}

    }
    @media(max-width:768px) {
        .commitment{grid-template-columns: repeat(2, 1fr);}
        .lienket, .timkiem, .hotline, .menu, .mota_hinhanh h3:after { display: none }
        .hotro_top p { width: 100% }
        .header .wrap-content { justify-content: space-between }
        .timkiem_rep { width:80%; }
        #main_menu .wrap-content { justify-content: flex-end }
        .thanh_sp { flex-flow: column; }
        .thanh_sp:after { left: 50%; transform: translate(-50%) }
        .wrap-tabs { margin-top: 10px }
        .item_sp {/* text-align: center */}
        .mota_hinhanh { padding: 0; width: calc(50% - 10px); }
        .mota_hinhanh h3 { padding: 0; margin-bottom: 10px }
        .mota_hinhanh h3 a { font-size: 1.2em }
        .mota_hinhanh p { font-size: 14px; -webkit-line-clamp: 4; }
        .tintuc_w { width: 100%; padding: 0 }
        .video_w { width: 100%; margin-top: 20px }
        .content_ft {flex-wrap: wrap;padding-bottom: 40px;}
        .logo_ft, .thongtin_ft, .chinhsach_ft, .fan_ft { width: 100% }
        .map_ft iframe { height: 400px }
        .container_s { padding-bottom: 45px }
        .thongtin_ft h2 { font-size: 2em }
        .thanh_title h2 { padding-left: 0 }
        .item_hinhanh { margin-bottom: 20px !important; }
        .timkiem_rep { display: block }

        .icon {/* display: none !important; */}
        #main_menu {width: initial;display: flex;align-items: center;}
        .timkiem { width: 80%; padding-top: 10px; }
        .grid_sp,#main_right .grid_sp{ grid-template-columns: repeat(2, 1fr); grid-gap: 15px; }
        .grid_sp_home{ grid-template-columns: repeat(2, 1fr); grid-gap: 15px; }
        .grid_new { grid-template-columns: repeat(3, 1fr); }
        .box-news { grid-template-columns: repeat(1, 1fr) }
        .frm-contact { width: 100% }
        .thongtin-contact { width: 100%; margin-bottom: 20px }
        .pro-detail-images { width: 100%; padding: 0 }
        .pro-detail-desc { width: 100%; margin-top: 20px }
        .pro-detail-content { margin: 0 }
        #goidien { display: block; }
        #tienich { display: none; }
        .item_tieuchi{padding-bottom: 10px;}
        .item_tieuchi h3{margin-top: 10px;}
        .map_ft{padding:60px;}
        .box_slider{margin-top: 10px;display: none;}
    }
    @media(max-width:680px) {
        .commitment{grid-template-columns: repeat(1, 1fr);grid-gap: 50px;padding: 0 10px;}
        .grid_sp,#main_right .grid_sp { grid-template-columns: repeat(2, 1fr); grid-gap: 10px; }
        .grid_new { grid-template-columns: repeat(2, 1fr); }
    }
    @media(max-width:500px) {
        .price_sp { flex-wrap: wrap; justify-content: center; }
        .item_tieuchi h3 { font-size: 14px }
        .left_tit h2, .thanh_title h2 { font-size: 1.7em; }
        .wrap-tabs ul li a, .mota_sp h3 a, .mota_sp p, .thanh_title p { font-size: 15px }
        .thanh_title h2 img { margin-right: 10px; }
        .mota_hinhanh h3 a { font-size: 17px; }
        .mota_hinhanh p { -webkit-line-clamp: 3; }
        .hinhanh_w { padding-bottom: 30px }
        .mota_tin p { -webkit-line-clamp: 3; }
        .xem_tin { padding-top: 10px }
        .video-main { height: 340px; }
        .mota_tin h3 a { font-size: 15px }
        .thongtin_ft h4 { margin-top: 20px; }
        .thongtin_ft h2 { font-size: 1.8em; }
        .thanh_ft { font-size: 15px; margin-top: 30px; }
        .coppy .wrap-content { flex-flow: column }
        .map_ft iframe { height: 380px; }
        .grid_new{grid-template-columns: repeat(1 , 1fr);}
    }
    @media(max-width:300px) {
        .grid_sp,#main_right .grid_sp{grid-template-columns: repeat(1 , 1fr);}
    }