@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,400&display=swap');
:root { --color-red: #ec2d3f; --color-medium-red: #cc2c32; --color-dark-red: #c31829; --color-green: #28a745; --color-dark-green: #207d36; --color-black: #212529; --color-gray: #6c757d; }
body { font-size: 14px; font-family: Roboto, sans-serif; }
img { max-width: 100%; height: auto; vertical-align: top; }
a, input, textarea { outline: none; padding: 0px; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { appearance: none; margin: 0px; }
.w-clear::after { display: block; content: ""; clear: both; }
.hidden { display: none; }
.clear { clear: both; }
.none { display: none; }
.hidden-seoh { visibility: hidden; height: 0px; margin: 0px; overflow: hidden; }
.wrap-main, .wrap-content { max-width: 1200px; margin: 40px auto; padding: 0px; }
.wrap-home { max-width: 100%; padding: 0px; margin: 0px auto; }
.wrap-content { margin: auto; }
a:hover { text-decoration: none; }
.title-main { text-align: center; padding: 0px; margin-bottom: 40px; }
.title-main span { font-size: 22px; font-weight: 700; color: rgb(255, 0, 0); text-transform: uppercase; }
.title-main h2 { text-transform: uppercase; color: rgb(255, 0, 0); font-size: 22px; font-weight: bold; }
.time-main { margin-bottom: 0.75rem; color: rgb(153, 153, 153); }
.time-main i { vertical-align: top; margin: 3px 7px 0px 0px; }
.time-main span { vertical-align: top; display: inline-block; }
.share { padding: 17px 15px 10px; line-height: normal; background: rgba(128, 128, 128, 0.15); margin-top: 15px; border-radius: 5px; }
.share b { display: block; margin-bottom: 5px; }
.control-owl { position: absolute; width: 100%; z-index: 2; left: 0px; top: calc(50% - 22.5px); }
.control-owl button { opacity: 0.5; top: 0px; position: absolute; outline: none; border: 0px; padding: 0px; cursor: pointer; color: rgb(255, 255, 255); width: 45px; height: 45px; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 25px; margin: 0px; background-color: rgb(0, 0, 0); border-radius: 3px; transition: all 0.3s ease-out 0s; }
.control-owl button:hover { opacity: 1; }
.control-owl button.owl-prev { left: 20px; }
.control-owl button.owl-next { right: 20px; }
.form-control, .form-control-plaintext:not(textarea), .custom-select { height: calc(1em + 1.25rem + 8px); display: block; width: 100%; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); border: 1px solid rgb(206, 212, 218); border-radius: 0px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; background: none; font-style: italic; padding: 0px 16px; }
.text-sm { font-size: 0.875rem !important; }
img.lazy { opacity: 0; }
img:not(.initial) {	/* transition: opacity 1s ease 0s; */ }
img.initial, img.loaded, img.error { opacity: 1; }
img:not([src]) { visibility: hidden; }
.header { background: url("../images/banner-bottom.jpg") 0% 0% / cover no-repeat; }
.header-top { color: rgb(255, 255, 255); background-color: var(--color-red); }
.header-top .wrap-content { padding: 6px 15px; }
.info-header { margin-bottom: 0px; color: rgb(240, 239, 240); font-size: 18px; position: relative; display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.info-header::after { position: relative; content: ""; background-color: rgb(97, 97, 97); flex: 1 1 auto; height: 1px; }
.info-header::before { position: relative; content: ""; background-color: rgb(97, 97, 97); flex: 1 1 auto; height: 1px; }
.info-header i { vertical-align: top; margin: 3px 5px 0px 0px; font-size: 16px; }
.info-header-product { margin-bottom: 0px; color: rgb(51, 51, 51); font-size: 13px; position: relative; display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.info-header-product::after { position: relative; content: ""; background-color: rgb(97, 97, 97); flex: 1 1 auto; height: 1px; }
.info-header-product::before { position: relative; content: ""; background-color: rgb(97, 97, 97); flex: 1 1 auto; height: 1px; }
.info-header-product-tieuchi { margin-bottom: 0px; color: rgb(51, 51, 51); font-size: 13px; position: relative; display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.info-header-product-tieuchi::after { position: relative; content: ""; background-color: rgb(97, 97, 97); flex: 1 1 auto; height: 1px; }
.info-header-product-tieuchi::before { position: relative; content: ""; background-color: rgb(97, 97, 97); flex: 1 1 auto; height: 1px; }
.info-header-product i { vertical-align: top; margin: 3px 5px 0px 0px; font-size: 16px; }
.social-header li { width: 30px; }
.header-bottom .wrap-content { padding: 20px 15px; }
.hotline-header { padding-left: 75px; background-image: url("../images/icon-phone-header.png"); background-repeat: no-repeat; min-height: 68px; }
.hotline-header p { font-size: 17px; color: rgb(255, 255, 255); margin-bottom: -2px; font-weight: 400; }
.hotline-header span { font-weight: bold; color: var(--color-red); font-size: 33px; display: block; }
.user-header a { color: rgb(255, 255, 255); padding-right: 9px; margin-right: 7px; position: relative; display: inline-block; vertical-align: top; text-decoration: none; }
.user-header a::after { content: ""; position: absolute; width: 1px; height: 8px; background-color: rgb(255, 255, 255); top: calc(50% - 3.5px); right: 0px; opacity: 0.7; }
.user-header a:last-child { padding-right: 0px; margin-right: 0px; }
.user-header a:last-child::after { display: none; }
.menu { background-color: rgb(255, 0, 0); position: relative; z-index: 10; }
.menu ul { width: 100%; padding: 0px; margin: auto; list-style: none; }
.menu ul li { position: relative; z-index: 1; flex: 1 1 auto; text-align: center; }
.menu ul li:hover > a { }
.menu ul li.box-search { flex: unset; margin-left: 30px; border: 0px; }
.menu ul li.line { width: 1px; height: 15px; background-color: rgba(0, 0, 0, 0.1); }
.menu ul li a { display: block; position: relative; font-size: 18px; color: rgb(255, 255, 255); font-weight: 500; text-transform: uppercase; padding: 11px 0px; text-decoration: none !important; }
.menu ul li a.has-child { color: rgb(255, 255, 255); }
.menu ul li a.active, .menu ul li:hover > a { background-color: rgb(206, 40, 40); }
.menu ul li:hover > a.has-child::after, .menu ul li a.active.has-child::after { }
.menu ul li ul { position: absolute; min-width: 250px; background-color: rgb(255, 0, 0); border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 15px; transform: perspective(600px) rotateX(-90deg); transform-origin: 0px 0px 0px; opacity: 0; visibility: hidden; transition: all 0.5s ease 0s; top: 100%; }
.menu ul li:hover > ul { transform: perspective(600px) rotateX(0deg); transform-origin: 0px 0px 0px; opacity: 1; visibility: visible; transition: all 0.7s ease 0s; color: rgb(255, 255, 255); }
.menu ul li ul li { }
.menu ul li ul li a { font-weight: 400; font-size: 14px; text-align: left; color: rgb(49, 49, 49); border-bottom: 1px solid rgb(236, 236, 236); }
.menu ul li ul li:last-child > a { border-bottom: 20px; }
.menu ul li ul li a.has-child { margin-right: 0px; padding: 10px; }
.menu ul li ul li a.has-child::after { border-color: rgb(49, 49, 49); transform: rotate(-45deg); }
.menu ul li ul li a.active, .menu ul li ul li:hover > a { color: rgb(255, 255, 255); }
.menu ul li ul li:hover > a.has-child::after, .menu ul li ul li a.active.has-child::after { border-color: var(--color-red); }
.menu ul li ul li a { text-transform: capitalize; color: rgb(255, 255, 255); padding: 10px; }
.menu ul li ul li ul { left: 100%; margin-top: 0px; top: 0px; }
.search { width: 280px; }
.search p { cursor: pointer; text-align: center; margin: 0px; color: rgb(255, 0, 0); font-size: 16px; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; }
.search input { width: 100%; height: 40px; outline: none; padding: 0px; border: 0px; border-radius: 5px; background: rgb(255, 255, 255); text-indent: 10px; font-size: 15px; font-style: italic; }
.search input::-webkit-input-placeholder { color: rgb(204, 204, 204); }
.box-search { flex: unset; border-radius: 5px; }
.menu-res { display: none; height: 55px; z-index: 10; background: rgb(255, 0, 0); position: relative; line-height: normal; }
.menu-bar-res { height: 55px; padding: 0px 15px; 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: rgb(255, 255, 255); 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 { transition: transform 0.5s ease 0.5s, top 0s ease 0s, bottom 0s ease 0s, left 0s ease 0s, opacity 0s ease 0s; }
.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; }
.search-res { position: relative; }
.search-res .icon-search { width: 40px; height: 40px; cursor: pointer; text-align: center; line-height: 42px; color: rgb(255, 255, 255); font-size: 17px; margin: 0px; }
.search-res .icon-search.active { color: var(--color-red); background: rgb(255, 255, 255); border-radius: 100%; }
.search-res .search-grid { position: absolute; top: 50px; right: 0px; width: 0px; height: 40px; overflow: hidden; background: rgb(255, 255, 255); border: 1px solid var(--color-red); z-index: 2; opacity: 0; border-radius: 25px; line-height: normal; }
.search-res .search-grid p { float: left; width: 35px; height: 38px; cursor: pointer; outline: none; border: none; margin: 0px; font-size: 17px; display: block; color: var(--color-red); line-height: 40px; text-align: center; }
.search-res .search-grid input { width: calc(100% - 35px); float: right; line-height: 38px; outline: none; border: none; color: var(--color-red); }
.search-res .search-grid input::-webkit-input-placeholder { color: rgb(204, 204, 204); }
.wrap-dichvu { background: url("../images/banner-top.jpg") 0% 0% / cover no-repeat; padding: 40px 0; }
.box-dichvu { padding: 0px 15px; }
.box-dichvu .scale-img { border: 5px solid rgb(255, 255, 255); border-radius: 50%; overflow: hidden; display: table; margin: 0px auto; }
.content-product a { color: rgb(255, 255, 255); text-align: center; font-size: 14px; font-weight: 500; border: none; text-decoration: none; }
.content-product:hover > p { color: rgb(255, 255, 255); text-decoration: none; }
.box-dichvu .content-product { text-align: center; margin-top: 20px; }
.row-product { margin: 0; }
.wrap-sp { margin: 0px; justify-content: space-between; }
.item-product-sp { border: 3px solid rgb(255, 255, 255); border-radius: 14px; overflow: hidden; }
.wrap-tieu-chi { background: url("../images//banner-bottom.jpg") 0% 0% / cover no-repeat; padding: 40px 0; }
.box-tieu-chi { margin: 15px 10px; }
.title-main-tieuchi { text-align: center; padding: 30px 0px; color: rgb(255, 255, 255); }
.title-main-tieuchi > h2 { font-size: 34px; font-weight: 500; color: rgb(255, 0, 0); text-transform: uppercase; }
.title-main-tieuchi p { color: rgb(255, 255, 255); font-size: 18px; position: relative; }
.scale-tieuchi { display: table; margin: 0px auto; }
.content-tieu-chi { text-align: center; color: rgb(255, 255, 255); margin-top: 20px; }
.content-tieu-chi > p { font-size: 18px; margin: 0px; font-weight: 700; margin-bottom: 10px; }
.content-cong-trinh { margin: 0px 10px; }
.wrap-cong-trinh { padding: 50px 0px; }
.box-cong-trinh { }
.scale-congtrinh img { width: 100%; height: 100%;object-fit: cover; }
.icon-img { position: relative; }
.icon-img::after { position: absolute; content: ""; background: url("../images/icon-them-img.png") no-repeat; width: 65px; height: 65px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.title-khachhang { display: flex; justify-content: space-between; align-items: center; }
.slide-khach-hang { width: 70%; }
.box-bottom-khachhang { padding: 0px 10px; }
.content-khachhang { margin: 10px 0px; color: rgb(102, 102, 102); }
.scale-khachhang { border: 3px solid rgb(255, 0, 0); border-radius: 50%; overflow: hidden; display: table; }
.scale-item-khachhang { border: 3px solid rgb(204, 204, 204); border-radius: 50%; overflow: hidden; display: table; }
.content-product-khachhang { font-size: 18px; width: calc(100% - 155px); }
.content-product-khachhang p { margin: 0px; font-weight: 700; font-size: 18px; color: #000; }
.icon-phay { position: relative; }
.icon-phay::after { position: absolute; /* content: ""; */ background: url("../images/icon-dau-phay.png") no-repeat; width: 51px; height: 38px; }
.desc-khachang { color: #333; font-style: italic; font-size: 18px; font-weight: 400; display: block; margin: 5px 0; }
.tintuc { padding-left: 15px; }
.videoclip { padding-right: 10px; }
.wrap-tin-tuc { padding: 40px 0px; }
.slide-tintuc { margin: 0px -10px; }
.slide-video { margin: 0px -10px; }
.slide-tintuc .slick-slide { margin: 0px 10px; }
.slide-video .slick-slide { margin: 0px 10px; }
.img-tintuc img { position: relative; border: 1px solid rgb(255, 255, 255); border-radius: 15px; overflow: hidden; }
.icon-video { position: relative; display: block; }
.icon-video::after { position: absolute; content: ""; background: url("../images/icon-video.png") no-repeat; width: 63px; height: 62px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.item-tintuc { display: block; text-decoration: none; color: rgb(0, 0, 0); font-size: 16px; font-weight: 500; }
.content-tin-tuc { padding: 15px 0px; text-align: center; }
.content-tin-tuc a { display: block; color: rgb(0, 0, 0); font-size: 13px; }
.content-tin-tuc p { color: rgb(102, 102, 102); margin: 0px; font-size: 13px; font-weight: 400; margin-top: 10px; }
.scale-item-quangcao { background-size: cover; }
.slideshow { position: relative; }
.slideshow-item { display: block; cursor: pointer; }
.slideshow:hover .control-slideshow { opacity: 1; }
.control-slideshow { opacity: 0; }
.slideshow { position: relative; }
.slideshow-item { display: block; cursor: pointer; }
.slideshow:hover .control-slideshow { opacity: 1; }
.control-slideshow { opacity: 0; }
.slide-arrow { transform: translateY(-40%); position: absolute; top: 40%; left: -40px; z-index: 1; border: none; background: none; cursor: pointer; }
.slide-arrow:focus { outline: none; }
.slide-img { width: 100%; object-fit: cover; }
.slide-arrow.ic-right { left: unset; right: -40px; }
.slide > .slick-prev { left: 0px; }
.slide > .slick-next { right: 0px; }
.wrap-partner { padding: 0px 15px; }
.wrap-partner .wrap-content { position: relative; }
.partner { display: block; border: 1px solid rgb(238, 238, 238); max-width: 175px; margin: 0px auto; }
.breadCrumbs { background-color: rgb(238, 238, 238); }
.breadCrumbs .wrap-content { padding: 0.75rem 15px; }
.breadCrumbs .wrap-content .breadcrumb { padding: 0px; margin-bottom: 0px; background-color: transparent; border-radius: 0px; }
.breadCrumbs .wrap-content .breadcrumb-item a { color: var(--color-black); }
.breadCrumbs .wrap-content .breadcrumb-item.active a { color: var(--color-gray); }
.wrap-intro { background-color: rgb(238, 234, 221); }
.news-intro::before { content: ""; position: absolute; width: 1px; height: calc(100% - 50px); top: 10px; left: 90px; background-color: rgb(202, 202, 202); }
.news-scroll::before, .news-scroll::after { content: ""; position: absolute; width: 10px; height: 10px; left: 85px; border-radius: 100%; background-color: rgb(202, 202, 202); }
.news-scroll::before { top: 10px; }
.news-scroll::after { bottom: 40px; }
.news-control { left: 85px; font-size: 13px; opacity: 0.5; z-index: 1; cursor: pointer; }
.news-control:hover { opacity: 1; color: var(--color-main); }
.news-control#up { top: -10px; }
.news-control#down { bottom: 20px; }
.news-shadow { padding-bottom: 30px; }
.news-shadow-time { font-size: 13px; width: 75px; margin-right: 45px; }
.news-shadow-time::after { content: ""; position: absolute; width: 20px; height: 20px; top: calc(50% - 10px); right: -26px; background-repeat: no-repeat; background-position: center center; background-image: url("../images/pattern-news.png"); }
.news-shadow-article { width: calc(100% - 120px); padding: 14px 15px; border-radius: 10px; background-color: rgb(255, 255, 255); border: 1px solid rgb(206, 202, 187); }
.news-shadow-article::before { content: ""; position: absolute; top: calc(50% - 13px); left: -13px; z-index: 0; border-top: 13px solid transparent; border-right: 13px solid rgb(206, 202, 187); border-bottom: 13px solid transparent; }
.news-shadow-article::after { content: ""; position: absolute; top: calc(50% - 12px); left: -11px; z-index: 1; border-top: 12px solid transparent; border-right: 11px solid rgb(255, 255, 255); border-bottom: 12px solid transparent; }
.news-shadow-image { margin-right: 10px; width: 90px; }
.news-shadow-info { width: calc(100% - 100px); }
.news-shadow-name { height: 36px; font-size: 15px; font-weight: 700; }
.news-shadow-name a { color: rgb(34, 34, 34); }
.news-shadow-name a:hover { color: var(--color-main); }
.news-shadow-desc { height: 38px; font-size: 13px; }
.news-shadow-name a.text-split, .news-shadow-desc.text-split { -webkit-line-clamp: 2; }
.video { cursor: pointer; margin-bottom: 1rem; }
.video-image { position: relative; margin-bottom: 0.75rem; }
.video-image::before { content: ""; position: absolute; width: 50px; height: 35px; top: calc(50% - 25px); left: calc(50% - 17.5px); z-index: 1; background-repeat: no-repeat; background-image: url("../images/play.png"); }
.video-name { text-align: center; font-size: 16px; color: var(--color-black); margin-bottom: 0px; }
.album { cursor: pointer; margin-bottom: 1rem; }
.album-image { margin-bottom: 0.75rem; }
.album-name { margin-bottom: 0px; text-align: center; }
.album-name a { display: block; font-size: 16px; color: var(--color-black); margin-bottom: 0px; }
.wrap-brand { margin-bottom: 50px; padding: 0px 15px; }
.wrap-brand .wrap-content { position: relative; }
.brand { display: block; border: 1px solid rgb(238, 238, 238); max-width: 160px; margin: 0px auto; }
.wrap-product { padding: 40px 0px; }
.content-main { flex-wrap: wrap; display: flex; }
.content-main-lh { flex-wrap: wrap; }
.product { margin: 0px; padding: 0px 10px; width: 25%; }
.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: rgb(255, 255, 255); border-radius: 5px; padding: 5px; border: 1px solid rgb(238, 238, 238); }
.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; text-align: center; }
.price-product { margin-bottom: 0px; }
.price-product span { font-weight: 700; }
.price-new { font-size: 15px; font-weight: 500; color: var(--color-red); }
.price-old { padding-left: 10px; font-size: 12px; color: var(--color-gray); }
.price-per { position: absolute; top: 15px; right: 15px; color: rgb(255, 255, 255); background: var(--color-red); font-size: 11px; border-radius: 2px; width: 45px; height: 25px; text-align: center; line-height: 25px; }
.cart-product { margin-bottom: 0px; }
.cart-product span { cursor: pointer; width: 49%; float: left; color: rgb(255, 255, 255); text-transform: capitalize; text-align: center; padding: 7px 5px; border-radius: 3px; }
.cart-add { margin-right: 2%; background-color: var(--color-red); }
.cart-add:hover { background-color: var(--color-dark-red); }
.cart-buy { background-color: var(--color-green); }
.cart-buy:hover { background-color: var(--color-dark-green); }
.grid-pro-detail { margin-bottom: 3rem; }
.left-pro-detail { position: relative; text-align: center; }
.left-pro-detail .MagicZoom { border: 1px solid rgb(238, 238, 238); padding: 7px; border-radius: 5px; background-color: rgb(255, 255, 255); }
.gallery-thumb-pro { position: relative; margin-top: 10px; }
.owl-pro-detail { padding: 0px 30px; }
.control-pro-detail button { background-color: transparent; color: rgb(34, 34, 34); opacity: 1; width: 25px; font-size: 23px; }
.control-pro-detail button:hover { opacity: 0.7; }
.control-pro-detail button.owl-prev { left: 0px; }
.control-pro-detail button.owl-next { right: 0px; }
.thumb-pro-detail { border: 1px solid rgb(238, 238, 238); padding: 5px; border-radius: 3px; cursor: pointer; background-color: rgb(255, 255, 255); display: block !important; }
.thumb-pro-detail.mz-thumb.mz-thumb-selected { border-color: rgb(206, 207, 210); }
.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; }
.comment-pro-detail { display: flex; align-items: center; justify-content: flex-start; }
.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-bottom: 0.5rem; }
.attr-label-pro-detail { margin: 0px 5px 0px 0px; }
.attr-label-pro-detail.d-block { display: block; margin: 0px 0px 5px; }
.attr-content-pro-detail { display: inline-block; margin-bottom: 0px; }
.price-new-pro-detail { font-weight: 700; font-size: 20px; color: var(--color-red); }
.price-old-pro-detail { font-weight: 500; color: var(--color-gray); text-decoration: line-through; padding-left: 10px; }
.color-pro-detail { cursor: pointer; display: inline-block; vertical-align: top; position: relative; width: 35px; height: 30px; margin: 0px 0px 3px; border: 1px solid transparent; background-repeat: no-repeat; background-size: contain; background-position: center center; }
.size-pro-detail { cursor: pointer; border: 1px solid rgb(204, 204, 204); padding: 3px 10px 4px; display: inline-block; position: relative; }
.size-pro-detail.active, .color-pro-detail.active { border-color: rgb(229, 16, 29); color: rgb(229, 16, 29); }
.size-pro-detail.active::after, .color-pro-detail.active::after { content: ""; position: absolute; bottom: 0px; right: 0px; width: 13px; height: 13px; background-repeat: no-repeat; background-image: url("../images/check-cart.png"); }
.color-pro-detail input[type="radio"], .size-pro-detail input[type="radio"] { display: none; }
.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: rgb(95, 95, 95); cursor: pointer; font-size: 22px; border: 1px solid rgb(204, 204, 204); }
.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 rgb(204, 204, 204); width: calc(100% - 60px); text-align: center; font-size: 14px; padding: 5px; }
.cart-pro-detail { margin-bottom: 1rem; }
.cart-pro-detail a { font-size: 14px; text-transform: uppercase; color: rgb(255, 255, 255) !important; }
.tags-pro-detail a { float: left; font-size: 13px; padding-bottom: 0.375rem; margin: 0px 5px 5px 0px; }
.tags-pro-detail a i { font-size: 11px; margin: 5px 5px 0px 0px; }
.tabs-pro-detail { margin-top: 2rem; }
.tabs-pro-detail .nav-tabs .nav-link { border-top-width: 3px; font-size: 13px; }
.tabs-pro-detail .nav-tabs .nav-link.active, .tabs-pro-detail .nav-tabs .nav-item.show .nav-link { border-top-color: rgb(85, 85, 85); }
.news { margin-bottom: 2rem; }
.news-name { margin-bottom: 0.5rem; }
.news-name a { color: rgb(51, 51, 51); font-size: 16px; }
.news-name a.text-split { -webkit-line-clamp: 2; }
.news-name a:hover { color: var(--color-red); }
.news-time { color: rgb(132, 135, 138); margin-bottom: 0.25rem; }
.news-desc { color: rgb(51, 51, 51); margin-top: 5px; line-height: 22px; }
.othernews b { margin-bottom: 10px; }
.list-news-other { padding-left: 17px; list-style: square; }
.list-news-other li { margin-bottom: 2px; }
.list-news-other li a { text-transform: none; color: rgb(51, 51, 51); }
.list-news-other li a:hover { color: var(--color-red); }
.contact-article { margin-bottom: 3rem; }
.contact-input { position: relative; margin-bottom: 15px; }
.contact-input textarea { resize: none; height: 150px; }
.contact-input .custom-file-label::after { content: attr(title); }
.contact-map { position: relative; height: 500px; }
.contact-map iframe { position: absolute; top: 0px; left: 0px; width: 100% !important; height: 100% !important; }
.validation-newsletter { width: 315px; height: 45px; position: relative; }
.newsletter-input { width: 70%; height: 45px; }
.newsletter-button { width: 60px; height: 44px; position: absolute; right: 7%; top: 0%; }
.btn-search { width: 65px; height: 42px; color: rgb(255, 255, 255); background: url("../images/icon-sendmail.png") center center no-repeat rgb(204, 0, 0); border: none; }
.footer-article { background: url("../images/banner-footer.jpg") 0% 0% / cover no-repeat; color: rgb(255, 255, 255); }
.footer-article .wrap-content { padding: 35px 15px; }
.footer-title { margin-bottom: 1rem; color: rgb(255, 0, 0); font-size: 19px; font-weight: 500; }
.footer-ul { list-style: disc; padding: 0px 15px; margin: 0px; }
.footer-ul li { margin-bottom: 10px; }
.footer-ul li:last-child { margin-bottom: 0px; }
.footer-ul li a { color: rgb(255, 255, 255); font-size: 14px; }
.footer-ul li a:hover { text-decoration: none; color: var(--color-red); }
.footer-tags { background: rgb(238, 238, 238); }
.footer-info { margin: 0; }
.footer-info ul li { padding: 5px 0px; }
.footer-tags .wrap-content { padding: 30px 15px; }
.footer-tags-lists { list-style: none; padding: 0px; margin: 0px; }
.footer-tags-lists li { float: left; }
.footer-tags-lists li a { padding-bottom: 0.375rem; }
.footer-powered { color: rgb(255, 255, 255); background-color: rgb(204, 0, 0); }
.footer-powered .wrap-content { padding-top: 15px; padding-bottom: 15px; }
.footer-statistic { text-align: right; }
.footer-statistic span { padding-right: 10px; }
.footer-statistic span:last-child { padding-right: 0px; }
#footer-map { position: relative; height: 235px; }
#footer-map iframe { position: absolute !important; width: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; }
.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; }
.pagination-home .pagination .page-item .page-link { color: rgb(85, 85, 85); font-size: 0.875rem; }
.pagination-home .pagination .page-item.active .page-link { color: rgb(255, 255, 255); background-color: rgb(85, 85, 85); border-color: rgb(85, 85, 85); }
.pagination-ajax { text-align: center; }
.pagination-ajax a { display: inline-block; vertical-align: top; margin: 0px 3px 3px; width: 35px; height: 35px; line-height: 33px; border: 1px solid rgb(230, 230, 230); font-size: 13px; cursor: pointer; background-color: rgb(255, 255, 255); color: rgb(102, 102, 102) !important; text-decoration: none !important; }
.pagination-ajax a.current, .pagination-ajax a:hover { border-color: var(--color-red); background-color: var(--color-red); color: rgb(255, 255, 255) !important; }
.pagination-ajax a.first, .pagination-ajax a.last, .pagination-ajax a.prev, .pagination-ajax a.next { text-indent: -9999px; position: relative; background-color: rgb(255, 255, 255) !important; }
.pagination-ajax a.first::before, .pagination-ajax a.last::before, .pagination-ajax a.prev::before, .pagination-ajax a.next::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; background-color: transparent; background-repeat: no-repeat; background-position: center center; }
.pagination-ajax a.first::before { background-image: url("../images/page-first.png"); }
.pagination-ajax a.last::before { background-image: url("../images/page-last.png"); }
.pagination-ajax a.prev::before { background-image: url("../images/page-prev.png"); }
.pagination-ajax a.next::before { background-image: url("../images/page-next.png"); }
#popup .modal-body { padding: 0px; }
.grecaptcha-badge { overflow: hidden; display: none !important; width: 0px !important; height: 0px !important; visibility: hidden !important; }
.coccocgrammar { display: none; }
.scrollToTop { width: 41px; height: 41px; text-align: center; font-weight: bold; color: rgb(68, 68, 68); text-decoration: none; position: fixed; bottom: 65px; right: 25px; display: none; z-index: 10; cursor: pointer; }
.text-split { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }
.transition { transition: all 0.3s ease-out 0s; }
.scale-img { overflow: hidden; display: block; border-radius: 20px; padding: 0px; }
.scale-img img { transition: all 0.3s ease-out 0s; transform: scale(1, 1); }
.scale-img:hover > img { transition: all 0.3s ease-out 0s; transform: scale(1.1, 1.1); }
.blink { animation-name: blink; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }
@-webkit-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}
.btn-frame { display: block; width: 50px; height: 50px; position: fixed; right: 20px; z-index: 10; cursor: pointer; }
.btn-frame i { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; background: rgb(17, 130, 252); 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; border-radius: 100%; border: 2px solid rgb(17, 130, 252); opacity: 0.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; border-radius: 100%; border: 2px solid transparent; transition: all 0.5s ease 0s; background-color: rgba(7, 41, 103, 0.35); opacity: 0.4; }
.btn-frame .pulse { animation-name: pulse; }
.form-input { display: block; width: 100%; height: 44px; padding: 0px 20px; font-weight: 400; line-height: 1.5; color: rgb(255, 255, 255); border: 1px solid rgb(206, 212, 218); background: none; font-style: italic; }
.btn-zalo { bottom: 315px; }
.btn-phone { bottom: 230px; }
.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: rgb(64, 64, 64); background: rgb(255, 255, 255); }
.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) 0px 2pt 10pt; }
.js-facebook-messenger-close-tooltip { width: 10px; height: 10px; display: inline-block; cursor: pointer; margin-left: 10px; }
.js-facebook-messenger-box.rubberBand { animation-name: rubberBand; }
.js-facebook-messenger-box.animated { animation-duration: 1s; 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: rgb(17, 130, 252); border-radius: 100%; overflow: hidden; z-index: 99; box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 4px 0px; }
.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; transition: opacity 160ms ease-in-out 0s, transform 160ms ease-in-out 0s; }
.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; transition: opacity 160ms ease-in-out 0s, transform 160ms ease-in-out 0s; }
.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: rgba(0, 0, 0, 0.06) 0px 1px 6px, rgba(0, 0, 0, 0.16) 0px 2px 32px; transition: transform 160ms ease-in-out 0s, opacity 160ms ease-in-out 0s; }
.js-facebook-messenger-top-header { width: 220px; }
.js-facebook-messenger-top-header { color: rgb(255, 255, 255); background: rgb(17, 130, 252); }
.js-facebook-messenger-top-header { display: block; position: relative; width: 220px; background: rgb(17, 130, 252); color: rgb(255, 255, 255); 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: rgb(255, 255, 255); background: rgb(17, 130, 252); }
.js-facebook-messenger-top-header { width: 220px; }
.js-facebook-messenger-tooltip { color: rgb(64, 64, 64); background: rgb(255, 255, 255); }
.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-fixed { position: fixed; right: 20px; bottom: 390px; z-index: 10; background: rgb(75, 79, 86); width: 50px; height: 50px; text-align: center; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255) !important; }
.cart-fixed i { font-size: 20px; }
.cart-fixed span { position: absolute; top: 0px; right: -5px; color: rgb(255, 255, 255); width: 25px; height: 25px; background: var(--color-red); text-align: center; line-height: 25px; font-size: 11px; border-radius: 100%; }
.toolbar { background: var(--color-red); width: 100%; padding: 3vw; bottom: 0px; position: fixed; z-index: 500; height: auto; left: 0px; display: none; }
.toolbar ul { list-style: none; display: flex; align-items: center; justify-content: space-between; padding: 0px; margin: 0px; }
.toolbar ul li { text-align: center; width: 25%; }
.toolbar ul li a { display: block; width: 100%; cursor: pointer; }
.toolbar ul li a img { height: 6vw; width: auto; }
.toolbar ul li a span { font-weight: 400; color: rgb(255, 255, 255); font-size: 3.5vw; display: none; }
.fixbar { bottom: 0px; display: block; background: rgb(240, 239, 244); border-top: 1px solid rgb(221, 221, 221); width: 100%; box-sizing: border-box; position: fixed; margin: 0px; z-index: 500; backface-visibility: hidden; height: 50px; }
.fixbar ul { margin: 0px; padding: 0px; list-style: none; }
.fixbar ul li { display: inline-block; margin: 0px 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 0px; }
.fixbar .icon-cart-mobile { background: url("../images/cart-mobile.png") no-repeat; }
.cart-total-header-mobile { font-size: 10px; position: absolute; background: red; border-radius: 50%; height: 15px; width: 15px; line-height: 15px; top: 5px; margin-left: 5px; color: rgb(255, 255, 255) !important; }
.fixbar ul li a { font-size: 11px; text-decoration: none; color: rgb(51, 51, 51); }
.fixbar ul li a i { font-size: 20px; }
.plugbar { position: fixed; bottom: 0px; left: 0px; border-top: 1px solid rgb(234, 230, 230); width: 100%; right: 0px; max-width: 767px; margin: 0px auto; background: rgb(255, 255, 255); padding: 9px 10px 10px 7px; z-index: 10; }
.plugbar ul { list-style: none; padding: 0px; margin: 0px; display: flex; justify-content: space-between; align-items: center; }
.plugbar ul li { width: 20%; float: left; }
.plugbar ul li a { display: block; color: rgb(105, 105, 105); font-size: 12px; text-align: center; position: relative; }
.plugbar ul li a i { font-size: 20px; color: rgb(105, 105, 105); }
.plugbar ul li a span { position: absolute; width: 50px; height: 50px; top: -40px; left: calc(50% - 25px); font-size: 14px; display: block; border: 1px solid rgba(234, 230, 230, 0.5); border-radius: 100%; }
.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: rgb(67, 161, 243); color: rgb(255, 255, 255); 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: rgb(255, 255, 255); z-index: 999; top: 0px; left: 40px; transition: all 0.2s ease-in-out 0s; animation: 0.7s ease 0s 1 normal none running headerAnimation; }
.support-online a:hover span { display: block; }
.support-online a { display: block; }
.support-online a span::before { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 10px 0px; 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; border-radius: 100%; border: 2px solid transparent; transition: all 0.5s ease 0s; background-color: rgba(0, 175, 242, 0.5); opacity: 0.75; right: -10px; }
.support-online .kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid rgb(0, 137, 185); opacity: 0.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; }
.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: ""; }
.wcircle-icon { background: rgb(18, 130, 252); border-radius: 50%; align-items: center; -webkit-box-pack: center; justify-content: center; display: flex !important; position: relative !important; }
.wcircle-icon::before { position: absolute; content: ""; width: 60px; height: 60px; background: rgba(18, 130, 252, 0.5); border: 1px solid rgb(255, 255, 255); border-radius: 50%; left: -5px; top: -5px; animation: 1s ease-in-out 0s infinite normal none running pulse; }
.wcircle-icon::after { position: absolute; content: ""; width: 80px; height: 80px; background: rgba(18, 130, 252, 0.5); border-radius: 50%; left: -15px; top: -15px; animation: 2s ease-in-out 0s infinite normal none running zoomIn; }
.wcircle-menu { left: 0px; top: 0px; display: none; position: absolute !important; }
.wcircle-menu-item { width: 50px; height: 50px; background: rgb(18, 130, 252); border-radius: 50%; display: flex; align-items: center; -webkit-box-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: rgb(255, 255, 255); position: relative; z-index: 9999; }
.shake-anim { animation: 1s ease-in-out 0s infinite normal none running shake-anim; transform-origin: 50% 50%; }
@-webkit-keyframes shake-anim {
	0%, 100%, 50% { transform: rotate(0deg) scale(1) skew(1deg); }
	10%, 30% { transform: rotate(-25deg) scale(1) skew(1deg); }
	20%, 40% { transform: rotate(25deg) scale(1) skew(1deg); }
}
@media (min-width:1200px) {
	.title-main span { font-size: 28px; }
	.info-header-product { font-size: 18px; }
	.info-header-product-tieuchi { font-size: 18px; color: #fff; }
	.title-main h2 { font-size: 28px; }
	.content-product a { font-size: 18px; }
	.content-tin-tuc a { font-size: 16px; -webkit-line-clamp: 2; line-height: 25px; height: 50px; }
	.content-tin-tuc:hover a { color: #f00; }
	.content-tin-tuc p { font-size: 14px; }
}
@media (max-width:1200px) {
	.menu { display: none; }
	.menu-res { display: block; }
}
@media (min-width:1024px) { }
@media (max-width:1024px) {
	.hotline-header { display: none; }
	.wrap-tieu-chi { display: none; }
	.wrap-cong-trinh { padding: 0px; }
	.product { width: 30%; }
	.slide-tintuc { margin: 0; }
	.slide-video { margin: 0; }
	.wrap-main { padding: 0px 10px; }
	.wrap-main.wrap-home { padding: 0 }
	.news-info { margin-top: 20px; }
	.res-none { display: none; }
	.toolbar { display: block; }
}
@media (max-width:769px) { .footer-powered{margin-bottom: 40px;text-align: center;} }
@media (max-width:640px) {
	.wrap-product-qc { display: none; }
	.validation-newsletter { margin: 15px 0px; width: 100%; }
	.form-input { width: 60%; }
	.newsletter-button { right: 15%; }
	.footer-ul { margin: 15px 0px; }
	.product { width: 50%; }
	.slide-khach-hang { width: 100%; }
	.box-khach-hang { display: none; }
	.wrap-tin-tuc { }
}
@media (min-width:640px) { }
@media (max-width:640px) {
	.newsletter-button { right: 7%; }
}