/*--------------------------------------------------------------------------------------------------------------------*
 * DEFAULT
/*--------------------------------------------------------------------------------------------------------------------*/
/* MISC */
.lazy {display:none}
.newbadge {width:50px !important; height:50px; max-width:50px; max-height:50px; position:absolute; right:0; left:auto; top:0; z-index:50; margin:0; display:block}
.nothing {width:90%; padding:30px 5%; text-align:center; font-size:16px; line-height:20px; float:left}
.e404 {width:100%; float:left}
.e404 {padding:40px 0}
.e404-image {margin:0 auto; display:table; width:550px; margin-bottom:20px}
.e404-image img, .e404-neo img {width:100%; max-width:100%; height:auto; float:left}
.e404-image.round {border-radius:8px; overflow:hidden}
.e404-back {padding:15px 20px 16px 20px; font-size:16px; line-height:16px; border-radius:3px; margin:0 auto; display:table}
.e404-neo {margin:0 auto; display:table; width:1000px; padding:50px 0}

.newbadge {background:url('../images/assets/new.png') no-repeat; background-size:50px 50px !important}
.nothing {color:#666}
.nothing.dark {color:#aaa}
.nothing.light {color:#111}
.e404-back {background:#f23d4e; color:#fff}
.e404-back:hover {background:#444; color:#fff}
.e404.dark {background:#000}

/* 01 */
.social {position:absolute; top:15px; right:0}
.social.alt {position:relative;; top:0; right:auto; float:right}
.social-cmt {padding:5px 15px 7px 15px; font-size:11px; line-height:11px; border-radius:3px; float:right; margin-left:5px; position:relative}
.social-cmt:after {width:0; height:0; border-style:solid; border-width:6px 8px 0 0; content:''; position:absolute; bottom:-6px; left:8px}
.social-stats {position:relative; float:right}
.social-stats-button {padding:4px 25px 6px 10px; font-size:11px; line-height:11px; border-radius:3px; float:left}
.social-stats-button:after {font:9px/9px "WP"; content:">"; position:absolute; top:7px; right:8px}
.social-stats-button.active:after {content:"="}
.social-stats-modal {box-sizing:border-box; position:absolute; width:200px; padding:5px 10px; right:0; top:30px; z-index:1000; display:none}
.social-stats-modal:before, .social-stats-modal:after {content:''; position:absolute; border-style:solid; display:block; width:0}
.social-stats-modal:before {border-width:0 8px 8px; z-index:0; top:-8px; right:9px}
.social-stats-modal:after {border-width:0 7px 7px; z-index:1; top:-7px; right:10px}
.social-stats-modal li {width:100%; float:left; padding:5px 0; box-sizing:border-box}
.search, .search-form, .search-field {width:100%; float:left}
.search.alt {margin-bottom:20px}
.search-form {position:relative}
.search-form:after {position:absolute; top:12px; right:0; content:'1'; font:20px/20px "WPLine"; width:20px; height:20px; z-index:50}
.search-field {padding:15px 30px 15px 0; outline:none; border:0; border-radius:0; position:relative; z-index:10; font-size:16px; line-height:16px; box-sizing:border-box}

.social-cmt {background:#94a2af; color:#fff}
.social-cmt:after {border-color:#94a2af transparent transparent transparent}
.social-cmt:hover {background:#f23d4e; color:#fff}
.social-cmt:hover:after {border-color:#f23d4e transparent transparent transparent}
.social-stats-button {color:#555; background:#fff; border:1px solid #ddd}
.social-stats-button:hover {color:#fff; background:#f23d4e; border:1px solid #f23d4e}
.social-stats-modal {background:#fff; border:1px solid #dadde3}
.social-stats-modal:before {border-color:#ccc transparent}
.social-stats-modal:after {border-color:#fff transparent}
.social-stats-modal li.red {color:#f23d4e}
.social-stats-modal li.blue {color:#08c}
.search-form:after {color:#444}
.search-field {border-bottom:1px solid #e2e7ea; color:#2c3543}

/* 02 */
.control .bx-controls-direction a {position:absolute; z-index:500; top:50%; font:16px/16px "WP"; width:40px; height:40px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; transform:translateY(-50%)}
.control .bx-prev {left:-20px}
.control .bx-next {right:-20px}
.control .bx-prev.disabled, .control .bx-next.disabled {display:none}
.switcher {right:20px; top:20px; position:absolute; border-radius:5px; z-index:200; display:flex; flex-direction:column}
.switcher.fixed {top:70px}
.switcher.rotate {flex-direction:column-reverse}
.switcher.alt {top:auto; bottom:20px}
.switcher-select {display:flex; align-items:center; column-gap:7px; padding:7px 30px 7px 8px; font-size:14px; white-space:nowrap; position:relative}
.switcher-select:after {top:12px; right:10px; content:'>'; font:13px/13px "WP"; position:absolute}
.switcher-select img, .switcher-box li img {width:22px !important; height:auto !important; max-width:none !important; margin-left:0 !important}
.switcher-select.active:after {content:'='}
.switcher-select.rotate:after {content:'='}
.switcher-select.rotate.active:after {content:'>'}
.switcher-box, .switcher-box ul, .switcher-box li {width:100%; float:left}
.switcher-box {font-size:14px; display:none; width:140px}
.switcher-box li a {display:flex; align-items:center; column-gap:8px; white-space:nowrap; padding:5px 8px}
.status {font-size:14px; line-height:14px; padding:6px 12px 8px 12px; position:absolute; z-index:10; left:10px; top:10px; border-radius:3px}
.status.right {left:auto; right:10px}
.status.alt {position:relative; left:auto; top:auto; margin-left:5px}
.status.min {font-size:11px; line-height:11px; padding:5px 8px; text-transform:uppercase}
.status-social {width:100%; top:20px; position:absolute; z-index:500}
.status-social .social {margin-bottom:0}
.status-social.alt {top:10px}
.status-social.magic {top:70px}
.status-camera {font:30px/30px "WPLine"; position:absolute; right:10px; top:5px}
.status-number {position:absolute; top:-10px; left:10px; z-index:500; font-size:20px; line-height:20px; font-weight:600; height:24px}
.status-xtreme {position:absolute; right:0; top:11px; display:flex}
.status-xtreme .status.alt:first-child, .status-ultra .status.alt {margin-left:0}
.status-xtreme.alt {right:30px}
.status-ultra {float:left}
.status-ultra .status {margin-top:3px; margin-right:20px}

.control .bx-controls-direction a {border:1px solid rgba(221,221,221,1); background:#fff; color:#222}
.control .bx-controls-direction a:hover {background:#fbfbfb}
.switcher {border:1px solid #b3b3b3; box-shadow:0 0 10px rgba(0, 0, 0, .15); background:#fff}
.switcher-select, .switcher-box li a {color:#5c5c5c}
.switcher-select:hover, .switcher-box li a:hover {color:#111}
.switcher-box {border-top:1px solid #eee}
.switcher-box li a:hover img {opacity:90%}
.switcher.dark {border:1px solid #3d3d3d; background:#222}
.switcher.dark .switcher-select, .switcher.dark .switcher-box li a {color:#eee}
.switcher.dark .switcher-select:hover, .switcher.dark .switcher-box li a:hover {color:#fbdf5f}
.switcher.dark .switcher-box {border-top:1px solid #333}
.status.orange {background:#f59620; color:#fff}
.status.purple {background:#782fff; color:#fff}
.status.turquoise {background:#36cfba; color:#2e4a44}
.status.gray {background:#f4f5f6; color:#777; border:1px solid #dfdfdf}
.status.green {background:#22ca51; color:#fff}
.status.red {background:#fd5656; color:#fff}
.status.blue {background:#599be1; color:#fff}
.status-camera {color:#a2a0a0}
.status-number {color:#333; border-bottom:3px solid #333}
.status-number.dark {color:#eee; border-bottom:3px solid #eee}

/* PAGINATION */
.pagination, .pagination-comment, .pagination-product {width:100%; float:left; padding:10px 10px 5px 10px; box-sizing:border-box; border-radius:5px}
.pagination-magic, .pagination-comment div, .pagination-product ul {margin:0 auto; display:table; width:auto; font-size:11px; line-height:11px}
.pagination-magic .numbers {float:left}
.pagination-magic a, .pagination-magic span, .pagination-comment a, .pagination-comment span, .pagination-article span, .pagination-article a, .pagination-product a, .pagination-product span {padding:8px 20px; float:left; border-radius:20px; font-size:14px; line-height:14px; font-weight:600; margin:0 3px 5px 3px}
.pagination-magic.alt {border-radius:4px}
.pagination-magic.alt a {padding:10px 20px 13px 20px; border-radius:4px; font-size:15px; line-height:15px}
.pagination-comment {margin-bottom:20px}
.pagination-article {width:100%; float:left; text-align:center; padding:10px 0}
.pagination-article span, .pagination-article a {margin:0 2px; float:none; display:inline-block}
.pagination-product {padding-left:10px; padding-right:10px; box-sizing:border-box; margin-bottom:20px}
.pagination-product li {float:left}
.breadcrumb {font-size:14px; line-height:22px; font-weight:normal; float:left}
.breadcrumb span {display:none}
.breadcrumb mark {background:none; display:block; float:left}
.breadcrumb a {float:left}
.breadcrumb a:after {font:10px/10px "WP"; content:"@"; display:inline-block; padding:0 12px}
.breadcrumb a:hover {text-decoration:underline}
.breadcrumb.alt {width:100%; margin-bottom:10px}

.pagination, .pagination-comment, .pagination-product {background:#f7f7f7}
.pagination-magic a, .pagination-comment a, .pagination-article a, .pagination-product a {color:#555; background:#fff; border:1px solid #ddd}
.pagination-magic a:hover, .pagination-comment a:hover, .pagination-article a:hover, .pagination-product a:hover {color:#fff; background:#f23d4e; border:1px solid #f23d4e}
.pagination-magic span, .pagination-comment span, .pagination-article span, .pagination-product span {color:#fff; border:1px solid #8f959e; background:#8f959e}
.pagination-magic.alt a {background:#f3f3f3; border:1px solid #e6e4e4; color:#777}
.pagination-magic.alt a:hover {background:#f0f0f0; border:1px solid #e6e4e4; color:#888}
.pagination.dark {background:#171717}
.pagination.dark .pagination-magic span {color:#eee; border:1px solid #333; background:#333}
.pagination.dark .pagination-magic a {color:#eee; background:#5c5e60; border:1px solid #5c5e60}
.pagination.dark .pagination-magic a:hover {color:#333; background:#e1bd4f; border:1px solid #e1bd4f}
.breadcrumb a {color:#444}
.breadcrumb a:after {color:#888}
.breadcrumb a:hover {color:#f23d4e}
.breadcrumb.dark {color:#999}
.breadcrumb.dark a {color:#eee}
.breadcrumb.dark a:after {color:#bbb}
.breadcrumb.dark a:hover {color:#fbdf5f}

/* GO 1 */
.go-button {width:auto; margin:0 auto; padding:15px 50px; font-weight:600; font-size:15px; line-height:15px; display:table; border-radius:40px; box-sizing:border-box; text-align:center; text-decoration:none !important;}
.go-button.alt {border-radius:4px}
.go-top {padding:6px 10px 8px 10px; font-size:11px; line-height:11px; position:absolute; top:12px; right:0}
.go-top.fixed {float:right; margin-bottom:20px; position:static}
.go-flash {position:absolute; bottom:0; right:0; border-top-left-radius:5px; font-size:13px; height:36px; padding:0 10px; align-items:center; display:flex}
.go-flash span {font:20px/20px "WP"; margin-right:5px}
.go-flash:hover p {text-decoration:underline}
.go-size-chart {float:left; margin-bottom:20px; position:relative; padding-left:38px; font-size:14px; line-height:22px}
.go-size-chart {margin-right:40px; text-decoration:underline}
.go-size-chart:before {width:30px; height:15px; content:""; position:absolute; top:4px; left:0}
.go-size-chart:hover {text-decoration:underline}
.go-page {margin:0 auto; display:table; padding-top:15px}
.go-page a {padding:9px 30px 12px 30px; font-size:14px; line-height:14px; border-radius:25px; float:left}
.go-page.space {padding-top:20px}

.go-button {border:2px solid #333; color:#333}
.go-button.gray {border:2px solid #e1e1e1; color:#222; background:#e5e5e5}
.go-button.dark, .go-page.dark a {border:2px solid #4a4a4a; color:#eee; background:#222}
.go-button:hover, .go-page.dark a:hover {border:2px solid #444; background:#444; color:#fff}
.go-top {color:#898178}
.go-top:hover {background:#f23d4e; color:#fff}
.go-flash {background:rgba(0, 0, 0, 0.6); color:#fff}
.go-flash:hover {color:#eee}
.go-size-chart {color:#444}
.go-size-chart:hover {color:#f23d4e}
.go-size-chart:before {background:url('../images/icons/size-chart.svg') no-repeat; background-size:30px 15px}
.go-page a {border:2px solid #ccc; color:#637381; background:#fafafa}
.go-page a:hover {background:#f0f0f0; border:2px solid #e6e4e4; color:#888}

/* GO 2 */
.go-buy, .go-buy-actions, .go-buy-mask, .go-buy-box, .go-buy-text, .go-buy-extra, .go-buy-watch {width:100%; float:left}
.go-buy-actions, .go-buy-extra, .go-buy-watch {display:flex; flex-wrap:wrap; column-gap:10px; row-gap:10px}
.go-buy-action, .go-buy-link, .go-buy-button, .go-buy-ask, .go-buy-chat, .go-buy-neo {width:100%; height:60px; border-radius:6px; box-sizing:border-box; font-size:18px; line-height:18px; display:flex; justify-content:center; align-items:center}
.go-buy-action i {display:block; width:20px; height:18px; margin-left:8px; position:relative}
.go-buy-action i:before {content:">"; font:20px/20px "WP"; position:absolute; top:0; left:0}
.go-buy-action.active i:before {content:"="}
.go-buy-action {flex:1 1 0}
.go-buy-link {margin-bottom:10px}
.go-buy-ask {width:190px}
.go-buy-ask i {font:30px/30px "WPLine"; display:block; margin-right:5px}
.go-buy-mask {display:none}
.go-buy-box {display:flex; flex-wrap:wrap; column-gap:10px; row-gap:10px; box-sizing:border-box; border-radius:4px; margin-top:10px; position:relative; padding:10px}
.go-buy-box:before, .go-buy-box:after {content:''; position:absolute; border-style:solid; display:block; width:0}
.go-buy-box:before {border-width:0 8px 8px; z-index:0; top:-8px; left:14px}
.go-buy-box:after {border-width:0 7px 7px; z-index:1; top:-7px; left:15px}
.go-buy-chat {width:auto; flex:1 1 0; padding:0 12px; height:50px; font-size:16px; line-height:16px}
.go-buy-chat i, .go-buy-neo i {font:30px/30px "WP"; display:block; margin-right:5px}
.go-buy-chat i.alt {font:30px/30px "WPLine"}
.go-buy-text {font-size:13px; line-height:13px; margin:10px 0}
.go-buy-text.notop {margin-top:0}
.go-buy-text.alt {font-size:14px; line-height:14px}
.go-buy-extra.alt {column-gap:5px; row-gap:5px; margin-top:10px}
.go-buy-watch {margin-top:10px}
.go-buy-neo {width:auto; min-width:80px; padding:0 15px; height:40px; font-size:15px; line-height:15px}
.go-buy-neo:only-child {flex:none}
.go-buy-neo span {display:none; margin-right:5px; width:20px; height:20px}
.go-buy-neo i {display:none; font-size:20px; line-height:20px}
.go-buy-neo p {display:block}
.go-buy-neo.play {min-width:auto; padding:0 30px; height:44px}
.go-buy-neo.play p, .go-buy-neo.nighthawk p {display:none}
.go-buy-neo.play span {width:67px; display:block; margin-right:0}
.go-buy-neo.lazada span, .go-buy-neo.shopee i, .go-buy-neo.steam span, .go-buy-neo.gog span {display:block}
.go-buy-neo.netflix span, .go-buy-neo.vieon span {width:67px}
.go-buy-neo.wetv span {width:77px}
.go-buy-neo.youku, .go-buy-neo.gplay {padding:0 25px}
.go-buy-neo.youku span {width:91px}
.go-buy-neo.iqiyi span {width:61px}
.go-buy-neo.steam span, .go-buy-neo.gog span {width:24px; margin-right:5px}
.go-buy-neo.steam p, .go-buy-neo.gog p {display:block}
.go-buy-neo.tv360 span {width:59px}
.go-buy-neo.gplay span {width:98px}
.go-buy-neo.apple span {width:41px}
.go-buy-neo.nighthawk span {width:74px; height:30px; margin-right:0; display:block}
.go-buy-neo.alt {min-width:50px; padding:0 10px; height:30px; font-size:13px; line-height:13px; flex:none}
.go-buy-neo.alt span {width:17px; height:17px; margin-right:3px; background-size:17px 17px !important}
.go-buy-neo.alt i {font-size:17px; line-height:17px; margin-right:3px}

.go-buy-action {background:#1a73e8; color:#fff; border:2px solid #1a73e8}
.go-buy-action.purple {background:#5e5fca; color:#fff; border:2px solid #5e5fca}
.go-buy-action.orange {background:#f90; color:#fff; border:2px solid #f90}
.go-buy-action.gray {background:#ececec; color:#757575; border:2px solid #ececec}
.go-buy-action:hover, .go-buy-link:hover, .go-buy-button:hover, .go-buy-ask:hover, .go-buy-chat:hover, .go-buy-neo:hover {border:2px solid #444; background:#444; color:#fff}
.go-buy-link {color:#fff; background:#f0473d; border:2px solid #f0473d}
.go-buy-button {color:#888; border:2px solid #bbb}
.go-buy-ask {background:#e5e5e5; border:2px solid #e1e1e1; color:#444}
.go-buy-box {background:#fbfbfb; border:1px solid #e1e0e0; color:#484848}
.go-buy-box:before {border-color:#ddd transparent}
.go-buy-box:after {border-color:#fff transparent}
.go-buy-chat {color:#1c1e21; background:#e4e6eb}
.go-buy-chat:hover {border:0}
.go-buy-chat.msg:hover {color:#fff; background:#1787fb}
.go-buy-chat.wa:hover {color:#fff; background:#25D366}
.go-buy-chat.zalo:hover {color:#fff; background:#0168fe}
.go-buy-chat.in:hover {color:#fff; background:linear-gradient(180deg, #e2267b, #f26440)}
.go-buy-text {color:#777}
.go-buy-text.dark {color:#8c8c8c}
.go-buy-neo {color:#959595; background:#fbfbfb; border:2px solid #d7d7d7}
.go-buy-neo:hover {color:#fff !important; border:2px solid #222 !important; background:#222 !important}
.go-buy-neo.lazada {background:#0f156d; border:2px solid #0f156d; color:#fff}
.go-buy-neo.lazada span {background:url('../images/net/lazada.svg') no-repeat; background-size:20px 20px}
.go-buy-neo.shopee {background:#ee4d2d; border:2px solid #f53d2d; color:#fff}
.go-buy-neo.shopee i {color:#fff}
.go-buy-neo.netflix span {background:url('../images/net/netflix.svg') no-repeat}
.go-buy-neo.wetv span {background:url('../images/net/wetv.svg') no-repeat}
.go-buy-neo.youku span {background:url('../images/net/youku.svg') no-repeat}
.go-buy-neo.iqiyi span {background:url('../images/net/iqiyi.svg') no-repeat}
.go-buy-neo.steam span {background:url('../images/net/steam.svg') no-repeat}
.go-buy-neo.gog span {background:url('../images/net/gog.svg') no-repeat}
.go-buy-neo.tv360 span {background:url('../images/net/tv360.svg') no-repeat}
.go-buy-neo.gplay span {background:url('../images/net/galaxy.svg') no-repeat}
.go-buy-neo.apple span {background:url('../images/net/apple.svg') no-repeat}
.go-buy-neo.vieon span {background:url('../images/net/vieon.svg') no-repeat}
.go-buy-neo.nighthawk {background:#333; border:2px solid #333}
.go-buy-neo.nighthawk span {background:url('../images/net/nighthawk.svg') no-repeat; background-size:74px auto}
.go-buy-neo.alt {border:1px solid #d7d7d7}
.go-buy-neo.alt:hover {border:1px solid #222 !important}
.go-buy-neo.alt.lazada {border:1px solid #0f156d}
.go-buy-neo.alt.shopee {border:1px solid #f53d2d}
.go-buy-neo.dark {background:#1c1c1c; border:2px solid #1c1c1c; color:#ccc}
.go-buy-neo.dark:hover {background:#56575b; border:2px solid #56575b; color:#fff}

/* NEO 1 */
.neo, .neo-extra, .neo-navigator, .neo-menu, .neo-menu ul, .neo-content, .neo-section, .neo-heading, .neo-block, .neo-container, .neo-text {width:100%; float:left}
.neo-extra {padding:20px 0}
.neo-extra.nospace {padding:0}
.neo-menu ul {display:flex}
.neo-menu ul.alt {float:none; width:auto; margin:0 auto; display:table}
.neo-menu li {float:left; position:relative}
.neo-menu li a {padding:20px 40px; box-sizing:border-box; min-width:120px; font-size:17px; line-height:25px; text-align:center; float:left}
.neo-content.noborder {border:0}
.neo-primary {width:900px; margin-right:40px; padding-top:20px; position:relative}
.neo-secondary {width:340px; position:relative; padding-top:20px}
.neo-primary.space {padding-bottom:20px}
.neo-section, .neo-matrix-section {display:none}
.neo-section.alt {margin-bottom:20px}
.neo-heading {margin-bottom:10px; font-size:20px; line-height:30px; font-weight:600}
.neo-heading.center {text-align:center}
.neo-heading.alt {margin-bottom:20px; font-size:22px; line-height:32px}
.neo-heading.nospace {margin-bottom:0}
.neo-block.space {margin-bottom:20px}
.neo-text {margin-bottom:20px; font-size:14px; line-height:22px}
.neo-text span {font-weight:600}
.neo.omega .neo-menu {border-top:0}
.neo.sigma .neo-content {border-bottom:0}

.neo-extra {background:#fafafa; border-top:1px solid #eee}
.neo-menu {color:#212b37; background:#f7f7f7; border-top:1px solid #efefef}
.neo-menu li a {color:#647482; border-bottom:3px solid #f7f7f7}
.neo-menu li a.active {background:#fff; border-bottom:3px solid #603276; color:#0b0d0e}
.neo-content {border-top:1px solid #dedede; border-bottom:1px solid #dedede}
.neo-text {color:#444}
.neo-text span {color:#333}
.neo.omega .neo-content {border-top:1px solid #eee; border-bottom:1px solid #eee}

/* NEO 2 */
.neo-launch, .neo-launch ul, .neo-launch li, .neo-launch li a {width:100%; float:left}
.neo-launch {box-sizing:border-box}
.neo-launch li {position:relative; display:flex}
.neo-launch-main, .neo-launch-action {flex:1 1 0}
.neo-launch-main a {padding:10px; box-sizing:border-box; display:flex; column-gap:10px}
.neo-launch-main a img {width:45px; height:45px; float:left; box-sizing:border-box; background-size:45px 45px !important}
.neo-launch-main a div h3, .neo-launch-action h3 {font-size:13px; line-height:20px; font-weight:600; margin-bottom:2px}
.neo-launch-main a div p {font-size:12px; line-height:18px}
.neo-launch-sub {width:80px; padding:10px; box-sizing:border-box; display:flex; flex-direction:column}
.neo-launch-sub strong {font-weight:600}
.neo-launch-sub strong.heart {position:relative}
.neo-launch-sub strong.heart:after {font:13px/13px "WP"; content:"6"; position: absolute; top:2px; margin-left:2px}
.neo-launch-sub.a1, .neo-launch-sub.a2 {width:100px}
.neo-launch-sub.a0 {width:100px; text-align:right}
.neo-launch-action {padding:10px; box-sizing:border-box; display:flex; flex-direction:column}
.neo-launch li:hover a div h3 {text-decoration:underline}
.neo-launch.hub ul {float:none;}

.neo-launch {border:1px solid #ddd}
.neo-launch li {border-bottom:1px solid #eee}
.neo-launch li:last-child {border-bottom:0}
.neo-launch li.alt:nth-child(odd) {background:#fbfbfb}
.neo-launch li.headline {background:#f4f4f4}
.neo-launch-main a {color:#718083}
.neo-launch-main a div h3, .neo-launch-action h3 {color:#484848}
.neo-launch-main a img.i-post {background:url('../images/icons/i/article.svg') no-repeat}
.neo-launch-main a img.i-product {background:url('../images/icons/i/product.svg') no-repeat}
.neo-launch-main a img.i-a {background:url('../images/icons/i/a.svg') no-repeat}
.neo-launch-main a img.i-art {background:url('../images/icons/i/art.svg') no-repeat}
.neo-launch-main a img.i-b {background:url('../images/icons/i/b.svg') no-repeat}
.neo-launch-main a img.i-e {background:url('../images/icons/i/e.svg') no-repeat}
.neo-launch-main a img.i-recipe {background:url('../images/icons/i/recipe.svg') no-repeat}
.neo-launch-main a img.i-galaxy {background:url('../images/icons/i/galaxy.svg') no-repeat}
.neo-launch-main a img.i-person {background:url('../images/icons/i/cast.svg') no-repeat}
.neo-launch-main a img.i-character {background:url('../images/icons/i/character.svg') no-repeat}
.neo-launch-sub {color:#65676B}
.neo-launch-sub strong {color:#050505}
.neo-launch-sub strong.heart:after {color:#e51d4e}
.neo-launch-sub.a0 span {color:#118611}
.neo-launch-sub.a0 span.red {color:#cc2c24}
.neo-launch li:hover a div h3 {color:#f23d4e}

/* NEO 3 */
.neo-matrix, .neo-matrix-menu, .neo-matrix-content, .neo-matrix-section, .neo-matrix-block, .neo-matrix-heading {width:100%; float:left}
.neo-matrix-menu {margin-bottom:15px}
.neo-matrix-menu ul {display:flex}
.neo-matrix-menu li {margin-right:30px; float:left; position:relative}
.neo-matrix-menu li a {padding:14px 0; font-size:14px; line-height:22px; text-align:center; float:left}
.neo-matrix-menu li a.alt {padding-top:0}
.neo-matrix-menu li a.active {font-weight:600}
.neo-matrix-menu li:last-child {margin-right:0}
.neo-matrix-block {margin-bottom:20px}
.neo-matrix-block:last-child {margin-bottom:0}
.neo-matrix-heading {margin-bottom:10px; font-size:20px; line-height:30px; font-weight:600}

.neo-matrix-menu {border-bottom:1px solid #e5e5e5}
.neo-matrix-menu li a {border-bottom:3px solid transparent; color:#333}
.neo-matrix-menu li a.active {border-bottom:3px solid #3473aa; color:#3473aa}
.neo-matrix-menu li a:hover {border-bottom:3px solid #111}
.neo-matrix-menu.dark {border-bottom:1px solid #404040}
.neo-matrix-menu.dark li a {color:#eee}
.neo-matrix-menu.dark li a.active {color:#FFD875; border-bottom:3px solid #FFD875}
.neo-matrix-menu.dark li a:hover {color:#fff; border-bottom:3px solid #fff}
.neo-matrix-heading.dark {color:#fff}

/* RATING */
.rating {float:left; display:flex; align-items:center; column-gap:5px}
.rating.alt {float:right}
.rating-mobile {font-size:13px; line-height:13px; float:left; margin-top:5px; display:none}
.rating-mobile:before {font:14px/14px "WP"; margin-right:1px; float:left; content:"8"}
.rating-star {overflow:hidden; position:relative; height:18px; width:90px; margin-right:0 !important}
.rating-star:before, .rating-star div:before {position:absolute; top:0; left:0; font:18px/18px "WP"; content:":::::"}
.rating-star div {overflow:hidden; width:auto; height:18px; position:relative}
.rating-star div:before {content:"99999"}
.rating-star div span {display:none}
.rating-review {font-size:14px; line-height:14px}
.rating-review a:hover {text-decoration:underline}
.stars {display:inline-block; margin:0}
.stars a {position:relative; height:18px; width:18px; text-indent:-999em; display:inline-block; text-decoration:none; margin-right:1px}
.stars a:before {display:block; position:absolute; top:0; left:0; width:18px; height:18px; font:18px/18px "WP"; content:"9"; text-indent:0}

.rating-mobile {color:#999}
.rating-star:before {color:#b7b7b7}
.rating-star div:before {color:#ffc500}
.rating-review, .rating-review a {color:#888}
.rating-review a:hover {color:#f23d4e}
.rating.dark .rating-star:before {color:#888}
.rating.dark .rating-star div:before {color:#ffc500}
.stars a:before {color:#bbb}
.stars a:hover~a:before {color:#bbb}
.stars:hover a:before {color:#ffc500}
.stars.selected a.active:before {color:#ffc500}
.stars.selected a.active~a:before {color:#bbb}
.stars.selected a:not(.active):before {color:#ffc500}

/* COMMENT 1 */
.comments, .comment-heading, .comment-protect, .comment-pings, .comment-pings h3 {width:100%; float:left}
.comment-heading {font-size:15px; line-height:23px; margin-bottom:20px}
.comment-heading h3 {float:left}
.comment-heading-count {float:right; font-size:14px}
.comment-heading-count span {margin-left:10px; padding:3px 15px; font-weight:bold; border-radius:5px}
.comment-protect {padding:15px; font-size:14px; line-height:18px; text-align:center; margin-bottom:20px; box-sizing:border-box}
.comment-pings {margin-bottom:20px}
.comment-pings h3 {font-size:16px; list-style:16px; margin-bottom:5px}
.comment-pings li {width:100%; margin-top:2px; margin-bottom:5px; padding:0; border:0; background:none; float:left}
.comment-pings li cite {margin-right:8px; display:inline-block}
.comment-pings li cite a:hover {text-decoration:underline}
.comment-pings li span {display:inline-block}

.comment-heading {color:#2A2A2A}
.comment-heading-count {color:#34af37} 
.comment-heading-count span {background:#f5f5f5; color:#666; border:1px solid #b4b4b4}
.comment-protect {background:#ecebeb; color:#797b7c}
.comment-pings {color:#3a3a3a}
.comment-pings li cite a {color:#0084B4}
.comment-pings li cite a:hover {color:#c24328}

/* COMMENT 2 */
.comment-list, .comment-list li, .comment-author figure, .comment-text {width:100%; float:left}
.comment-list li {position:relative}
.comment-body {display:flex; position:relative}
.comment-avatar {margin-right:10px; display:flex; flex-direction:column; justify-content:start; align-items:flex-start; width:40px; position:relative}
.comment-avatar figure {padding-bottom:5px; position:relative; z-index:100}
.comment-avatar img {width:100%; max-width:100%; height:auto; float:left; border-radius:50%}
.comment-box {flex:1 1 0; position:relative; margin-bottom:20px}
.comment-author {margin-bottom:5px; font-size:13px; line-height:20px; float:left}
.comment-author a:hover, .comment-reply a:hover {text-decoration:underline}
.comment-author strong {font-size:14px}
.comment-date {margin-top:1px}
.comment-date:before {display:inline-block; content:"·"; margin:0 5px}
.comment-edit-link {margin-top:2px; margin-left:20px}
.comment-text {margin-bottom:10px; font-size:15px; line-height:23px}
.comment-text p {margin-bottom:20px}
.comment-text p:last-child {margin-bottom:0}
.comment-reply {float:left; font-size:14px; line-height:14px; font-weight:600}
.comment-list li.depth-1 {padding-top:20px}
.comment-list li.depth-1:first-child {padding-top:0}
.comment-list li.depth-1:last-child {border-bottom:0}
.comment-list li.parent .comment-avatar:after {content:""; position:absolute; height:100%; top:0; left:19px; width:20px}
.comment-list li li:last-child .comment-avatar:after {display:none}
.comment-list li li .comment-body:before {border-bottom-left-radius:8px; margin-left:19px; padding-right:19px; content: ""; position:relative; height:19px; margin-right:5px}
.comment-list li li li:last-child .comment-text {margin-bottom:0}
.comment-list li li li .comment-body:before {margin-left:64px}
.comment-list li li li .comment-avatar:after {display:none}
.comment-list li ul.children li:after {content:""; position:absolute; height:100%; top:0; left:19px; width:20px}
.comment-list li ul.children li:last-child:after {display:none}
.comment-list li ul.children ul.children li:after {left:64px}

.comment-avatar figure {background:#fff}
.comment-author, .comment-author a {color:#777}
.comment-author a:hover, .comment-reply a:hover {color:#f23d4e}
.comment-author strong a {color:#222}
.comment-date:before {color:#333}
.comment-edit-link {color:#f23d4e !important}
.comment-edit-link:hover {color:#646464 !important}
.comment-text p {color:#718083}
.comment-text p a {color:#f23d4e}
.comment-text p a:hover {color:#646464}
.comment-reply a {color:#666}
.comment-list li.depth-1 {border-bottom:2px solid #eee}
.comment-list li.parent:after {border-left:2px solid #ccc}
.comment-list li.parent .comment-avatar:after {border-left:2px solid #ccc}
.comment-list li ul.children li:after {border-left:2px solid #ccc}
.comment-list li ul.children ul.children li:after {border-left:2px solid #ccc}
.comment-list li li .comment-body:before {border-left:2px solid #ccc; border-bottom:2px solid #ccc}

/* COMMENT 3 */
.comment-respond, .comment-reply-title, .comment-form, .comment-notes, .comment-form label, .comment-form-cookies-consent {width:100%; float:left}
.comment-respond {margin-bottom:20px; position:relative; z-index:500}
.comment-respond a:hover {text-decoration:underline}
.comment-form label {float:left; margin-bottom:5px}
.comment-form input[type=text], .comment-form textarea {width:100%; font-size:14px; line-height:14px; box-sizing:border-box; float:left; padding:10px; margin-bottom:15px; border-radius:3px}
.comment-form textarea {line-height:22px; margin-bottom:5px}
.comment-reply-title {margin-bottom:3px; display:flex; justify-content:space-between}
.comment-notes {margin-bottom:15px; font-style:italic}
.logged-in-as {margin-bottom:15px}
.comment-form-cookies-consent {display:flex; margin-bottom:15px}
.comment-form-cookies-consent input[type=checkbox] {margin-top:3px; margin-right:8px}
.comment-form-cookies-consent label {margin-bottom:0}
.comment-form input.submit {padding:15px 80px; font-size:14px; line-height:14px; cursor:pointer; text-align:center; border-radius:3px; float:left;}
.comment-form-rating {float:left; margin-bottom:20px}

.comment-respond {color:#646262; background:#fff}
.comment-respond a {color:#08c}
.comment-respond a:hover {color:#f23d4e}
.comment-reply-title small:before {color:#222}
.comment-form label span {color:#e62117}
.comment-form input[type=text], .comment-form textarea {background:#fdfdfd; color:#222; border:1px solid #d9d9d9}
.comment-form input.submit {background:#fed86d; border:1px solid #e19e35; color:#966902}
.comment-form input.submit:hover {background:#f23d4e; border:1px solid #f23d4e; color:#fff}

/*--------------------------------------------------------------------------------------------------------------------*
 * RESPONSIVE & RETINA
/*--------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width:1023px) {
.e404 {padding:20px 0}
.e404-image {width:100%; margin-bottom:10px}
.e404-neo {width:100%}

.social {top:10px}
.social.alt {float:left}
.social.alt .social-stats-modal {right:auto; left:0}
.social.alt .social-stats-modal:before {right:auto; left:9px}
.social.alt .social-stats-modal:after {right:auto; left:10px}
.search.alt {margin-bottom:15px}

.control .bx-controls-direction a {font:12px/12px "WP"; width:32px; height:32px}
.control .bx-prev {left:-5px}
.control .bx-next {right:-5px}
.switcher {right:10px; top:10px}
.switcher.fixed {top:50px}
.switcher.alt {bottom:10px}
.switcher-select p {display:none}
.switcher-select.active p {display:block}
.status {left:8px; top:8px}
.status.out {padding:5px 8px 7px 8px; font-size:13px; line-height:13px}
.status-social {top:10px}
.status-social.magic {top:60px}

.pagination-comment {margin-bottom:15px}
.pagination-product {margin-bottom:15px}

.go-button {padding:12px 40px; font-weight:600; font-size:14px; line-height:14px}
.go-button.alt {margin-bottom:15px}
.go-top.fixed {margin:0 auto 15px auto; display:table; float:none}
.go-size-chart {margin-bottom:15px}

.go-buy-actions {flex-direction:column-reverse}
.go-buy-action {flex:auto}
.go-buy-ask {width:100%}
.go-buy-neo {padding:0 10px}
.go-buy-neo:only-child {padding:0 15px}
.go-buy-neo.lazada span, .go-buy-neo.shopee i {display:none}
.go-buy-neo:only-child {padding:0 15px}
.go-buy-neo:only-child.lazada span, .go-buy-neo:only-child.shopee i {display:block}
.go-buy-neo.alt {min-width:40px; height:28px; padding:0 6px;; font-size:12px; line-height:12px}
.go-buy-neo.alt span {width:16px; height:16px; background-size:16px 16px !important}
.go-buy-neo.alt i {font-size:16px; line-height:16px}

.neo-extra {padding:15px 0}
.neo-menu {padding:8px 0; box-sizing:border-box; background:#fafafa}
.neo-menu ul {flex-wrap:wrap; column-gap:8px; row-gap:8px}
.neo-menu ul.alt {display:flex; flex-wrap:wrap; justify-content:center}
.neo-menu li, .neo.omega .neo-menu li {width:146px}
.neo-menu li a {padding:12px 0; border-radius:3px; font-size:13px; line-height:13px; width:100%; background:#fefefe; border:1px solid #ddd; color:#888} 
.neo-menu li a.active {font-weight:bold; background:#eee; color:#888; border:1px solid #ddd}
.neo-menu li a:hover {background:#f23d4e; border:1px solid #f23d4e; color:#fff}
.neo-primary {width:100%; margin-right:0; padding-top:15px}
.neo-primary.space {padding-bottom:15px}
.neo-secondary {width:100%; padding:0; margin-top:15px}
.neo-section.alt {margin-bottom:15px}
.neo-heading.alt {margin-bottom:15px; font-size:20px; line-height:32px}
.neo-block.space {margin-bottom:15px}
    
.neo-launch-sub {display:none}
.neo-launch-sub.a0 {display:block}
    
.neo-matrix-menu {width:278px; overflow-x:scroll}
.neo-matrix-menu ul {width:370px}

.rating-star {display:none}
.rating-star.alt {display:block}
.rating-review {display:none}
.rating-review.alt {display:block}

.comment-heading {margin-bottom:15px}
.comment-protect {margin-bottom:15px}
.comment-pings {margin-bottom:15px}
.comment-avatar {margin-right:5px; width:30px}
.comment-box {margin-bottom:15px}
.comment-edit-link {display:none}
.comment-list li.depth-1 {padding-top:15px}
.comment-list li.parent .comment-avatar:after {left:14px; width:15px}
.comment-list li li .comment-body:before {margin-left:14px; padding-right:14px; height:15px}
.comment-list li li li .comment-body:before {margin-left:49px}
.comment-list li ul.children li:after {left:14px; width:15px}
.comment-list li ul.children ul.children li:after {left:49px}
.comment-respond {margin-bottom:15px}
}

@media only screen and (min-width:360px) and (max-width:1023px) {
.neo-menu li, .neo.omega .neo-menu li {width:166px}    
.neo-menu li a, .neo.omega .neo-menu li a {font-size:14px; line-height:14px}
.neo-launch-sub {display:flex}
.neo-launch-sub.a1 {display:none}
.neo-launch-sub.a2 {display:none}
.neo-launch-sub.a3 {display:none}
.neo-launch-sub.a4 {display:none}
.neo-matrix-menu {width:318px}
}

@media only screen and (min-width:375px) and (max-width:1023px) {
.status {left:10px; top:10px}
.neo-menu li, .neo.omega .neo-menu li {width:173px}
.neo-matrix-menu {width:323px}
.rating-mobile {display:block; margin-top:0}
}

@media only screen and (min-width:414px) and (max-width:1023px) {
.social-cmt {display:block}
.neo-menu li, .neo.omega .neo-menu li {width:186px}    
.neo-menu li a, .neo.omega .neo-menu li a {padding:15px 0}
.neo-matrix-menu {width:348px}
}

@media only screen and (min-width:480px) and (max-width:1023px) {
.e404-image {width:400px}

.social {top:15px}

.switcher {right:15px; top:15px}
.switcher.fixed {top:55px}
.switcher.alt {bottom:15px}
.status-social {top:15px}
.status-social.magic {top:65px}

.go-button {padding:12px 45px}
.go-top.fixed {margin:0; margin-bottom:15px; display:block; float:right}

.go-buy {flex-direction:row}
.go-buy-actions {flex-direction:row}
.go-buy-action {flex:1 1 0}
.go-buy-ask {width:190px}
.go-buy-neo.alt {min-width:50px; height:30px; padding:0 7px;; font-size:13px; line-height:13px}
.go-buy-neo.alt span {width:17px; height:17px; background-size:17px 17px !important}
.go-buy-neo.alt i {font-size:17px; line-height:17px}

.neo-menu li, .neo.omega .neo-menu li {width:148px}       
.neo-menu li a {padding:12px 0; font-size:13px; line-height:13px}
.neo-launch-sub.a4 {display:block}
.neo-matrix-menu {width:100%; overflow:visible}
.neo-matrix-menu ul {width:100%}

.comment-avatar {margin-right:10px}
}

@media only screen and (min-width:600px) and (max-width:1023px) {
.control .bx-controls-direction a {font:16px/16px "WP"; width:40px; height:40px}
.switcher-select p {display:block}

.go-buy-neo.lazada span, .go-buy-neo.shopee i {display:block}

.neo-menu li, .neo.omega .neo-menu li {width:188px}
.neo-menu li a {padding:15px 0; font-size:15px; line-height:15px}
.neo-launch-sub.a3 {display:block}

.comment-avatar {width:40px}
.comment-list li.parent .comment-avatar:after {left:19px; width:20px}
.comment-list li li .comment-body:before {margin-left:19px; padding-right:19px; height:19px}
.comment-list li li li .comment-body:before {margin-left:64px}
.comment-list li ul.children li:after {left:19px; width:20px}
.comment-list li ul.children ul.children li:after {left:64px}
}

@media only screen and (min-width:640px) and (max-width:1023px) {
.neo-menu li, .neo.omega .neo-menu li {width:201px}
.neo-launch-sub.a1 {display:flex}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
.social.alt {float:right}
.social.alt .social-stats-modal {right:0; left:auto}
.social.alt .social-stats-modal:before {right:9px; left:auto}
.social.alt .social-stats-modal:after {right:10px; left:auto}

.neo-menu li, .neo.omega .neo-menu li {width:179px}
.neo-heading.alt {font-size:22px; line-height:32px}
.neo-launch-sub.a2 {display:block}
}

@media only screen and (min-width:960px) and (max-width:1023px) {
.e404-neo {width:920px}

.go-button.alt {margin-bottom:20px}
.go-top.fixed {margin-bottom:20px}

.neo-extra {padding:20px 0}
.neo-menu ul.alt {padding:0 20px; box-sizing:border-box}
.neo-menu li, .neo.omega .neo-menu li {width:177px}
.neo-primary {width:800px; margin:0 auto; display:table; float:none; padding-top:20px}
.neo-primary.space {padding-bottom:20px}
.neo-secondary {margin-top:0}
.neo-section.alt {margin-bottom:20px}
.neo-block.space {margin-bottom:20px}

.pagination-comment {margin-bottom:20px}
.pagination-product {margin-bottom:20px}

.comment-heading {margin-bottom:20px}
.comment-protect {margin-bottom:20px}
.comment-pings {margin-bottom:20px}
.comment-box {margin-bottom:20px}
.comment-list li.depth-1 {padding-top:20px}
.comment-respond {margin-bottom:20px}
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
.e404 {padding:30px 0}

.search.alt {margin-bottom:15px}

.control .bx-prev {left:-10px}
.control .bx-next {right:-10px}
.switcher {right:15px; top:15px}
.switcher.fixed {top:55px}
.switcher.alt {bottom:15px}
.status-social {top:15px}
.status-social.magic {top:65px}

.go-button.alt {margin-bottom:15px}
.go-top.fixed {margin-bottom:15px}

.pagination-comment {margin-bottom:15px}
.pagination-product {margin-bottom:15px}

.neo-extra {padding:15px 0}
.neo-menu li a {padding:20px 30px; font-size:16px; line-height:24px}
.neo-primary {width:660px; margin-right:20px; border-right:0; padding-top:15px}
.neo-primary.space {padding-bottom:15px}
.neo-secondary {padding-top:15px; width:320px}
.neo-section {width:100%}
.neo-section.alt {margin-bottom:15px}
.neo-heading.alt {margin-bottom:15px}

.rating-mobile {display:block; margin-top:0}
.rating.alt .rating-star {display:none}
.comment-heading {margin-bottom:15px}
.comment-protect {margin-bottom:15px}
.comment-pings {margin-bottom:15px}
.comment-box {margin-bottom:15px}
.comment-edit-link {display:none}
.comment-list li.depth-1 {padding-top:15px}
.comment-respond {margin-bottom:15px}
}

@media only screen and (min-width:1280px) and (max-width:1679px) {
.neo-primary {width:800px; margin-right:30px}
}