.header-transparent{position:absolute;top:0;left:0;right:0;z-index:9;width:100%}.xo-header-area{padding:27px 0;background:linear-gradient(180deg,#000,#0000)}.header-sticky{position:fixed;top:0;left:0;right:0;opacity:1;width:100%;z-index:9999;visibility:visible;background:#232323cc;box-shadow:0 2px 6px #13131614;animation:.95s ease 0s normal forwards 1 running headerSlideDown;-webkit-animation:.95s ease 0s normal forwards 1 running headerSlideDown;padding:10px 0;box-shadow:0 5px 15px #000c}.header-sticky.xo-header-blur:after{position:absolute;content:"";top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:-1}@keyframes headerSlideDown{0%{margin-top:-150px}to{margin-top:0}}.xo-header-row{display:grid;grid-template-areas:"logo navigation button";grid-template-columns:1fr auto 1fr;column-gap:2rem;align-items:center}.xo-header-logo{grid-area:logo;display:flex}.xo-header-menu{grid-area:navigation;display:flex;justify-content:center}.xo-header-button-cover{grid-area:button;display:flex;justify-content:flex-end}@media screen and (min-width: 1024px){.xo-header-button-cover.has-no-button{display:none}.xo-header-row:has(.has-no-button){grid-template-areas:"logo navigation";grid-template-columns:1fr auto}}.xo-header-menu nav>ul{display:flex;align-items:center;justify-content:center;list-style:none;gap:20px 40px;padding:0}.xo-header-menu nav ul a{font-weight:400;font-size:16px;line-height:26px;letter-spacing:1px;padding:20px 0;display:inline-flex;transition:.4s all}.xo-header-menu nav ul a:hover{color:var(--xo-theme-primary);transform:translateY(-2px)}.xo-header-menu nav ul a.active{color:var(--xo-theme-primary)}.xo-header-button-cover .xo-button{padding:17px 0 13px;overflow:hidden;position:relative;display:inline-block;width:160px;text-transform:uppercase}.xo-header-button-cover .xo-button .xo-marquee-wrapper{display:inline-flex;white-space:nowrap;gap:30px;position:relative;justify-content:center}.xo-header-button-cover .xo-button .xo-marquee-content{display:inline-flex;align-items:center;white-space:nowrap;gap:8px;flex-shrink:0;position:relative;animation:xo-button-marquee 3s linear infinite;will-change:transform}.xo-header-button-cover .xo-button .xo-marquee-content:first-child{z-index:2}.xo-header-button-cover .xo-button .xo-marquee-content:last-child{z-index:1}@keyframes xo-button-marquee{0%{transform:translate(0)}to{transform:translate(calc(-100% - 30px))}}.xo-header-logo img{width:100%;display:flex;max-width:250px}.xo-main-menu nav ul li{position:relative}.xo-main-menu nav>ul>li .submenu{position:absolute;top:100%;left:0;width:300px;z-index:99;opacity:0;padding:12px 0;transition:.5s;text-align:start;visibility:hidden;border-radius:0;transform-origin:0 0;transform:scaleY(0);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:var(--xo-color-background);box-shadow:0 20px 30px -8px #1313161a}.xo-main-menu nav>ul>li .submenu li{width:100%;padding:0 12px;border-radius:8px;margin:0;list-style:none}.xo-main-menu nav>ul>li .submenu li a{position:relative;border-radius:0;font-weight:400;font-size:15px;line-height:1.4;padding:10px 18px;display:inline-block;letter-spacing:0;text-align:start;width:100%;text-transform:none}@media only screen and (min-width: 1600px) and (max-width: 1700px),only screen and (min-width: 1400px) and (max-width: 1599px),only screen and (min-width: 1200px) and (max-width: 1399px){.xo-main-menu nav>ul>li .submenu li a{font-size:14px}}.xo-main-menu nav>ul>li .submenu li .submenu{top:0;left:100%}.xo-main-menu nav>ul>li .submenu li:hover>a,.xo-main-menu nav>ul>li .submenu li>a.active{background-color:var(--xo-theme-primary);color:var(--xo-color-text)}.has-dropdown:has(.submenu a.active) .xo-menu-item-title{color:var(--xo-theme-primary)}.xo-main-menu nav ul li:hover>.submenu{visibility:visible;opacity:1;transform:scale(1)}.xo-menu-item-title{display:flex;align-items:center;gap:12px;cursor:pointer}.xo-menu-item-title svg{width:12px;min-width:12px;height:auto;transition:.4s all}.xo-main-menu nav ul li:hover>.xo-menu-item-title svg{transform:rotate(-180deg)}.xo-header-sidebar-btn span{height:2px;width:25px;display:block;margin:6px auto;background:var(--xo-color-text)}.xo-header-2-menu-btn span{width:14px;margin:6px 0 6px auto;border-radius:10px;height:2px}.xo-header-2-menu-btn span:nth-child(2){width:25px}.xo-header-2-menu-btn span:nth-child(3){width:18px}.xo-header-sidebar-btn:hover span{animation:bar_anim .8s cubic-bezier(.44,1.1,.53,.99) 1 forwards}@keyframes bar_anim{0%,to{-webkit-clip-path:inset(-2px 0);clip-path:inset(-2px 0)}42%{-webkit-clip-path:inset(-2px 0 -2px 100%);clip-path:inset(-2px 0 -2px 100%)}43%{-webkit-clip-path:inset(-2px 100% -2px 0);clip-path:inset(-2px 100% -2px 0)}}.xo-menu-bar{display:none}.head-phone-cover{border-bottom:1px solid rgba(var(--xo-color-text-rgb),.1)}.top-head-links a{font-weight:500;font-size:14px;line-height:22px;display:inline-flex;align-items:center;gap:5px}.top-head-links a svg{width:10px;height:auto}.top-head-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:space-between}.head-phone-cover{padding:8px 0;margin-top:-27px;margin-bottom:20px}.header-sticky .head-phone-cover{margin-top:-10px;margin-bottom:10px}.xo-main-menu nav ul li.has-dropdown:has(.inner-menu){position:unset}.xo-header-area:has(.xo-main-menu nav ul li.has-dropdown:hover):has(.inner-menu){background:#030303}.xo-main-menu nav ul li.has-dropdown:has(.inner-menu)>.submenu{left:0;right:0;width:100%;background:#fff;--xo-color-text: #000;box-shadow:0 10px 20px #000}.xo-main-menu nav ul li.has-dropdown:has(.inner-menu)>.submenu .inner-menu{display:flex;justify-content:space-between;margin:0 -15px}.xo-main-menu nav ul li.has-dropdown:has(.inner-menu)>.submenu .inner-menu>ul{padding:0 15px;width:75%;flex-grow:1;gap:10px}.inner-menu>ul{display:flex;flex-wrap:wrap}.xo-main-menu nav>ul>li .submenu .inner-menu>ul>li{width:calc(33.33% - 7px);padding:0}.megamenu-block-title{display:flex!important;gap:10px;padding:10px!important;align-items:flex-start;height:100%}.megamenu-block-title .menu-icon{width:32px;min-width:32px;height:auto;filter:brightness(0)}.inner-menu-content>span{font-size:16px;font-weight:600;margin-bottom:5px;display:block;color:#000}.inner-menu-content .menu-des p{margin:0;font-size:14px;line-height:1.6}.inner-menu-image{width:25%;padding:0 15px}.inner-menu-image img{width:100%;height:auto;display:block}.megamenu-block-title:hover .inner-menu-content>span,.active.megamenu-block-title .inner-menu-content>span,.megamenu-block-title:hover .inner-menu-content .menu-des p,.active.megamenu-block-title .inner-menu-content .menu-des p{color:#fff}.megamenu-block-title:hover .menu-icon,.active.megamenu-block-title .menu-icon{filter:brightness(0) invert(1)}@media screen and (max-width:1199px){.xo-header-menu nav>ul{gap:20px 20px}.xo-header-menu nav ul a{font-size:15px}}@media screen and (max-width:1023px){.xo-header-row{column-gap:1rem}.xo-header-menu.xo-main-menu{display:none}.xo-header-button-cover .xo-button{display:block;width:100px;padding:11px 0 8px;font-size:12px}.xo-menu-bar{display:block}.xo-header-logo img{width:100%;display:flex;max-width:170px}.header-sticky{padding:15px 0}.header-sticky .head-phone-cover{margin-top:-15px;margin-bottom:15px}.xo-header-button-cover .xo-button .xo-marquee-content img{width:14px;height:auto}.xo-header-button-cover .xo-button .xo-marquee-wrapper{gap:20px}.xo-header-button-cover{gap:15px}.xo-hero-image-blocks{display:none}.xo-header-area{padding:20px 0}.head-phone-cover{margin-top:-20px;margin-bottom:20px}}@media screen and (max-width:749px){.page-width{padding:0 20px}.top-head-links a{font-size:13px;line-height:20px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/xo-header.css.map */