/*--------------------------------------------------------------------------------------------------------------------*
 * DEFAULT
/*--------------------------------------------------------------------------------------------------------------------*/
/* MAIN MENU */
.main-menu, .main-menu-box, .main-menu-list {float:left}
.main-menu {margin-left:50px}
.main-menu-list ul {display:flex; column-gap:50px}
.main-menu-list li {height:50px; position:relative}
.main-menu-list li a {font-size:15px; font-weight:600; float:left; padding-top:14px; padding-bottom:14px}
.main-menu-list li.menu-item-has-children > a {padding-right:20px}
.main-menu-list li.menu-item-has-children > a:after {border:5px solid transparent; content:''; position:absolute; right:0; top:23px}
.main-menu-list li ul {width:200px; position:absolute; top:50px; z-index:200; box-sizing:border-box; display:none}
.main-menu-list li ul li {height:auto; width:100%; float:left}
.main-menu-list li ul li:last-child {border-bottom:none}
.main-menu-list li ul li a {width:100%; box-sizing:border-box; padding:12px}
.main-menu-list li ul li a.flag {padding-left:44px; background-size:24px auto !important; background-position:10px 50% !important}
.main-menu-list li:hover ul {display:block}
.main-menu.elegant .main-menu-list li {height:60px}
.main-menu.elegant .main-menu-list li a {padding-top:20px; padding-bottom:16px}
.main-menu.elegant .main-menu-list li.menu-item-has-children > a:after {top:29px}
.main-menu.elegant .main-menu-list li ul, .main-menu.retro .main-menu-list li ul {top:60px}
.main-menu.elegant .main-menu-list li ul li, .main-menu.retro .main-menu-list li ul li {height:auto}
.main-menu.elegant .main-menu-list li ul li a {padding:12px}
.main-menu.retro .main-menu-list {margin:8px 0}
.main-menu.retro .main-menu-list ul {gap:4px; box-sizing:border-box; padding:4px; border-radius:7px}
.main-menu.retro .main-menu-list li {height:auto}
.main-menu.retro .main-menu-list li a {margin-left:0; padding:6px 18px; font-size:14px; line-height:22px; font-weight:normal; border-radius:4px; border-bottom:0 !important; font-weight:500}
.main-menu.retro .main-menu-list li.menu-item-has-children > a {padding-right:36px}
.main-menu.retro .main-menu-list li.menu-item-has-children > a:after {border:4px solid transparent; right:18px; top:17px}
.main-menu.retro .main-menu-list li ul {top:34px}
.main-menu.retro .main-menu-list li ul li a {padding:6px 12px}

.main-menu-list li a {color:#65676b}
.main-menu-list li a.active {border-bottom:2px solid #050505; color:#050505}
.main-menu-list li a:hover {border-bottom:2px solid #ff1e3c; color:#ff1e3c}
.main-menu-list li.menu-item-has-children > a:after {border-top-color:#444}
.main-menu-list li.menu-item-has-children > a:hover:after {border-top-color:#ff1e3c}
.main-menu-list li ul {background:#fff; border:1px solid #bbb; box-shadow:0 3px 8px rgba(0, 0, 0, .25)}
.main-menu-list li ul li {border-bottom:1px solid #eee}
.main-menu-list li ul li a {border-bottom:none !important}
.main-menu-list li ul li a:hover {border-bottom:0; color:#ff1e3c !important}
.main-menu.elegant .main-menu-list li a.active {border-bottom:4px solid #323a45; color:#323a45}
.main-menu.elegant .main-menu-list li a:hover {border-bottom:4px solid #a98860; color:#a98860}
.main-menu.elegant .main-menu-list li.menu-item-has-children > a:hover:after {border-top-color:#a98860}
.main-menu.elegant .main-menu-list li ul li a:hover {color:#a98860 !important}
.main-menu.dark .main-menu-list li a {color:#8f9195}
.main-menu.dark .main-menu-list li a.active {color:#e4e6eb; border-bottom:2px solid #e4e6eb}
.main-menu.dark .main-menu-list li a:hover {color:#fbdf5f; border-bottom:2px solid #fbdf5f}
.main-menu.dark .main-menu-list li.menu-item-has-children > a:after {border-top-color:#aaa}
.main-menu.dark .main-menu-list li.menu-item-has-children > a.active:after {border-top-color:#eee}
.main-menu.dark .main-menu-list li.menu-item-has-children > a:hover:after {border-top-color:#fbdf5f}
.main-menu.dark .main-menu-list li ul {background:#18191a; border:1px solid #38393a}
.main-menu.dark .main-menu-list li ul li {border-bottom:1px solid #222}
.main-menu.dark .main-menu-list li ul li a {color:#8f9195}
.main-menu.dark .main-menu-list li ul li a.active {color:#e4e6eb}
.main-menu.dark .main-menu-list li ul li a:hover {color:#fbdf5f !important}
.main-menu.dark.elegant .main-menu-list li a.active {border-bottom:4px solid #eee}
.main-menu.dark.elegant .main-menu-list li a:hover {border-bottom:4px solid #fbdf5f}
.main-menu.dark.retro .main-menu-list ul {background:#141314; border:1px solid #2d2c2d}
.main-menu.dark.retro .main-menu-list li.menu-item-has-children > a:after {border-top-color:#aaa}
.main-menu.dark.retro .main-menu-list li.menu-item-has-children a.active:after {border-top-color:#eee}
.main-menu.dark.retro .main-menu-list li a.active {background:#f56533; color:#eee}
.main-menu.dark.retro .main-menu-list li a:hover {background:#1f1d20; color:#eee !important}
.main-menu.dark.retro .main-menu-list li.menu-item-has-children a:hover:after {border-top-color:#eee}

/* LAST MENU */
.last-menu, .last-menu ul, .last-menu li {width:100%; float:left}
.last-menu h3 {margin-bottom:5px; text-transform:uppercase; font-size:15px; line-height:23px}
.last-menu ul {margin-bottom:20px}
.last-menu ul:last-child {margin-bottom:0}
.last-menu li {font-size:14px; line-height:24px; margin-bottom:4px}
.last-menu li:last-child {margin-bottom:0}
.last-menu li a:hover, .last-menu h3 a:hover {text-decoration:underline}
.last-menu.business {width:50%; box-sizing:border-box; padding:0 10px}
.last-menu.shopify {width:auto}
.last-menu.shopify li {margin-right:40px; margin-bottom:0; font-weight:600; font-size:15px; line-height:25px; width:auto}
.last-menu.shopify li:last-child {margin-right:0}
.last-menu.elegant ul {float:none; margin:0 auto; width:auto; display:flex; flex-wrap:wrap; justify-content:center}
.last-menu.elegant li {padding:0 30px; margin-bottom:0; width:auto; float:none}
.last-menu.elegant li a {text-transform:uppercase; font-weight:600}

.last-menu li a {color:#626262}
.last-menu li a:hover, .last-menu h3 a:hover {color:#ff1e3c}
.last-menu h3, .last-menu h3 a {color:#111}
.last-menu.dark li a {color:#8f9195}
.last-menu.dark li a:hover, .last-menu.dark h3 a:hover {color:#fbdf5f}
.last-menu.dark h3, .last-menu.dark h3 a {color:#fff}
.last-menu.elegant li a:hover {color:#a98860}
.last-menu.elegant.dark li a:hover {color:#a98860}

/* EXTRA MENU */
.extra-menu, .extra-menu ul, .extra-menu li {width:100%; float:left}
.extra-menu {display:flex}
.extra-menu ul {flex:1 1 0}
.extra-menu li {font-size:14px; line-height:24px; margin-bottom:4px; padding-right:5px; box-sizing:border-box}
.extra-menu li:last-child {margin-bottom:0}
.extra-menu li a:hover, .extra-menu h3 a:hover {text-decoration:underline}
.extra-menu h3 {margin-bottom:4px; text-transform:uppercase; font-size:15px; line-height:23px; padding-right:5px; box-sizing:border-box}
.extra-menu.business {width:50%; box-sizing:border-box; padding:0 10px; flex-direction:column; row-gap:20px}

.extra-menu li a {color:#626262}
.extra-menu h3, .extra-menu h3 a {color:#111}
.extra-menu h3 a:hover, .extra-menu li a:hover {color:#ff1e3c}
.extra-menu.dark li a {color:#8f9195}
.extra-menu.dark li a:hover, .extra-menu.dark h3 a:hover {color:#fbdf5f}
.extra-menu.dark h3, .extra-menu.dark h3 a {color:#fff}

/* TAB MENU */
.tab-menu-mini, .tab-menu-extra, .tab-menu-extra li a {width:100%; float:left}
.tab-menu-mini, .tab-menu-extra {position:relative; z-index:40;}
.tab-menu-mini, .tab-menu-extra {margin-bottom:20px; box-sizing:border-box}
.tab-menu-mini ul {margin:0 auto; display:table}
.tab-menu-mini li {height:auto; float:left; position:relative}
.tab-menu-mini li a {margin:0 30px; padding-top:0; padding-bottom:20px; font-size:14px; line-height:14px; float:left}
.tab-menu-mini li a.active {font-weight:600}
.tab-menu-extra ul {display:flex}
.tab-menu-extra li {width:50%; box-sizing:border-box}
.tab-menu-extra li a {padding:24px 0; font-size:15px; line-height:15px; text-align:center}
.tab-menu-extra li a.active {font-weight:500}

.tab-menu-mini li a {color:#454f5b}
.tab-menu-mini li a.active {color:#212b35; border-bottom:2px solid #212b35}
.tab-menu-mini li a:hover {color:#ff1e3c; border-bottom:2px solid #ff1e3c}
.tab-menu-mini.dark li a {color:#b7b7b7}
.tab-menu-mini.dark li a.active {color:#fff; border-bottom:2px solid #fff}
.tab-menu-mini.dark li a:hover {color:#fbdf5f; border-bottom:2px solid #fbdf5f}
.tab-menu-extra {border:1px solid #eee; background:#fafafa}
.tab-menu-extra li a {background:#f5f5f5; color:#444}
.tab-menu-extra li a.active {background:#fff}
.tab-menu-extra li a:hover {background:#fafafa; color:#222}

/* APPLE MENU */
.apple-menu {width:100%; float:left}
.apple-menu-track {margin:0 auto; width:auto; min-width:800px; display:block}
.apple-menu-track ul {display:flex; justify-content:center}
.apple-menu-track li {min-width:150px; width:auto; position:relative; display:inline-block}
.apple-menu-track li a {text-align:center; width:100%; border:0; display:flex; flex-direction:column; align-items:center; padding:10px 0 25px 0; cursor:pointer}
.apple-menu-track li a span {font:65px/65px "WPGlobal"}
.apple-menu-track li a span.alt {font:65px/65px "WPLine"}
.apple-menu-track li a div.text {margin-top:3px}
.apple-menu-track li a div.caption {font-size:12px; line-height:12px; margin-top:8px}
.apple-menu-track li a.active {cursor:default}
.apple-menu-track li a.active div.text {font-weight:600}
.apple-menu-track li a.active:after {bottom:-1px; content:""; position:absolute; width:100%}

.apple-menu-track li {border-bottom:1px solid #d2d2d7}
.apple-menu-track li a {background:none; color:#777}
.apple-menu-track li a span {fill:#777}
.apple-menu-track li a div.caption {color:#b64400}
.apple-menu-track li a.active {color:#1d1d1f}
.apple-menu-track li a.active span {fill:#1d1d1f}
.apple-menu-track li a.active:after {border-bottom:1px solid #1d1d1f}
.apple-menu-track li a:hover {color:#424245}
.apple-menu-track li a:hover span {fill:#424245}

/* SITE MENU */
.site-menu {width:100%; float:left; height:50px; position:relative; box-sizing:border-box; z-index:80}
.site-menu ul {display:flex; flex-wrap:wrap; justify-content:center}
.site-menu li {position:relative}
.site-menu li a {font-size:14px; line-height:14px; float:left; margin:0 30px; padding-top:16px; padding-bottom:18px}
.site-menu li a.active {font-weight:600}
.site-menu li a.switch {display:flex; column-gap:5px; align-items:center; height:100%; padding:0}
.site-menu li a.switch i {font:28px/28px 'WP'}
.site-menu li a.switch span {font-size:13px; line-height:13px}
.site-menu.nobg {background:none}
.site-menu.space {margin-bottom:20px}
.site-menu.space-x {margin-bottom:30px}
.site-menu.space-a {margin-top:20px}
.site-menu.round {overflow:hidden; border-radius:6px; box-sizing:border-box}
.site-menu-unique {width:100%; float:left; position:relative; z-index:100}
.site-menu-unique ul {display:flex; padding:0 50px; box-sizing:border-box; border-radius:30px; margin-top:-30px}
.site-menu-unique li {font-size:15px; font-weight:500; line-height:15px; padding:0 25px; height:60px; display:flex}
.site-menu-unique li a {padding:22px 0; white-space:nowrap}
.site-menu-unique-mask {margin:0 auto; display:table}

.site-menu {background:#f7f7f7}
.site-menu li a {color:#4f4f4f}
.site-menu li a.active {color:#212b35; border-bottom:2px solid #212b35}
.site-menu li a:hover {color:#ff1e3c; border-bottom:2px solid #ff1e3c}
.site-menu li a.switch i {color:#666}
.site-menu li a.switch span {color:#888}
.site-menu li a.switch:hover {border-bottom:0}
.site-menu li a.switch:hover i {color:#ff1e3c}
.site-menu.bg1 {background:#333}
.site-menu.bg2 {background:#1f1f1f}
.site-menu.bg3 {background:#fff}
.site-menu.bg4 {background:rgba(255, 255, 255, 0.8)}
.site-menu.bg5 {background:#111}
.site-menu.bg6 {background:#000}
.site-menu.magic {background:rgba(0,0,0,0.6)}
.site-menu.dark li a {color:#ccc}
.site-menu.dark li a.active {color:#fff; border-bottom:2px solid #fff}
.site-menu.dark li a:hover {color:#fbdf5f; border-bottom:2px solid #fbdf5f}
.site-menu.dark li a.switch i {color:#bfbebe}
.site-menu.dark li a.switch span {color:#8e8e8e}
.site-menu.dark li a.switch:hover {border-bottom:0}
.site-menu.dark li a.switch:hover i {color:#fbdf5f}
.site-menu-unique ul {background-color:#fff; box-shadow:0 1px 6px rgb(0 0 0 / 16%)}
.site-menu-unique li a {color:#4f4f4f}
.site-menu-unique li a.active {color:#212b35; border-bottom:2px solid #212b35}
.site-menu-unique li a:hover {color:#ff1e3c; border-bottom:2px solid #ff1e3c}

/* SITE MENU ULTRA */
.site-ultra {width:100%; float:left; font-size:14px; line-height:14px; position:relative}
.site-ultra-identifier {padding:16px 0 18px 0; font-weight:600; float:left; display:flex; position:relative; box-sizing:border-box; height:50px}
.site-ultra-identifier span {padding-right:30px; float:left}
.site-ultra-identifier button {border:0; background:none; font-size:14px; line-height:14px; display:none; padding:0 15px; cursor:pointer; position:relative}
.site-ultra-identifier button:after {position:absolute; top:2px; right:-12px; content:'/'; font:12px/12px "WP"}
.site-ultra-identifier button.active:after {content:'.'}
.site-ultra-identifier.alt {padding:0}
.site-ultra-identifier.alt button {margin:16px 0 18px 0}
.site-ultra-list {display:flex}
.site-ultra-list li {display:inline-block; padding-left:30px; padding-right:20px}
.site-ultra-list li a {display:block; position:relative; padding:16px 0 18px 0}
.site-ultra-list li a.active {font-weight:600}
.site-ultra-logo {width:120px; height:auto; padding:8px 0; float:left}
.site-ultra-logo img {width:100%; max-width:100%; height:auto; float:left}
.site-ultra.magic { position:absolute; float:none; z-index:100}

.site-ultra {background:#f7f7f7}
.site-ultra-identifier span {border-right:2px solid #111}
.site-ultra-list li a {border-bottom:2px solid transparent; color:#65676b}
.site-ultra-list li a.active {border-bottom:2px solid #868686; color:#555}
.site-ultra-list li a:hover {border-bottom:2px solid #ff1e3c; color:#ff1e3c}
.site-ultra.light {background:#fff}
.site-ultra.magic {background:rgba(0,0,0,0.6)}
.site-ultra.magic .site-ultra-identifier span {color:#fff; border-right:2px solid #979797}
.site-ultra.magic .site-ultra-identifier button:after {color:#eee}
.site-ultra.magic .site-ultra-list li a {color:#bbb; transition:color .2s}
.site-ultra.magic .site-ultra-list li a.active {color:#fff; border-bottom:2px solid #fff}
.site-ultra.magic .site-ultra-list li a:hover {color:#ebebeb; border-bottom:2px solid #ebebeb}

/* BONUS MENU */
.bonus-menu {width:100%; float:left}
.bonus-menu {position:relative; z-index:80}
.bonus-menu.round {overflow:hidden; border-radius:6px; box-sizing:border-box}
.bonus-menu.space {margin-top:20px}
.bonus-menu ul {display:flex; flex-wrap:wrap; justify-content:center}
.bonus-menu li {display:list-item}
.bonus-menu li a {padding:12px 14px 15px 14px; float:left; font-size:15px; line-height:23px; min-width:15px; text-align:center}
.bonus-menu li a {width:auto; text-align:left; font-size:14px; line-height:14px; padding:15px 30px}
.bonus-menu li a.active {font-weight:600}
.bonus-menu.nano {padding-top:30px; margin-top:-30px}

.bonus-menu {background:#e8e8e8}
.bonus-menu li a {color:#333}
.bonus-menu li a.active {background:#fff; color:#222}
.bonus-menu li a:hover {background:#dbdbdb; color:#666}
.bonus-menu.dark {background:#1e1e1e}
.bonus-menu.dark li a {color:#999}
.bonus-menu.dark li a.active {background:#262626; color:#fff}
.bonus-menu.dark li a:hover {background:#222; color:#fbdf5f}
.bonus-menu.dark.alt {background:#000}

/* SLICK MENU */
.slick-menu, .slick-menu-mask {width:100%; float:left}
.slick-menu {font-size:14px; line-height:14px; height:50px; position:relative; box-sizing:border-box}
.slick-menu-track {display:flex; column-gap:60px; justify-content:center; flex-wrap:nowrap;}
.slick-menu-track li {display:list-item}
.slick-menu-track li a {display:block; position:relative; padding:16px 0 18px 0; transition:color .2s}
.slick-menu-track li a.active {font-weight:600}
.slick-menu.magic {position:absolute; float:none; z-index:100}

.slick-menu {background:#fbfbfd}
.slick-menu-track li a {color:#444}
.slick-menu-track li a.active {border-bottom:2px solid #ff1e3c; color:#ff1e3c}
.slick-menu-track li a:hover {border-bottom:2px solid #111; color:#111}
.slick-menu.dark {background:#1e1e1e}
.slick-menu.dark .slick-menu-track li a, .slick-menu.magic .slick-menu-track li a {color:#bbb}
.slick-menu.dark .slick-menu-track li a.active, .slick-menu.magic .slick-menu-track li a.active {color:#fff; border-bottom:2px solid #fff}
.slick-menu.dark .slick-menu-track li a:hover, .slick-menu.magic .slick-menu-track li a:hover {color:#ebebeb; border-bottom:2px solid #ebebeb}
.slick-menu.magic {background:rgba(0,0,0,0.6)}

/* XTREME MENU */
.xtreme-menu, .xtreme-menu ul {width:100%; float:left}
.xtreme-menu li {float:left; position:relative}
.xtreme-menu li a {padding:22px 30px 21px 30px; min-width:120px; font-size:17px; line-height:25px; text-align:center; float:left}
.xtreme-menu li a.active {font-weight:600}

.xtreme-menu {color:#212b37; background:#f2f2f2}
.xtreme-menu li a {color:#647482; border-bottom:3px solid #f2f2f2}
.xtreme-menu li a.active {background:#fff; border-bottom:3px solid #a4a4a4; color:#6b727b}
.xtreme-menu li a.active.uncommon {border-bottom:3px solid #34a255; color:#34a255}
.xtreme-menu li a.active.rare {border-bottom:3px solid #4289cc; color:#4289cc}
.xtreme-menu li a.active.epic {border-bottom:3px solid #7265ad; color:#7265ad}
.xtreme-menu li a.active.legendary {border-bottom:3px solid #e36c31; color:#e36c31}

/*--------------------------------------------------------------------------------------------------------------------*
 * RESPONSIVE & RETINA
/*--------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width:1023px) {
.main-menu {float:right; display:none}
.main-menu-box {width:220px; float:none; position:absolute; top:50px; right:0; z-index:100; box-sizing:border-box}
.main-menu-list {width:100%}
.main-menu-list ul {flex-direction:column; column-gap:0}
.main-menu-list li {width:100%; height:auto; border-bottom:1px solid #eee}
.main-menu-list li a {width:100%; box-sizing:border-box; border:0 !important; padding:6px 12px}
.main-menu-list li.menu-item-has-children > a:after {right:10px; top:20px}
.main-menu-list li ul {width:100%; position:relative; top:0; float:left; border-left:0; border-right:0}
.main-menu.elegant .main-menu-box {top:60px}
.main-menu.elegant .main-menu-list li {height:auto}
.main-menu.elegant .main-menu-list li.menu-item-has-children > a:after {top:20px}
.main-menu.elegant .main-menu-list li a {padding:12px}
.main-menu.elegant .main-menu-list li ul {top:0}
.main-menu.retro .main-menu-box {top:59px; box-shadow:none; border-radius:8px}
.main-menu.retro .main-menu-list {margin:0}
.main-menu.retro .main-menu-list ul {flex-direction:column; border:0; padding:5px}
.main-menu.retro .main-menu-list li:last-child {border-bottom:0}
.main-menu.retro .main-menu-list li a {padding:6px 12px}
.main-menu.retro .main-menu-list li ul {top:0; padding:0}

.main-menu-box {background:#fff; border:1px solid #bbb; box-shadow:0 3px 8px rgba(0, 0, 0, .25)}
.main-menu-list li a {color:#777}
.main-menu-list li a:hover {color:#222}
.main-menu-list li ul {background:#fcfcfc; border:1px solid #eee; box-shadow:none}
.main-menu.dark .main-menu-box {background:#111; border:1px solid #252525; box-shadow:none}
.main-menu.dark .main-menu-list li {border-bottom:1px solid #222}
.main-menu.dark .main-menu-list li a {color:#b0b3b8 !important}
.main-menu.dark .main-menu-list li a:hover {color:#fbdf5f !important}
.main-menu.dark.retro .main-menu-list ul {background:#141314; border:1px solid #2d2c2d}
.main-menu.dark.retro .main-menu-list li a.active {color:#eee !important}
.main-menu.dark.retro .main-menu-list li ul {border:0; background:#111}

.tab-menu-mini {margin-bottom:5px}
.tab-menu-mini li a {margin:0 5px 10px 5px; border-radius:4px; font-size:13px; line-height:13px; padding:5px 20px 7px 20px; border:2px solid #ddd; color:#888; background:#fff}
.tab-menu-mini li a.active {border:2px solid #999; color:#444; background:#fff}
.tab-menu-mini li a:hover {border:2px solid #444; background:#444; color:#fff}
.tab-menu-mini.dark li a {border:2px solid #555; background:#555}
.tab-menu-mini.dark li a.active {color:#eee; border:2px solid #999; background:#999}
.tab-menu-mini.dark li a:hover {border:2px solid #666; background:#666; color:#fff}
.tab-menu-extra {margin-bottom:15px}
.tab-menu-extra li a {padding:20px 0; font-size:14px; line-height:14px}

.last-menu.business {padding:0 5px}
.last-menu.shopify {width:100%}
.last-menu.shopify ul {display:flex; flex-wrap:wrap; justify-content:center; margin:0 auto}
.last-menu.shopify li {margin:0 15px; float:none; display:inline-block}
.last-menu.elegant li {padding:0 15px}
    
.extra-menu {row-gap:15px; flex-wrap:wrap}
.extra-menu ul {min-width:50%}
.extra-menu.business {padding:0 5px}
    
.apple-menu-track {width:300px; min-width:0; overflow-x:scroll}
.apple-menu-track ul {justify-content:flex-start}
.apple-menu-track li {min-width:100px}
.apple-menu-track li a {padding:5px 0 20px 0}
.apple-menu-track li a span {font:55px/55px "WPGlobal"}
.apple-menu-track li a span.alt {font:55px/55px "WPLine"}

.site-menu {height:auto; padding:10px; box-sizing:border-box}
.site-menu.space {margin-bottom:15px}
.site-menu.space-a {margin-top:15px}
.site-menu ul {column-gap:8px; row-gap:8px}
.site-menu li a {margin:0; border-radius:4px; font-size:13px; line-height:13px; padding:10px 15px 12px 15px; border:2px solid #ccc; color:#888; background:#fff}
.site-menu li a.active {border:2px solid #2b2b2b; color:#2b2b2b}
.site-menu li a:hover {border:2px solid #444; background:#444; color:#fff}
.site-menu li a.switch {height:auto; padding:3px 10px 4px 10px}
.site-menu.dark li a {border:2px solid #555; background:#555}
.site-menu.dark li a.active {color:#eee; border:2px solid #999; background:#999}
.site-menu.dark li a:hover {border:2px solid #666; background:#666; color:#fff}
.site-menu-unique {background:#fff}
.site-menu-unique ul {padding:0; margin-top:0; box-shadow:none; border-radius:0; border-bottom:1px solid #eee}
.site-menu-unique li {padding:0 20px}
.site-menu-unique li:first-child {padding-left:0}
.site-menu-unique li:last-child {padding-right:0}
.site-menu-unique-mask {overflow-x:scroll; width:300px; display:block}

.site-ultra-identifier {width:100%}
.site-ultra-identifier span {padding-right:15px}
.site-ultra-identifier button {display:block}
.site-ultra-list {display:none; width:100%; float:left; padding-bottom:15px}
.site-ultra-list li {width:100%; padding:0; float:left}
.site-ultra-list li a {width:100%; float:left; box-sizing:border-box; padding:13px 15px 15px 15px; position:relative; border:0 !important; border-radius:4px}
.site-ultra-list li a:after {position:absolute; top:15px; right:15px; font:12px/12px "WP"; content:'3'}
.site-ultra-list li a.active {background:#fff}
.site-ultra-list li a:hover {background:#f2f2f2}
.site-ultra.magic .site-ultra-identifier button {color:#aaa}
.site-ultra.magic .site-ultra-list {background:#000; margin-bottom:10px; padding:10px 0; border-radius:5px}
.site-ultra.magic .site-ultra-list li a {color:#999; border-radius:0}
.site-ultra.magic .site-ultra-list li a.active {color:#fff; background:0}
.site-ultra.magic .site-ultra-list li a:hover {background:0; color:#eee}

.bonus-menu {padding:10px 0}
.bonus-menu ul {flex-wrap:wrap; row-gap:5px; column-gap:5px}
.bonus-menu li a {border-radius:4px; font-size:13px; line-height:13px; padding:9px 20px; float:left; border:1px solid #ccc; color:#888; background:#f2f2f2}
.bonus-menu li a.active {border:1px solid #b6b6b6; color:#747474; background:#fff}
.bonus-menu li a:hover {border:1px solid #444; background:#444; color:#fff}
.bonus-menu.nano {padding-top:10px; margin-top:0}
.bonus-menu.space {margin-top:15px}
.bonus-menu.dark li a {border:1px solid #222; color:#eee; background:#000}
.bonus-menu.dark li a.active {border:1px solid #353434; color:#fff; background:#353434}
.bonus-menu.dark li a:hover {border:1px solid #444; background:#444; color:#fff}

.slick-menu-mask {overflow-x:scroll; width:300px}
.slick-menu-track {width:auto; column-gap:35px; justify-content:flex-start}

.xtreme-menu {padding-top:10px; padding-bottom:2px}
.xtreme-menu li a {padding:10px 0 12px 0; box-sizing:border-box; border-radius:3px; margin:0 8px 8px 0; font-size:13px; line-height:13px; width:146px; background:#fafafa; border:2px solid #ddd}
.xtreme-menu li a.active {border:2px solid #a4a4a4}
.xtreme-menu li a.active.uncommon {border:2px solid #34a255}
.xtreme-menu li a.active.rare {border:2px solid #4289cc}
.xtreme-menu li a.active.epic {border:2px solid #7265ad}
.xtreme-menu li a.active.legendary {border:2px solid #e36c31}
.xtreme-menu li:nth-child(2n+2) a {margin-right:0}
}

@media only screen and (min-width:360px) and (max-width:1023px) {
.apple-menu-track {width:340px}
.site-menu-unique-mask {width:340px}
.slick-menu-mask {width:340px}
.xtreme-menu li a {width:166px; padding:12px 0 14px 0; font-size:14px; line-height:14px}
}

@media only screen and (min-width:375px) and (max-width:1023px) {
.apple-menu-track {width:355px}
.apple-menu-track li {min-width:120px}
.site-menu-unique-mask {width:355px}
.slick-menu-mask {width:355px}
.xtreme-menu li a {width:173px}
}

@media only screen and (min-width:414px) and (max-width:1023px) {
.apple-menu-track {width:380px}
.apple-menu-track li {min-width:130px}
.site-menu-unique-mask {width:380px}
.site-ultra-identifier span {padding-right:20px}
.site-ultra-identifier button {padding:0 20px}
.site-ultra-identifier button:after {right:-7px}
.slick-menu-mask {width:380px}
.slick-menu-track {column-gap:40px}
.xtreme-menu li a {width:186px; padding:15px 0 17px 0}
}

@media only screen and (min-width:480px) and (max-width:1023px) {
.apple-menu-track {width:460px}
.bonus-menu ul {row-gap:8px; column-gap:8px}
.site-menu-unique li {padding:0 25px}
.site-menu-unique-mask {width:460px}
.site-ultra-list li {width:50%}
.slick-menu-mask {width:460px}
.xtreme-menu li a {width:148px; padding:12px 0 14px 0; font-size:13px; line-height:13px}
.xtreme-menu li:nth-child(2n+2) a {margin-right:8px}
.xtreme-menu li:nth-child(3n+3) a {margin-right:0}
}

@media only screen and (min-width:600px) and (max-width:1023px) {
.last-menu.shopify {width:auto}
.last-menu.shopify ul {display:block; margin:0}
.last-menu.shopify li {margin-right:40px; margin-left:0; float:left; display:block}
.last-menu.elegant li {padding:0 20px}
.extra-menu {flex-wrap:nowrap}
.extra-menu ul {min-width:0}
.apple-menu-track {width:580px}
.site-menu-unique-mask {width:580px}
.site-ultra-identifier span {padding-right:25px}
.site-ultra-identifier button {padding:0 25px}
.site-ultra-identifier button:after {right:-2px}
.slick-menu-mask {width:580px}
.slick-menu-track {column-gap:45px}
.xtreme-menu li a {width:188px; padding:15px 0 17px 0; font-size:15px; line-height:15px}
}

@media only screen and (min-width:640px) and (max-width:1023px) {
.extra-menu {flex-wrap:wrap}
.extra-menu ul {min-width:50%}
.apple-menu-track {width:620px}
.site-menu-unique-mask {width:620px}
.slick-menu-mask {width:620px}
.xtreme-menu li a {width:201px}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
.last-menu.business {padding:0 10px}
.last-menu.elegant li {padding:0 25px}
.extra-menu.business {padding:0 10px}

.apple-menu-track li a {padding:10px 0 25x 0}
.apple-menu-track li a span {font:60px/60px "WPGlobal"}
.apple-menu-track li a span.alt {font:60px/60px "WPLine"}

.tab-menu-mini {margin-bottom:15px}
.tab-menu-mini li a {margin:0 20px; border-radius:0; font-size:14px; line-height:14px; padding:0 0 20px 0; border:0; color:#454f5b; background:none}
.tab-menu-mini li a.active, .tab-menu-mini.dark li a.active {color:#212b35; border:0; border-bottom:2px solid #212b35; background:none}
.tab-menu-mini li a:hover, .tab-menu-mini.dark li a:hover {color:#ff1e3c; border:0; border-bottom:2px solid #ff1e3c; background:none}
.tab-menu-mini.dark li a {border:0; background:none}
.tab-menu-mini.dark li a.active {color:#eee; border-bottom:2px solid #eee}
.tab-menu-mini.dark li a:hover {color:#fff; border-bottom:2px solid #fff}

.bonus-menu.nano {padding-top:40px; margin-top:-30px}

.site-menu-unique {background:none}
.site-menu-unique ul {padding:0 40px; border-radius:30px; margin-top:-30px; border-bottom:0; box-shadow:0 1px 6px rgb(0 0 0 / 16%)}
.site-menu-unique li:first-child {padding-left:25px}
.site-menu-unique li:last-child {padding-right:25px}
.site-menu-unique-mask {width:auto; display:table}
.site-ultra-list li {width:33.3%}

.slick-menu-mask {overflow-x:auto; width:100%}
.slick-menu-track {justify-content:center}

.xtreme-menu li a {width:179px; padding:17px 0 19px 0}
.xtreme-menu li:nth-child(3n+3) a {margin-right:8px}
.xtreme-menu li:nth-child(4n+4) a {margin-right:0}
}

@media only screen and (min-width:960px) and (max-width:1023px) {
.last-menu.business {padding:0 5px}
.last-menu.elegant li {padding:0 30px}
.extra-menu {flex-wrap:nowrap}
.extra-menu ul {min-width:0}
.extra-menu.business {padding:0 5px}
    
.tab-menu-mini, .tab-menu-extra {margin-bottom:20px}

.apple-menu-track {overflow-x:auto; width:100%}
.apple-menu-track ul {justify-content:center}
.apple-menu-track li {min-width:140px}

.bonus-menu.space {margin-top:20px}

.site-menu.space {margin-bottom:20px}
.site-menu.space-a {margin-top:20px}

.slick-menu-track {column-gap:50px}

.xtreme-menu li a {width:224px; padding:20px 0 22px 0; font-size:16px; line-height:16px}
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
.tab-menu-mini, .tab-menu-extra {margin-bottom:15px}

.bonus-menu {padding:10px 0}
.bonus-menu ul {flex-wrap:wrap; row-gap:10px; column-gap:10px}
.bonus-menu li a {border-radius:4px; font-size:13px; line-height:13px; padding:9px 20px; float:left; border:1px solid #ccc; color:#888; background:#f2f2f2}
.bonus-menu li a.active {border:1px solid #b6b6b6; color:#747474; background:#fff}
.bonus-menu li a:hover {border:1px solid #444; background:#444; color:#fff}
.bonus-menu.nano {padding-top:40px}
.bonus-menu.space {margin-top:15px}
.bonus-menu.dark li a {border:1px solid #222; color:#eee; background:#000}
.bonus-menu.dark li a.active {border:1px solid #353434; color:#fff; background:#353434}
.bonus-menu.dark li a:hover {border:1px solid #444; background:#444; color:#fff}

.site-menu li a {margin:0 25px}
.site-ultra-identifier span {padding-right:20px}
.site-ultra-list li {padding-left:20px}

.slick-menu-track {column-gap:55px}

.xtreme-menu li a {padding:20px 25px; font-size:16px; line-height:24px}
}