@font-face{font-display:block;font-family:bootstrap-icons;src:url("https://macone2.quangcaopanda.vn/wp-content/themes/mo/plugins/bootstrap-icons/fonts/bootstrap-icons.woff2?7141511ac37f13e1a387fb9fc6646256") format("woff2"),url("https://macone2.quangcaopanda.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://macone2.quangcaopanda.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; }}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; }figure { margin: 0px 0px 1rem; }img, svg { vertical-align: middle; }table { caption-side: bottom; border-collapse: collapse; }tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0px; }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; }select { overflow-wrap: normal; }select:disabled { opacity: 1; }[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; }textarea { resize: vertical; }fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; }::-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-4 { flex: 0 0 auto; width: 33.3333%; }.col-6 { flex: 0 0 auto; width: 50%; }.col-12 { flex: 0 0 auto; width: 100%; }@media (min-width: 992px){.col-lg-3 { flex: 0 0 auto; width: 25%; }.col-lg-4 { flex: 0 0 auto; width: 33.3333%; }.col-lg-5 { flex: 0 0 auto; width: 41.6667%; }.col-lg-6 { flex: 0 0 auto; width: 50%; }.col-lg-7 { flex: 0 0 auto; width: 58.3333%; }}@media (min-width: 1200px){.col-xl-3 { flex: 0 0 auto; width: 25%; }}.table { --bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial; --bs-table-bg-state: initial; --bs-table-color: var(--bs-emphasis-color); --bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); --bs-table-hover-color: var(--bs-emphasis-color); --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: var(--bs-table-border-color); }.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 > tbody { vertical-align: inherit; }.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 > tbody > tr:nth-of-type(2n+1) > * { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); }.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); }.table-hover > tbody > tr:hover > * { --bs-table-color-state: var(--bs-table-hover-color); --bs-table-bg-state: var(--bs-table-hover-bg); }.table-responsive { overflow-x: auto; }.form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }@media (prefers-reduced-motion: reduce){.form-control { transition: none; }}.form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: rgb(134, 183, 254); outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; }.form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.5em; margin: 0px; }.form-control::-webkit-datetime-edit { display: block; padding: 0px; }.form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; }.form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; }.form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0px; border-inline-end-width: var(--bs-border-width); border-radius: 0px; 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; }.form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0px; border-inline-end-width: var(--bs-border-width); border-radius: 0px; 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){.form-control::-webkit-file-upload-button { transition: none; }.form-control::file-selector-button { transition: none; }}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: var(--bs-secondary-bg); }.form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); }.form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); }.form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; }.form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; }textarea.form-control { min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2)); }textarea.form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); }.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="radio"] { border-radius: 50%; }.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="radio"] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); }.form-check-input:disabled { pointer-events: none; filter: none; 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); }.btn-group-lg > .btn, .btn-lg { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 1.25rem; --bs-btn-border-radius: var(--bs-border-radius-lg); }.fade { transition: opacity 0.15s linear; }@media (prefers-reduced-motion: reduce){.fade { transition: none; }}.fade:not(.show) { opacity: 0; }.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center { position: relative; }.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; }.modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0px; left: 0px; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow: hidden auto; outline: 0px; }.modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; }.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0px, -50px); }@media (prefers-reduced-motion: reduce){.modal.fade .modal-dialog { transition: none; }}.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); }.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0px; }.modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); }.modal-title { margin-bottom: 0px; line-height: var(--bs-modal-title-line-height); }.modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); }@media (min-width: 576px){.modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow); }.modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; }}@media (min-width: 992px){.modal-lg, .modal-xl { --bs-modal-width: 800px; }}@media (min-width: 1200px){.modal-xl { --bs-modal-width: 1140px; }}.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-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-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; }.opacity-75 { opacity: 0.75 !important; }.overflow-hidden { overflow: hidden !important; }.d-inline { display: inline !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; }.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 { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }.border-0 { border: 0px !important; }.w-100 { width: 100% !important; }.h-auto { height: auto !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-start { justify-content: flex-start !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; }.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }.mt-1 { margin-top: 0.25rem !important; }.mt-2 { margin-top: 0.5rem !important; }.mt-3 { margin-top: 1rem !important; }.me-1 { margin-right: 0.25rem !important; }.me-2 { margin-right: 0.5rem !important; }.me-3 { margin-right: 1rem !important; }.mb-0 { margin-bottom: 0px !important; }.mb-1 { margin-bottom: 0.25rem !important; }.mb-2 { margin-bottom: 0.5rem !important; }.mb-3 { margin-bottom: 1rem !important; }.ms-2 { margin-left: 0.5rem !important; }.ms-3 { margin-left: 1rem !important; }.p-0 { padding: 0px !important; }.p-3 { padding: 1rem !important; }.px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }.px-3 { padding-right: 1rem !important; padding-left: 1rem !important; }.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }.pt-0 { padding-top: 0px !important; }.gap-5 { gap: 3rem !important; }.fs-1 { font-size: calc(1.375rem + 1.5vw) !important; }.fs-4 { font-size: calc(1.275rem + 0.3vw) !important; }.fs-5 { font-size: 1.25rem !important; }.fs-6 { font-size: 1rem !important; }.fw-normal { font-weight: 400 !important; }.fw-bold { font-weight: 700 !important; }.fw-bolder { font-weight: bolder !important; }.lh-base { line-height: 1.5 !important; }.text-start { text-align: left !important; }.text-center { text-align: center !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; }.text-muted { --bs-text-opacity: 1; color: var(--bs-secondary-color) !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-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important; }.bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; }.rounded-3 { border-radius: var(--bs-border-radius-lg) !important; }.rounded-4 { border-radius: var(--bs-border-radius-xl) !important; }@media (min-width: 576px){.flex-sm-row { flex-direction: row !important; }.justify-content-sm-between { justify-content: space-between !important; }.mt-sm-0 { margin-top: 0px !important; }.text-sm-end { text-align: right !important; }}@media (min-width: 768px){.d-md-block { display: block !important; }.mb-md-0 { margin-bottom: 0px !important; }}@media (min-width: 992px){.d-lg-block { display: block !important; }.d-lg-none { display: none !important; }.flex-lg-column { flex-direction: column !important; }.mb-lg-0 { margin-bottom: 0px !important; }.p-lg-5 { padding: 3rem !important; }.px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; }.px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; }.py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }.py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }.py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }}@media (min-width: 1200px){.fs-1 { font-size: 2.5rem !important; }.fs-4 { font-size: 1.5rem !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-check-circle-fill::before { content: ""; }.bi-chevron-compact-down::before { content: ""; }.bi-chevron-right::before { content: ""; }.bi-dash::before { content: ""; }.bi-download::before { content: ""; }.bi-gift-fill::before { content: ""; }.bi-hand-thumbs-up-fill::before { content: ""; }.bi-hand-thumbs-up::before { content: ""; }.bi-info-circle::before { content: ""; }.bi-laptop-fill::before { content: ""; }.bi-plus::before { content: ""; }.bi-search::before { content: ""; }.bi-telephone-inbound-fill::before { content: ""; }.bi-truck::before { content: ""; }.bi-x::before { content: ""; }.bi-currency-dollar::before { content: ""; }.bi-piggy-bank::before { content: ""; }.bi-x-lg::before { content: ""; }.bi-house-heart-fill::before { content: ""; }.bi-box-seam-fill::before { content: ""; }.bi-rocket-takeoff-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; }select.bg-transparent, select.bg-transparent::selection, select.bg-transparent:active, select.bg-transparent:focus { outline: none !important; }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; }.bg-mo-green { background-color: var(--text-mo-green) !important; }.text-mo-green { color: var(--text-mo-green) !important; }.text-mo-green-light { color: var(--text-mo-green-light) !important; }.text-mo-blue { color: var(--mo-blue) !important; }.bg-mo-grey { background: var(--mo-grey) !important; }.bg-mo-light { background: var(--mo-light) !important; }body { background: var(--mo-light); }.fs-0 { font-size: 0px; }.fs-13px { font-size: 13px; }.fs-14px { font-size: 14px; }.text-red { color: red !important; }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; }.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; }.product-label.new { background: var(--mo-green2); }.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); }.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; }.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 { background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; padding: 15px; text-align: center; transition: 0.5s; background-size: 200% auto; color: white; border-radius: 10px; display: block; }.btn-green-gradient:hover, .btn:focus-visible { text-decoration: none; background: var(--mo-green) !important; color: rgb(255, 255, 255) !important; }.btn-green-gradient:active, .btn-green-gradient:focus { color: rgb(255, 255, 255) !important; }.btn-grey-gradient { background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; padding: 15px; text-align: center; transition: 0.5s; background-size: 200% auto; color: white; border-radius: 10px; display: block; }.btn-grey-gradient:hover { background: var(--mo-grey); color: rgb(255, 255, 255); text-decoration: none; }.btn-grey-gradient:active, .btn-grey-gradient:focus { color: rgb(255, 255, 255) !important; }body.single #breadcrumbs > span > span:last-child, body.single #breadcrumbs > span > span:nth-last-child(2) { display: none; }.slick-single-product:not(.slick-initialized) > div:not(:first-child) { display: none; }.slick-nav-product:not(.slick-initialized) { display: flex; flex-wrap: nowrap; overflow: hidden; }.slick-nav-product:not(.slick-initialized) > div { flex: 0 0 calc(20% + 2px); max-width: calc(20% + 2px); padding: 0px 5px; }@media (max-width: 639.98px){.slick-nav-product:not(.slick-initialized) > div { flex-basis: calc(25% + 2.5px); max-width: calc(25% + 2.5px); }}.loading .product-main-slider, .product-main-slider.loading { max-height: 451px; overflow: hidden; }.loading .product-nav-slider, .product-nav-slider.loading { max-height: 121px; overflow: hidden; }.product-main-slider { background: rgb(255, 255, 255); border-radius: 20px; padding: 10px; position: relative; }.product-main-slider .slick-slide > div { display: flex; }.back-single-product-album img { height: 100%; position: absolute; left: 50%; top: 0px; transform: translate(-50%, 0px); border-radius: 16px; }.back-single-product-album { padding-bottom: 70%; width: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; border-radius: 20px; overflow: hidden; position: relative; }.hover-cursor-zoom-in:hover { cursor: zoom-in; }.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: var(--mo-green2); }.slick-nav-product { margin-top: 15px; padding: 0px 50px; position: relative; }.slick-nav-product .slick-list { margin-left: -5px; margin-right: -5px; left: -2px; }.slick-nav-product .slick-slide > div > div { padding: 10px; background: rgb(255, 255, 255); border-radius: 10px; position: relative; transition: 0.25s; }.slick-nav-product .slick-slide.is-active > div > div::after, .slick-nav-product .slick-slide:hover > div > div::after { content: ""; position: absolute; left: 0px; top: 0px; border: 1px solid var(--mo-green2); width: calc(100%); height: calc(100%); border-radius: 10px; }.slick-nav-product .slick-slide { padding: 0px 5px; }.back-nav-product-album { width: 100%; padding-bottom: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; border-radius: 6px; }.back-nav-product-album img { display: none; }#product-album .slick-prev { left: 0px; }#product-album .slick-next { right: 0px; }#color_title_in_image { position: absolute; left: 0px; bottom: 0px; z-index: 2; background: rgb(255, 255, 255); padding: 3px 8px; border-radius: 8px; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 2px; text-align: center; }.color-box span { display: inline-block; }.color-box span { width: 20px; height: 20px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px inset; position: relative; }.color-box span::after { display: none; position: absolute; left: -3px; top: -3px; width: 26px; height: 26px; border: 1px solid var(--mo-green2); border-radius: 20px; content: ""; }.color-box span.active_color::after, .color-box span:hover::after { display: block; }.color-box span:hover { cursor: pointer; }.form-check-input-green:checked { background-color: var(--mo-green2); border-color: var(--mo-green2); }.aligncenter { display: block; margin-left: auto; margin-right: auto; }.the_content strong, .the_content b { font-weight: bold !important; }.product-var-item { border: 2px solid var(--mo-nav-grey); transition: 0.25s; }.product-var-item.inactive-var:hover { border-color: var(--mo-grey); }.product-var-item.active-var, .product-var-item.active-var:hover { border-color: var(--mo-green2); }.product-var-item.not-available { opacity: 0.7; background: var(--bs-light); }.product-var-item.not-available:hover { border-color: transparent; cursor: not-allowed; }.pointer { cursor: pointer; }#product-article { position: relative; max-height: calc(70vh); overflow: hidden; }.tr-expand { display: none; }.form-control-lg { font-size: 1.1rem; }.wpcf7-response-output { border-radius: 0.5rem; margin: 0.6rem 0px !important; padding: 1rem !important; }.wpcf7-submit-wrap { display: flex; flex-direction: row; align-items: center; }input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { appearance: none; margin: 0px; }.wpcf7-form p { padding: 0px; margin: 0px !important; }.wpcf7-submit { text-transform: uppercase; font-weight: bold; transition: 0.25s; }.wpcf7-submit:hover { letter-spacing: 1.1px; }.wpcf7-form-control-wrap, .wpcf7-form p.wpcf7-submit-wrap { display: flex; margin: 0.6rem 0px !important; }.wpcf7-submit-wrap { align-self: self-start; }.wpcf7-form-control-wrap[data-name="your-product"] { display: none; }.wpcf7-textarea { display: none; }#your-product { display: none !important; }.text-muted { color: rgb(144, 144, 144) !important; }#product-vars .row { margin-right: calc(-.25 * var(--bs-gutter-x)); margin-left: calc(-.25 * var(--bs-gutter-x)); }#product-vars .row > * { padding: calc(var(--bs-gutter-x) * .25); }.wp-caption { background: rgb(238, 238, 238); border-radius: 1.5rem; position: relative; overflow: hidden; margin-bottom: 20px; }.wp-caption-text { padding: 1.5rem; background: rgb(250, 250, 250); color: rgb(0, 0, 0); font-style: italic; text-align: center; border-radius: 0px 0px 1.5rem 1.5rem; position: relative; overflow: hidden; margin: 0px; }.the_content p, .the_content > span, .the_content p span, .the_content table span, .the_content div span { font-size: 14px !important; }#menu-menu-center .expand-menu-icon { display: none; }#product-info { position: relative; }body.single { background: rgb(255, 255, 255) !important; }body.single .item-product { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }body.single .item-product .product-label { top: -1px !important; }.slick-nav-product .slick-slide > div > div::after { content: ""; position: absolute; left: 0px; top: 0px; width: calc(100%); height: calc(100%); border-radius: 20px; border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }.slick-nav-product .slick-slide.is-active > div > div::after, .slick-nav-product .slick-slide:hover > div > div::after { border: 1px solid var(--mo-green2) !important; border-radius: 20px !important; }.zalo-chat-widget, .mo-zalo-old { bottom: 90px !important; right: 12px !important; margin: 0px 12px !important; }.offcanvas-top-56px { top: 56px !important; }.block_right_icon { margin-right: 5px; font-size: 1.2rem; min-width: 20px; text-align: center; }@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: 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; }.form-control-lg { font-size: 14px; }.wpcf7-response-output { font-size: 13px; }.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 .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-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); }.product-label { font-size: 13px; }#color_title_in_image { font-size: 13px; }.item-product { padding: 10px; }.wpcf7-form-control-wrap, .wpcf7-form p.wpcf7-submit-wrap { margin: 0.4rem 0px !important; }.slick-prev { left: 0px; }.slick-next { right: 0px; }.product-sale-body { padding: 1rem; border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; border-radius: var(--bs-border-radius-xl) !important; }}@media (max-width: 540px){#product-vars .row { margin-right: calc(-.25 * var(--bs-gutter-x)); margin-left: calc(-.25 * var(--bs-gutter-x)); }.product-var-item { font-size: 14px; padding: 10px !important; }.item-product { padding: 7px; }.book_form_single .row { margin-right: calc(-.25 * var(--bs-gutter-x)); margin-left: calc(-.25 * var(--bs-gutter-x)); }.book_form_single .row > * { padding: calc(var(--bs-gutter-x) * .25); }.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; }#product-button .col-6 .btn .fs-5 { font-size: 17px; }#product-button .col-6 .btn .me-3 { display: none; }}@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; }.product-var-item { font-size: 13px !important; }#product-button .col-6 .btn .fs-5 { font-size: 16px !important; }#product-button .col-6 .btn .fs-13px { font-size: 11px !important; }}@media (max-width: 360px){body { font-size: 13px; }#product-vars .row > * { width: 50%; }.product-title, .fs-4, .fs-3 { font-size: 16px !important; }.fs-5 { font-size: 14px !important; }.fs-6 { font-size: 13px !important; }.wpcf7-form-control-wrap, .wpcf7-form p.wpcf7-submit-wrap { margin: 0.2rem 0px !important; }.product-label { font-size: 10px; }#product-button .col-6 .btn .fs-13px { font-size: 10px !important; }}@media (max-width: 330px){.book_form_single .mb-3 { margin-bottom: 7px !important; }.book_form_single .row > * { width: 100%; }#product-button .col-6 .btn .fs-5 { font-size: 17px !important; }#product-button .col-6 .btn .fs-13px { font-size: 13px !important; }}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 .btn-green-gradient { background: rgb(107, 163, 58); }html .the_content a:not(:hover):not(.btn), html .news-item h2 a:not(:hover), html #blog-sidebar h4 a:not(:hover), html .product-info .info-text a:not(:hover), html .block_right_text a:not(:hover), html #product-vars > .mt-2 > a:not(:hover), html a.inactive-var:not(:hover), html a.inactive-var:not(:hover) .minus-before { color: rgb(0, 117, 224); }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; }.bg-mo-green { background-color: var(--text-mo-green) !important; }.text-mo-green { color: var(--text-mo-green) !important; }.text-mo-green-light { color: var(--text-mo-green-light) !important; }.text-mo-blue { color: rgb(0, 113, 227) !important; }.bg-mo-grey { background: var(--mo-grey) !important; }.bg-mo-light { background: var(--mo-light) !important; }body { background: var(--mo-light); }.fs-0 { font-size: 0px; }.fs-13px { font-size: 13px; }.fs-14px { font-size: 14px; }.text-red { color: red !important; }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; }.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.new { background: var(--mo-green2); }.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); }.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; }.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 { background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; padding: 15px; text-align: center; transition: 0.5s; background-size: 200% auto; color: white; border-radius: 10px; display: block; }.btn-green-gradient:hover { background: var(--mo-green); color: rgb(255, 255, 255); text-decoration: none; }.btn-green-gradient:active, .btn-green-gradient:focus { color: rgb(255, 255, 255) !important; }.btn-grey-gradient { background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; padding: 15px; text-align: center; transition: 0.5s; background-size: 200% auto; color: white; border-radius: 10px; display: block; }.btn-grey-gradient:hover { background: var(--mo-grey); color: rgb(255, 255, 255); text-decoration: none; }.btn-grey-gradient:active, .btn-grey-gradient:focus { color: rgb(255, 255, 255) !important; }body.single #breadcrumbs > span > span:last-child, body.single #breadcrumbs > span > span:nth-last-child(2) { display: none; }.loading .product-main-slider, .product-main-slider.loading { max-height: 451px; overflow: hidden; }.loading .product-nav-slider, .product-nav-slider.loading { max-height: 121px; overflow: hidden; }.product-main-slider { background: rgb(255, 255, 255); border-radius: 20px; padding: 10px; position: relative; }.product-main-slider .slick-slide > div { display: flex; }.back-single-product-album img { height: 100%; position: absolute; left: 50%; top: 0px; transform: translate(-50%, 0px); border-radius: 16px; }.back-single-product-album { padding-bottom: 70%; width: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; border-radius: 20px; overflow: hidden; position: relative; }.hover-cursor-zoom-in:hover { cursor: zoom-in; }.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: var(--mo-green2); }.slick-nav-product { margin-top: 15px; padding: 0px 50px; position: relative; }.slick-nav-product .slick-list { margin-left: -5px; margin-right: -5px; left: -2px; }.slick-nav-product .slick-slide > div > div { padding: 10px; background: rgb(255, 255, 255); border-radius: 10px; position: relative; transition: 0.25s; }.slick-nav-product .slick-slide.is-active > div > div::after, .slick-nav-product .slick-slide:hover > div > div::after { content: ""; position: absolute; left: 0px; top: 0px; border: 1px solid var(--mo-green2); width: calc(100%); height: calc(100%); border-radius: 10px; }.slick-nav-product .slick-slide { padding: 0px 5px; }.back-nav-product-album { width: 100%; padding-bottom: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; border-radius: 6px; }.back-nav-product-album img { display: none; }#product-album .slick-prev { left: 0px; }#product-album .slick-next { right: 0px; }#color_title_in_image { position: absolute; left: 0px; bottom: 0px; z-index: 2; background: rgb(255, 255, 255); padding: 3px 8px; border-radius: 8px; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 2px; text-align: center; }.color-box span { display: inline-block; }.color-box span { width: 20px; height: 20px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px inset; position: relative; }.color-box span::after { display: none; position: absolute; left: -3px; top: -3px; width: 26px; height: 26px; border: 1px solid var(--mo-green2); border-radius: 20px; content: ""; }.color-box span.active_color::after, .color-box span:hover::after { display: block; }.color-box span:hover { cursor: pointer; }.form-check-input-green:checked { background-color: var(--mo-green2); border-color: var(--mo-green2); }.aligncenter { display: block; margin-left: auto; margin-right: auto; }.the_content strong, .the_content b { font-weight: bold !important; }.product-var-item { border: 2px solid var(--mo-nav-grey); transition: 0.25s; }.product-var-item.inactive-var:hover { border-color: var(--mo-grey); }.product-var-item.active-var, .product-var-item.active-var:hover { border-color: rgb(0, 113, 227); }.product-var-item.not-available { opacity: 0.7; background: var(--bs-light); }.product-var-item.not-available:hover { border-color: transparent; cursor: not-allowed; }.pointer { cursor: pointer; }#product-article { position: relative; max-height: calc(70vh); overflow: hidden; }.tr-expand { display: none; }.form-control-lg { font-size: 1.1rem; }.wpcf7-response-output { border-radius: 0.5rem; margin: 0.6rem 0px !important; padding: 1rem !important; }.wpcf7-submit-wrap { display: flex; flex-direction: row; align-items: center; }input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { appearance: none; margin: 0px; }.wpcf7-form p { padding: 0px; margin: 0px !important; }.wpcf7-submit { text-transform: uppercase; font-weight: bold; transition: 0.25s; }.wpcf7-submit:hover { letter-spacing: 1.1px; }.wpcf7-form-control-wrap, .wpcf7-form p.wpcf7-submit-wrap { display: flex; margin: 0.6rem 0px !important; }.wpcf7-submit-wrap { align-self: self-start; }.wpcf7-form-control-wrap[data-name="your-product"] { display: none; }#your-product { display: none !important; }.text-muted { color: rgb(144, 144, 144) !important; }#product-vars .row { margin-right: calc(-.25 * var(--bs-gutter-x)); margin-left: calc(-.25 * var(--bs-gutter-x)); }#product-vars .row > * { padding: calc(var(--bs-gutter-x) * .25); }.wp-caption { background: rgb(238, 238, 238); border-radius: 1.5rem; position: relative; overflow: hidden; margin-bottom: 20px; }.wp-caption-text { padding: 1.5rem; background: rgb(250, 250, 250); color: rgb(0, 0, 0); font-style: italic; text-align: center; border-radius: 0px 0px 1.5rem 1.5rem; position: relative; overflow: hidden; margin: 0px; }.the_content p, .the_content > span, .the_content p span, .the_content table span, .the_content div span { font-size: 14px !important; }#menu-menu-center .expand-menu-icon { display: none; }#product-info { position: relative; }body.single { background: rgb(255, 255, 255) !important; }body.single .item-product { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }body.single .item-product .product-label { top: -1px !important; }.slick-nav-product .slick-slide > div > div::after { content: ""; position: absolute; left: 0px; top: 0px; width: calc(100%); height: calc(100%); border-radius: 20px; border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }.slick-nav-product .slick-slide.is-active > div > div::after, .slick-nav-product .slick-slide:hover > div > div::after { border: 1px solid var(--mo-green2) !important; border-radius: 20px !important; }.zalo-chat-widget { bottom: 90px !important; right: 12px !important; margin: 0px 12px !important; }.offcanvas-top-56px { top: 56px !important; }.block_right_icon { margin-right: 5px; font-size: 1.2rem; min-width: 20px; text-align: center; }@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: 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; }.form-control-lg { font-size: 14px; }.wpcf7-response-output { font-size: 13px; }.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 .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-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); }.product-label { font-size: 13px; }#color_title_in_image { font-size: 13px; }.item-product { padding: 10px; }.wpcf7-form-control-wrap, .wpcf7-form p.wpcf7-submit-wrap { margin: 0.4rem 0px !important; }.slick-prev { left: 0px; }.slick-next { right: 0px; }.product-sale-body { padding: 1rem; border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; border-radius: var(--bs-border-radius-xl) !important; }}@media (max-width: 540px){#product-vars .row { margin-right: calc(-.25 * var(--bs-gutter-x)); margin-left: calc(-.25 * var(--bs-gutter-x)); }.product-var-item { font-size: 14px; padding: 10px !important; }.item-product { padding: 7px; }.book_form_single .row { margin-right: calc(-.25 * var(--bs-gutter-x)); margin-left: calc(-.25 * var(--bs-gutter-x)); }.book_form_single .row > * { padding: calc(var(--bs-gutter-x) * .25); }.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; }#product-button .col-6 .btn .fs-5 { font-size: 17px; }#product-button .col-6 .btn .me-3 { display: none; }}@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; }.product-var-item { font-size: 13px !important; }#product-button .col-6 .btn .fs-5 { font-size: 16px !important; }#product-button .col-6 .btn .fs-13px { font-size: 11px !important; }}@media (max-width: 360px){body { font-size: 13px; }#product-vars .row > * { width: 50%; }.product-title, .fs-4, .fs-3 { font-size: 16px !important; }.fs-5 { font-size: 14px !important; }.fs-6 { font-size: 13px !important; }.wpcf7-form-control-wrap, .wpcf7-form p.wpcf7-submit-wrap { margin: 0.2rem 0px !important; }.product-label { font-size: 10px; }#product-button .col-6 .btn .fs-13px { font-size: 10px !important; }}@media (max-width: 330px){.book_form_single .mb-3 { margin-bottom: 7px !important; }.book_form_single .row > * { width: 100%; }#product-button .col-6 .btn .fs-5 { font-size: 17px !important; }#product-button .col-6 .btn .fs-13px { font-size: 13px !important; }}body:not(:has(#product-store-selection)) #store_select{min-height:21px}footer img.wp-image-51229{aspect-ratio:3068/379}