:root{ --primary-color: #e05b49; --secondary-color: #922618; --tertiary-color: #ffffff; --footer-color: #313131;}
 /*.tertiary-color{ color: var(--tertiary-color);}*/
 *, ::after, ::before{ box-sizing: border-box;}
 @media (prefers-reduced-motion: no-preference){ :root{ scroll-behavior: smooth;}
}
 body{ margin: 0; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent;}
 h1{ font-size: 1.375rem;}
 h2{ font-size: 1.25rem;}
 h3{ font-size: 1.125rem;}
 p{ margin-top: 0; margin-bottom: 1rem;}
 a{ color: #212529; text-decoration: none;}
 footer{ padding-top: 2rem; padding-bottom: 2rem; background-color: var(--footer-color);}
 [hidden]{ display: none !important;}
 table{ border-collapse: collapse;}
 .row{ display: flex; flex-wrap: wrap;}
 .row >*{ flex-shrink: 0; width: 100%; max-width: 100%;}
 .container, .container-fluid{ width: 100%; margin-right: auto; margin-left: auto;}
 .col-6{ flex: 0 0 auto; width: 50%;}
 .btn{ display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
 .btn-primary{ color: #fff; background-color: #0b9471; border-color: #0b9471;}
 .btn-primary:hover{ opacity: 0.85;}
 .visually-hidden{ position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;}
 .d-none{ display: none !important;}
 .d-block{ display: block !important;}
 .d-flex{ display: flex !important;}
 .d-inline-block{ display: inline-block !important;}
 .align-items-center{ align-items: center !important;}
 .justify-content-center{ justify-content: center !important;}
 .h-100{ height: 100% !important;}
 .py-1{ padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}
 .px-2{ padding-right: 0.5rem !important; padding-left: 0.5rem !important;}
 .px-3{ padding-right: 1rem !important; padding-left: 1rem !important;}
 .p-1{ padding: 0.25rem !important;}
 .p-2{ padding: 0.5rem !important;}
 .p-3{ padding: 1rem !important;}
 .m-0{ margin: 0 !important;}
 .mr-2{ margin-right: 0.5rem !important;}
 .mr-3{ margin-right: 1rem !important;}
 .mt-3{ margin-top: 1rem !important;}
 .mt-4{ margin-top: 1.5rem !important;}
 .mb-0{ margin-bottom: 0 !important;}
 .mb-3{ margin-bottom: 1rem !important;}
 .my-3{ margin-top: 1rem !important; margin-bottom: 1rem !important;}
 .py-1{ padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}
 .py-3{ padding-top: 1rem !important; padding-bottom: 1rem !important;}
 .text-center{ text-align: center !important;}
 .fw-bold{ font-weight: bold !important;}
 .display-1{ font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2;}
 .display-3{ font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2;}
 .fs-3{ font-size: calc(1.3rem + 0.6vw) !important;}
 .text-danger{ color: #dc3545 !important;}
 .text-uppercase{ text-transform: uppercase !important;}
 .lead{ font-size: 1.25rem; font-weight: 300;}
 .navbar{ position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
 .navbar >.container{ display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between;}
 .lazy-load, .lazy-loaded{ -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0;}
 .lazy-loaded{ opacity: 1;}
 .navigation, ul.none-list-style{ list-style: none; margin: 0; padding: 0;}
 .navigation li{ display: inline-block; font-weight: bold; text-transform: uppercase; padding:1rem;}
 .square-box{ width: 100%; padding-top: 100%; position: relative;}
 .square-box img{ position: absolute; top: 50%; left: 50%; max-width: 100%; height: auto; max-height: 100%; object-fit: cover; object-position: center; transform: translate(-50%, -50%);}
 .overflow-auto{ overflow: auto !important;}
 .primary-color-background{ background-color: var(--primary-color);}
 .box-shadow{ box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 35%);}
 .search-box{ width: 80%; margin: auto; position: relative;}
 .search-box input{ width: 100%; height: 48px; line-height: 4; text-indent: 25px; border-radius: 100px; border: 1px solid var(--primary-color);}
 .search-box input:focus{ outline: 0;}
 .search-box button{ position: absolute; top: 0; right: 0; height: 48px; width: 100px; color: var(--tertiary-color); background: var(--primary-color); border-radius: 100px;}
 .cicle-avatar{ padding: 4px; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; border: 1px solid var(--primary-color);}
 .cicle-avatar img{ width: 100%; max-width: 100%; height: auto;}
 .char a{ display: block; width: 36px; height: 36px; padding: 5px 10px; border-radius: 5px; border: 1px solid #bebebe; text-align: center;}
 .char.active a, .char:hover a{ color: #fff; background-color: #ed0000; border: 1px solid #ed0000;}
 .left-col{ padding-right: 5px;}
 .right-col{ padding-left: 5px;}
 .widget{ border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #bebebe;}
 .widget-title{ background-color: var(--secondary-color); color: #fff; padding: 0.75rem; font-weight: 500; margin: -1px; font-size: 18px; border-top-left-radius: 4px; border-top-right-radius: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase;}
 .widget-body{ padding: 0.5rem; padding-left: 0.75rem;}
 .sub-category li{ padding: 5px 0; border-bottom: 1px solid #bebebe;}
 .sub-category li:hover{ border-bottom: 1px solid #ed0000;}
 .sub-category li:last-child{ padding-bottom: 0; border-bottom: none;}
 .sub-category li a{ display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
 .accent:hover{ color: #ed0000;}
 .accent-border:hover{background-color:#fff; border-color: #ed0000;}
 h1.title{ margin: 0; font-weight: 500; font-size: 24px; text-align: center; line-height: 1.5; color: rgba(49, 53, 59, 0.96); margin-bottom: 1rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
 .session-title{ display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid var(--secondary-color);}
 .session-title h2{ font-weight: 400; margin: 0; padding: 5px 8px; display: block; color: #fff; background: var(--secondary-color) none; border-radius: 0 15px 0 0; text-transform: uppercase;}
 .b-line{ border-bottom: 2px solid var(--secondary-color);}
 #back-top{ display: block; width: 50px; height: 50px; border-radius: 100%; position: fixed; z-index: 200; bottom: 20px; right: 15px; background-color: #0b9471; box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 50%); transition: background-color 0.3s, opacity 0.5s, visibility 0.5s; border: none; opacity: 0; visibility: hidden;}
 #back-top svg{ width: 24px; height: 24px; fill: #fff;}
 #back-top.active{ opacity: 1; visibility: visible;}
 @media (max-width: 767.98px){ .left-col{ padding-right: 0 !important; margin-bottom: 1rem !important;}
 .right-col{ padding-left: 0 !important;}
 .widget{ border: none;}
 .widget-title{ border-radius: 0; margin-bottom: 1rem; padding: 0.5rem 0.75rem;}
 .widget-body{ padding: 0;}
 .sub-category{ width: 100%; white-space: nowrap; overflow-x: auto;}
 .sub-category li{ display: inline-block; border-bottom: none; padding: 0 4px;}
 .sub-category li:hover{ border-bottom: none;}
 .sub-category li:hover a{ border: 1px solid #e60000;}
 .sub-category li a{ border: 1px solid #bebebe; padding: 4px 8px;}
 .filter-item{ width: 100% !important; white-space: nowrap; overflow-x: auto;}
 .filter-item li{ display: inline-block; padding: 0 4px;}
 .filter-item li a{ width: 100% !important; border: 1px solid #bebebe; padding: 0.25rem 0.5rem;}
 .mb-sm-3{ margin-bottom: 1rem !important;}
}
 @media (max-width: 991.9px){ .navbar >.container{ justify-content: center;}
 .py-mb-2{ padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}
}
 @media (min-width: 576px){ .container{ max-width: 540px;}
 .col-sm-12{ flex: 0 0 auto; width: 100%;}
}
 @media (min-width: 768px){ .d-md-block{ display: block !important;}
 .container{ max-width: 720px;}
 .col-md-3{ flex: 0 0 auto; width: 25%;}
 .col-md-4{ flex: 0 0 auto; width: 33.33333333%;}
 .col-md-6{ flex: 0 0 auto; width: 50%;}
 .col-md-9{ flex: 0 0 auto; width: 75%;}
 .ps-md-1{ padding-left: 0.25rem !important;}
 .pe-md-1{ padding-right: 0.25rem !important;}
}
 @media (min-width: 992px){ .container{ max-width: 960px;}
}
 @media (min-width: 1200px){ .container{ max-width: 1140px;}
 .col-xl-2{ flex: 0 0 auto; width: 16.66666667%;}
 .col-xl-3{ flex: 0 0 auto; width: 25%;}
 .col-xl-4{ flex: 0 0 auto; width: 33.33333333%;}
 .ml-xl-3{ margin-left: 1rem !important;}
 .display-1{ font-size: 5rem;}
 .display-3{ font-size: 4rem;}
 .fs-3{ font-size: 1.75rem !important;}
}
 @media (min-width: 1400px){ .container{ max-width: 1320px;}
}



:root{--head-top:#f8f8f8;--head-body:#e05b49;--cate-button:#ffffff;--submit-color:#ffffff;--submit-background:#922618;--mcate-background:#922618;--mcate-color:#ffffff;--main-over:#e5101d;--menu-highlight:#e5101d}

body{background-color:#eee;font-size:14px;color:#2c2e2f}
.row,[class*='col-']{padding:0;margin:0}
[class*='container']{padding:0}
a{color:#333e48}
a:active,a:focus,a:hover{color:#e60000;text-decoration:none}
input:active,input:focus,input:hover,button:active,button:focus,button:hover{outline:0!important;box-shadow:none!important}
::placeholder{font-size:14px}
[placeholder]{text-overflow:ellipsis!important}
input:active::placeholder,input:focus::placeholder{color:transparent!important}
ul{list-style:none}
strong{font-weight:500}
#__layout>#mobile-buy,#__layout>footer{display:none!important}
.flex-box{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
img.img-fit{max-width:100%;height:auto;object-fit:cover;object-position:center}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);transition:opacity .3s ease;z-index:10}
#m-overlay{z-index:90}
.box-shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.08);background:#ffffff;border-radius:4px}
.box-border{display:block;position:relative;padding:5px;border:1px solid #dfe7ef;text-align:center}
.box-border:active,.box-border:hover,.box-border:focus{border-color:#e60000;box-shadow:4px 4px 3px 0 rgba(219,216,219,.7)}
.link{display:block;width:100%}
.link:hover,.link:active,.link:focus{color:#e60000!important}
.link:hover>h2,.link:active>h2,.link:focus>h2{color:#e60000!important}
.fit-content{width:fit-content!important;max-width:100%}
.square-img{width:100%;padding-top:100%;position:relative;margin-bottom:1rem}
.square-img>img.img-fit{max-height:100%;padding:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.custom-table{width:100%;max-width:100%}
.custom-table th,.custom-table td{border:1px solid #dee2e6;padding:12px;vertical-align:middle;font-size:1rem;word-break:break-word}
.custom-table th,.custom-table td:first-child{width:25%}
.custom-table tr:nth-child(even){background-color:#f2f2f2}
.custom-table tr:hover{background-color:#ddd}
header{border-bottom:solid 1px #ccc}
.head-top{line-height:2.25rem;background-color:var(--head-top);border-bottom:1px solid #ebebeb}
.head-top a{display:inline-block;padding-right:.625rem}
.head-body{background-color:var(--head-body)}
#d-menu{width:100%;height:60px}
#d-cate{width:100%;height:100%;z-index:20;position:relative}
.category-button{background-color:transparent;border:none}
#d-cate button.category-button{width:fit-content;margin:auto;padding:0}
#d-cate svg{width:18px;height:18px;fill:var(--cate-button)}
#d-cate span{font-size:1rem;color:var(--cate-button);font-weight:500;margin-left:.5rem;text-transform:uppercase}
#d-cate:hover svg,#d-cate:hover span{opacity:.9}
#m-cate{height:40px;padding:0 .5rem;background-color:var(--mcate-background)}
#m-cate button.category-button{display:flex;width:100%;height:100%;color:var(--mcate-color);font-weight:500;justify-content:space-between;text-transform:uppercase}
#m-cate svg{width:22px;height:22px;fill:var(--mcate-color)}
#search{padding:0 2rem}
#search input.form-control:hover,#search input.form-control:focus,#search input.form-control:active{border:1px solid #ced4da;border-right:unset}
.submit-search{border:1px solid #ced4da;border-left:unset;background-color:#ffffff;color:#2a2a4d;font-size:16px}
.submit-search:hover{color:#2a2a4d}
.submit-search svg{width:20px;height:20px;fill:#2a2a4d}
#mega-menu{position:absolute;padding:.5rem;background-color:#ffffff;border:solid 1px #d1d3d4;border-top:none;box-shadow:0 1px 3px 0 rgba(0,0,0,.08);z-index:20}
#mega-menu ul{padding:0;margin:0}
#mega-menu li{display:block;height:fit-content}
#mega-menu a{display:block;position:relative;text-align:left;color:#000;text-decoration:none;padding:.25rem .5rem;background-color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mega-menu .main-item>a{padding:.5rem}
.main-menu{display:block;margin:0;padding:0;width:250px;max-width:250px;max-height:350px;overflow-x:hidden;overflow-y:auto}
.main-item>a{font-weight:500}
.main-item.active>a{background-color:#efefef!important;color:#f79400!important}
.main-item.active>a:before{content:'';position:absolute;width:2px;top:0;left:0;height:100%;background-color:#e5101d}
#m-menu{width:320px;height:100%;position:fixed;top:0;left:0;overflow-x:hidden;overflow-y:auto;background-color:#2c2e2f;margin-left:-320px;z-index:100;transition:margin .25s ease-out;visibility:hidden}
#m-menu.open{margin-left:0;visibility:visible}
.m-menu-wrapper{width:100%;height:100%;position:relative;padding:1rem}
.m-menu-wrapper button.category-button{display:block;position:absolute;top:0;left:272px;z-index:110}
#mobile-menu{margin-top:2rem;padding-left:1rem}
#mobile-menu .menu-item{width:100%;padding:.5rem 0;margin-bottom:.5rem;border-bottom:1px solid #dfe7ef}
#mobile-menu .menu-link{display:block;font-size:14px;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;text-transform:uppercase;margin-bottom:.5rem}
footer{font-size:14px;color:#666;background-color:#ffffff;border-top:1px solid #dfe7ef}
.footer-body{padding:1rem .5rem 0 .5rem}
.footer-bottom{width:100%;padding:.5rem;margin-top:1rem;text-align:center;line-height:1.5rem;background-color:#e7e7e7}
.footer-bottom.backlink{color:#ffffff;margin-top:0;background-color:#333}
.footer-bottom.backlink a{color:#ffffff}
.slogan{display:block;font-size:1.5rem;margin-bottom:1rem;color:#2c2e2f}
.footer-decs{display:block;font-size:14px;color:#2c2e2f;text-align:justify}
.footer-title{display:block;font-weight:500;text-transform:uppercase;font-size:14px;margin-bottom:.5rem;color:#000}
footer ul{margin:0;padding:0}
footer li a{line-height:2rem;text-decoration:none;display:block;width:fit-content;font-weight:500;color:#2c2e2f}
#back-top{display:block;width:50px;height:50px;border-radius:10px;position:fixed;z-index:200;bottom:20px;right:15px;transition:background-color .3s,opacity .5s,visibility .5s;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBvbHlnb24gZmlsbD0iI0ZGRkZGRiIgcG9pbnRzPSI4LDIuOCAxNiwxMC43IDEzLjYsMTMuMSA4LjEsNy42IDIuNSwxMy4yIDAsMTAuNyAiLz4KPC9zdmc+) no-repeat center 50%;background-color:#0b9471;opacity:0;visibility:hidden;border:none}
#back-top.active{opacity:1;visibility:visible}
.error-wrapper{display:flex;padding:3rem .5rem;align-items:center;justify-content:center;flex-direction:column}
.error-img{max-width:400px}
.error-message{display:block;font-size:26px;color:rgba(49,53,59,.96);font-weight:500;text-align:center;margin-bottom:2rem;margin-top:2rem}
.error-wrapper p{margin-bottom:1rem;text-align:center}
.error-wrapper a{font-weight:500;color:#e60000}
.trending{width:100%;padding:0 1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #e6e6e6;border-top:none}
.trending a{display:inline!important;font-size:14px;line-height:2.5rem;color:#555;padding-left:.25rem}
.policy{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;text-align:center;font-weight:500;padding:.5rem 0}
.popular-name{text-transform:uppercase;font-weight:500;padding-top:1rem;text-align:center;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}
.category-title{width:100%;color:#333;font-size:20px;text-transform:uppercase;font-weight:500;padding:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#flash-box{background:linear-gradient(90deg,#e05b49,#f4a66e)}
#flash-box .category-title{color:#fff}
.products-wrapper{background-color:transparent;padding:.5rem}
.category-carousel{width:100%}
.category-carousel [class^='carousel-control']{width:auto;padding:0 .25rem}
.product-box{margin-bottom:1.25rem;background-color:#fff}
.src-icon{width:22px;height:22px;position:absolute;top:5px;left:5px;z-index:5}
.discount-label{position:absolute;top:5px;right:5px;z-index:5}
.discount-label span{display:block;width:34px;height:44px;padding-top:20px;font-size:13px;background-repeat:no-repeat;background-color:transparent;background-position:0 0;background-size:contain;text-align:center;color:#fff;font-weight:500;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSI0MyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iNTAlIiB4Mj0iNTAlIiB5MT0iOTYuMDg0JSIgeTI9IjMuNDMyJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0ZEMDIzQyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI0RFMDU1QiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZmlsbD0iIzVEMDAxOSIgZD0iTTYuMzgzIDMuNzUyTDMzIDF2MzQuMTU4YTMgMyAwIDAxLTIuMTQ4IDIuODc2bC0xNi4zMiA0LjgzM2EzIDMgMCAwMS0yLjExNy0uMTU3bC05LjY4LTQuNTA1QTMgMyAwIDAxMSAzNS40ODVWOS43MmE2IDYgMCAwMTUuMzgzLTUuOTY4eiIgb3BhY2l0eT0iLjQ0MiIvPjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik01LjM4MyAyLjc1MkwzMiAwdjM0LjE1OGEzIDMgMCAwMS0yLjE0OCAyLjg3NmwtMTYuMzIgNC44MzNhMyAzIDAgMDEtMi4xMTctLjE1N2wtOS42OC00LjUwNUEzIDMgMCAwMTAgMzQuNDg1VjguNzJhNiA2IDAgMDE1LjM4My01Ljk2OHoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNOS4wMTggMTQuMDEyYy0uMjkuMzQ3LS43LjYxNi0xLjIzLjgwOGE1LjE1IDUuMTUgMCAwMS0xLjc2Mi4yODdjLS42NzcgMC0xLjI3LS4xNDctMS43OC0uNDQzYTIuOTU1IDIuOTU1IDAgMDEtMS4xODItMS4yODZjLS4yNzgtLjU2Mi0uNDItMS4yMjMtLjQyNy0xLjk4MnYtLjUzMmMwLS43OC4xMzEtMS40NTYuMzk0LTIuMDI3LjI2NC0uNTcxLjY0My0xLjAwOCAxLjE0LTEuMzEuNDk1LS4zMDMgMS4wNzYtLjQ1NSAxLjc0Mi0uNDU1LjkyNyAwIDEuNjUzLjIyMSAyLjE3NS42NjQuNTIzLjQ0Mi44MzMgMS4wODUuOTMgMS45M0g3LjQ0OWMtLjA3MS0uNDQ3LS4yMy0uNzc1LS40NzUtLjk4Mi0uMjQ1LS4yMDgtLjU4My0uMzEyLTEuMDEzLS4zMTItLjU0NyAwLS45NjUuMjA2LTEuMjUxLjYxOC0uMjg2LjQxMi0uNDMyIDEuMDI0LS40MzUgMS44Mzd2LjVjMCAuODIuMTU2IDEuNDM5LjQ2NyAxLjg1OC4zMTIuNDE5Ljc2OC42MjggMS4zNy42MjguNjA1IDAgMS4wMzYtLjEyOSAxLjI5NC0uMzg3di0xLjM0OEg1Ljk0di0xLjE4N2gzLjA3OHYzLjEyem0zLjAxOC45ODhoLTEuNjExVjcuMThoMS42MTFWMTV6bTUuOTA4LTEuNjExSDE1LjEyTDE0LjU4MiAxNWgtMS43MTNsMi45MS03LjgyaDEuNDk0TDIwLjIgMTVoLTEuNzEzbC0uNTQzLTEuNjExem0tMi4zOS0xLjMwNmgxLjk1NWwtLjk4My0yLjkyNy0uOTcyIDIuOTI3em0uNDA4LTUuNTQybC0uMDgtLjcyYy4yNjEtLjAxNS40NS0uMDQ4LjU2Ni0uMS4xMTctLjA1MS4xNzUtLjEzNS4xNzUtLjI1IDAtLjI0Ni0uMjU0LS4zNy0uNzYzLS4zN2wuMDM4LS43MjVjLjY3MyAwIDEuMTguMDkzIDEuNTIzLjI4LjM0Mi4xODUuNTEzLjQ0MS41MTMuNzY3YS42Ny42NyAwIDAxLS4yMi41MTkgMS4wODMgMS4wODMgMCAwMS0uNTg2LjI1NXYuMzQ0aC0xLjE2NnptNy4wNzQuNjM5bDIuMDA5IDUuNjcyIDEuOTk4LTUuNjcyaDIuMTE2VjE1aC0xLjYxN3YtMi4xMzhsLjE2Mi0zLjY5TDI1LjU5MyAxNWgtMS4xMDdsLTIuMTA1LTUuODIyLjE2MSAzLjY4NFYxNWgtMS42MTFWNy4xOGgyLjEwNXoiLz48cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS1kYXNoYXJyYXk9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIGQ9Ik01LjUgMTkuNWgyMiIvPjwvZz48L3N2Zz4=)}
.p-name{height:40px;line-height:20px;text-align:center;padding:0 10px;color:#012d41;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.p-price{padding:5px 10px;color:#e60000;font-size:16px;margin:5px 0 10px;font-weight:500;text-align:center}
#breadcrumb{background-color:#ffffff}
ul.breadcrumb{background-color:transparent;font-weight:500;padding:.5rem 0;margin:0}
.breadcrumb-item{line-height:2rem}
.breadcrumb-item.active{display:block;font-weight:normal;color:#757575;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.breadcrumb-item.active>a{cursor:default;pointer-events:none}
.product-name{font-weight:500;font-size:1.5rem;line-height:1.5;color:rgba(49,53,59,.96);margin-bottom:1.5rem;word-break:break-word}
.short-desc{font-size:1rem;word-break:break-all}
.product-elm{font-size:1rem;padding:.5rem 0;border-bottom:1px solid #dfe7ef}
.product-elm>a{color:#007bff}
.product-elm>a:hover,.product-elm>a:active,.product-elm>a:focus{opacity:.8}
.compare-price{margin-top:.5rem}
.widget-title{width:100%;background-color:var(--head-body);color:var(--cate-button);padding:15px 20px;font-weight:500;text-transform:uppercase;margin:0;font-size:14px;border-top-left-radius:4px;border-top-right-radius:4px;border:1px solid #ddd}
.compare-price ul{margin:0;padding:0}
.compare-price li{border:1px solid #ddd;border-top:0;padding:.5rem}
.compare-price ul li a{justify-content:space-between}
.compare-price ul li span{min-width:144px;font-weight:500}
.product-discount{width:75%;height:85px;background-color:#1e7e34;padding:5px;margin:0 auto 1rem auto}
.product-discount:hover .product-discount-wrap{border:2px dashed #ffffff;transition:all .2s ease}
.product-discount-wrap{height:100%;padding:0 .5rem;overflow:hidden}
.product-discount-wrap span{display:block;width:100%;color:#ffffff}
.product-discount-wrap span:first-child{font-size:25px;font-weight:700;text-transform:uppercase}
.product-discount-wrap span:last-child{font-size:18px;font-weight:500;font-style:italic}
.product-price{padding:1rem;background-color:#fee8db;border-radius:4px;margin-bottom:1.5rem;margin-top:1.5rem}
.product-price .message{display:block;color:#000;padding-bottom:10px;font-size:18px;font-weight:500;text-align:center}
.price-wrap{width:fit-content;margin:auto}
.price-wrap .price{display:inline-block;color:#e94a0f;font-size:32px;font-weight:500}
.price-wrap .list-price{display:inline-block;color:#000;font-size:18px;font-weight:500;padding-left:.5rem;opacity:.7;text-decoration:line-through}
.btn-buy,.btn-review{display:block;min-width:200px;max-width:100%;margin-top:1rem;border:none;padding:0}
.btn-buy>a,.btn-review>a{display:flex;align-items:center;justify-content:center;padding:.75rem;color:#ffffff;font-size:16px;font-weight:500;text-transform:uppercase}
.btn-buy>a>svg,.btn-review>a>svg{margin-right:.5rem}
.btn-buy:active,.btn-buy:hover,.btn-buy:focus{background-color:#ee4d2d;border:none;opacity:.85}
.btn-review:active,.btn-review:hover,.btn-review:focus{background-color:#0b9471;border:none;opacity:.85}
.btn-buy{margin-right:1rem;background-color:#ee4d2d}
.btn-review{background-color:#0b9471}
#related{padding:.5rem}
#related ul{margin:0;padding:0;width:100%}
#related li{border:1px solid #ddd;border-top:0}
#related .square-img{margin:0}
#related .discount-label{position:absolute;top:0;right:0}
.related-img{max-width:88px;max-height:88px;padding:5px;margin:auto}
.related-name{display:flex;align-items:center;padding:5px;color:#086a87;font-size:16px;font-weight:500}
.related-name span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.related-price{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.related-price .price{display:block;color:#e94a0f;font-size:18px;font-weight:500}
.related-price .list-price{display:block;padding-left:.5rem;font-size:14px;opacity:.85;text-decoration:line-through}
.related-refer{display:flex;align-items:center;justify-content:center}
#product-detail,.left-sidebar{padding-right:4px}
#product-detail .tab,#product-detail .view{margin-bottom:1rem}
#product-detail .tab a{color:#002a46;font-size:15px;text-transform:uppercase;padding:.25rem .5rem;text-align:center;font-weight:500;max-width:50%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#product-detail .tab a.active,#product-detail .tab a:active,#product-detail .tab a:hover,#product-detail .tab a:focus{border-bottom:2px solid var(--head-body)}
#product-detail h2,h2.ch2{font-size:20px;color:#333e48;font-weight:500;margin-bottom:1.5rem;word-break:break-word}
#detail{font-size:16px;color:#012d41;text-align:justify;overflow-x:auto;overflow-y:hidden;max-height:500px;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}
#detail img,#detail iframe{display:block;max-width:100%;margin:.5rem auto}
#detail img{width:100%;height:auto}
#product-visited,.main-content{padding-left:4px}
#detail ul,#attributes ul{list-style:inside;padding-left:1rem}
.visiteb-box{padding:.5rem 0;border-bottom:1px solid #ccc}
.visited-img{width:33.333333%;padding:5px;position:relative}
.visited-img .square-img{margin:0}
.visited-img .discount-label{top:0;right:0}
.visited-img .src-icon{bottom:0;left:0;top:unset}
.visited-info{width:66.666666%;padding:5px}
.visited-info span:first-child{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem}
.visited-info span:last-child{display:block;color:#e94a0f;font-size:14px;font-weight:500}
#mobile-buy{width:50px;height:50px;position:fixed;bottom:20px;left:15px;z-index:10;background-color:#0b9471;border-radius:10px}
.category-head{background-color:#ffffff}
.page-title{width:100%;padding:1rem;font-weight:500;font-size:32px;line-height:1.5;color:#333e48;text-align:center;word-break:break-word}
.page-meta{display:block;width:100%;padding:1rem;margin:0;padding-top:0;text-align:center}
.widget-body{padding:8px 8px 8px 20px;border:1px solid #e5e5e5;border-top:0;border-radius:4px;border-top-right-radius:0;border-top-left-radius:0}
.widget-search input{display:block;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;box-shadow:inset 0 0 0 rgba(0,0,0,.075);margin-bottom:8px}
.widget-item{max-height:360px;overflow-y:scroll;padding:0;margin:0}
.widget-item::-webkit-scrollbar{display:none}
.widget-item li{padding-bottom:5px}
.widget-item li a span{width:13px;height:13px;border:1px solid #b0b0b0;margin:4px 10px 0 0;background:#fff no-repeat 50%;background-size:95%;vertical-align:middle;float:left}
.widget-item li a:hover>span{border-color:#e60000}
#left-menu{margin:0;padding:0}
#left-menu ul{padding-left:1rem!important}
#left-menu li{padding:5px 0}
#left-menu .menu-item{font-weight:500}
.main-content .filter{padding:.5rem;display:flex;width:100%;align-items:center;justify-content:space-between}
#pagination{width:100%;margin-top:1rem;margin-bottom:1rem}
#pagination ul{padding:0;margin:auto;display:flex;max-width:100%}
.pagination-item{margin-left:2px;margin-right:2px;display:block;width:60px;text-align:center}
.pagination-link{background-color:#fff;display:block;width:100%;font-size:14px;color:#000;padding:.5rem .75rem;border:1px solid var(--head-body)}
.pagination-link:hover{color:#fff;background-color:var(--head-body);}
.soldout-title{width:100%;padding:1rem;text-align:center;font-size:26px;color:rgba(49,53,59,.96);font-weight:500;text-align:center;word-break:break-word}
#sold-out p{font-size:1rem;padding:0 1rem;text-align:center;word-break:break-word}
#sold-out p:last-child{padding-bottom:2rem}
.ads-wrapper{width:100%;margin:.5rem 0}
.ads-inner{width:max-content;margin:auto}
a[rel='tag'],a[rel='search']{text-decoration:none;color:#006eab;background-color:#def;margin:0;padding:.125em .5em;border-radius:4px;display:inline-block;margin-bottom:.5em;margin-right:.5em}
.chars-wrap{padding:0 20px 20px 20px}
ul#chars{display:inline-block;vertical-align:top;margin:0;padding:0;list-style:none}
ul#chars li.char{margin:0;padding:0;margin-top:20px;margin-right:7px;display:inline-block}
ul#chars li.char a{line-height:1.5em;text-decoration:none;color:#333e48;background-color:#fff;margin:0;padding:5px 10px;border-radius:4px;border:1px solid #e7e7e7}
ul#chars li.char.active a{color:#fff;background-color:#0471e7;border:1px solid #007bff}
.list{padding:0 5px}
.list>a{line-height:2;word-break:break-word}
.banner-wrap{position:relative;display:block;width:100%;padding-top:33.3333%}
.banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:100%;height:100%;object-fit:contain;object-position:center}
.action-button{width:100%;max-width:100%;display:flex;align-items:center;justify-content:center}
#attributes{width:100%;max-width:100%;overflow-x:auto}
.category-slick{width:100%}
.img-thumb{width:calc(100% - .5rem)!important;height:calc(100% - .5rem)!important;object-fit:contain!important}
.slick-slide.slick-active.slick-current .img-thumb{border-color:#ed0000!important}
.hidden{display:none!important}
@media only screen and (max-width:767.98px){main{padding:0 5px}
#search{margin:1rem 0;padding:0 .5rem}
.head-body{background-color:#ffffff}
#d-menu{height:100%}
#logo{background-color:var(--head-body)}
.footer-body [class^='col-']{padding:.5rem!important}
.breadcrumb-item.active{display:none}
#breadcrumb,.category-head{margin:0 -5px}
ul.breadcrumb{padding:0 .5rem}
.price-area{padding:5px 0}
.product-price,.product-discount{width:100%}
.related-price,.related-refer{margin:.5rem 0}
#product-detail,#product-visited,.main-content,.left-sidebar{padding:0}
.action-button{flex-direction:column}
.btn-buy{margin-right:0}
#left-menu,.widget-item{width:100%;max-width:100%;white-space:nowrap;overflow-x:auto}
#left-menu .menu-item,.widget-item li{display:inline-block;padding:.25rem}
#left-menu .menu-item>a,.widget-item li>a{display:block;min-width:48px;padding:.25rem;border:1px solid #bebebe;text-align:center}
}
@media only screen and (min-width:768px) and (max-width:991.98px){#d-cate svg{width:14px;height:14px}
#d-cate span{font-size:12px}
.action-button{flex-direction:column}
.btn-buy{margin-right:0}
}



a[rel='tag']{ width: max-content; text-decoration: none; color: #006eab; background-color: #def; margin: 0; padding: .125em .5em; border-radius: 5px; display: inline-block; margin-bottom: .5em; margin-right: .5em}
 .splide__slide img{ width: 100%; height: 100%; object-fit: cover}
 .splide__slide{ opacity: .6}
 .splide__slide.is-active{ opacity: 1}
 #main-carousel{ border: 1px solid #bebebe; padding: .25rem; margin-bottom: .5rem}
 #main-carousel .splide__track--fade>.splide__list>.splide__slide{ width: 100% !important; margin: auto !important}
 #thumbnail-carousel .splide__track--nav>.splide__list>.splide__slide.is-active{ border: 1px solid #ed0000 !important}
 .post-entry{ margin-top: 1rem; overflow-x: auto; overflow-y: hidden; max-height: 500px; -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent); mask-image: linear-gradient(180deg, #000 60%, transparent)}
 .post-entry p{ margin-bottom: .5rem}
 .post-entry img{ display: block; margin: .5rem auto; max-width: 100%; height: auto}
 .post-entry em{ display: block; text-align: center}
 .post-entry ul{ list-style: none; padding-left: .5rem}
 .post-entry ul li::before{ content: '+'; margin-right: .5rem}
 .btn-buy{ display: inline-block; width: 200px; max-width: 100%; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 500; background-color: #ee4d2d; border-radius: .25rem; padding: .75rem}
 .compare-list{ display: flex; flex-wrap: wrap; justify-content: center}
 .compare-item{ padding: 5px}
 .compare-item img{ border: 1px solid #bebebe}
 .compare-item:hover img{ border: 1px solid #ed0000}
 .attr{ padding: .5rem 0; border-bottom: 1px solid #bebebe}
 .attr-title, .attr-link{ font-weight: 500}
 .attr-link{ color: #007bff}
 .box-mua{ padding: .5rem; background-color: #fee8db; border-radius: 4px; margin-bottom: .5rem; margin-top: .5rem}
 .discount{ width: 75%; background-color: #1e7e34; padding: 5px; margin: 0 auto 1rem}
 .discount-wrap{ padding: 0 .5rem}
 .discount:hover .discount-wrap{ border: 2px dashed #fff; transition: all .2s ease}
 .km, .tk{ display: block; color: #fff}
 .km{ font-size: 25px; font-weight: 700; text-transform: uppercase; padding-top: .5rem}
 .tk{ font-size: 18px; font-weight: 500; font-style: italic; padding-bottom: .5rem}
 .ecom{ display: block; padding-bottom: .5rem; font-weight: 500; font-size: 18px}
 .price{ display: inline-block; color: #e94a0f; font-size: 32px; font-weight: 700}
 .list-price{ display: inline-block; font-size: 18px; font-weight: 700; padding-left: .5rem; opacity: .7; text-decoration: line-through}
 .table-wrap{ margin-top: 1rem; max-width: 100%; overflow-x: auto}
 .table-wrap table{ width: 100%; max-width: 100%}
 .table-wrap table th, .table-wrap table td{ border: 1px solid #dee2e6; padding: .5rem; vertical-align: middle; font-size: 1rem}
 .table-wrap table td p{ margin-bottom: 0}
 .table-wrap table th, .table-wrap table td:first-child{ width: 25%; text-align: left; font-weight: 500}
 .table-wrap table tr:nth-child(even){ background-color: #f2f2f2}
 .table-wrap table tr:hover{ background-color: #ddd}


.breadcrumb{ width: 100%; overflow-x: auto; margin-bottom: 1rem; border-bottom: solid .5px #e0e0e0; padding: .5rem 0; padding-top: 0}
 .breadcrumb ul, .breadcrumb li{ margin: 0; padding: 0; list-style: none}
 .breadcrumb-item{ display: inline; font-size: 14px; color: #6f6f6f}
 .breadcrumb-item a{ color: #6f6f6f}
 .breadcrumb-item+.breadcrumb-item{ padding-left: 5px}
 .breadcrumb-item+.breadcrumb-item::before{ display: inline-block; padding-right: 5px; color: #6c757d; content: '­­»'}


.card-wrap a{ width: 100%; display: block; padding: 4px; text-align: center; border-radius: 5px; border: 1px solid #bebebe}
.card-name{ height: 40px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 1rem}
 .card-price{ color: #e60000; font-size: 16px; font-weight: 500; margin-top: .5rem; margin-bottom: .5rem}

img{width:100%}

.d-block img{max-width:340px;}

.category-head{padding:20px}
.category-head a{font-weight:bold}
.widget-title:hover{color:#333e48}