@font-face{font-display:block;font-family:bootstrap-icons;src:url("https://macone.vn/wp-content/themes/mo/plugins/bootstrap-icons/fonts/bootstrap-icons.woff2?7141511ac37f13e1a387fb9fc6646256") format("woff2"),url("https://macone.vn/wp-content/themes/mo/plugins/bootstrap-icons/fonts/bootstrap-icons.woff?7141511ac37f13e1a387fb9fc6646256") format("woff")}@font-face{font-display:block;font-family:bootstrap-icons;unicode-range:U+F116,U+F135,U+F242,U+F26A,U+F26B,U+F26C,U+F276,U+F277,U+F279,U+F27C,U+F282,U+F284,U+F285,U+F286,U+F2EA,U+F302,U+F30A,U+F30E,U+F341,U+F344,U+F3CA,U+F3EB,U+F406,U+F407,U+F431,U+F437,U+F455,U+F456,U+F46D,U+F499,U+F4D6,U+F4F3,U+F4FE,U+F52A,U+F584,U+F5B2,U+F5B7,U+F5D4,U+F5DE,U+F5EA,U+F62A,U+F62B,U+F636,U+F64A,U+F659,U+F65B,U+F672,U+F673,U+F710,U+F775,U+F7D3,U+F844,U+F8E6;src:url("https://macone.vn/wp-content/themes/mo/plugins/bootstrap-icons/fonts/bootstrap-icons-subset.woff2?v=1") format("woff2")}:root, [data-bs-theme="light"] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13,110,253; --bs-secondary-rgb: 108,117,125; --bs-success-rgb: 25,135,84; --bs-info-rgb: 13,202,240; --bs-warning-rgb: 255,193,7; --bs-danger-rgb: 220,53,69; --bs-light-rgb: 248,249,250; --bs-dark-rgb: 33,37,41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255,255,255; --bs-black-rgb: 0,0,0; --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33,37,41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255,255,255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0,0,0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33,37,41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233,236,239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33,37,41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248,249,250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13,110,253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10,88,202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13, 110, 253, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; }*, ::after, ::before { box-sizing: border-box; }@media (prefers-reduced-motion: no-preference){:root { scroll-behavior: smooth; }}body { margin: 0px; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); }.h1, h1 { font-size: calc(1.375rem + 1.5vw); }@media (min-width: 1200px){.h1, h1 { font-size: 2.5rem; }}.h2, h2 { font-size: calc(1.325rem + 0.9vw); }@media (min-width: 1200px){.h2, h2 { font-size: 2rem; }}.h3, h3 { font-size: calc(1.3rem + 0.6vw); }@media (min-width: 1200px){.h3, h3 { font-size: 1.75rem; }}.h5, h5 { font-size: 1.25rem; }p { margin-top: 0px; margin-bottom: 1rem; }ol, ul { padding-left: 2rem; }dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; }ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }b, strong { font-weight: bolder; }a { color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)); text-decoration: underline; }a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); }a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; }img, svg { vertical-align: middle; }label { display: inline-block; }button { border-radius: 0px; }button:focus:not(:focus-visible) { outline: 0px; }button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }button, select { text-transform: none; }[role="button"] { cursor: pointer; }[type="button"], [type="reset"], [type="submit"], button { appearance: button; }[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; }::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0px; }::-webkit-inner-spin-button { height: auto; }::-webkit-search-decoration { appearance: none; }::-webkit-color-swatch-wrapper { padding: 0px; }::-webkit-file-upload-button { font: inherit; appearance: button; }::file-selector-button { font: inherit; appearance: button; }.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; }@media (min-width: 576px){.container, .container-sm { max-width: 540px; }}@media (min-width: 768px){.container, .container-md, .container-sm { max-width: 720px; }}@media (min-width: 992px){.container, .container-lg, .container-md, .container-sm { max-width: 960px; }}@media (min-width: 1200px){.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; }}@media (min-width: 1400px){.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; }}:root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; }.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); }.row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); }.col { flex: 1 0 0%; }.col-6 { flex: 0 0 auto; width: 50%; }@media (min-width: 768px){.col-md-4 { flex: 0 0 auto; width: 33.3333%; }}@media (min-width: 992px){.col-lg-3 { flex: 0 0 auto; width: 25%; }}.table > :not(caption) > * > * { padding: 0.5rem; color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color))); background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg))); }.table-sm > :not(caption) > * > * { padding: 0.25rem; }.table-bordered > :not(caption) > * { border-width: var(--bs-border-width) 0; }.table-bordered > :not(caption) > * > * { border-width: 0 var(--bs-border-width); }.table-borderless > :not(caption) > * > * { border-bottom-width: 0px; }.table-striped-columns > :not(caption) > tr > :nth-child(2n) { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); }.form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; }.form-check .form-check-input { float: left; margin-left: -1.5em; }.form-check-input { --bs-form-check-bg: var(--bs-body-bg); flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); print-color-adjust: exact; }.form-check-input[type="checkbox"] { border-radius: 0.25em; }.form-check-input:active { filter: brightness(90%); }.form-check-input:focus { border-color: rgb(134, 183, 254); outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; }.form-check-input:checked { background-color: rgb(13, 110, 253); border-color: rgb(13, 110, 253); }.form-check-input:checked[type="checkbox"] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }.form-check-input[type="checkbox"]:indeterminate { background-color: rgb(13, 110, 253); border-color: rgb(13, 110, 253); --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); }.form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; }.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { cursor: default; opacity: 0.5; }.form-floating > .form-control:disabled ~ label, .form-floating > :disabled ~ label { color: rgb(108, 117, 125); }.form-floating > .form-control:disabled ~ label::after, .form-floating > :disabled ~ label::after { background-color: var(--bs-secondary-bg); }.btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: var(--bs-border-radius); --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); 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; }@media (prefers-reduced-motion: reduce){.btn { transition: none; }}.btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); }.btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0px; box-shadow: var(--bs-btn-focus-box-shadow); }.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); }.btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); }.btn.disabled, .btn:disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); }.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center { position: relative; }.dropdown-toggle { white-space: nowrap; }.dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0.3em 0.3em 0px; border-style: solid solid none; border-color: currentcolor transparent; }.dropdown-toggle:empty::after { margin-left: 0px; }.dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0px; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); }.dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0px; border-radius: var(--bs-dropdown-item-border-radius,0); }.dropdown-item:focus, .dropdown-item:hover { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); }.dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); }.dropdown-item.disabled, .dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; }.btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn { margin-left: calc(var(--bs-border-width) * -1); }.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }.navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.5rem; --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-padding-y: 0.3125rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); }.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; }.navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-right: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); text-decoration: none; white-space: nowrap; }.navbar-brand:focus, .navbar-brand:hover { color: var(--bs-navbar-brand-hover-color); }.navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none; }.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }.navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition); }@media (prefers-reduced-motion: reduce){.navbar-toggler { transition: none; }}.navbar-toggler:hover { text-decoration: none; }.navbar-toggler:focus { text-decoration: none; outline: 0px; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); }@media (min-width: 992px){.navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; }.navbar-expand-lg .navbar-nav { flex-direction: row; }.navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; }.navbar-expand-lg .navbar-toggler { display: none; }.navbar-expand-lg .offcanvas { position: static; z-index: auto; flex-grow: 1; transition: none; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0px !important; transform: none !important; }.navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; }}.navbar-dark, .navbar[data-bs-theme="dark"] { --bs-navbar-color: rgba(255, 255, 255, 0.55); --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }@keyframes progress-bar-stripes { 
  0% { background-position-x: 1rem; }
}.toast { --bs-toast-zindex: 1090; --bs-toast-padding-x: 0.75rem; --bs-toast-padding-y: 0.5rem; --bs-toast-spacing: 1.5rem; --bs-toast-max-width: 350px; --bs-toast-font-size: 0.875rem; --bs-toast-color: ; --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-border-width: var(--bs-border-width); --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: var(--bs-border-radius); --bs-toast-box-shadow: var(--bs-box-shadow); --bs-toast-header-color: var(--bs-secondary-color); --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-header-border-color: var(--bs-border-color-translucent); width: var(--bs-toast-max-width); max-width: 100%; font-size: var(--bs-toast-font-size); color: var(--bs-toast-color); pointer-events: auto; background-color: var(--bs-toast-bg); background-clip: padding-box; border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius); }.toast:not(.show) { display: none; }.toast-container { --bs-toast-zindex: 1090; position: absolute; z-index: var(--bs-toast-zindex); width: max-content; max-width: 100%; pointer-events: none; }.toast-container > :not(:last-child) { margin-bottom: var(--bs-toast-spacing); }.toast-body { padding: var(--bs-toast-padding-x); overflow-wrap: break-word; }.spinner-border, .spinner-grow { display: inline-block; width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); border-radius: 50%; animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); }@keyframes spinner-border { 
  100% { transform: rotate(360deg); }
}.spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-border-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border-top-color: ; border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right-color: transparent; }@keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; transform: none; }
}@media (prefers-reduced-motion: reduce){.spinner-border, .spinner-grow { --bs-spinner-animation-speed: 1.5s; }}.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.5; }.offcanvas { position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: var(--bs-offcanvas-transition); }@media (prefers-reduced-motion: reduce){.offcanvas { transition: none; }}.offcanvas.offcanvas-end { top: 0px; right: 0px; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); }.offcanvas.offcanvas-top { top: 0px; right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); }.offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); }.offcanvas-title { margin-bottom: 0px; line-height: var(--bs-offcanvas-title-line-height); }.offcanvas-body { flex-grow: 1; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: auto; }@keyframes placeholder-glow { 
  50% { opacity: 0.2; }
}@keyframes placeholder-wave { 
  100% { mask-position: -200% 0%; }
}.clearfix::after { display: block; clear: both; content: ""; }.fixed-top { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 1030; }.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; }.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) { position: absolute !important; }.overflow-hidden { overflow: hidden !important; }.d-inline-block { display: inline-block !important; }.d-block { display: block !important; }.d-flex { display: flex !important; }.d-none { display: none !important; }.shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important; }.shadow-none { box-shadow: none !important; }.position-relative { position: relative !important; }.position-fixed { position: fixed !important; }.top-50 { top: 50% !important; }.start-50 { left: 50% !important; }.translate-middle { transform: translate(-50%, -50%) !important; }.border-0 { border: 0px !important; }.border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }.w-100 { width: 100% !important; }.h-100 { height: 100% !important; }.flex-row { flex-direction: row !important; }.flex-column { flex-direction: column !important; }.flex-shrink-0 { flex-shrink: 0 !important; }.flex-wrap { flex-wrap: wrap !important; }.justify-content-center { justify-content: center !important; }.justify-content-between { justify-content: space-between !important; }.align-items-center { align-items: center !important; }.m-0 { margin: 0px !important; }.m-auto { margin: auto !important; }.mx-auto { margin-right: auto !important; margin-left: auto !important; }.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }.mt-1 { margin-top: 0.25rem !important; }.me-0 { margin-right: 0px !important; }.me-1 { margin-right: 0.25rem !important; }.me-2 { margin-right: 0.5rem !important; }.me-3 { margin-right: 1rem !important; }.mb-2 { margin-bottom: 0.5rem !important; }.mb-3 { margin-bottom: 1rem !important; }.mb-4 { margin-bottom: 1.5rem !important; }.ms-3 { margin-left: 1rem !important; }.p-0 { padding: 0px !important; }.p-3 { padding: 1rem !important; }.py-0 { padding-top: 0px !important; padding-bottom: 0px !important; }.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }.pt-3 { padding-top: 1rem !important; }.fs-1 { font-size: calc(1.375rem + 1.5vw) !important; }.fs-3 { font-size: calc(1.3rem + 0.6vw) !important; }.fs-5 { font-size: 1.25rem !important; }.fs-6 { font-size: 1rem !important; }.fw-light { font-weight: 300 !important; }.fw-bold { font-weight: 700 !important; }.fw-bolder { font-weight: bolder !important; }.lh-base { line-height: 1.5 !important; }.text-center { text-align: center !important; }.text-uppercase { text-transform: uppercase !important; }.text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb),var(--bs-text-opacity)) !important; }.text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important; }.bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important; }.bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity)) !important; }.bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; }@media (min-width: 768px){.flex-md-row { flex-direction: row !important; }.justify-content-md-start { justify-content: flex-start !important; }.me-md-2 { margin-right: 0.5rem !important; }.mb-md-0 { margin-bottom: 0px !important; }}@media (min-width: 992px){.d-lg-block { display: block !important; }.d-lg-none { display: none !important; }}@media (min-width: 1200px){.fs-1 { font-size: 2.5rem !important; }.fs-3 { font-size: 1.75rem !important; }}.bi::before, [class*=" bi-"]::before, [class^="bi-"]::before { display: inline-block; font-style: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -0.125em; -webkit-font-smoothing: antialiased; font-family: bootstrap-icons !important; font-weight: 400 !important; }.bi-arrow-clockwise::before { content: ""; }.bi-arrow-right-short::before { content: ""; }.bi-cart::before { content: ""; }.bi-chevron-compact-down::before { content: ""; }.bi-chevron-right::before { content: ""; }.bi-dash::before { content: ""; }.bi-download::before { content: ""; }.bi-filter::before { content: ""; }.bi-hand-thumbs-up::before { content: ""; }.bi-laptop::before { content: ""; }.bi-person-check::before { content: ""; }.bi-plus::before { content: ""; }.bi-search::before { content: ""; }.bi-truck::before { content: ""; }.bi-x::before { content: ""; }.bi-currency-dollar::before { content: ""; }.bi-x-lg::before { content: ""; }.bi-graph-down-arrow::before { content: ""; }.bi-graph-up-arrow::before { content: ""; }.bi-house-heart-fill::before { content: ""; }:root { --mo-light: #e9e9e9; --mo-grey: #222222; --mo-icon-grey: #4d4d4d; --mo-text-grey: #4d4d4d; --mo-nav-grey: #c4c4c5; --text-mo-green: #7ac142; --text-mo-green-light: #70ff00; --mo-green: #7cb643; --mo-green2: #7dbd44; --mo-green-btn: #7aac42; --mo-grey-btn: #4d4d4d; --mo-blue: #2698ff; --header-height: 56px; }p:last-child { margin-bottom: 0px !important; }@keyframes zoom-in-zoom-out { 
  0% { transform: scale(1, 1); }
  10% { transform: scale(1.025, 1.025); }
  20% { transform: scale(1.05, 1.05); }
  30% { transform: scale(1.075, 1.075); }
  40% { transform: scale(1.1, 1.1); }
  50% { transform: scale(1.125, 1.125); }
  60% { transform: scale(1.1, 1.1); }
  70% { transform: scale(1.075, 1.075); }
  80% { transform: scale(1.05, 1.05); }
  90% { transform: scale(1.025, 1.025); }
  100% { transform: scale(1, 1); }
}body { position: relative; width: 100%; overflow-x: hidden; background: rgb(0, 0, 0); padding-top: 56px; }img { height: auto; max-width: 100%; }#wrapper { position: relative; width: 100%; overflow-x: hidden; }.container { width: 100% !important; max-width: 1320px !important; }.header-height { height: var(--header-height); }.text-mo-green { color: var(--text-mo-green) !important; }.text-mo-green-light { color: var(--text-mo-green-light) !important; }.bg-mo-grey { background: var(--mo-grey) !important; }body { background: var(--mo-light); }.fs-13px { font-size: 13px; }.fs-14px { font-size: 14px; }ul, ul li { padding: 0px; }ul li { list-style-type: none; list-style-position: inside; }a { text-decoration: none; color: var(--mo-blue); }a:hover { color: var(--mo-green2); }.zalo-chat-widget, .mo-zalo-old { bottom: 90px !important; right: 12px !important; margin: 0px 12px !important; }.zalo-chat-widget:not(.zalo-ready) { visibility: hidden !important; }.mo-zalo-facade { cursor: pointer; }.mo-zalo-facade img { position: absolute; right: 0px; bottom: 0px; display: block; }.navbar-brand { margin: 0px; padding: 0px; height: var(--header-height); display: flex; align-items: center; }.logo { max-height: 36px; height: auto; transition: 0.25s; padding: 0px; }.menu-item { position: relative; }.sub-menu { display: none; z-index: 99; position: absolute; opacity: 0; transition: 0.25s; width: 220px; background: var(--mo-grey); box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 3px; }.menu-item:hover > .sub-menu { display: block; opacity: 1; }.menu-item > .sub-menu { top: 100%; left: 0px; }.sub-menu .sub-menu { top: 0px; left: 100%; }.sub-menu li a { padding: 10px 20px; display: block; position: relative; }.sub-menu li::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 1px; background: rgb(0, 0, 0); }.sub-menu li:first-child > a::before { display: none; }#menu-menu-center a { color: rgb(255, 255, 255); overflow: hidden; }#menu-menu-center li:hover > a, #menu-menu-center li:hover > div > a { color: var(--mo-green2) !important; }#menu-menu-center > li:hover > a, #menu-menu-center > li:hover > div > a { background: var(--mo-grey); }#menu-menu-center > li > a, #menu-menu-center > li > div > a { height: var(--header-height); align-items: center; padding: 0 calc(var(--bs-gutter-x) * .5); display: flex; }.navbar-toggler { font-size: 2rem; color: rgb(255, 255, 255); width: 64px; height: 56px; text-align: start; }.navbar-toggler:focus { box-shadow: none; color: var(--mo-green2) !important; }.header-menu-toolbar a { font-size: 1.5rem; color: rgb(255, 255, 255); }.header-menu-toolbar a:hover i { color: var(--mo-green2) !important; }.slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }.slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; }.slick-list:focus { outline: none; }.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); }.slick-track { position: relative; top: 0px; left: 0px; margin-left: auto; margin-right: auto; display: flex !important; }.slick-track::before, .slick-track::after { display: table; content: ""; }.slick-track::after { clear: both; }.slick-slide { display: none; height: auto; min-height: 1px; }.slick-slide > div { height: 100%; }.slick-slide img { display: block; }.slick-initialized .slick-slide { display: block; }.slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: var(--mo-nav-grey); color: rgb(255, 255, 255); border-radius: 0.25rem; font-size: 0px; width: 30px; height: 30px; z-index: 10; transition: 0.15s; }.slick-arrow:hover { background: var(--mo-green2); }.slick-next { right: 15px; }.slick-next::after { content: "→"; color: rgb(255, 255, 255); font-size: 15px; }.slick-prev { left: 15px; transform: translateY(-50%) rotate(-180deg); }.slick-prev::after { content: "→"; color: rgb(255, 255, 255); font-size: 15px; }.slick-disabled { display: none !important; }.slide_cat_item { padding: 3px 0px; }.item-product-row { margin-left: -10px; margin-right: -10px; }.item-product-col { padding: 0px 10px; }.item-product { background: rgb(255, 255, 255); padding: 15px; border-radius: 10px; position: relative; height: 100%; }.product-name a { display: flex; flex-direction: column; justify-content: center; color: rgb(0, 0, 0); position: relative; }.normal_title { font-weight: 300; margin-top: 3px; font-size: 14px; }.image-box img { width: 100%; height: auto; display: none; }.image-box .thumb-back { margin-top: 10px; }.thumb-back { position: relative; }.thumb-back > img.mo-thumb { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: contain; object-position: center center; display: block; }.thumb-back { display: flex; align-items: center; justify-content: center; width: 100%; padding-bottom: 83.3333%; background-repeat: no-repeat; background-position: center center; background-size: contain; transition: 0.25s; }.item-product:hover .image-box .thumb-back { transform: translateY(-5px); position: relative; }.price-box strong { color: red; }.product-label { font-weight: bold; background: red; color: rgb(255, 255, 255); font-size: 14px; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); border-radius: 0px 0px 6px 6px; padding: 1px 6px; z-index: 10; }.block-product .row { --bs-gutter-x: 20px; }.block-product .row > * { padding-top: calc(var(--bs-gutter-x) * .5); padding-bottom: calc(var(--bs-gutter-x) * .5); }#back-to-top { position: fixed; bottom: 25px; left: 25px; z-index: 99; width: 32px; height: 32px; text-align: center; line-height: 30px; background: rgb(125, 189, 67); color: rgb(255, 255, 255); font-size: 20px; cursor: pointer; border: 0px; border-radius: 4px; text-decoration: none; transition: 0.2s ease-out; opacity: 0; }#back-to-top:hover { background: rgba(125, 189, 67, 0.8); }#back-to-top .bi-download::before { transform: rotate(180deg); }#support-block { border-bottom: 1px solid rgb(62, 62, 62); }#support-block i { transition: 0.25s; }#support-block .row > div:hover i { color: var(--mo-blue) !important; transform: scale(1.1); }#footer .row, #support-block .row { margin-right: calc(-.35 * var(--bs-gutter-x)); margin-left: calc(-.35 * var(--bs-gutter-x)); }#footer .row > *, #support-block .row > * { padding-right: calc(var(--bs-gutter-x) * .35); padding-left: calc(var(--bs-gutter-x) * .35); }#breadcrumbs, #breadcrumbs a { color: rgb(0, 0, 0); }#breadcrumbs a:hover { color: var(--mo-green2); }.btn-sort-wrap a { background: rgb(255, 255, 255); border-radius: 12px; padding: 5px 10px; color: var(--mo-text-grey); transition: 0.25s; }.btn-sort-wrap a.active, .btn-sort-wrap a:hover { background: var(--mo-green2); color: rgb(255, 255, 255); }.slick-cat .slick-prev { left: 0px; }.slick-cat .slick-next { right: 0px; }.slick-cat { max-height: 150px; position: relative; overflow: hidden; margin-bottom: 20px; padding: 0px 20px; }.chapternav-icon { width: 74px; height: 74px; background-size: contain; background-position: center center; background-repeat: no-repeat; transition: 0.25s; display: flex; }.chapternav-label { color: rgb(0, 0, 0); }.chapternav-link > div { display: inline-block; margin: 0px auto; padding: 9px 7px 6px 9px; border: 1px solid transparent; }.chapternav-link.active > div { padding: 9px 7px 6px 9px; border-radius: 8px; border: 1px solid rgb(220, 220, 220); background: rgb(238, 238, 238); }.chapternav-link.active .chapternav-label { color: var(--mo-green); }.chapternav-link:hover .chapternav-icon { transform: translateY(-3px); }.offcanvas { max-width: 75%; }.offcanvas.offcanvas-top.offcanvas-top-search, .offcanvas.offcanvas-bottom { max-width: 100%; height: 20vh; min-height: 160px; }.offcanvas-top-menu { max-width: 100%; height: auto !important; max-height: 100% !important; }.offcanvas.offcanvas-end { box-shadow: var(--bs-box-shadow-lg); }.item-filter > span { background: var(--mo-light); color: rgb(0, 0, 0); padding: 7px 15px; width: 100%; float: left; }.item-filter ul { float: left; width: 100%; padding: 15px; margin: 0px; }.px-15px { padding-left: 15px; padding-right: 15px; }.btn-white, .btn-white:focus { background: rgb(255, 255, 255); }.btn-white:hover, .bg-hover-black:hover { color: rgb(255, 255, 255) !important; background: rgb(0, 0, 0) !important; }.btn-white:active, .btn-white.active, .bg-hover-green:hover { background: var(--mo-green) !important; color: rgb(255, 255, 255) !important; }.btn-green { background: var(--mo-green); color: rgb(255, 255, 255); transition: 0.25s; font-size: 1.2rem; }.btn-green:hover { background: var(--mo-green2); color: rgb(255, 255, 255); letter-spacing: 1.2px; }.custom_loading_inner { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999999; }.custom_loading { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 99999; }.sosanh_item { background: var(--mo-blue); color: rgb(255, 255, 255); width: 80px; height: 22px; text-align: center; line-height: 22px; border-radius: 2px; font-size: 12px; position: absolute; left: 10px; top: 10px; z-index: 999; display: none; }.sosanh_item:hover { color: rgb(0, 0, 0); }.sosanh_item.remove_sosanh { background: red; }.btn-green-gradient:hover, .btn:focus-visible { text-decoration: none; background: var(--mo-green) !important; color: rgb(255, 255, 255) !important; }.loading-block { position: relative; }.loading-inner { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 999; display: block; }.loaded .loading-inner { display: none; }.loading-content { opacity: 0; height: 300px; overflow: hidden; }.loaded .loading-content { opacity: 1; height: auto; }.item-product-row .loading-inner { display: none; }.slick-4.loading-content:not(.slick-initialized) { opacity: 1; height: auto; display: flex; flex-wrap: nowrap; overflow: hidden; }.slick-4:not(.slick-initialized) > .item-product-col { flex: 0 0 25%; max-width: 25%; }@media (max-width: 1023.98px){.slick-4:not(.slick-initialized) > .item-product-col { flex-basis: 33.3333%; max-width: 33.3333%; }}@media (max-width: 767.98px){.slick-4:not(.slick-initialized) > .item-product-col { flex-basis: 50%; max-width: 50%; }}@media (max-width: 319.98px){.slick-4:not(.slick-initialized) > .item-product-col { flex-basis: 100%; max-width: 100%; }}#slick-cat .loading-content { height: 141px; }#slick-cat.loaded .loading-content { height: auto; }.aligncenter { display: block; margin-left: auto; margin-right: auto; }input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { appearance: none; margin: 0px; }#menu-menu-center .expand-menu-icon { display: none; }.zalo-chat-widget, .mo-zalo-old { bottom: 90px !important; right: 12px !important; margin: 0px 12px !important; }.offcanvas-top-56px { top: 56px !important; }.dropdown-item.active, .dropdown-item:active { background: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; }.text-hover-blue:hover { color: var(--mo-blue) !important; }.btn-sort-wrap-new > a { }.btn-sort-wrap-new > a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }@media (min-width: 992px){ul.navbar-nav .sub-menu li.menu-item > a { transform: scale(1.2) translateY(-5px); opacity: 0; transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.35s cubic-bezier(0.4, 0.01, 0.165, 0.99); }ul.navbar-nav .sub-menu li.menu-item:nth-child(1) > a { transition-delay: 0.35s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(2) > a { transition-delay: 0.3s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(3) > a { transition-delay: 0.25s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(4) > a { transition-delay: 0.2s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(5) > a { transition-delay: 0.15s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(6) > a { transition-delay: 0.1s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(7) > a { transition-delay: 0.05s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(8) > a { transition-delay: 0.05s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(9) > a { transition-delay: 0.05s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(10) > a { transition-delay: 0.05s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(11) > a { transition-delay: 0.05s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(12) > a { transition-delay: 0.05s; }}@media (min-width: 1600px){.chapternav-icon { width: 94px; height: 94px; }}@media (min-width: 991px) and (max-width: 1200px){body { font-size: 12px; }.fs-13px { font-size: 12px; }.fs-14px, .form-control-lg { font-size: 13px; }.fs-4, .fs-5 { font-size: 17px !important; }.fs-6 { font-size: 14px !important; }}@media (max-width: 991px){.navbar.fixed-top::after { content: ""; width: 100%; height: 56px; background: rgb(0, 0, 0); position: fixed; top: 0px; left: 0px; z-index: 9998; }.navbar-brand, .navbar-toggler, .header-menu-toolbar { z-index: 9999; }.header-menu-toolbar { position: relative; transition: 0.25s; }.burger-container { position: relative; display: inline-block; height: 56px; width: 56px; cursor: pointer; transform: rotate(0deg); transition: 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); user-select: none; -webkit-tap-highlight-color: transparent; left: calc(var(--bs-gutter-x) * -.5 - 6px); }.burger-container #burger { width: 18px; height: 8px; position: relative; display: block; margin: -4px auto 0px; top: 50%; }.burger-container #burger .bar { width: 100%; height: 1px; display: block; position: relative; background: rgb(255, 255, 255); transition: 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); }.burger-container #burger .bar.topBar { transform: translateY(0px) rotate(0deg); }.burger-container #burger .bar.btmBar { transform: translateY(6px) rotate(0deg); }.offcanvas-top-menu { background: rgba(0, 0, 0, 0.8) !important; }.offcanvas-top-menu .offcanvas-body { position: relative; overflow-x: hidden; }ul.navbar-nav li.menu-item { transform: scale(1.15) translateY(-30px); opacity: 0; transition: transform 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); }ul.navbar-nav li.menu-item:nth-child(1) { transition-delay: 0.22s; }ul.navbar-nav li.menu-item:nth-child(2) { transition-delay: 0.2s; }ul.navbar-nav li.menu-item:nth-child(3) { transition-delay: 0.18s; }ul.navbar-nav li.menu-item:nth-child(4) { transition-delay: 0.16s; }ul.navbar-nav li.menu-item:nth-child(5) { transition-delay: 0.14s; }ul.navbar-nav li.menu-item:nth-child(6) { transition-delay: 0.1s; }ul.navbar-nav li.menu-item:nth-child(7) { transition-delay: 0.08s; }body { font-size: 14px; }#header-main .offcanvas { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: var(--bs-box-shadow-lg); }#breadcrumbs { display: flex; justify-content: center; }.sub-menu li::before { display: none; }#menu-menu-center .sub-menu { position: relative; top: 0px; left: 0px; width: 100%; opacity: 1; box-shadow: none; transition: 0.25s; height: 0px; overflow: hidden; background: rgb(15, 15, 15); display: block !important; }#menu-menu-center .menu-item:hover > .sub-menu { display: none; }#menu-menu-center .sub-menu li a { padding: 12px 20px 12px 30px; }#menu-menu-center .sub-menu li { border-bottom: 1px solid rgb(25, 25, 25); }#menu-menu-center .sub-menu .sub-menu li { border-top: 1px solid rgb(25, 25, 25); border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }#menu-menu-center > li > a, #menu-menu-center > li > div { border-bottom: 1px solid rgb(25, 25, 25); background: rgb(0, 0, 0) !important; }#menu-menu-center li:hover > a { color: rgb(255, 255, 255) !important; }#menu-menu-center li.current-menu-item > a, #menu-menu-center li.current-menu-item > div > a { color: var(--mo-green2) !important; }#menu-menu-center .sub-menu .sub-menu li a { padding-left: 40px; }#menu-menu-center > li > .sub-menu > li > a { text-transform: uppercase; background: rgb(15, 15, 15); }#menu-menu-center .menu-item-has-children > a, #menu-menu-center .menu-item-has-children > div { }#menu-menu-center .expand-menu-icon { height: 36px; width: 36px; border-radius: 5px; right: calc(var(--bs-gutter-x) * .5); top: 10px; position: absolute; background: rgb(19, 19, 19); color: rgb(127, 127, 127); display: flex; align-items: center; justify-content: center; z-index: 999999; transition: 0.25s; }#menu-menu-center .sub-menu .expand-menu-icon { height: 35px; width: 35px; top: 5px; }#menu-menu-center .expand-menu-icon:hover { cursor: pointer; background: var(--mo-green2) !important; color: rgb(255, 255, 255) !important; }.menu-item-expand > .sub-menu { height: auto !important; }#menu-menu-center li:hover > a, #menu-menu-center li:hover > div > a { background: transparent !important; color: rgb(255, 255, 255) !important; }.goilaituvan { position: fixed; right: 0px; bottom: 30px; border-radius: 4px 4px 0px 0px; padding: 5px 15px; font-size: 15px; text-transform: uppercase; z-index: 1111; }.zalo-chat-widget, .mo-zalo-old { transform: scale(0.7); z-index: 1111; bottom: 140px !important; right: 0px !important; margin: 0px 12px !important; }#back-to-top { bottom: 50px; }}@media (max-width: 768px){.block-product .row, .item-product-row { margin-right: calc(-.25 * var(--bs-gutter-x)); margin-left: calc(-.25 * var(--bs-gutter-x)); }.block-product .row > * { padding: calc(var(--bs-gutter-x) * 0.25); }.item-product-row { margin-right: 0px; margin-left: 0px; }.item-product-col { padding-left: calc(var(--bs-gutter-x) * 0.25); padding-right: calc(var(--bs-gutter-x) * 0.25); }.product-label { font-size: 13px; }.item-product { padding: 10px; }.slick-prev { left: 0px; }.slick-next { right: 0px; }.btn-sort-wrap a { width: 49%; float: left; margin: 0px 0px 2% !important; }.btn-sort-wrap a:nth-child(2n+1) { margin-right: 2% !important; }}@media (max-width: 540px){.item-product { padding: 7px; }.offcanvas-header, .offcanvas-body { padding: 10px; }#menu-menu-center .sub-menu li a { padding-left: 20px; padding-right: 10px; }#menu-menu-center .sub-menu .sub-menu li a { padding-left: 30px; }.navbar-toggler { font-size: 1.75rem; width: 56px; }.header-menu-toolbar a { font-size: 1.25rem; }.btn-filter-wrap { grid-template-columns: repeat(2, 1fr); margin-right: calc(-.25 * var(--bs-gutter-x)); margin-left: calc(-.25 * var(--bs-gutter-x)); display: grid !important; }.btn-filter-wrap > div { padding: calc(.25 * var(--bs-gutter-x)); margin: 0px !important; }.btn-filter-wrap .btn { text-align: left; width: 100% !important; margin: 0px !important; }}@media (max-width: 420px){.product-label { font-size: 12px; }.product-name > * { font-size: 13px !important; }.normal_title { font-size: 12px; }.price-box > * { font-size: 16px !important; }.slick-cat { padding: 0px 30px; }}@media (max-width: 360px){body { font-size: 13px; }.product-title, .fs-4, .fs-3 { font-size: 16px !important; }.fs-5 { font-size: 14px !important; }.fs-6 { font-size: 13px !important; }.product-label { font-size: 10px; }}p:has(> .aligncenter), p:has(> .alignnone), .the_content p:has(> iframe) { margin: 0px !important; }body:not(:has(#product-store-selection)) #store_select { min-height: 21px; }html main .text-red, html main .price-box strong { color: rgb(238, 0, 0) !important; }html .product-label { background: rgb(238, 0, 0); }html .product-label.new, html .product-label.sto { background: rgb(86, 130, 46); }html .chapternav-link.active .chapternav-label { color: rgb(81, 118, 44); }html .the_content a[style*="#7dbd43"], html .the_content a[style*="rgb(125, 189, 67)"] { background: rgb(86, 130, 46) !important; }:root { --mo-light: #e9e9e9; --mo-grey: #222222; --mo-icon-grey: #4d4d4d; --mo-text-grey: #4d4d4d; --mo-nav-grey: #c4c4c5; --text-mo-green: #7ac142; --text-mo-green-light: #70ff00; --mo-green: #7cb643; --mo-green2: #7dbd44; --mo-green-btn: #7aac42; --mo-grey-btn: #4d4d4d; --mo-blue: #2698ff; --header-height: 56px; }@keyframes zoom-in-zoom-out { 
  0% { transform: scale(1, 1); }
  10% { transform: scale(1.025, 1.025); }
  20% { transform: scale(1.05, 1.05); }
  30% { transform: scale(1.075, 1.075); }
  40% { transform: scale(1.1, 1.1); }
  50% { transform: scale(1.125, 1.125); }
  60% { transform: scale(1.1, 1.1); }
  70% { transform: scale(1.075, 1.075); }
  80% { transform: scale(1.05, 1.05); }
  90% { transform: scale(1.025, 1.025); }
  100% { transform: scale(1, 1); }
}body { position: relative; width: 100%; overflow-x: hidden; background: rgb(0, 0, 0); padding-top: 56px; }img { height: auto; max-width: 100%; }#wrapper { position: relative; width: 100%; overflow-x: hidden; }.container { width: 100% !important; max-width: 1320px !important; }.header-height { height: var(--header-height); }.text-mo-green { color: var(--text-mo-green) !important; }.text-mo-green-light { color: var(--text-mo-green-light) !important; }.bg-mo-grey { background: var(--mo-grey) !important; }body { background: var(--mo-light); }.fs-13px { font-size: 13px; }.fs-14px { font-size: 14px; }ul, ul li { padding: 0px; }ul li { list-style-type: none; list-style-position: inside; }a { text-decoration: none; color: var(--mo-blue); }a:hover { color: var(--mo-green2); }.zalo-chat-widget { bottom: 90px !important; right: 12px !important; margin: 0px 12px !important; }.navbar-brand { margin: 0px; padding: 0px; height: var(--header-height); display: flex; align-items: center; }.logo { max-height: 30px; height: auto; transition: 0.25s; padding: 0px; }.menu-item { position: relative; padding-right: 10px; }.sub-menu { display: none; z-index: 99; position: absolute; opacity: 0; transition: 0.25s; width: 220px; background: var(--mo-grey); box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 3px; }.menu-item:hover > .sub-menu { display: block; opacity: 1; }.menu-item > .sub-menu { top: 100%; left: 0px; }.sub-menu .sub-menu { top: 0px; left: 100%; }.sub-menu li a { padding: 10px 20px; display: block; position: relative; }.sub-menu li::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 1px; background: rgb(0, 0, 0); }.sub-menu li:first-child > a::before { display: none; }#menu-menu-center a { color: rgb(255, 255, 255); overflow: hidden; }#menu-menu-center li:hover > a, #menu-menu-center li:hover > div > a { color: var(--mo-green2) !important; }#menu-menu-center > li:hover > a, #menu-menu-center > li:hover > div > a { background: var(--mo-grey); }#menu-menu-center > li > a, #menu-menu-center > li > div > a { height: var(--header-height); align-items: center; padding: 0 calc(var(--bs-gutter-x) * .5); display: flex; }.navbar-toggler { font-size: 2rem; color: rgb(255, 255, 255); width: 64px; height: 56px; text-align: start; }.navbar-toggler:focus { box-shadow: none; color: var(--mo-green2) !important; }.header-menu-toolbar a { font-size: 1.5rem; color: rgb(255, 255, 255); }.header-menu-toolbar a:hover i { color: var(--mo-green2) !important; }.slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }.slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; }.slick-list:focus { outline: none; }.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); }.slick-track { position: relative; top: 0px; left: 0px; margin-left: auto; margin-right: auto; display: flex !important; }.slick-track::before, .slick-track::after { display: table; content: ""; }.slick-track::after { clear: both; }.slick-slide { display: none; height: auto; min-height: 1px; }.slick-slide > div { height: 100%; }.slick-slide img { display: block; }.slick-initialized .slick-slide { display: block; }.slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: var(--mo-nav-grey); color: rgb(255, 255, 255); border-radius: 0.25rem; font-size: 0px; width: 30px; height: 30px; z-index: 10; transition: 0.15s; }.slick-arrow:hover { background: var(--mo-green2); }.slick-next { right: 15px; }.slick-next::after { content: "→"; color: rgb(255, 255, 255); font-size: 15px; }.slick-prev { left: 15px; transform: translateY(-50%) rotate(-180deg); }.slick-prev::after { content: "→"; color: rgb(255, 255, 255); font-size: 15px; }.slick-disabled { display: none !important; }.slide_cat_item { padding: 3px 0px; }.item-product-row { margin-left: -10px; margin-right: -10px; }.item-product-col { padding: 0px 10px; }.item-product { background: rgb(255, 255, 255); padding: 15px; border-radius: 10px; position: relative; height: 100%; }.product-name a { display: flex; flex-direction: column; justify-content: center; color: rgb(0, 0, 0); position: relative; }.normal_title { font-weight: 300; margin-top: 3px; font-size: 14px; }.image-box img { width: 100%; height: auto; display: none; }.image-box .thumb-back { margin-top: 10px; }.thumb-back { display: flex; align-items: center; justify-content: center; width: 100%; padding-bottom: 83.3333%; background-repeat: no-repeat; background-position: center center; background-size: contain; transition: 0.25s; }.item-product:hover .image-box .thumb-back { transform: translateY(-5px); position: relative; }.price-box strong { color: red; }.product-label { font-weight: bold; background: red; color: rgb(255, 255, 255); font-size: 14px; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); border-radius: 0px 0px 6px 6px; padding: 1px 6px; z-index: 10; }.product-label.sto { background: rgb(124, 178, 66); }.block-product .row { --bs-gutter-x: 20px; }.block-product .row > * { padding-top: calc(var(--bs-gutter-x) * .5); padding-bottom: calc(var(--bs-gutter-x) * .5); }#back-to-top { position: fixed; bottom: 25px; left: 25px; z-index: 99; width: 32px; height: 32px; text-align: center; line-height: 30px; background: rgb(125, 189, 67); color: rgb(255, 255, 255); font-size: 20px; cursor: pointer; border: 0px; border-radius: 4px; text-decoration: none; transition: 0.2s ease-out; opacity: 0; }#back-to-top:hover { background: rgba(125, 189, 67, 0.8); }#back-to-top .bi-download::before { transform: rotate(180deg); }#support-block { border-bottom: 1px solid rgb(62, 62, 62); }#support-block i { transition: 0.25s; }#support-block .row > div:hover i { color: var(--mo-blue) !important; transform: scale(1.1); }#footer .row, #support-block .row { margin-right: calc(-.35 * var(--bs-gutter-x)); margin-left: calc(-.35 * var(--bs-gutter-x)); }#footer .row > *, #support-block .row > * { padding-right: calc(var(--bs-gutter-x) * .35); padding-left: calc(var(--bs-gutter-x) * .35); }#breadcrumbs, #breadcrumbs a { color: rgb(0, 0, 0); }#breadcrumbs a:hover { color: var(--mo-green2); }.btn-sort-wrap a { background: rgb(255, 255, 255); border-radius: 12px; padding: 5px 10px; color: var(--mo-text-grey); transition: 0.25s; }.btn-sort-wrap a.active, .btn-sort-wrap a:hover { background: var(--mo-green2); color: rgb(255, 255, 255); }.slick-cat .slick-prev { left: 0px; }.slick-cat .slick-next { right: 0px; }.slick-cat { max-height: 150px; position: relative; overflow: hidden; margin-bottom: 20px; padding: 0px 20px; }.chapternav-icon { width: 74px; height: 74px; background-size: contain; background-position: center center; background-repeat: no-repeat; transition: 0.25s; display: flex; }.chapternav-label { color: rgb(0, 0, 0); }.chapternav-link > div { display: inline-block; margin: 0px auto; padding: 9px 7px 6px 9px; border: 1px solid transparent; }.chapternav-link.active > div { padding: 9px 7px 6px 9px; border-radius: 8px; border: 1px solid rgb(220, 220, 220); background: rgb(238, 238, 238); }.chapternav-link.active .chapternav-label { color: var(--mo-green); }.chapternav-link:hover .chapternav-icon { transform: translateY(-3px); }.offcanvas { max-width: 75%; }.offcanvas.offcanvas-top.offcanvas-top-search, .offcanvas.offcanvas-bottom { max-width: 100%; height: 20vh; min-height: 160px; }.offcanvas-top-menu { max-width: 100%; height: auto !important; max-height: 100% !important; }.offcanvas.offcanvas-end { box-shadow: var(--bs-box-shadow-lg); }.item-filter > span { background: var(--mo-light); color: rgb(0, 0, 0); padding: 7px 15px; width: 100%; float: left; }.item-filter ul { float: left; width: 100%; padding: 15px; margin: 0px; }.px-15px { padding-left: 15px; padding-right: 15px; }.btn-white, .btn-white:focus { background: rgb(255, 255, 255); }.btn-white:hover, .bg-hover-black:hover { color: rgb(255, 255, 255) !important; background: rgb(0, 0, 0) !important; }.btn-white:active, .btn-white.active, .bg-hover-green:hover { background: var(--mo-green) !important; color: rgb(255, 255, 255) !important; }.btn-green { background: var(--mo-green); color: rgb(255, 255, 255); transition: 0.25s; font-size: 1.2rem; }.btn-green:hover { background: var(--mo-green2); color: rgb(255, 255, 255); letter-spacing: 1.2px; }.custom_loading_inner { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999999; }.custom_loading { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 99999; }.sosanh_item { background: var(--mo-blue); color: rgb(255, 255, 255); width: 80px; height: 22px; text-align: center; line-height: 22px; border-radius: 2px; font-size: 12px; position: absolute; left: 10px; top: 10px; z-index: 999; display: none; }.sosanh_item:hover { color: rgb(0, 0, 0); }.sosanh_item.remove_sosanh { background: red; }.loading-block { position: relative; }.loading-inner { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 999; display: block; }.loaded .loading-inner { display: none; }.loading-content { opacity: 0; height: 300px; overflow: hidden; }.loaded .loading-content { opacity: 1; height: auto; }.aligncenter { display: block; margin-left: auto; margin-right: auto; }input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { appearance: none; margin: 0px; }#menu-menu-center .expand-menu-icon { display: none; }.zalo-chat-widget { bottom: 90px !important; right: 12px !important; margin: 0px 12px !important; }.offcanvas-top-56px { top: 56px !important; }.dropdown-item.active, .dropdown-item:active { background: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; }.text-hover-blue:hover { color: var(--mo-blue) !important; }.btn-sort-wrap-new > a { }.btn-sort-wrap-new > a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }@media (min-width: 992px){ul.navbar-nav .sub-menu li.menu-item > a { transform: scale(1.2) translateY(-5px); opacity: 0; transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.35s cubic-bezier(0.4, 0.01, 0.165, 0.99); }ul.navbar-nav .sub-menu li.menu-item:nth-child(1) > a { transition-delay: 0.35s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(2) > a { transition-delay: 0.3s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(3) > a { transition-delay: 0.25s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(4) > a { transition-delay: 0.2s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(5) > a { transition-delay: 0.15s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(6) > a { transition-delay: 0.1s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(7) > a { transition-delay: 0.05s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(8) > a { transition-delay: 0.05s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(9) > a { transition-delay: 0.05s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(10) > a { transition-delay: 0.05s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(11) > a { transition-delay: 0.05s; }ul.navbar-nav .sub-menu li.menu-item:nth-child(12) > a { transition-delay: 0.05s; }}@media (min-width: 1600px){.chapternav-icon { width: 94px; height: 94px; }}@media (min-width: 991px) and (max-width: 1200px){body { font-size: 12px; }.fs-13px { font-size: 12px; }.fs-14px, .form-control-lg { font-size: 13px; }.fs-4, .fs-5 { font-size: 17px !important; }.fs-6 { font-size: 14px !important; }}@media (max-width: 991px){.navbar.fixed-top::after { content: ""; width: 100%; height: 56px; background: rgb(0, 0, 0); position: fixed; top: 0px; left: 0px; z-index: 9998; }.navbar-brand, .navbar-toggler, .header-menu-toolbar { z-index: 9999; }.header-menu-toolbar { position: relative; transition: 0.25s; }.burger-container { position: relative; display: inline-block; height: 56px; width: 56px; cursor: pointer; transform: rotate(0deg); transition: 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); user-select: none; -webkit-tap-highlight-color: transparent; left: calc(var(--bs-gutter-x) * -.5 - 6px); }.burger-container #burger { width: 18px; height: 8px; position: relative; display: block; margin: -4px auto 0px; top: 50%; }.burger-container #burger .bar { width: 100%; height: 1px; display: block; position: relative; background: rgb(255, 255, 255); transition: 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); }.burger-container #burger .bar.topBar { transform: translateY(0px) rotate(0deg); }.burger-container #burger .bar.btmBar { transform: translateY(6px) rotate(0deg); }.offcanvas-top-menu { background: rgba(0, 0, 0, 0.8) !important; }.offcanvas-top-menu .offcanvas-body { position: relative; overflow-x: hidden; }ul.navbar-nav li.menu-item { transform: scale(1.15) translateY(-30px); opacity: 0; transition: transform 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); }ul.navbar-nav li.menu-item:nth-child(1) { transition-delay: 0.22s; }ul.navbar-nav li.menu-item:nth-child(2) { transition-delay: 0.2s; }ul.navbar-nav li.menu-item:nth-child(3) { transition-delay: 0.18s; }ul.navbar-nav li.menu-item:nth-child(4) { transition-delay: 0.16s; }ul.navbar-nav li.menu-item:nth-child(5) { transition-delay: 0.14s; }ul.navbar-nav li.menu-item:nth-child(6) { transition-delay: 0.1s; }ul.navbar-nav li.menu-item:nth-child(7) { transition-delay: 0.08s; }body { font-size: 14px; }#header-main .offcanvas { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: var(--bs-box-shadow-lg); }#breadcrumbs { display: flex; justify-content: center; }.sub-menu li::before { display: none; }#menu-menu-center .sub-menu { position: relative; top: 0px; left: 0px; width: 100%; opacity: 1; box-shadow: none; transition: 0.25s; height: 0px; overflow: hidden; background: rgb(15, 15, 15); display: block !important; }#menu-menu-center .menu-item:hover > .sub-menu { display: none; }#menu-menu-center .sub-menu li a { padding: 12px 20px 12px 30px; }#menu-menu-center .sub-menu li { border-bottom: 1px solid rgb(25, 25, 25); }#menu-menu-center .sub-menu .sub-menu li { border-top: 1px solid rgb(25, 25, 25); border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }#menu-menu-center > li > a, #menu-menu-center > li > div { border-bottom: 1px solid rgb(25, 25, 25); background: rgb(0, 0, 0) !important; }#menu-menu-center li:hover > a { color: rgb(255, 255, 255) !important; }#menu-menu-center li.current-menu-item > a, #menu-menu-center li.current-menu-item > div > a { color: var(--mo-green2) !important; }#menu-menu-center .sub-menu .sub-menu li a { padding-left: 40px; }#menu-menu-center > li > .sub-menu > li > a { background: rgb(15, 15, 15); text-transform: none; }#menu-menu-center .menu-item-has-children > a, #menu-menu-center .menu-item-has-children > div { }#menu-menu-center .expand-menu-icon { height: 36px; width: 36px; border-radius: 5px; right: calc(var(--bs-gutter-x) * .5); top: 10px; position: absolute; background: rgb(19, 19, 19); color: rgb(127, 127, 127); display: flex; align-items: center; justify-content: center; z-index: 999999; transition: 0.25s; }#menu-menu-center .sub-menu .expand-menu-icon { height: 35px; width: 35px; top: 5px; }#menu-menu-center .expand-menu-icon:hover { cursor: pointer; background: var(--mo-green2) !important; color: rgb(255, 255, 255) !important; }.menu-item-expand > .sub-menu { height: auto !important; }#menu-menu-center li:hover > a, #menu-menu-center li:hover > div > a { background: transparent !important; color: rgb(255, 255, 255) !important; }.goilaituvan { position: fixed; right: 0px; bottom: 30px; border-radius: 4px 4px 0px 0px; padding: 5px 15px; font-size: 15px; text-transform: uppercase; z-index: 1111; }.zalo-chat-widget { transform: scale(0.7); z-index: 1111; bottom: 140px !important; right: 0px !important; margin: 0px 12px !important; }#back-to-top { bottom: 50px; }}@media (max-width: 768px){.block-product .row, .item-product-row { margin-right: calc(-.25 * var(--bs-gutter-x)); margin-left: calc(-.25 * var(--bs-gutter-x)); }.block-product .row > * { padding: calc(var(--bs-gutter-x) * 0.25); }.item-product-row { margin-right: 0px; margin-left: 0px; }.item-product-col { padding-left: calc(var(--bs-gutter-x) * 0.25); padding-right: calc(var(--bs-gutter-x) * 0.25); }.product-label { font-size: 13px; }.item-product { padding: 10px; }.slick-prev { left: 0px; }.slick-next { right: 0px; }.btn-sort-wrap a { width: 49%; float: left; margin: 0px 0px 2% !important; }.btn-sort-wrap a:nth-child(2n+1) { margin-right: 2% !important; }}@media (max-width: 540px){.item-product { padding: 7px; }.offcanvas-header, .offcanvas-body { padding: 10px; }#menu-menu-center .sub-menu li a { padding-left: 20px; padding-right: 10px; }#menu-menu-center .sub-menu .sub-menu li a { padding-left: 30px; }.navbar-toggler { font-size: 1.75rem; width: 50px; }.header-menu-toolbar a { font-size: 1.25rem; }.btn-filter-wrap { grid-template-columns: repeat(2, 1fr); margin-right: calc(-.25 * var(--bs-gutter-x)); margin-left: calc(-.25 * var(--bs-gutter-x)); display: grid !important; }.btn-filter-wrap > div { padding: calc(.25 * var(--bs-gutter-x)); margin: 0px !important; }.btn-filter-wrap .btn { text-align: left; width: 100% !important; margin: 0px !important; }}@media (max-width: 420px){.product-label { font-size: 12px; }.product-name > * { font-size: 13px !important; }.normal_title { font-size: 12px; }.price-box > * { font-size: 16px !important; }.slick-cat { padding: 0px 30px; }}@media (max-width: 360px){body { font-size: 13px; }.product-title, .fs-4, .fs-3 { font-size: 16px !important; }.fs-5 { font-size: 14px !important; }.fs-6 { font-size: 13px !important; }.product-label { font-size: 10px; }}body:not(:has(#product-store-selection)) #store_select{min-height:21px}footer img.wp-image-51229{aspect-ratio:3068/379}