/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.17.03
Requires at least:    5.4.0
Requires PHP:         5.6.20
WC requires at least: 4.7.0
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/
.header-main{background:linear-gradient(120deg,#050505 0%,#141414 35%,#ef9920 75%,#ffbf5a 90%,#141414 100%);}.ux-menu-link__link{display:inline-block;align-items:baseline;border-bottom-color:#f9f9f9;border-bottom-width:1px;color:#ffff00!important;flex:1;min-height:2.5em;padding-bottom:.3em;padding-top:.3em;transition:all .3s ease;}.ux-menu-link__link:hover{color:#ef0b2e!important;transform:translateX(10px);}.ux-menu-link__link::before{content:"";color:inherit;font-size:.8em;display:inline-block;vertical-align:middle;}.header-button-1 a{position:relative;display:inline-block;background:#fec81b!important;color:#000!important;font-size:14px!important;border:2px solid #1c96ff!important;}.header-button-1 a::before{content:"58k quay hũ";position:absolute;top:-9px;right:-10px;width:100%;padding:2px 0;color:#fff;background:red;font-size:9px;line-height:normal;text-align:center;border-radius:50px;z-index:13;animation:zoomInOut 1.5s infinite ease-in-out;transition:transform .3s;}.header-button-1 a::after{content:"";position:absolute;display:block;top:-4px;left:30px;width:5px!important;height:5px;border:5.5px solid transparent;border-color:transparent #e84f35 transparent transparent;transform:rotate(59deg);background:red;z-index:12;}.header-button-2 a{position:relative;display:inline-block;background:#fec81b!important;color:#000!important;font-size:14px!important;border:2px solid #1c96ff!important;}.header-button-2 a::before{content:"88k Húp";position:absolute;top:-9px;right:-5px;width:50%;padding:2px 0;color:#fff;background:red;font-size:9px;line-height:normal;text-align:center;border-radius:50px;z-index:13;animation:zoomInOut 1.5s infinite ease-in-out;transition:transform .3s;}.header-button-2 a::after{content:"";position:absolute;display:block;top:-4px;left:58px;width:5px!important;height:5px;border:5.5px solid transparent;border-color:transparent #e84f35 transparent transparent;transform:rotate(59deg);background:red;z-index:12;}@keyframes zoomInOut{0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}}.breadcrumbs{padding-top:35px;margin-bottom:20px;background:transparent;}.breadcrumbs a{color:#888;font-weight:500;text-decoration:none;transition:color .3s ease;}.breadcrumbs a:hover{color:#ff3333;text-decoration:underline;}.rank-math-breadcrumb p{position:relative;display:inline-block;background:#fdfdfd;padding:10px 18px;border-radius:30px;color:#333;font-size:14px;z-index:1;overflow:hidden;}.rank-math-breadcrumb p::before{content:"";position:absolute;inset:0;border-radius:30px;padding:1px;background:linear-gradient(90deg,#ff3333,#ff9966,#ff3333,#ff9966,#ff3333);background-size:300% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderRun 3s linear infinite;z-index:-1;}.rank-math-breadcrumb p::after{content:"";position:absolute;inset:0;border-radius:30px;background:radial-gradient(circle at center,rgba(255,51,51,.12),transparent 70%);opacity:0;transition:opacity .4s ease;z-index:-1;}.rank-math-breadcrumb p:hover::after{opacity:1;}@keyframes borderRun{0%{background-position:0% 50%;}100%{background-position:300% 50%;}}.sub-menu{width:320px;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:12px;background:linear-gradient(145deg,#141414,#1e1e1e);border-radius:12px;border:1px solid rgba(239,153,32,.25);box-shadow:0 10px 30px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05)}.sub-menu .menu-item{width:100%;box-sizing:border-box;position:relative}.sub-menu .menu-item .ux-menu-icon{width:18px;height:13px;margin-right:10px;flex-shrink:0;object-fit:contain;transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .35s ease}.sub-menu .menu-item a{position:relative;display:flex;align-items:center;justify-content:flex-start;font-size:14px;font-weight:500;padding:9px 12px;color:#e6e6e6!important;text-decoration:none;border-radius:8px;border-left:3px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .35s cubic-bezier(.25,.46,.45,.94);background:transparent;letter-spacing:.2px}.sub-menu .menu-item a::before,.sub-menu .menu-item a::after{content:"";position:absolute;pointer-events:none;transition:opacity .35s ease,transform .35s ease}.sub-menu .menu-item a::before{inset:0;border-radius:8px;background:linear-gradient(90deg,rgba(239,153,32,.18) 0%,rgba(255,191,90,.05) 60%,transparent 100%);opacity:0;transform:scaleX(.6);transform-origin:left center;z-index:-1}.sub-menu .menu-item a::after{right:12px;top:50%;width:6px;height:6px;border-radius:50%;background:#ef9920;transform:translateY(-50%) scale(0);opacity:0;box-shadow:0 0 0 rgba(239,153,32,0)}.sub-menu .menu-item a:hover{color:#ffbf5a!important;border-left:3px solid #ef9920;transform:translateX(6px);padding-left:16px;text-shadow:0 0 10px rgba(255,191,90,.4)}.sub-menu .menu-item a:hover::before{opacity:1;transform:scaleX(1)}.sub-menu .menu-item a:hover::after{transform:translateY(-50%) scale(1);opacity:1;box-shadow:0 0 10px 2px rgba(239,153,32,.7)}.sub-menu .menu-item a:hover .ux-menu-icon{transform:scale(1.25) rotate(-8deg);filter:drop-shadow(0 0 6px rgba(255,191,90,.9)) brightness(1.2)}

/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/