@charset "utf-8";
@font-face {font-family:'WP';
    src: url('../fonts/WP.eot');
    src: url('../fonts/WP.eot?#iefix') format('embedded-opentype'),
         url('../fonts/WP.woff') format('woff'),
         url('../fonts/WP.ttf') format('truetype'),
         url('../fonts/WP.svg#WP') format('svg');
}
@font-face {font-family:'WPLine';
    src: url('../fonts/WPLine.eot');
    src: url('../fonts/WPLine.eot?#iefix') format('embedded-opentype'),
         url('../fonts/WPLine.woff') format('woff'),
         url('../fonts/WPLine.ttf') format('truetype'),
         url('../fonts/WPLine.svg#WPLine') format('svg');
}
@font-face {font-family:'WPGlobal';
    src: url('../fonts/WPGlobal.eot');
    src: url('../fonts/WPGlobal.eot?#iefix') format('embedded-opentype'),
         url('../fonts/WPGlobal.woff') format('woff'),
         url('../fonts/WPGlobal.ttf') format('truetype'),
         url('../fonts/WPGlobal.svg#WPLine') format('svg');
}

* {margin:0; padding:0}
html,div,ul,ol,li,h1,h2,h3,h4,h5,h6 {margin:0; padding:0}
ul,ol {list-style:none}
img {border:none; outline:none}
a {text-decoration:none; outline:none}
figure {margin:0}
body {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-size:13px; line-height:20px}
#container {width:100%; height:auto; max-width:1920px; margin:0 auto; display:table}

/*--------------------------------------------------------------------------------------------------------------------*
 * DEFAULT
/*--------------------------------------------------------------------------------------------------------------------*/
/* HEADER */
.header {width:100%; box-sizing:border-box; z-index:800; position:relative; float:left}
.header-core {margin:0 auto; display:table; width:1280px; position:relative; z-index:100}
.header-one {width:100%; box-sizing:border-box; height:50px; float:left; position:relative}
.header-one-logo {width:130px; height:auto; padding:12px 0; float:left}
.header-one-logo img {width:100%; max-width:100%; height:auto; float:left}
.header-one.fixed {position:fixed; top:auto}
.header-one.elegant, .header-one.retro {height:60px}
.header-one.elegant .header-one-logo {padding:17px 0}
.header-one.retro .header-one-logo {padding:12px 0}
.header-mask {display:flex; width:100%; float:left}

.header-one {background:#fff; border-bottom:1px solid #eee}
.header-one.dark {background:#191a1c; border-bottom:1px solid #23292f}

/* HEADER - GLOBAL */
.header-global {width:100%; float:left; box-sizing:border-box; height:40px; position:relative; z-index:300}
.header-global-start {float:right; position:relative}
.header-global-logo {width:36px; height:27px; float:left; margin:6px 0; padding-left:40px; transition:all .2s}
.header-global-logo:hover {opacity:0.8}
.header-global-logo img {width:100%; max-width:100%; height:auto; float:left}
.header-global-icon {padding-top:8px; padding-left:40px; float:left; transition:color .2s}
.header-global-icon i {font:24px/24px "WP"; box-sizing:border-box; float:left; display:none}
.header-global-icon i.alt {font-family:"WPLine"}
.header-global-icon span {float:left}
.header-global-icon.support {position:relative; z-index:200}
.header-global-menu {float:left; position:relative; height:40px}
.header-global-menu-box {float:left}
.header-global-menu-box ul, .header-global-menu-box li, .header-global-menu-box li a {float:left}
.header-global-menu-box ul.alt {display:none}
.header-global-menu-box li a {padding-top:8px; padding-bottom:10px; margin-right:30px; transition:color .2s; font-weight:600; text-transform:uppercase; font-size:14px}
.header-global-menu-icon, .header-global-menu-icon-ex {font:24px/24px "WP"; box-sizing:border-box; float:left; height:100%; display:none; padding-top:8px}
.header-global-menu-icon-ex {display:block; float:right}
.header-global-menu-icon-ex:before {content:"0"; display:block;}
.header-global-menu-icon-ex.active:before {content:"2"}
.header-global-search {float:right; position:relative}
.header-global-search i {font:20px/20px "WPLine"; position:absolute; top:10px; right:15px; z-index:40; width:20px; height:20px}
.header-global-search input {width:300px; height:40px; float:left; border:0; padding:6px 40px 8px 15px; box-sizing:border-box; border-radius:0; background:none}
.header-global-search.alt {display:none}

.header-global {background:#0b0d12; color:#fff}
.header-global-icon {color:#ccc}
.header-global-icon i {color:#777}
.header-global-icon:hover {color:#fff}
.header-global-icon:hover i {color:#fff}
.header-global-menu-box li a {color:#999}
.header-global-menu-box li a.active {color:#eee; border-bottom:2px solid #eee}
.header-global-menu-box li a:hover {color:#fff; border-bottom:2px solid #fff}
.header-global-menu-icon, .header-global-menu-icon-ex {color:#777}
.header-global-menu-icon:hover, .header-global-menu-icon-ex:hover {color:#fff}
.header-global-search i {color:#888}
.header-global-search input {color:#999; background:#444}

/* HEADER - PROFILE */
.header-profile {float:left; position:relative; z-index:200}
.header-profile-box {position:absolute; top:40px; right:0; z-index:200; box-sizing:border-box; width:300px; display:none}
.header-profile-box:before {content:''; position:absolute; border-style:solid; display:block; width:0; border-width:0 7px 7px; z-index:0; top:-7px; right:8px}
.header-profile-form, .header-profile-action, .header-profile-info {width:100%; float:left; padding:10px; box-sizing:border-box; position:relative}
.header-profile-form h3 {margin-bottom:10px}
.header-profile-form label {margin-bottom:4px; display:block}
.header-profile-field {padding:8px; margin-bottom:10px; outline:none; border-radius:0; box-sizing:border-box; width:100%; float:left}
.header-profile-submit {padding:7px 20px 10px 20px; cursor:pointer; border:none; font-size:14px; line-height:22px; float:left}
.header-profile-check {float:left; margin-left:20px; margin-top:10px}
.header-profile-check input {float:left; margin:1px 5px 0 0}
.header-profile-check span {line-height:13px; float:left}
.header-profile-action {text-align:center}
.header-profile-action p {margin-bottom:12px; font-size:14px; line-height:22px}
.header-profile-action a {text-align:center; padding:5px 0 8px 0; margin-right:4%; width:48%; float:left; box-sizing:border-box; font-weight:bold}
.header-profile-action a:last-child {margin-right:0}
.header-profile-action a.alt {width:100%}
.header-profile-info h4, .header-profile-info span {width:70%; float:right}
.header-profile-info-image {width:26%; float:left}
.header-profile-info-image img {width:100%; max-width:100%; height:auto; float:left}
.header-profile-info-image img {border-radius:50%}

.header-profile-box {background:#fff; border:1px solid #bbb; box-shadow:0 3px 8px rgba(0, 0, 0, .25)}
.header-profile-box:before {border-color:#ddd transparent}
.header-profile-form {color:#71716e}
.header-profile-field {border:1px solid #dbe6ec; color:#333; background:#fafbfd}
.header-profile-submit {background:#0c94f7; color:#fff}
.header-profile-submit:hover {background:#f23d4e; color:#fff}
.header-profile-action {background:#f9f9f9}
.header-profile-action p {color:#444}
.header-profile-action a {color:#aaa; background:#fff; border:2px solid #bbb}
.header-profile-action a.red {background:#e2431e !important; color:#fff !important; border:2px solid #e2431e !important}
.header-profile-action a:hover {background:#f23d4e !important; color:#fff !important; border:2px solid #f23d4e !important}
.header-profile-info h4 {color:#f23d4e}
.header-profile-info a {color:#1b94d9}
.header-profile-info a:hover {color:#f23d4e}
.header-profile-info span {color:#999}
.header-profile-info span.alt {color:#777}
.header-profile-box.dark {background:#18191a; border:1px solid #38393a}
.header-profile-box.dark:before {border-color:#2b2b2b transparent}
.header-profile-box.dark .header-profile-action {background:#242526}
.header-profile-box.dark .header-profile-action a {color:#b0b3b8; background:#303031; border:2px solid #3a3b3c}

/* HEADER - LAUNCH 1 */
.header-launch {float:right; padding-right:5px; position:relative; display:flex; justify-content:flex-end}
.header-launch-icons {display:flex; column-gap:40px; align-items:center; flex-direction:row-reverse; height:50px}
.header-launch-icon {position:relative; z-index:200; transition:color .2s}
.header-launch-icon i {font:28px/28px "WP"; box-sizing:border-box; float:left}
.header-launch-icon i.alt {font-family:"WPLine"}
.header-launch-icon span {padding:2px 5px 3px 5px; border-radius:20px; font-size:10px; line-height:10px; font-weight:bold; position:absolute; top:-3px; right:-3px}
.header-launch-icon p {display:none}
.header-launch-icon.menu {display:none}
.header-launch-icon.search-btn.alt {display:none}
.header-launch-icon:after {content:''; position:absolute; border-style:solid; display:none; border-width:0 7px 7px; z-index:21; top:33px; right:7px}
.header-launch-icon.active:after {display:block}
.header-launch-icons.elegant, .header-launch-icons.retro {height:60px}
.header-launch-icons.elegant .header-launch-icon:after, .header-launch-icons.retro .header-launch-icon:after {top:37px}
.header-launch-section {float:left; position:relative; display:none}
.header-launch-box {position:absolute; top:50px; right:0; z-index:100; box-sizing:border-box; width:300px}
.header-launch-sections.elegant .header-launch-box {top:60px}
.header-launch-sections.retro .header-launch-box {top:60px; border-radius:8px}

.header-launch-icon {color:#65676b}
.header-launch-icon.active {color:#050505}
.header-launch-icon:hover {color:#ff1e3c}
.header-launch-icon span {background:#ff3d3d; color:#fff}
.header-launch-icon:after {border-color:#ddd transparent}
.header-launch-icon.dark {color:#75777b}
.header-launch-icon.dark.active {color:#e4e6eb}
.header-launch-icon.dark:hover {color:#fbdf5f}
.header-launch-icon.dark:after {border-color:#3d3d3d transparent}
.header-launch-box {background:#fff; border:1px solid #ddd; box-shadow:0px 4px 21px -5px rgba(0,0,0,.2)}
.header-launch-box.dark {background:#232323; border:1px solid #303030; box-shadow:none}

/* HEADER - LAUNCH 2 */
.header-launch-list {display:flex; flex-direction:column}
.header-launch-list li {width:100%; display:list-item}
.header-launch-list li a, .header-launch-more {width:100%; float:left}
.header-launch-list li a {padding:6px 10px 9px 10px; position:relative; box-sizing:border-box}
.header-launch-list li:last-child a {border-bottom:none !important}
.header-launch-list li a img {width:50px; height:50px; float:left; margin-right:10px; box-sizing:border-box; background-size:50px 50px !important}
.header-launch-list li a div {float:left; width:218px}
.header-launch-list li a div h3 {font-size:13px; line-height:20px; font-weight:600; margin-bottom:2px}
.header-launch-list li a div p {font-size:12px; line-height:18px}
.header-launch-more {font-weight:600; padding:5px 0 8px 0; text-align:center; box-sizing:border-box}
.header-launch-more:hover {text-decoration:underline}
.header-launch-nothing {padding:20px; box-sizing:border-box; width:100%; float:left; text-align:center}
.header-launch-block {display:grid; padding:10px; box-sizing:border-box; width:100%; grid-template-columns:repeat(3, 1fr)}
.header-launch-block li {display:list-item}
.header-launch-block li a {display:flex; flex-direction:column; align-items:center; box-sizing:border-box; padding:10px 5px; border-radius:5px}
.header-launch-block li a i {width:40px; height:40px; padding-top:9px; font:20px/20px "WP"; text-align:center; border-radius:50%; box-sizing:border-box; display:table; margin:0 auto}
.header-launch-block li a i.alt {font-family:"WP"}
.header-launch-block li a i.big {font-size:40px; line-height:40px; padding-top:0}
.header-launch-block li a span {margin-top:3px}

.header-launch-list li a {color:#718083; border-bottom:1px solid #eee}
.header-launch-list li a h3 {color:#484848}
.header-launch-list li a:hover {background:#f8f8f8}
.header-launch-list li a img.i-post {background:url('../images/icons/i/article.svg') no-repeat}
.header-launch-list li a img.i-product {background:url('../images/icons/i/product.svg') no-repeat}
.header-launch-list li a img.i-a {background:url('../images/icons/i/a.svg') no-repeat}
.header-launch-list li a img.i-art {background:url('../images/icons/i/art.svg') no-repeat}
.header-launch-list li a img.i-b {background:url('../images/icons/i/b.svg') no-repeat}
.header-launch-list li a img.i-c {background:url('../images/icons/i/c.svg') no-repeat}
.header-launch-list li a img.i-e {background:url('../images/icons/i/e.svg') no-repeat}
.header-launch-list li a img.i-w {background:url('../images/icons/i/w.svg') no-repeat}
.header-launch-list li a img.i-p {background:url('../images/icons/i/product.svg') no-repeat}
.header-launch-list li a img.i-recipe {background:url('../images/icons/i/recipe.svg') no-repeat}
.header-launch-list li a img.i-galaxy {background:url('../images/icons/i/galaxy.svg') no-repeat}
.header-launch-list li a img.i-person {background:url('../images/icons/i/cast.svg') no-repeat}
.header-launch-list li a img.i-character {background:url('../images/icons/i/character.svg') no-repeat}
.header-launch-list.dark li a {color:#bbb; border-bottom:1px solid #333}
.header-launch-list.dark li a h3 {color:#fff}
.header-launch-list.dark li a:hover {background:#111}
.header-launch-more {background:#fafafa; border-top:1px solid #ddd; color:#2481c9}
.header-launch-more:hover {color:#ff1e3c}
.header-launch-more.dark {background:#333; border-top:1px solid #464646; color:#54a1dd}
.header-launch-more.dark:hover {color:#fbdf5f}
.header-launch-nothing {color:#666}
.header-launch-block li a {border:1px solid #fff}
.header-launch-block li a:hover {border:1px solid #eee}
.header-launch-block li a i {color:#fff}
.header-launch-block li a i.call {background:#2ee09d}
.header-launch-block li a i.fb {background:#4267b2}
.header-launch-block li a i.in {background:linear-gradient(180deg,#e2267b,#f26440)}
.header-launch-block li a i.x {background:#000}
.header-launch-block li a i.yt {color:#ff0000}
.header-launch-block li a i.sk {color:#1eb7ec}
.header-launch-block li a i.sh {color:#f53d2d}
.header-launch-block li a i.zl {color:#0168fe}
.header-launch-block li a i.pi {color:#e60023}
.header-launch-block li a i.li {color:#0077b5}
.header-launch-block li a i.be {color:#4176fa}
.header-launch-block li a i.wa {color:#25D366}
.header-launch-block li a i.la {background:url('../images/net/lazada.svg') no-repeat}
.header-launch-block li a span {color:#555}
.header-launch-block.dark li a {border:1px solid #232323}
.header-launch-block.dark li a span {color:#c6c6c6}
.header-launch-block.dark li a:hover {border:1px solid #444; background:#111}

/* HEADER - SEARCH */
.header-search-icon {margin-left:20px; position:relative; display:flex; column-gap:5px; transition:color .2s}
.header-search-icon:after {content:''; position:absolute; border-style:solid; display:none; border-width:0 7px 7px; z-index:1; top:34px; right:5px}
.header-search-icon span {margin-top:5px; font-style:italic; font-size:14px; line-height:14px}
.header-search-icon i {font:22px/22px "WPLine"}
.header-search-icon.active:before, .header-search-icon.active:after {display:block}
.header-search {position:absolute; top:50px; left:0; width:100%; display:none}
.header-search-box {width:100%; padding:120px 0 140px 0; box-sizing:border-box; float:left}
.header-search-content {margin:0 auto; width:800px; display:table}
.header-search-content form {box-sizing:border-box}
.header-search-content form label {display:none}
.header-search-content form input {display:block; background:none; border:0; font-size:44px; line-height:44px; width:100%; text-align:center; padding:20px; margin-bottom:25px; white-space:nowrap; box-sizing:border-box; float:left}
.header-search-content form button {margin:0 auto; display:table; letter-spacing:2px; font-size:12px; line-height:12px; font-weight:500; text-transform:uppercase; background:0; border:0; cursor:pointer; padding:0 50px}
.header-search.elegant {top:60px}

.header-search-icon {color:#888}
.header-search-icon i {color:#a98860}
.header-search-icon:hover {color:#293340}
.header-search-icon:after {border-color:#ddd transparent}
.header-search-icon.dark:after {border-color:#3d3d3d transparent}
.header-search-icon.dark.elegant i {color:#65676b}
.header-search-icon.dark.elegant:hover {color:#eee}
.header-search {background:#fff; border:1px solid #ddd; box-shadow:0px 4px 21px -5px rgba(0,0,0,.2)}
.header-search-content form input {border-bottom:1px solid #dbdbdb; color:#748796}
.header-search-content form button {color:#293340}
.header-search.dark {background:#111; border:1px solid #222; box-shadow:none}
.header-search.dark .header-search-content form input {border-bottom:1px solid #2f2f2f; color:#fff}
.header-search.dark .header-search-content form button {color:#5e5e5e}

/* FOOTER */
.footer, .footer-top, .footer-group1, .footer-group2, .footer-group3, .footer-nav, .footer-intouch-text, .footer-divider, .footer-info, .footer-info ul, .footer-connect, .footer-extra, .footer-extra-list, .footer-extra-section, .footer-honor, .footer-network {width:100%; float:left}
.footer-top {padding:13px 0; font-size:14px; line-height:14px; text-align:center}
.footer-group1, .footer-group2, .footer-group3 {padding:15px 0}
.footer-core {margin:0 auto; display:table; width:1280px; position:relative}
.footer-nav {box-sizing:border-box; width:75%}
.footer-nav.elegant {width:auto; float:none; margin:0 auto; display:table}
.footer-nav.business {width:50%; padding:0 10px}
.footer-intouch {width:25%; float:left; font-size:14px; line-height:22px; display:flex; flex-direction:column; box-sizing:border-box}
.footer-intouch h3 {margin-bottom:5px; text-transform:uppercase; font-size:15px; line-height:23px}
.footer-intouch a:hover, .footer-copyright a, .footer-last a:hover {text-decoration:underline}
.footer-divider {height:2px; margin:20px 0}
.footer-divider.alt {margin:15px 0}
.footer-divider.w30 {width:30%}
.footer-divider.w40 {width:40%}
.footer-divider-star {margin:0 auto; margin-bottom:25px; display:table; padding-left:15px}
.footer-divider-star:after {font:14px/14px "WP"; content:'999'; letter-spacing:15px; float:left}
.footer-info ul {display:flex; flex-direction:column; row-gap:10px}
.footer-info li {display:flex; column-gap:10px}
.footer-info li span {font:24px/24px "WPLine"}
.footer-copyright {float:left; box-sizing:border-box; padding-right:20px}
.footer-copyright-section {float:left}
.footer-copyright.business {width:75%}
.footer-copyright.business .footer-copyright-section {width:100%}
.footer-logo {width:120px; height:24px; float:left; margin-right:20px}
.footer-logo img {width:100%; max-width:100%; height:auto; float:left}
.footer-logo.elegant {height:auto; float:none; margin:0 auto; display:table; padding:25px 0}
.footer-logo.business {margin-bottom:10px}
.footer-last {float:left; margin-left:20px}
.footer-last a {font-weight:500; text-decoration:none}
.footer-last span {margin:0 8px}
.footer-last.shopify, .footer-last.business {float:right; margin-left:0}
.footer-connect {width:25%; float:right}
.footer-connect ul {float:right}
.footer-connect li {display:inline; float:left; margin-left:20px}
.footer-connect li a {float:left; font:14px/14px "WP"; border-radius:50%; text-align:center; width:22px; height:22px; padding-top:4px; box-sizing:border-box}
.footer-connect.shopify {width:auto; margin-top:2px}
.footer-connect.business {width:100%; float:left}
.footer-connect.business ul {float:left}
.footer-connect.business li {margin-left:0; margin-right:15px}
.footer-extra {width:25%; box-sizing:border-box}
.footer-extra-list li {float:left; margin-bottom:20px}
.footer-extra-list li:last-child {margin-bottom:0}
.footer-extra-list div {float:left; line-height:normal}
.footer-extra-list div svg {width:30px; height:30px; margin-right:6px}
.footer-extra-list h3 {margin-top:5px; font-size:18px; line-height:18px; font-weight:500; min-height:28px}
.footer-extra-list h4 {padding-left:36px; float:left; font-size:16px; line-height:24px; font-weight:normal}
.footer-extra-list li a:hover h3 {text-decoration:underline}
.footer-extra-section {margin-bottom:20px}
.footer-extra-section:last-child {margin-bottom:0}
.footer-extra-section h3 {margin-bottom:5px; text-transform:uppercase; font-size:15px; line-height:23px}
.footer-honor {padding:10px 0 30px 0}
.footer-network ul {float:left}
.footer-network li {display:inline; float:left; margin-right:10px; margin-bottom:10px}
.footer-network li a {float:left; width:40px; height:40px}
.footer-network li a img {width:100%; max-width:100%; height:auto; float:left}
.footer-up {width:40px; height:28px; padding-top:12px; bottom:10px; right:10px; cursor:pointer; opacity:0.8; position:fixed; z-index:90; border-radius:50%; font:14px/14px "WP"; text-align:center; display:none}

.footer {border-top:1px solid #eee}
.footer-top {background:#f1f1f1; color:#434343}
.footer-top:hover {background:#eee}
.footer-group1 {background:#f7f7f7}
.footer-group1.nobg {background:none !important}
.footer-group2 {border-top:1px solid #eee; background:#fff}
.footer-group2.nobg {background:none !important}
.footer-group3 {border-bottom:1px solid #eee}
.footer-intouch {color:#333}
.footer-intouch h3 {color:#111}
.footer-intouch a {color:#919191}
.footer-intouch a:hover, .footer-copyright a:hover, .footer-last a:hover {color:#ff1e3c}
.footer-divider {background:#ddd}
.footer-divider-star:after {color:#a98860}
.footer-info li p {color:#626060}
.footer-copyright, .footer-last {color:#626060}
.footer-copyright a {color:#919191}
.footer-last a {color:#333}
.footer-last.elegant a:hover {color:#a98860}
.footer-connect li a {color:#eee; background:#444}
.footer-connect li a:hover {background:#ff1e3c; color:#fff}
.footer-connect.elegant li a:hover {background:#a98860}
.footer-extra-list div svg {fill:#ff1e3c}
.footer-extra-list h3 {color:#111}
.footer-extra-list h4 {color:#626262}
.footer-extra-list li a:hover h3 {color:#ff1e3c}
.footer-extra-section h3 {color:#111}
.footer-honor {background:#f7f7f7}
.footer-up {background:#4198d3; color:#fff}
.footer-up:hover {background:#222; color:#fff}
.footer.dark {background:#242526; border-top:1px solid #282828}
.footer.dark .footer-top {background:#303031; color:#fff}
.footer.dark .footer-top:hover {background:#3a3b3c}
.footer.dark .footer-group1 {background:#242526}
.footer.dark .footer-group2 {border-top:1px solid #111; background:#18191a}
.footer.dark .footer-group3 {border-bottom:1px solid #484848}
.footer.dark .footer-intouch {color:#eee}
.footer.dark .footer-intouch h3 {color:#fff}
.footer.dark .footer-intouch a {color:#918e8e}
.footer.dark .footer-intouch a:hover {color:#fbdf5f}
.footer.dark .footer-divider {background:#484848}
.footer.dark .footer-info li p {color:#b8b8b8}
.footer.dark .footer-copyright, .footer.dark .footer-last {color:#8f9195}
.footer.dark .footer-copyright a {color:#cac4c4}
.footer.dark .footer-copyright a:hover, .footer.dark .footer-last a:hover {color:#fbdf5f}
.footer.dark .footer-last a {color:#eee}
.footer.dark .footer-last.elegant a:hover {color:#a98860}
.footer.dark .footer-connect li a {color:#222; background:#8a8a8c}
.footer.dark .footer-connect li a:hover {background:#e1bd4f; color:#222}
.footer.dark .footer-connect.elegant li a:hover {background:#a98860}
.footer.dark .footer-extra-list h3 {color:#eee}
.footer.dark .footer-extra-list h4 {color:#8f9195}
.footer.dark .footer-extra-list div svg {fill:#fbdf5f}
.footer.dark .footer-extra-section h3 {color:#fff}
.footer.dark .footer-extra li a:hover h3 {color:#e1bd4f}
.footer.dark .footer-honor {background:#262625}

/* CONTENT */
.content, .content-wide, .content-heading, .content-mini, .content-block, .content-mask, .cargo, .container {width:100%; float:left}
.content {position:relative}
.content.fixed {padding-top:40px}
.content-wide {padding:20px 0}
.content-wide.nospace {padding:0}
.content-core {width:1280px; display:table; margin:0 auto; position:relative}
.content-core.space {padding-top:20px}
.content-core.space-btm {padding-bottom:20px}
.content-core.omega {display:flex}
.content-core.clean {display:flex; flex-direction:column; padding:20px 0}
.content-core.clean-alt {display:flex; flex-direction:column; padding-top:20px}
.content-core.classic {padding-top:20px; display:flex}
.content-heading {position:relative; z-index:100}
.content-heading h2 {font-size:36px; line-height:40px; font-weight:600}
.content-heading h3 {font-size:30px; line-height:30px; font-weight:600}
.content-heading h4 {font-size:24px; line-height:32px; font-weight:600}
.content-heading span {margin-left:8px; font-weight:normal}
.content-heading.s1 {margin-bottom:30px}
.content-heading.s1-both {margin:30px 0}

.content-heading.s2b {margin-top:20px}
.content-heading.s3 {margin-bottom:15px}
.content-heading.center {text-align:center}
.content-heading-flex {display:flex; justify-content:space-between; align-items:center; margin-bottom:15px}
.content-heading-flex h3 {font-size:26px; line-height:26px; font-weight:600}
.content-heading-flex div a {height:32px; padding:0 18px; display:flex; align-items:center; border-radius:50px}
.content-heading-flex div a span {margin-right:5px; font-size:13px; line-height:13px; font-weight:500}
.content-heading-flex div a i {font:11px/11px 'WP'}
.content-mini {padding-top:15px}
.content-mini.alt {margin-bottom:20px; padding-top:0}
.content-mini-one {font-size:14px; line-height:22px; float:right}
.content-mask {margin-bottom:20px}
.content-mask.alt {display:none}
.content-block.outsider {padding-top:20px; margin-bottom:20px}
.cargo {display:none}
.cargo#main-cargo {display:block}
.primary {width:900px; margin-right:40px; position:relative}
.primary.clean {margin:0 auto; display:table}
.primary.classic {width:950px; margin-right:0}
.secondary {width:340px; position:relative}
.secondary.clean {width:100%}
.secondary.classic {width:290px; margin-right:40px}

.content-heading h2 {color:#212b35}
.content-heading h3 {color:#2c3543}
.content-heading span {color:#6b727b}
.content-heading.dark {color:#fff}
.content-heading.dark h3 {color:#eee}
.content-heading-flex div a {background:#fff; border:2px solid #333; color:#333; box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2);}
.content-heading-flex div a:hover {border:2px solid #444; background:#444; color:#fff}
.content-mini {color:#666}
.content-block.outsider {border-top:2px solid #eee}

/*--------------------------------------------------------------------------------------------------------------------*
 * RESPONSIVE & RETINA
/*--------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width:1023px) {
html {-webkit-text-size-adjust:100%; /* Prevent font scaling in landscape */}
#container {max-width:100%}
    
.header-core {width:300px}
.header-mask {display:block; width:auto; float:none}

.header-global-logo {display:none}
.header-global-icon {padding-left:26px}
.header-global-icon i {display:block}
.header-global-icon span {display:none}
.header-global-icon.profile {margin-right:2px}
.header-global-icon.support {display:none}
.header-global-menu {float:right}
.header-global-menu-box {width:150px; float:none; display:none; box-sizing:border-box; position:absolute; top:40px; right:0; background:#222; border:1px solid #333}
.header-global-menu-box:before {content:''; position:absolute; border-style:solid; display:block; width:0; border-width:0 8px 8px; z-index:1; top:-9px; right:4px; border-color:#333 transparent}
.header-global-menu-box ul {width:100%}
.header-global-menu-box li {width:100%; height:auto; border-bottom:1px solid #313131}
.header-global-menu-box li a {width:100%; box-sizing:border-box; padding:7px 15px 10px 15px; color:#888; border-bottom:none !important; margin-right:0}
.header-global-menu-box li a.active {color:#fff; font-weight:bold}
.header-global-menu-box ul.alt {display:block}
.header-global-menu-box ul.alt li:last-child {border-bottom:none}
.header-global-menu-icon {display:block}
.header-global-menu-icon-ex {display:none}
.header-global-search {float:left}
.header-global-search input {width:150px}
.header-global-search.alt {display:block}

.header-profile-box:before {right:6px}

.header-launch {padding-right:0}
.header-launch-icons {column-gap:22px}
.header-launch-icon {display:none}
.header-launch-icon.menu {display:block}
.header-launch-icon.search-btn.alt {display:block}

.header-search-icon {display:none}
.header-search-box {padding:40px 0 60px 0}
.header-search-content {width:320px}
.header-search-content form input {font-size:30px; line-height:30px; padding-bottom:17px; margin-bottom:20px}

.footer-core {width:300px}
.footer-nav {padding-bottom:15px; width:100%}
.footer-nav.business {width:100%; padding:0; padding-bottom:15px}
.footer-intouch, .footer-extra {width:100%; padding-top:15px; border-top:2px solid #ddd}
.footer-intouch.business {padding-top:0; padding-bottom:20px; border:0}
.footer-copyright {width:100%; padding-right:0}
.footer-copyright-section {width:100%; text-align:center; margin-bottom:5px}
.footer-copyright.business {width:100%; padding-right:0}
.footer-copyright.business .footer-copyright-section {text-align:left}
.footer-logo {margin:0 auto 10px auto; display:table; float:none}
.footer-logo.business {margin:0; margin-bottom:10px; display:block; float:left}
.footer-last {margin:0 auto; display:table; float:none}
.footer-last.shopify {float:none; margin:0 auto}
.footer-last.business {float:left; margin:0; display:block}
.footer-connect {width:100%; margin-top:10px}
.footer-connect ul {margin:0 auto; display:table; float:none}
.footer-connect li {margin:0 10px}
.footer-connect.shopify {width:100%; margin-top:10px}

.footer.dark .footer-intouch {border-top:2px solid #313030}
.footer.dark .footer-intouch.business {border:0}
.footer.dark .footer-extra {border-top:2px solid #484848}

.content {padding-top:0}
.content-wide {padding:15px 0}
.content-core {width:300px}
.content-core.space, .content-core.classic {padding-top:15px}
.content-core.space-btm {padding-bottom:15px}
.content-core.omega, .content-core.classic {flex-direction:column}
.content-core.clean {padding:15px 0}
.content-core.clean-alt {padding-top:15px}
.content-heading h2 {font-size:24px; line-height:32px}
.content-heading h3 {font-size:20px; line-height:20px}
.content-heading h4 {font-size:18px; line-height:26px}
.content-heading.s1 {margin-bottom:15px}
.content-heading.s1-both {margin:20px 0}
.content-heading.s2b {margin-top:15px}
.content-heading p {font-size:20px; line-height:30px; margin-top:0}
.content-mini.alt {margin-bottom:15px}
.content-mini-one {float:left; margin-top:5px; width:100%}
.content-block.outsider {padding-top:15px; margin-bottom:15px}
.content-mask {display:none; margin-bottom:15px}
.content-mask.alt {display:block}
.primary {width:100%; margin-right:0}
.primary.classic {width:100%}
.secondary {width:100%}
.secondary.classic {width:100%; margin-right:0}
}

@media only screen and (min-width:360px) and (max-width:1023px) {
.header-core {width:340px}
.header-global-search input {width:170px}
.header-launch-icon.notifications {display:block}
.header-launch-icon.search-btn {display:block}
.footer-core {width:340px}
.content-core {width:340px; row-gap:15px}
}

@media only screen and (min-width:375px) and (max-width:1023px) {
.header-core {width:355px}
.header-global-icon {padding-left:34px}
.header-global-search input {width:180px}
.header-launch-icons {column-gap:30px}
.header-launch-icon.connect {display:block}
.footer-core {width:355px}
.footer-intouch, .footer-intouch.business {padding:15px; float:none; display:table; margin:0 auto; width:355px; border:2px solid #ddd; background:#fff}
.footer-intouch.business {margin-bottom:20px}
.footer.dark .footer-intouch, .footer.dark .footer-intouch.business {border:2px solid #313030; background:#171717}
.content-core {width:355px}
}

@media only screen and (min-width:414px) and (max-width:1023px) {
.header-core {width:380px}
.header-global-search input {width:200px}
.footer-core {width:380px}
.content-core {width:380px}
}

@media only screen and (min-width:480px) and (max-width:1023px) {
.header-core {width:460px}
.header-global-search input {width:220px}
.header-search-box {padding:60px 0 80px 0}
.header-search-content {width:400px}

.footer-core {width:460px}
.footer-extra-list li {margin-bottom:0; width:50%; padding-right:10px; box-sizing:border-box}

.content-core {width:460px}
.content-heading.s1 {margin-bottom:20px}
.content-mini-one {float:right; margin-top:0; width:auto}
}

@media only screen and (min-width:600px) and (max-width:1023px) {
.header-core {width:580px}
.header-global-icon {padding-left:39px}
.header-global-search input {width:240px}
.header-launch-icons {column-gap:35px}
.header-launch-icon.shop {display:block}
.header-search-content {width:500px}

.footer-core {width:580px}
.footer-connect.shopify {width:auto; margin-top:2px}
.footer-extra {padding-top:15px; border-top:2px solid #ddd}
.footer-extra.business {width:100%; padding-top:15px; padding-left:0; border-left:0}
.footer-intouch.business {margin:0; display:block; float:left; width:48%; padding:0; padding-right:15px; padding-bottom:15px; background:0; border:0; border-right:2px solid #ddd}
.footer-nav.business {padding:0 0 15px 10px; width:52%; float:right}
.footer.dark .footer-extra {border-top:2px solid #3b3b3b}
.footer.dark .footer-intouch.business {background:0; border:0; border-right:2px solid #3b3b3b}

.content-core {width:580px}
.content-heading h3 {font-size:24px; line-height:24px}
.content-heading h4 {font-size:22px; line-height:30px}
}

@media only screen and (min-width:640px) and (max-width:1023px) {
.header-core {width:620px}
.header-search-box {padding:80px 0 100px 0}

.footer-core {width:620px}
.footer-nav {width:52%; padding-bottom:0}
.footer-nav.business {width:55%}
.footer-intouch, .footer-extra {width:48%; margin:0; float:right; display:block; padding:0; padding-left:15px; border:0; border-left:2px solid #ddd}
.footer-extra.business {padding-top:15px; border-top:2px solid #ddd}
.footer-intouch.business {width:45%}
.footer-extra-list li {margin-bottom:20px; width:100%; padding-right:0}
.footer.dark .footer-intouch {border:0; border-left:2px solid #3b3b3b; background:none}

.content-core {width:620px}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
.header-core {width:740px}
.header-global-icon {padding-left:44px}
.header-launch-icons {column-gap:40px}
.header-search-content {width:600px}
.header-search-content form input {font-size:34px; line-height:34px}

.footer-core {width:740px}
.footer-nav {width:55%}
.footer-nav.business {width:61%}
.footer-intouch, .footer-extra {width:45%}
.footer-intouch.business {width:39%; padding-right:20px}

.content-core {width:740px}
}

@media only screen and (min-width:960px) and (max-width:1023px) {
.header-core {width:920px}
.header-search-box {padding:100px 0 120px 0}
.header-search-content {width:700px}

.footer-core {width:920px}
.footer-logo {margin:0; display:block; float:left; margin-right:15px}
.footer-nav {width:70%}
.footer-nav.business {width:48%; padding:0 15px; float:left}
.footer-intouch, .footer-extra {width:30%; padding-left:0; border:0}
.footer-intouch.business {width:26%; padding:0; border:0}
.footer-extra.business {width:26%; padding:0; border:0}
.footer-copyright {width:auto; padding-right:15px}
.footer-copyright-section {float:left; text-align:left; width:auto}
.footer-last {float:left; width:100%; box-sizing:border-box}
.footer-connect {width:30%; margin:0}
.footer-connect ul {margin:0; display:block; float:right}
.footer-connect li {margin-left:20px; margin-right:0}   
.footer-connect.shopify {width:30%}
.footer-network li {margin-bottom:10px}
.footer.dark .footer-intouch {border:0}
.footer.dark .footer-intouch.business {border:0}
.footer.dark .footer-extra.business {border:0}

.content-core {width:920px}
.content-core.space {padding-top:20px}
.content-core.space-btm {padding-bottom:20px}
.content-core.clean {padding:20px 0}
.content-core.clean-alt {padding-top:20px}
.content-heading {text-align:center}
.content-heading.s1-both {margin:30px 0}
.content-mini.alt {margin-bottom:20px}
.content-block.outsider {padding-top:20px; margin-bottom:20px}
.content-mask {margin-bottom:20px}
.primary {width:800px; margin:0 auto; display:table; float:none}
.primary.clean {width:800px}
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
.header-core {width:1000px}
.header-global-search input {width:220px}
.header-launch-icon.search-btn.alt {display:block}
.header-search-icon {display:none}
.header-search-box {padding:100px 0 120px 0}
.header-search-content {width:800px}
.header-search-content form input {font-size:36px; line-height:36px; padding-bottom:17px; margin-bottom:20px}

.footer-core {width:1000px}
.footer-copyright {width:auto}
.footer-copyright-section {margin-bottom:5px}
.footer-network li {margin-right:8px; margin-bottom:8px}

.content-wide {padding:15px 0}
.content-core {width:1000px}
.content-core.space, .content-core.classic {padding-top:15px}
.content-core.space-btm {padding-bottom:15px}
.content-core.clean {padding:20px 0}
.content-core.clean-alt {padding-top:15px}
.content-heading {margin-bottom:25px}
.content-heading h3 {font-size:24px; line-height:24px}
.content-heading h4 {font-size:22px; line-height:30px}
.content-mini.alt {margin-bottom:15px}
.content-block.outsider {padding-top:15px; margin-bottom:15px;}
.content-mask {margin-bottom:15px}
.primary {width:660px; margin-right:20px}
.primary.classic {width:750px}
.primary.clean {width:768px}
.secondary {width:320px}
.secondary.classic {width:232px; margin-right:18px}
}

@media only screen and (min-width:1280px) and (max-width:1679px) {
.header-core {width:1170px}
.footer-core {width:1170px}
.footer-network li {margin-right:8px}
.content-core {width:1170px}
.primary {width:800px; margin-right:30px}
.primary.classic {width:870px}
.secondary.classic {width:270px; margin-right:30px}
}