:root{--primary-color:#907b34;--primary:#907b34;--success:green;--alert:#db5a3c;--secondary:#db5a3c;--white:#fff;--black:#111;--mau-phu:#e30e0e}html{scroll-behavior:smooth;background-color:#e6e2de!important}body{color:#111;background-color:#e6e2de;margin:0;padding:0;font-family:Work Sans,Roboto,sans-serif;font-size:15px;font-weight:400;line-height:1.6}.container-width,.full-width .ubermenu-nav,.container,.row{max-width:1270px;margin-left:auto;margin-right:auto}.row.row-collapse{max-width:1240px}.row.row-small{max-width:1262.5px}.row.row-large{max-width:1300px}.header-top{border-bottom:1px solid #e5e5e5;align-items:center;min-height:40px;font-size:14px;display:flex;background-color:#fff!important}.header-top .container{justify-content:space-between;align-items:center;width:100%;padding:0 15px;display:flex}ul.header-contact{gap:20px;margin:0;padding:0;list-style:none;display:flex}ul.header-contact li a{color:#111;align-items:center;gap:6px;font-size:14px;font-weight:400;text-decoration:none;display:flex}ul.header-contact li a:hover{color:var(--primary)}.header-main{z-index:1000;background-color:#343a40;border-bottom:1px solid #ffffff1a;align-items:center;height:75px;display:flex;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:1360px;margin:0 auto;padding:0 15px;display:flex}#logo{flex-shrink:0;width:auto;max-width:175px}#logo img{width:auto;max-height:56px;padding:4px 0;display:block}ul.header-nav{flex-wrap:nowrap;flex-shrink:0;align-items:center;margin:0;padding:0;list-style:none;display:flex}.header-nav>li{flex-shrink:0;align-items:center;height:75px;margin:0 6px;display:flex;position:relative}.header-nav>li>a{text-transform:uppercase;letter-spacing:.2px;align-items:center;gap:3px;padding:8px 3px;font-size:13.5px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex;position:relative;color:#fff!important;white-space:nowrap!important}.header-nav>li>a:hover,.header-nav>li.active>a{color:gold!important}.header-nav>li>a:before{content:"";background-color:var(--primary);border-radius:2px;width:0;height:2.5px;margin:0 auto;transition:width .25s;position:absolute;bottom:0;left:0;right:0}.header-nav>li:hover>a:before,.header-nav>li.active>a:before{width:100%}.nav-arrow{opacity:.75;margin-left:3px;font-size:10px;transition:transform .25s}.header-nav>li:hover .nav-arrow{opacity:1;color:gold;transform:rotate(180deg)}.header-nav>li .nav-dropdown{opacity:0;visibility:hidden;pointer-events:none;border:1px solid #00000014;border-top:2px solid var(--primary);z-index:9999;background:#fff;border-radius:0 0 8px 8px;min-width:290px;margin:0;padding:8px 0;list-style:none;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:75px;left:0;transform:translateY(8px);box-shadow:0 12px 30px #00000040;display:block!important}.header-nav>li .nav-dropdown:before{content:"";background:0 0;height:15px;position:absolute;top:-15px;left:0;right:0}.header-nav>li:hover>.nav-dropdown{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}.nav-dropdown>li{border-bottom:1px solid #f1f1f1;padding:0;display:block;height:auto!important}.nav-dropdown>li:last-child{border-bottom:none}.nav-dropdown>li>a{background:0 0;align-items:center;gap:8px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .2s;color:#222!important;text-transform:none!important;white-space:nowrap!important;padding:10px 18px!important;display:flex!important}.nav-dropdown>li>a:before{display:none!important}.nav-dropdown>li>a:hover{color:var(--primary)!important;background-color:#fdfaf3!important;padding-left:22px!important}.btn-header-search{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;padding:6px;font-size:16px;transition:color .2s;display:flex}.btn-header-search:hover{color:var(--primary)}.btn-header-cta{text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#d4af37 0%,#907b34 100%);border:1px solid #ffffff40;border-radius:99px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:11.5px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #907b3466;color:#fff!important;white-space:nowrap!important}.btn-header-cta:hover{background:linear-gradient(135deg,#e5c158 0%,#a8913d 100%);transform:translateY(-2px);box-shadow:0 6px 18px #907b3499;color:#fff!important}.btn-mobile-toggle{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;display:none}@media (width<=1080px){.header-main .hide-for-medium{display:none!important}.header-main .show-for-medium{display:flex!important}.header-top.hide-for-medium{display:none!important}.btn-mobile-toggle{display:block}.header-main{height:70px}}@media (width>=1081px){.header-main .show-for-medium{display:none!important}}.section-title{text-align:center;margin-bottom:1.5em;position:relative}.section-title.section-title-center span,.section-title.section-title-center span>a{color:var(--black);text-transform:uppercase;letter-spacing:.5px;font-size:26px;font-weight:700;display:inline-block;position:relative}.section-title.section-title-center span:after{content:"";background:url(/uploads/2024/01/title_center17829.png) 50%/contain no-repeat;width:100%;max-width:220px;height:6px;margin:auto;position:absolute;bottom:-12px;left:0;right:0}.text_wrapper{text-align:center;width:100%;margin-bottom:4px;display:block}.text_wrapper>small{text-transform:uppercase;color:var(--alert);font-size:15px;font-weight:600;display:inline-block}.button,button.button,a.button{text-transform:uppercase;cursor:pointer;border-radius:99px;padding:8px 24px;font-size:14px;font-weight:600;line-height:1.6;text-decoration:none;transition:all .25s;display:inline-block}.button.primary{background-color:var(--primary);border:2px solid var(--primary);color:#fff!important}.button.primary:hover{background-color:#726023;border-color:#726023}.button.primary.is-outline{border:2px solid var(--primary);background-color:#0000;color:var(--primary)!important}.button.primary.is-outline:hover{background-color:var(--primary);color:#fff!important}.button.success.is-outline{border:2px solid var(--primary);background-color:#0000;color:var(--primary)!important}.button.success.is-outline:hover{background-color:var(--primary);color:#fff!important}.button.alert{background-color:var(--alert);border:2px solid var(--alert);color:#fff!important}.button.alert:hover{background-color:#b54026;border-color:#b54026}.product-small.box{background:#fff;border:1px solid #343a40;border-radius:10px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:1px 3px 7px -2px #0000002b}.product-small.box:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.product-title a{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;text-decoration:none;display:-webkit-box;overflow:hidden;color:#111!important}.product-title a:hover{color:var(--primary)!important}.price-wrapper span.amount{font-size:14.5px;font-weight:600;color:red!important}.col.post-item>.col-inner{background:#fff;border:1px solid #ccc;border-radius:10px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 5px -1px #0000002b}.col.post-item>.col-inner:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 20px #00000026}h5.post-title{margin:10px 0 8px;font-size:17px;font-weight:700;line-height:1.4}p.from_the_blog_excerpt{color:#555;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.footer-wrapper{color:#e5e5e5;background-color:#111;position:relative}.footer-section{background-image:url(/uploads/2024/01/mat-do-xay-dung.jpg);background-position:bottom;background-size:cover;padding:40px 0 30px;position:relative}.footer-overlay{background-color:#000000f0;position:absolute;inset:0}.footer-content{z-index:2;position:relative}.title-footer>p,.title-footer h4{text-transform:uppercase;color:#fff;margin-bottom:16px;font-size:18px;font-weight:700;position:relative}.title-footer>p:before{content:"";background:var(--white);border-radius:99px;width:100%;height:2px;position:absolute;bottom:-6px;left:0}.title-footer>p:after{content:"";background:var(--primary);border-radius:99px;width:70px;height:2px;position:absolute;bottom:-6px;left:0}.text_footer p{color:#ccc;margin-bottom:.6em;font-size:14px;line-height:1.65}.text_footer strong{color:#fff}.footer-menu-links{margin:0;padding:0;list-style:none}.footer-menu-links li{margin-bottom:8px}.footer-menu-links li a{color:#ccc;align-items:center;gap:8px;font-size:14px;text-decoration:none;transition:color .2s,padding-left .2s;display:flex}.footer-menu-links li a:hover{color:var(--primary);padding-left:5px}.footer-menu-links li a:before{content:"›";color:var(--primary);font-size:16px}.social-icons-footer{gap:10px;margin-top:15px;display:flex}.social-icons-footer a{color:#111;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;transition:transform .2s;display:inline-flex}.social-icons-footer a:hover{transform:translateY(-3px)}.absolute-footer{color:#999;background-color:#000;border-top:1px solid #ffffff14;padding:16px 0;font-size:13.5px}.absolute-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.footer-nav-secondary{gap:15px;margin:0;padding:0;list-style:none;display:flex}.footer-nav-secondary a{color:#999;text-transform:uppercase;font-size:12.5px;text-decoration:none}.footer-nav-secondary a:hover{color:var(--primary)}.ring-wrap{z-index:9999;flex-direction:column;align-items:flex-end;gap:16px;display:flex;position:fixed;bottom:25px;right:25px}.ring-item{width:50px;height:50px;position:relative}.circle-item{border-radius:50%;animation:1.5s ease-in-out infinite circleZoom;position:absolute;inset:-10px}.circle-fill-item{border-radius:50%;animation:1.5s ease-in-out infinite circleFill;position:absolute;inset:-5px}.img-circle-item{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 10px #0000004d}.img-circle-item a{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.img-circle-item img{object-fit:contain;width:28px;height:28px}.zalo-circle{border:2px solid #00abd3}.zalo-circle-fill{background-color:#00abd366}.zalo-img-circle{background-color:#00abd3}.hotline-circle{border:2px solid #e11d48}.hotline-circle-fill{background-color:#e11d4866}.hotline-img-circle{background-color:#e11d48}.hotline-ring-wrap{align-items:center;display:flex}.hotline-banner-pill{color:#fff;white-space:nowrap;background:#e11d48;border-radius:99px 0 0 99px;margin-right:-15px;padding:7px 18px 7px 22px;font-size:14.5px;font-weight:700;text-decoration:none;box-shadow:0 4px 10px #e11d4859}@keyframes circleZoom{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.4)}}@keyframes circleFill{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.15)}}.search-modal-backdrop{backdrop-filter:blur(4px);z-index:10000;background:#000000bf;justify-content:center;align-items:flex-start;padding-top:10vh;display:flex;position:fixed;inset:0}.search-modal-box{background:#fff;border-radius:12px;width:90%;max-width:650px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.search-modal-header{border-bottom:1px solid #e5e5e5;align-items:center;gap:12px;padding:14px 18px;display:flex}.search-modal-header input{border:none;outline:none;flex:1;font-family:inherit;font-size:16px}.btn-close-search{cursor:pointer;color:#777;background:0 0;border:none;font-size:18px}.search-quick-tags{background:#fafafa;border-bottom:1px solid #eee;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 18px;font-size:13px;display:flex}.quick-tag-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:99px;padding:3px 10px;font-size:12px}.quick-tag-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.search-results-container{max-height:400px;padding:12px 18px;overflow-y:auto}.search-section-title{color:#777;text-transform:uppercase;margin:10px 0 6px;font-size:13px;font-weight:700}.search-item{color:#111;border-radius:6px;align-items:center;gap:12px;padding:8px;text-decoration:none;transition:background .2s;display:flex}.search-item:hover{background:#f5f5f5}.search-item-thumb{object-fit:cover;border-radius:6px;width:45px;height:45px}.search-item-info{flex:1}.search-item-title{font-size:14px;font-weight:600}.search-item-sub{color:#666;font-size:12px}.mobile-nav-backdrop{z-index:10001;background:#0009;display:none;position:fixed;inset:0}.mobile-nav-backdrop.open{display:block}.mobile-nav-drawer{z-index:10002;background:#fff;flex-direction:column;width:290px;transition:left .3s;display:flex;position:fixed;top:0;bottom:0;left:-300px;box-shadow:2px 0 15px #0003}.mobile-nav-drawer.open{left:0}.mobile-nav-header{background:#343a40;justify-content:space-between;align-items:center;padding:16px;display:flex}.mobile-nav-logo{height:45px}.btn-close-mobile-nav{color:#fff;cursor:pointer;background:0 0;border:none;font-size:20px}.mobile-nav-body{flex:1;padding:15px;overflow-y:auto}.mobile-nav-list{margin:0;padding:0;list-style:none}.mobile-nav-list li{border-bottom:1px solid #f0f0f0}.mobile-nav-list li a{color:#111;text-transform:uppercase;padding:12px 0;font-size:13.5px;font-weight:600;text-decoration:none;display:block}.mobile-nav-list li a:hover{color:var(--primary)}@media (width<=640px){.ring-wrap{gap:10px!important;bottom:16px!important;right:12px!important}.ring-item{width:44px!important;height:44px!important}.circle-item{inset:-6px!important}.circle-fill-item{inset:-3px!important}.img-circle-item{width:44px!important;height:44px!important}.img-circle-item img{width:24px!important;height:24px!important}.hotline-banner-pill{display:none!important}.search-modal-backdrop{padding-top:5vh!important;padding-left:10px!important;padding-right:10px!important}.search-modal-box{width:100%!important;max-height:85vh!important}.search-modal-header{padding:10px 14px!important}.search-modal-header input{font-size:16px!important}.search-quick-tags{gap:6px!important;padding:8px 12px!important}.mobile-nav-drawer{width:275px!important;max-width:82vw!important}.mobile-nav-list li a{padding:14px 4px!important;font-size:13px!important}.footer-section{padding:25px 0 15px!important}.absolute-footer-inner{text-align:center!important;flex-direction:column!important;gap:8px!important}.footer-nav-secondary{flex-wrap:wrap!important;justify-content:center!important;gap:10px!important}}
