/*
Copyright (C) CHIN WEI PING <wp.chin@xantec.com.my>
This file is part of XANTEC, cannot be copied and/or
distributed without the express permisson of Xantec Solutions Sdn. Bhd.
*/
/*
    Created on : 22 Aug 2019, 16:07:21
    Author     : CHIN WEI PING
    Theme Color: #f80028, #fed9df (0.15)
*/

/******************************
    1 : INITIALIZE
    2 : LEFT PANEL
    3 : HEADER
    4 : FOOTER
    5 : MAIN
    6 : LOGIN
    7 : CUSTOMIZE
    8 : RESPONSIVE
 ******************************/

/******************************
    1 : INITIALIZE
 ******************************/

@keyframes rotate {
    0% {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

* {
    border: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: .1s ease;
    -moz-transition: .1s ease;
    -o-transition: .1s ease;
    -webkit-transition: .1s ease;
}

html {
    height: 100%;
}

body {
    background: #fff;
    color: #333;
    direction: ltr;
    font-family: 'Noto Sans SC', Segoe, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-synthesis: none;
    -moz-font-feature-settings: 'kern';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
    min-height: 100%;
    overflow: hidden;
    overflow-y: scroll;
}

a {
    color: #333;
    cursor: pointer;
    text-decoration: none;
}

button {
    cursor: pointer;
}

p>a {
    color: #f80028;
    display: inline-block;
    text-decoration: underline;
    vertical-align: baseline;
}

img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #f80028;
    line-height: 1.2;
    margin: 0 0 12px;
}

h1 {
    font-size: 45px;
    font-weight: 100;
}

h2 {
    font-size: 27px;
    font-weight: 100;
}

h3 {
    font-size: 24px;
    font-weight: 100;
}

h4 {
    font-size: 21px;
    font-weight: 100;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 15px;
}

.section-inner {
    max-width: 1260px;
    padding: 0 30px;
    margin: 0 auto;
}

/******************************
    2 : LEFT PANEL
 ******************************/

/******************************
    3 : HEADER
 ******************************/
#site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-bottom: 1px solid #f1f1f1;
    z-index: 104;
}

#site-header .section-inner {
    display: flex;
}

#site-header .logo {
    display: flex;
    padding: 15px 0;
}

#site-header .logo a {
    display: block;
    filter: grayscale(.5);
    -webkit-filter: grayscale(.5);
}

#site-header .logo a+a {
    margin-left: 15px;
}

#site-header .logo a.active,
#site-header .logo a:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

#site-header .logo a img {
    width: auto;
    height: 54px;
    padding: 3px 0;
}

#site-header .primary-menu {
    margin-left: auto;
}

#site-header .primary-menu ul {
    display: flex;
    list-style: none;
    padding: 0 15px;
}

#site-header .primary-menu ul li.label {
    position: relative;
}

#site-header .primary-menu ul li.label:before {
    position: absolute;
    top: 3px;
    left: 50%;
    font-size: 10px;
    line-height: 18px;
    padding: 0 12px;
    white-space: nowrap;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}

#site-header .primary-menu ul li.free:before {
    content: 'FREE 免费';
    background: #ffebf1;
    color: #fd397a;
}

#site-header .primary-menu ul li a {
    position: relative;
    display: block;
    font-size: 14px;
    padding: 24px 15px;
    white-space: nowrap;
}

#site-header .primary-menu ul li a:hover {
    color: #f80028;
}

#site-header .primary-menu ul li a:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    background: #f80028;
    display: block;
    width: 0;
    height: 1px;
    margin: 0 auto;
}

#site-header .primary-menu ul li.current_page_item a:before {
    width: 100%;
}

#site-header .primary-menu ul li a span {
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
}

#site-header .secondary-menu {
    border-left: 1px solid #f1f1f1;
}

#site-header .secondary-menu ul {
    display: flex;
    list-style: none;
    margin-left: 25px;
}

#site-header .secondary-menu ul li {
    padding: 20px 0 0 5px;
}

#site-header .secondary-menu ul li.callNav {
    display: none;
}

#site-header .secondary-menu ul li a {
    position: relative;
    display: block;
}

#site-header .secondary-menu ul li a i {
    background: #f6f6f6;
    font-size: 24px;
    line-height: 50px;
    width: 50px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

#site-header .secondary-menu ul li a:hover i,
#site-header .secondary-menu ul li.active a i,
.showCart #site-header .secondary-menu ul li a.callCart i {
    background: #fed9df;
    color: #f80028;
}

#site-header .secondary-menu ul li a span {
    position: absolute;
    top: 0;
    right: 0;
    background: #333;
    color: #f6f6f6;
    width: 20px;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

#site-header .secondary-menu ul li.callNav a {
    position: relative;
    background: #f6f6f6;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

#site-header .secondary-menu ul li.callNav a span {
    position: absolute;
    top: 25px;
    left: 15px;
    right: 15px;
    background: #333;
    height: 1px;
}

#site-header .secondary-menu ul li.callNav a span:before,
#site-header .secondary-menu ul li.callNav a span:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    background: #333;
    display: block;
    height: 1px;
    transition: .1s ease;
    -moz-transition: .1s ease;
    -o-transition: .1s ease;
    -webkit-transition: .1s ease;
}

#site-header .secondary-menu ul li.callNav a span:before {
    top: -5px;
}

#site-header .secondary-menu ul li.callNav a span:after {
    top: 5px;
}

.showNav {
    overflow: hidden;
}

.showNav #site-header .secondary-menu ul li.callNav a {
    background: #fed9df;
}

.showNav #site-header .secondary-menu ul li.callNav a span {
    background: transparent;
    height: 1px;
}

.showNav #site-header .secondary-menu ul li.callNav a span:before,
.showNav #site-header .secondary-menu ul li.callNav a span:after {
    top: 0;
    background: #f80028;
}

.showNav #site-header .secondary-menu ul li.callNav a span:before {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.showNav #site-header .secondary-menu ul li.callNav a span:after {
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

/******************************
    4 : FOOTER
 ******************************/
.footer-nav-widgets-wrapper {
    display: none;
}

#site-footer {
    position: relative;
    background: #fff;
    border-top: 1px solid #f1f1f1;
    padding: 21px 0 0;
    z-index: 1;
}

#site-footer .section-inner {
    display: flex;
}

#site-footer .section-inner>div {
    flex: 1;
    padding-bottom: 21px;
}

#site-footer .section-inner>div:first-child {
    padding-left: 0;
}

#site-footer .contact li {
    display: flex;
    margin: 0 -30px;
}

#site-footer .contact a {
    position: relative;
    display: block;
    font-size: 14px;
    padding: 0 30px;
}

#site-footer .contact a:hover {
    color: #f80028;
}

#site-footer .contact a+a:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    bottom: 3px;
    background: #f1f1f1;
    width: 1px;
}

#site-footer .contact a span {
    letter-spacing: 1px;
    display: block;
    font-size: 16px;
}

#site-footer .contact .policy {
    margin: 0 -15px;
    padding-top: 15px;
}

#site-footer .contact .policy a {
    font-size: 12px;
    padding: 0 15px;
}

#site-footer .contact .interview {
    width: 150px;
    padding: 27px 0 0;
}

#site-footer .contact .interview span {
    display: block;
    font-size: 10px;
    opacity: .6;
    padding-bottom: 10px;
}

#site-footer .social {
    display: flex;
    padding-top: 6px;
}

#site-footer .social a {
    position: relative;
    display: block;
    margin-left: 7px;
}

#site-footer .social a:first-child {
    margin-left: auto;
}

#site-footer .social a:last-child {
    margin-right: auto;
}

#site-footer .social i {
    display: block;
    font-family: 'Line Awesome Brands';
    font-size: 36px;
    line-height: 36px;
    font-weight: 400;
    text-align: center;
    border-radius: 50%;
}

#site-footer .social i.la-facebook-official {
    color: #3b5998;
}

#site-footer .social i.la-facebook-messenger {
    color: #0084ff;
}

#site-footer .social i.la-whatsapp {
    color: #25d366;
}

#site-footer .social i.la-weixin {
    color: #7bb32e;
}

#site-footer .social a span {
    position: absolute;
    left: -100px;
    right: -100px;
    bottom: 200%;
    background: #fff;
    width: 200px;
    margin: 15px auto;
    opacity: 0;
    visibility: hidden;
    z-index: 103;
    box-shadow: 3px 6px 12px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 3px 6px 12px rgba(0, 0, 0, .1);
}

#site-footer .social a.active span {
    bottom: 100%;
    opacity: 1;
    visibility: visible;
}

#site-footer .social a span:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: #fff;
    margin: 0 auto -8px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#site-footer .social a span em {
    display: block;
    font-size: 12px;
    font-style: normal;
    padding: 0 15px 15px;
}

#site-footer .copyright {
    padding-top: 6px;
    text-align: right;
}

#site-footer .copyright>img {
    max-width: 400px;
    margin: 0 auto;
}

#site-footer .copyright p {
    font-size: 12px;
}

#site-footer .copyright p a {
    position: relative;
    color: #333;
    text-decoration: none;
}

#site-footer .copyright p a svg {
    position: absolute;
    top: 0;
    right: 0;
    height: 18px;
    opacity: 0;
}

#site-footer .copyright p a:hover svg {
    right: -27px;
    opacity: 1;
}

#site-footer .copyright p a svg path {
    fill: #56d8d1;
}

#site-footer .copyright p a img {
    width: 120px;
}

/******************************
    5 : MAIN
 ******************************/
#site-content {
    padding-top: 91px;
}

.entry-header {
    display: none;
}

.page-template-default .entry-content {
    padding: 60px 0 30px;
}

.home .entry-content {
    padding-top: 0;
}

.wp-block-columns {
    display: flex;
    align-items: normal !important;
    gap: 0 !important;
    max-width: 1260px;
    margin: 0 auto;
}

.wp-block-column {
    position: relative;
    flex: 1;
    padding: 0 30px 30px;
}

.wp-block-column p {
    text-align: justify;
}

.wp-block-column>ol,
.wp-block-column>ul {
    margin-left: 24px;
}

.wp-block-column>ol>li,
.wp-block-column>ul>li {
    margin-top: 12px;
}

.remove-padding-bottom {
    padding-bottom: 0;
}

.wp-block-column .has-text-align-center {
    text-align: center;
}

.wp-block-columns.full-width {
    max-width: none;
}

.wp-block-columns.full-width .wp-block-column {
    padding: 0;
}

/******************************
    6 : LOGIN
 ******************************/

/******************************
    7 : CUSTOMIZE
 ******************************/
.metaslider {
    overflow: hidden;
}

.metaslider .flexslider .flex-direction-nav li a {
    background: none !important;
    width: 50px !important;
    height: 50px !important;
    margin-top: -25px !important;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.metaslider .flexslider .flex-direction-nav li a:after {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-family: 'Line Awesome Free';
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    text-indent: initial !important;
    text-shadow: none;
}

.metaslider .flexslider .flex-direction-nav li .flex-prev:after {
    content: '\f104';
    display: block !important;
    width: 50px;
    line-height: 50px;
}

.metaslider .flexslider .flex-direction-nav li .flex-next:after {
    content: '\f105';
    display: block;
    width: 50px;
    line-height: 50px;
}

.metaslider .flex-control-nav {
    bottom: -40px !important;
}

.flex-control-paging li a {
    position: relative;
    background: transparent !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
}

.flex-control-paging li a.flex-active {
    width: 80px !important;
}

.flex-control-paging li a:before {
    content: '';
    position: absolute;
    top: 17px;
    left: 5px;
    right: 5px;
    background: #f1f1f1;
    height: 6px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.flex-control-paging li a.flex-active:before {
    background: #f80028;
}

@keyframes fade {
    0% {
        padding-left: 0;
        opacity: 0;
        visibility: hidden;
    }

    10% {
        padding-left: 30px;
        opacity: 1;
        visibility: visible;
    }

    90% {
        padding-left: 30px;
        opacity: 1;
        visibility: visible;
    }

    100% {
        padding-left: 0;
        opacity: 0;
        visibility: hidden;
    }
}

@-webkit-keyframes fade {
    0% {
        padding-left: 0;
        opacity: 0;
        visibility: hidden;
    }

    10% {
        padding-left: 30px;
        opacity: 1;
        visibility: visible;
    }

    90% {
        padding-left: 30px;
        opacity: 1;
        visibility: visible;
    }

    100% {
        padding-left: 0;
        opacity: 0;
        visibility: hidden;
    }
}

#message {
    position: fixed;
    top: 152px;
    left: 0;
    right: 0;
    max-width: 1200px;
    z-index: 103;
    margin: 0 auto;
}

.page-template #message,
.checkoutPage #message {
    top: 91px;
}

#message blockquote {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    opacity: 0;
    padding: 15px 30px;
    padding-left: 0;
    visibility: hidden;
    animation: 5s fade;
    -webkit-animation: 5s fade;
    box-shadow: 3px 6px 12px rgba(0, 0, 0, .03);
    -webkit-box-shadow: 3px 6px 12px rgba(0, 0, 0, .03);
}

#message blockquote.error {
    background: #ffebf1;
    color: #fd397a;
}

#message blockquote.warning {
    background: #fff8e8;
    color: #ffb822;
}

#message blockquote.success {
    background: #e6f8f3;
    color: #0abb87;
}

#message blockquote i {
    display: block;
    font-size: 24px;
    line-height: 1;
    margin-right: 10px;
}

#message blockquote p {
    color: #000;
    opacity: .9;
}

.dataTables_length,
.dataTables_filter,
.dataTables_info {
    display: none;
}

.dataTables_paginate {
    position: fixed;
    top: 91px;
    left: 50%;
    display: flex;
    width: 400px;
    margin-left: 200px;
    padding: 10px 0;
    z-index: 102;
}

.dataTables_paginate>*:first-child {
    margin-left: auto;
}

.dataTables_paginate a {
    background: #f6f6f6;
    color: #333;
    display: block;
    font-size: 12px;
    width: 40px;
    line-height: 40px;
    height: 40px;
    margin-left: 3px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.dataTables_paginate a:focus {
    outline: none;
}

.dataTables_paginate a.current {
    background: #fed9df;
    color: #f80028;
}

.dataTables_paginate a.disabled {
    opacity: .3;
}

.dataTables_paginate>a {
    font-size: 0;
}

.dataTables_paginate>a:before {
    font-family: 'Line Awesome Free';
    font-size: 18px;
    font-weight: 900;
}

.dataTables_paginate>a.previous:before {
    content: '\f104';
}

.dataTables_paginate>a.next:before {
    content: '\f105';
}

.dataTables_paginate>span {
    display: flex;
    margin-left: 3px;
}

.dataTables_paginate>span>.ellipsis {
    font-size: 0;
    line-height: 40px;
    margin: 0 12px 0 15px;
}

.dataTables_paginate>span>.ellipsis:before {
    content: '\f141';
    font-family: 'Line Awesome Free';
    font-size: 18px;
    font-weight: 900;
}

.datatable {
    position: relative;
    padding-top: 61px;
}

.datatable table {
    display: block;
}

.datatable table thead {
    position: fixed;
    top: 91px;
    left: 0;
    right: 0;
    z-index: 102;
    border-bottom: 1px solid #f1f1f1;
    display: block;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

.datatable table thead:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    opacity: .85;
}

.datatable table thead tr {
    position: relative;
    display: flex;
}

.datatable table thead tr th {
    display: block;
    width: auto !important;
    padding: 10px 0;
}

.datatable table thead tr th a {
    margin-right: 10px;
    display: block;
}

.datatable table thead tr th a>i {
    background: #f6f6f6;
    display: block;
    font-size: 24px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.datatable table thead tr th a h4 {
    color: #333;
    line-height: 40px;
    margin: 0 10px 0 0;
}

#callCatalog {
    display: flex;
    min-height: 40px;
}

#callCatalog span {
    display: flex;
    margin-right: 15px;
}

#callCatalog span img {
    border: 2px solid #f80028;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    margin-right: 5px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

#callCatalog span em {
    color: #666;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 15px;
    padding: 5px 0;
    text-align: left;
}

#callCatalog span i {
    display: block;
    line-height: 40px;
}

#callCatalog>i {
    background: transparent;
    font-size: 18px;
}

.showCatalog #callCatalog>i {
    background: #fed9df;
    color: #f80028;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.datatable table thead tr th a>.la-sort-alpha-down-alt,
.datatable table thead tr th a>.la-sort-numeric-down-alt {
    display: none;
}

.datatable table thead tr th.sorting_asc a>i,
.datatable table thead tr th.sorting_desc a>i {
    background: #fed9df;
    color: #f80028;
}

.datatable table thead tr th.sorting_asc a>i.la-sort-alpha-down,
.datatable table thead tr th.sorting_asc a>i.la-sort-numeric-down,
.datatable table thead tr th.sorting_desc a>i.la-sort-alpha-down-alt,
.datatable table thead tr th.sorting_desc a>i.la-sort-numeric-down-alt {
    display: block;
}

.datatable table thead tr th.sorting_asc a>i.la-sort-alpha-down-alt,
.datatable table thead tr th.sorting_asc a>i.la-sort-numeric-down-alt,
.datatable table thead tr th.sorting_desc a>i.la-sort-alpha-down,
.datatable table thead tr th.sorting_desc a>i.la-sort-numeric-down {
    display: none;
}

.showCatalog {
    overflow: hidden;
}

.catalog {
    z-index: 102;
    position: fixed;
    top: 152px;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    overflow: hidden;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

.showCatalog .catalog {
    height: auto;
}

.catalog:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    opacity: .85;
}

.catalog>div {
    position: relative;
    display: block;
    height: 100%;
    overflow-y: auto;
}

.showCatalog .catalog>div {
    padding-top: 30px;
    padding-bottom: 30px;
}

.catalog ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -15px;
}

.catalog li {
    position: relative;
    min-width: 33.333333%;
    max-width: 33.333333%;
    padding: 15px;
}

.catalog a {
    display: flex;
}

.catalog .callSub {
    position: absolute;
    top: 20px;
    right: 15px;
}

.catalog .active .callSub {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.catalog .callSub i {
    border: 1px solid #ccc;
    width: 40px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.catalog .active .callSub i {
    background: #fed9df;
    border: 1px solid #fed9df;
    color: #f80028;
}

.catalog img {
    border: 2px solid #f1f1f1;
    min-width: 50px;
    max-width: 50px;
    height: 50px;
    margin-right: 6px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.catalog em {
    padding: 1px 0;
    font-style: normal;
}

.catalog ul ul {
    height: 0;
    overflow: hidden;
    padding-left: 54px;
}

.catalog ul .active ul {
    height: auto;
    padding-top: 9px;
    padding-bottom: 24px;
}

.catalog ul ul li {
    min-width: 50%;
    max-width: 50%;
    padding: 6px 15px;
}

.catalog ul ul li.fullWidth {
    min-width: 100%;
    max-width: 100%;
}

.catalog ul ul a {
    color: #999;
    font-size: 14px;
}

.catalog ul ul a:hover {
    color: #333;
}

.catalog ul ul li.fullWidth a {
    border: 1px solid #ccc;
    color: #333;
    display: block;
    margin-left: -15px;
    padding: 9px 15px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.datatable .dataTables_wrapper {
    background: #f1f1f1;
}

.datatable table tbody {
    display: flex;
    padding: 25px;
    flex-wrap: wrap;
}

.datatable table tbody tr {
    position: relative;
    display: block;
    min-width: 25%;
    max-width: 25%;
    padding: 5px;
}

.datatable table tbody tr:hover {
    z-index: 101;
    transform: translate(0, -3px);
    -moz-transform: translate(0, -3px);
    -ms-transform: translate(0, -3px);
    -webkit-transform: translate(0, -3px);
}

.datatable table tbody tr:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background: #fff;
    transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    -webkit-transition: .3s ease;
}

.datatable table tbody tr td {
    position: relative;
    display: block;
}

.datatable table tbody tr td.image {
    position: relative;
}

.datatable table tbody tr td.image div {
    position: absolute;
    top: -3px;
    right: -3px;
    color: #f80028;
    font-size: 10px;
    width: 100px;
    height: 100px;
    padding: 15px;
    text-align: right;
}

.datatable table tbody tr td.image div.discount {
    color: #fd397a;
    padding: 8px;
}

.datatable table tbody tr td.image div:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 50px solid #fed9df;
    border-left: 50px solid transparent;
    border-right: 50px solid #fed9df;
    border-bottom: 50px solid transparent;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.datatable table tbody tr td.image div.discount:before {
    border-top: 50px solid #ffebf1;
    border-right: 50px solid #ffebf1;
}

.datatable table tbody tr td.image div b,
.datatable table tbody tr td.image div span {
    position: relative;
    display: block;
}

.datatable table tbody tr td.image div b {
    font-size: 16px;
}

.datatable table tbody tr td.image div b:after {
    content: ' %';
    font-weight: normal;
    font-size: 10px;
}

.datatable table tbody tr td.image ul {
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    z-index: 1;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.datatable table tbody tr td.image ul li {
    background: #fed9df;
    border: 1px solid #f80028;
    color: #f80028;
    font-size: 10px;
    line-height: 18px;
    margin: 3px;
    padding: 0 9px;
    white-space: nowrap;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.datatable table tbody tr td.name {
    border-top: 1px solid #f6f6f6;
    padding: 15px;
}

.datatable table tbody tr td.name span {
    display: none;
}

.datatable table tbody tr td.price {
    color: #f80028;
    font-size: 18px;
    padding: 0 15px 15px;
    text-align: right;
}

.datatable table tbody tr td.price span {
    display: block;
}

.datatable table tbody tr td.price span.pv {
    border-top: 1px solid #f6f6f6;
    color: #fd397a;
    font-weight: 400;
    padding-top: 3px;
    margin-top: 3px;
}

.datatable table tbody tr td.link {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
}

.datatable table tbody tr td a {
    display: block;
    width: 100%;
    height: 100%;
}

.datatable table tbody tr:hover td a {
    box-shadow: 3px 6px 12px rgba(0, 0, 0, .03);
    -webkit-box-shadow: 3px 6px 12px rgba(0, 0, 0, .03);
}

.currency:before {
    content: 'RM';
    font-size: 12px;
    line-height: 2;
    margin-right: 6px;
    vertical-align: top;
}

.pv:after {
    content: ' PV';
    font-size: 12px;
    line-height: 2;
    margin: 0 4px;
    vertical-align: baseline;
}

.datatable table tbody tr.empty {
    min-width: 50%;
    max-width: 50%;
}

.datatable table tbody tr.empty:hover {
    transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

.datatable table tbody tr.empty:before {
    display: none;
}

.datatable table tbody tr.empty td {
    color: #999;
    text-align: center;
}

.datatable table tbody tr.empty h1 {
    position: relative;
    margin: 30px 0 15px;
    color: #ccc;
}

.datatable table tbody tr.empty a {
    border: 1px solid #333;
    display: block;
    width: 150px;
    line-height: 28px;
    margin: 30px auto;
    padding-bottom: 2px;
    text-align: center;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

.productCatalog {
    position: fixed;
    top: 91px;
    left: 0;
    right: 0;
    z-index: 102;
    border-bottom: 1px solid #f1f1f1;
    display: block;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

.productCatalog:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    opacity: .85;
}

.productCatalog .section-inner {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}

.productCatalog a {
    display: block;
}

.productCatalog a>i {
    background: #f6f6f6;
    display: block;
    font-size: 24px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.productInfo {
    position: relative;
    padding-top: 91px;
    overflow: hidden;
}

.productInfo .section-inner {
    display: flex;
    padding: 0 0 30px;
}

.productInfo .section-inner>div {
    min-width: 50%;
    max-width: 50%;
    padding: 30px;
}

owl-stage-outer {
    width: 100%;
}

.owl-stage {
    display: flex;
}

.owl-item {
    display: block;
    flex: 1;
    opacity: .03;
    filter: blur(30px);
    -webkit-filter: blur(30px);
}

.owl-item.active {
    opacity: 1;
    filter: blur(0);
    -webkit-filter: blur(0);
}

.owl-nav.disabled {
    display: none;
}

.productGallery .slide {
    position: relative;
    /*display: none;*/
    overflow: hidden;
}

.productGallery .owl-item .slide {
    display: block;
}

.productGallery .slide:after {
    content: '';
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    opacity: 0;
    border: 1px solid #f1f1f1;
    transition: .1s ease;
    -moz-transition: .1s ease;
    -o-transition: .1s ease;
    -webkit-transition: .1s ease;
}

.productGallery .slide:hover:after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
}

.productGallery .slide .zoom {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    max-width: none;
    opacity: 0;
    visibility: hidden;
    transition: .1s ease;
    -moz-transition: .1s ease;
    -o-transition: .1s ease;
    -webkit-transition: .1s ease;
}

.productGallery .active .slide:hover .zoom {
    opacity: 1;
    visibility: visible;
    transition: none;
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
}

.productGallery .thumbnail {
    display: flex;
}

.productGallery .thumbnail a {
    display: block;
}

.productGallery .thumbnail a:first-child {
    margin-left: auto;
}

.productGallery .thumbnail a:last-child {
    margin-right: auto;
}

.productGallery .thumbnail a img {
    border: 2px solid #f6f6f6;
    width: 40px;
    margin: 35px 3px 5px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}

.productGallery .thumbnail a.active img {
    border: 2px solid #f80028;
    margin-top: 30px;
    margin-bottom: 0;
    width: 50px;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

.productForm {
    position: relative;
    z-index: 101;
}

.productForm h1 {
    color: #000;
    font-size: 30px;
    font-weight: normal;
}

.productForm blockquote {
    position: relative;
    border-top: 1px solid #f1f1f1;
    color: #333;
    font-size: 12px;
    min-height: 1px;
    margin: 30px 0;
}

.productForm blockquote p {
    position: relative;
    border-bottom: 1px solid #f1f1f1;
    padding: 30px 0;
}

.productPrice {
    color: #000;
    display: flex;
    flex-wrap: wrap;
    font-size: 45px;
    font-weight: 100;
    line-height: 1;
}

.productPrice span {
    display: block;
    white-space: nowrap;
}

.productPrice .currency:before {
    font-size: 16px;
    font-weight: 400;
}

.productPrice del {
    font-size: 16px;
    font-weight: normal;
    margin-left: 15px;
}

.productPrice .pv {
    background: #fed9df;
    color: #333;
    display: block;
    font-size: 24px;
    font-weight: normal;
    margin: 2px 30px 10px 0;
    padding: 12px 24px;
    white-space: nowrap;
}

.productVariant {
    display: flex;
    flex-wrap: wrap;
    margin: 50px -5px;
}

.productVariant>p {
    min-width: 100%;
    max-width: 100%;
    padding: 0 5px 10px;
}

.productVariant label {
    position: relative;
    display: block;
    font-size: 14px;
    min-width: 33.333333%;
    max-width: 33.333333%;
    padding: 5px;
}

.productVariant label b {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #fff;
    font-weight: normal;
    z-index: 101;
}

.productVariant label b:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border: 27px solid transparent;
    border-top: 27px solid #fd397a;
    border-right: 27px solid #fd397a;
}

.productVariant label input:disabled~b:before {
    border-top: 27px solid #ccc;
    border-right: 27px solid #ccc;
}

.productVariant label b span {
    position: relative;
    display: block;
    line-height: 1.2;
    padding: 6px;
    text-align: right;
    white-space: nowrap;
}

.productVariant label b span:after {
    content: ' %';
    font-size: 8px;
    font-weight: normal;
    vertical-align: baseline;
}

.productVariant label div {
    position: relative;
    background: #f6f6f6;
    border: 1px solid #f1f1f1;
    min-height: 100%;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.productVariant label input:checked~div {
    background: #fed9df;
    border: 1px solid #f80028;
}

.productVariant label em {
    color: #000;
    display: block;
    font-size: 16px;
    font-style: normal;
    padding: 5px 0;
    text-align: center;
}

.productVariant label input:disabled~div {
    opacity: .3;
}

.productVariant label input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
}

.productVariant label .currency {
    color: #999;
    display: block;
    min-height: 33px;
    text-align: center;
}

.productVariant label .currency:before {
    font-size: 8px;
}

.productVariant label input:checked~div .currency {
    color: #f80028;
}

.productVariant label .space {
    display: block;
    height: 21px;
}

.productVariant label .pv {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 5px 10px;
    background: #f6f6f6;
    color: #666;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.productVariant label .pv:after {
    font-size: 8px;
    margin: 0;
}

.productVariant label input:checked~div .pv {
    background: #fed9df;
    color: #f80028;
}

.productVariant label del {
    display: block;
    font-size: 8px;
}

.productVariant label ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -3px;
}

.productVariant label ul li {
    margin: 3px auto;
}

.productVariant label ul li {
    border: 1px solid #666;
    color: #666;
    font-size: 8px;
    line-height: 18px;
    padding: 0 12px;
    white-space: nowrap;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.instruction {
    border-top: 1px solid #f1f1f1;
    padding-top: 30px;
}

.instruction p {
    padding-bottom: 15px;
}

.productField {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 15px;
}

.productField label {
    display: block;
    min-width: 50%;
    max-width: 50%;
    padding: 15px;
}

.productField span {
    display: block;
    font-size: 12px;
    padding-bottom: 5px;
}

.productField input,
.productField select {
    background: #f6f6f6;
    color: #000;
    outline: none;
    display: block;
    font-family: 'Noto Sans SC', Segoe, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
    padding: 12px 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.productField select {
    padding: 11px 0 11px 11px;
}

.productField input:focus,
.productField select:focus {
    background: #fff;
    outline: 5px solid #fed9df;
}

.formFooter {
    padding: 30px 0 0;
    display: flex;
}

.formFooter h1 {
    color: #ccc;
    font-weight: 100;
    line-height: 50px;
    margin: 0;
    text-align: center;
}

.formFooter .quantity {
    position: relative;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.formFooter .quantity input {
    border: 3px solid #fed9df;
    color: #000;
    outline: none;
    display: block;
    font-family: 'Noto Sans SC', Segoe, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    width: 150px;
    padding: 10px 0;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.formFooter .quantity a {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #fed9df;
    display: block;
    width: 50px;
}

.formFooter .quantity a.deduct {
    left: 0;
}

.formFooter .quantity a.add {
    right: 0;
}

.formFooter .quantity a:before {
    content: '';
    position: absolute;
    top: 25px;
    left: 18px;
    background: #000;
    width: 15px;
    height: 1px;
}

.formFooter .quantity a.add:after {
    content: '';
    position: absolute;
    top: 18px;
    left: 25px;
    background: #000;
    width: 1px;
    height: 15px;
}

.formFooter label {
    background: #f80028;
    color: #000;
    display: flex;
    margin-left: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.formFooter label input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.formFooter label i {
    font-size: 24px;
    line-height: 30px;
    width: 50px;
    padding: 10px;
    text-align: center;
}

.formFooter label span {
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 15px;
    margin: 0 auto;
    font-family: 'Noto Sans SC', Segoe, Arial, sans-serif;
    padding: 10px 20px 10px 0;
}

.formFooter button {
    background: #000;
    color: #fff;
    cursor: pointer;
    display: flex;
    text-align: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.formFooter button i {
    font-size: 24px;
    line-height: 30px;
    width: 50px;
    padding: 10px;
    text-align: center;
}

.formFooter button span {
    display: block;
    font-family: 'Noto Sans SC', Segoe, Arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
    margin: 0 auto;
    padding: 10px 20px 10px 0;
}

.productField button:focus {
    outline: 5px solid #fed9df;
}

.productDescription {
    background: #fed9df;
    padding: 60px 0 1px;
}

.productDescription p {
    margin-bottom: 24px;
}

.productDescription ul,
.productDescription ol {
    margin-left: 20px;
}

.productDescription p+ul,
.productDescription p+ol {
    margin-top: -16px;
}

.productDescription li {
    margin-top: 8px;
}

.productDescription .ck-widget__type-around__button {
    display: none;
}

.accountMenu {
    position: fixed;
    top: 91px;
    left: 0;
    right: 0;
    z-index: 103;
    border-bottom: 1px solid #f1f1f1;
    display: block;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

.accountMenu:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    opacity: .85;
}

.accountMenu .section-inner {
    position: relative;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
}

.accountMenu h4 {
    color: #000;
    line-height: 40px;
    margin: 0 auto 0 0;
}

.accountMenu a {
    display: flex;
    margin-right: 10px;
}

.accountMenu a i {
    background: #f6f6f6;
    font-size: 24px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.accountMenu a.active i {
    background: #fed9df;
    color: #f80028;
}

.accountMenu a span {
    display: block;
    font-size: 12px;
    line-height: 15px;
    overflow: hidden;
    padding: 5px 10px 5px 5px;
    white-space: nowrap;
}

.profile {
    background: #f1f1f1;
    padding: 76px 0 30px;
}

.userForm {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}

.userForm .content {
    min-height: 100%;
}

.profile fieldset {
    border: 1px solid #f1f1f1;
    min-height: 89px;
    margin-top: 30px;
    padding: 7px 15px 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.profile fieldset legend {
    background: #fff;
    color: #666;
    font-size: 12px;
    padding: 0 6px;
    white-space: nowrap;
}

.profile fieldset legend em {
    color: #fd397a;
    font-style: normal;
}

.profile fieldset>div {
    position: relative;
    display: flex;
}

.profile fieldset label {
    position: relative;
    display: flex;
    flex: 1;
}

.profile fieldset div>label+label {
    margin-left: 8px;
}

.profile fieldset>label+label {
    margin-top: 8px;
}

.profile fieldset label .flag {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 41px;
}

.profile fieldset input,
.profile fieldset select {
    background: #f6f6f6;
    color: #000;
    outline: none;
    display: block;
    font-family: 'Noto Sans SC', Segoe, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
    height: 48px;
    padding: 12px 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.profile fieldset input:focus,
.profile fieldset select:focus {
    background: #fed9df;
}

.profile #country select,
.profile #addressCountry select {
    padding-left: 0;
    text-indent: 41px;
}

.profile #code label:first-child {
    min-width: 90px;
    max-width: 90px;
}

.profile button {
    background: #000;
    color: #fff;
    font-size: 16px;
    font-family: 'Noto Sans SC', Segoe, Arial, sans-serif;
    width: 100%;
    margin-top: 30px;
    padding: 12px 0;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.profile fieldset>p {
    font-size: 12px;
    margin-top: 8px;
    text-align: right;
}

.profile fieldset>p.alert {
    color: #fd397a;
}

.profile fieldset table {
    border-collapse: collapse;
}

.profile fieldset table td {
    padding-top: 15px;
}

.profile fieldset figure {
    display: flex;
    border: 3px solid #f6f6f6;
    width: 48px;
    margin-right: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.profile fieldset figure img {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.profile fieldset #resend {
    min-width: 120px;
    max-width: 120px;
}

.profile fieldset #resend input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.profile fieldset #resend span {
    background: #fed9df;
    color: #f80028;
    display: block;
    flex: 1;
    font-size: 14px;
    line-height: 17px;
    padding: 7px 0;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.profile fieldset #countdown {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fed9df;
    width: 120px;
    padding: 12px 0;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.profile fieldset #countdown:after {
    content: ' s';
    color: #999;
}

.profile .reset {
    color: #999;
    font-size: 12px;
    margin-top: 8px;
    text-align: right;
}

.profile .registerlink {
    display: block;
    font-size: 14px;
    margin-top: 30px;
    text-align: center;
}

.profile .registerlink u {
    color: #0084ff;
}

.profileImage {
    position: relative;
    background: #fed9df;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.profileImage label {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}

.profileImage:hover label {
    opacity: 1;
}

.profileImage label:hover {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.profileImage label input {
    opacity: 0;
    visibility: hidden;
}

.profileImage label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .3;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: .1s ease;
    -moz-transition: .1s ease;
    -o-transition: .1s ease;
    -webkit-transition: .1s ease;
}

.profileImage label i {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 45px;
    text-align: center;
    width: 150px;
    line-height: 150px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.profileImage a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    background: #000;
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 30px;
    opacity: .3;
    overflow: hidden;
    text-align: center;
}

.profileImage:hover a {
    bottom: 0;
}

.profileImage a:hover {
    bottom: 0;
    opacity: 1;
}

.profileImage figure i {
    color: #000;
    display: block;
    line-height: 150px;
    font-size: 120px;
    opacity: .3;
    text-align: center;
}

.profileImage figure img {
    position: absolute;
    top: 0;
    left: 0;
    border: 5px solid #f1f1f1;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.profileImage:hover figure img {
    border: 0px solid #f1f1f1;
}

#cityCode {
    display: flex;
}

#cityCode fieldset {
    flex: 2;
}

#cityCode fieldset:first-child {
    flex: 1;
}

#cityCode fieldset+fieldset {
    margin-left: 8px;
}

.addresses {
    padding-bottom: 25px;
}

.addresses ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 -5px;
}

.addresses li {
    padding: 5px;
    min-width: 50%;
    max-width: 50%;
}

.addresses div {
    position: relative;
    background: #f6f6f6;
    height: 100%;
    overflow: hidden;
    padding: 30px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addresses div:hover {
    background: #fed9df;
}

.addresses button {
    position: absolute;
    top: 6px;
    right: -36px;
    background: transparent;
    font-size: 24px;
    margin: 0;
    opacity: 0;
    padding: 6px 0;
    width: 36px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addresses div:hover button {
    opacity: 1;
}

.addresses div:hover .edit {
    color: #4285f4;
    right: 45px;
}

.addresses div:hover .delete {
    color: #fd397a;
    right: 6px;
}

.addresses button i {
    display: block;
    line-height: 1.5;
}

.addressForm h4 {
    display: flex;
}

.addressForm form {
    margin-top: -18px;
}

.addressForm .buttonholder {
    display: flex;
}

.addressForm .buttonholder a {
    background: #fed9df;
    color: #333;
    display: block;
    width: 100%;
    margin-top: 30px;
    padding: 12px 0;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addressForm .buttonholder button+a {
    margin-left: 10px;
}

.callForm {
    position: relative;
    border: 1px solid #f80028;
    height: 27px;
    min-width: 27px;
    max-width: 27px;
    display: block;
    margin: 0 0 -2px 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.callForm:before,
.callForm:after {
    content: '';
    position: absolute;
    top: 12px;
    left: 5px;
    background: #f80028;
    width: 15px;
    height: 1px;
}

.callForm:after {
    top: 5px;
    left: 12px;
    width: 1px;
    height: 15px;
}

.flag:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 15px;
    background: url(//pixiuglobal.com/secure/img/flags.png);
    width: 15px;
    height: 11px;
}

.flag.AD:before {
    background-position: 0 0;
}

.flag.AE:before {
    background-position: 0 -11px;
}

.flag.AF:before {
    background-position: 0 -22px;
}

.flag.AG:before {
    background-position: 0 -33px;
}

.flag.AI:before {
    background-position: 0 -44px;
}

.flag.AL:before {
    background-position: 0 -55px;
}

.flag.AM:before {
    background-position: 0 -66px;
}

.flag.AN:before {
    background-position: 0 -77px;
}

.flag.AO:before {
    background-position: 0 -88px;
}

.flag.AR:before {
    background-position: 0 -99px;
}

.flag.AS:before {
    background-position: 0 -110px;
}

.flag.AT:before {
    background-position: 0 -121px;
}

.flag.AU:before {
    background-position: 0 -132px;
}

.flag.AW:before {
    background-position: 0 -143px;
}

.flag.AX:before {
    background-position: 0 -154px;
}

.flag.AZ:before {
    background-position: 0 -165px;
}

.flag.BA:before {
    background-position: 0 -176px;
}

.flag.BB:before {
    background-position: 0 -187px;
}

.flag.BD:before {
    background-position: 0 -198px;
}

.flag.BE:before {
    background-position: 0 -209px;
}

.flag.BF:before {
    background-position: 0 -220px;
}

.flag.BG:before {
    background-position: 0 -231px;
}

.flag.BH:before {
    background-position: 0 -242px;
}

.flag.BI:before {
    background-position: 0 -253px;
}

.flag.BJ:before {
    background-position: 0 -264px;
}

.flag.BM:before {
    background-position: 0 -275px;
}

.flag.BN:before {
    background-position: 0 -286px;
}

.flag.BO:before {
    background-position: 0 -297px;
}

.flag.BR:before {
    background-position: 0 -308px;
}

.flag.BS:before {
    background-position: 0 -319px;
}

.flag.BT:before {
    background-position: 0 -330px;
}

.flag.BV:before {
    background-position: 0 -341px;
}

.flag.BW:before {
    background-position: 0 -352px;
}

.flag.BY:before {
    background-position: 0 -363px;
}

.flag.BZ:before {
    background-position: 0 -374px;
}

.flag.CA:before {
    background-position: 0 -385px;
}

.flag.Catalonia:before {
    background-position: 0 -396px;
}

.flag.CC:before {
    background-position: 0 -407px;
}

.flag.CD:before {
    background-position: 0 -418px;
}

.flag.CF:before {
    background-position: 0 -429px;
}

.flag.CG:before {
    background-position: 0 -440px;
}

.flag.CH:before {
    background-position: 0 -451px;
}

.flag.CI:before {
    background-position: 0 -462px;
}

.flag.CK:before {
    background-position: 0 -473px;
}

.flag.CL:before {
    background-position: 0 -484px;
}

.flag.CM:before {
    background-position: 0 -495px;
}

.flag.CN:before {
    background-position: 0 -506px;
}

.flag.CO:before {
    background-position: 0 -517px;
}

.flag.CU:before {
    background-position: 0 -528px;
}

.flag.CR:before {
    background-position: 0 -539px;
}

.flag.CS:before {
    background-position: 0 -550px;
}

.flag.CV:before {
    background-position: 0 -561px;
}

.flag.CX:before {
    background-position: 0 -572px;
}

.flag.CY:before {
    background-position: -16px 0;
}

.flag.CZ:before {
    background-position: -16px -11px;
}

.flag.DE:before {
    background-position: -16px -22px;
}

.flag.DJ:before {
    background-position: -16px -33px;
}

.flag.DK:before {
    background-position: -16px -44px;
}

.flag.DM:before {
    background-position: -16px -55px;
}

.flag.DO:before {
    background-position: -16px -66px;
}

.flag.DZ:before {
    background-position: -16px -77px;
}

.flag.EC:before {
    background-position: -16px -88px;
}

.flag.EE:before {
    background-position: -16px -99px;
}

.flag.EG:before {
    background-position: -16px -110px;
}

.flag.EH:before {
    background-position: -16px -121px;
}

.flag.England:before {
    background-position: -16px -132px;
}

.flag.ER:before {
    background-position: -16px -143px;
}

.flag.ES:before {
    background-position: -16px -154px;
}

.flag.ET:before {
    background-position: -16px -165px;
}

.flag.EU:before {
    background-position: -16px -176px;
}

.flag.FAM:before {
    background-position: -16px -187px;
}

.flag.FI:before {
    background-position: -16px -198px;
}

.flag.FJ:before {
    background-position: -16px -209px;
}

.flag.FK:before {
    background-position: -16px -220px;
}

.flag.FM:before {
    background-position: -16px -231px;
}

.flag.FO:before {
    background-position: -16px -242px;
}

.flag.FR:before {
    background-position: -16px -253px;
}

.flag.GA:before {
    background-position: -16px -264px;
}

.flag.GB:before {
    background-position: -16px -275px;
}

.flag.GD:before {
    background-position: -16px -286px;
}

.flag.GE:before {
    background-position: -16px -297px;
}

.flag.GF:before {
    background-position: -16px -308px;
}

.flag.GH:before {
    background-position: -16px -319px;
}

.flag.GI:before {
    background-position: -16px -330px;
}

.flag.GL:before {
    background-position: -16px -341px;
}

.flag.GM:before {
    background-position: -16px -352px;
}

.flag.GN:before {
    background-position: -16px -363px;
}

.flag.GP:before {
    background-position: -16px -374px;
}

.flag.GQ:before {
    background-position: -16px -385px;
}

.flag.GR:before {
    background-position: -16px -396px;
}

.flag.GS:before {
    background-position: -16px -407px;
}

.flag.GT:before {
    background-position: -16px -418px;
}

.flag.GU:before {
    background-position: -16px -429px;
}

.flag.GW:before {
    background-position: -16px -440px;
}

.flag.GY:before {
    background-position: -16px -451px;
}

.flag.HK:before {
    background-position: -16px -462px;
}

.flag.HM:before {
    background-position: -16px -473px;
}

.flag.HN:before {
    background-position: -16px -484px;
}

.flag.HR:before {
    background-position: -16px -495px;
}

.flag.HT:before {
    background-position: -16px -506px;
}

.flag.HU:before {
    background-position: -16px -517px;
}

.flag.ID:before {
    background-position: -16px -528px;
}

.flag.IE:before {
    background-position: -16px -539px;
}

.flag.IL:before {
    background-position: -16px -550px;
}

.flag.IN:before {
    background-position: -16px -561px;
}

.flag.IO:before {
    background-position: -16px -572px;
}

.flag.IQ:before {
    background-position: -32px 0;
}

.flag.IR:before {
    background-position: -32px -11px;
}

.flag.IS:before {
    background-position: -32px -22px;
}

.flag.IT:before {
    background-position: -32px -33px;
}

.flag.JM:before {
    background-position: -32px -44px;
}

.flag.JO:before {
    background-position: -32px -55px;
}

.flag.JP:before {
    background-position: -32px -66px;
}

.flag.KE:before {
    background-position: -32px -77px;
}

.flag.KG:before {
    background-position: -32px -88px;
}

.flag.KH:before {
    background-position: -32px -99px;
}

.flag.KI:before {
    background-position: -32px -110px;
}

.flag.KM:before {
    background-position: -32px -121px;
}

.flag.KN:before {
    background-position: -32px -132px;
}

.flag.KP:before {
    background-position: -32px -143px;
}

.flag.KR:before {
    background-position: -32px -154px;
}

.flag.KW:before {
    background-position: -32px -165px;
}

.flag.KY:before {
    background-position: -32px -176px;
}

.flag.KZ:before {
    background-position: -32px -187px;
}

.flag.LA:before {
    background-position: -32px -198px;
}

.flag.LB:before {
    background-position: -32px -209px;
}

.flag.LC:before {
    background-position: -32px -220px;
}

.flag.LI:before {
    background-position: -32px -231px;
}

.flag.LR:before {
    background-position: -32px -242px;
}

.flag.LK:before {
    background-position: -32px -253px;
}

.flag.LS:before {
    background-position: -32px -264px;
}

.flag.LT:before {
    background-position: -32px -275px;
}

.flag.LU:before {
    background-position: -32px -286px;
}

.flag.LV:before {
    background-position: -32px -297px;
}

.flag.LY:before {
    background-position: -32px -308px;
}

.flag.MA:before {
    background-position: -32px -319px;
}

.flag.MC:before {
    background-position: -32px -330px;
}

.flag.MD:before {
    background-position: -32px -341px;
}

.flag.ME:before {
    background-position: -32px -352px;
}

.flag.MG:before {
    background-position: -32px -363px;
}

.flag.MH:before {
    background-position: -32px -374px;
}

.flag.MK:before {
    background-position: -32px -385px;
}

.flag.ML:before {
    background-position: -32px -396px;
}

.flag.MM:before {
    background-position: -32px -407px;
}

.flag.MN:before {
    background-position: -32px -418px;
}

.flag.MO:before {
    background-position: -32px -429px;
}

.flag.MP:before {
    background-position: -32px -440px;
}

.flag.MQ:before {
    background-position: -32px -451px;
}

.flag.MR:before {
    background-position: -32px -462px;
}

.flag.MS:before {
    background-position: -32px -473px;
}

.flag.MT:before {
    background-position: -32px -484px;
}

.flag.MU:before {
    background-position: -32px -495px;
}

.flag.MV:before {
    background-position: -32px -506px;
}

.flag.MW:before {
    background-position: -32px -517px;
}

.flag.MX:before {
    background-position: -32px -528px;
}

.flag.MY:before {
    background-position: -32px -539px;
}

.flag.MZ:before {
    background-position: -32px -550px;
}

.flag.NA:before {
    background-position: -32px -561px;
}

.flag.NC:before {
    background-position: -32px -572px;
}

.flag.NE:before {
    background-position: -48px 0;
}

.flag.NF:before {
    background-position: -48px -11px;
}

.flag.NG:before {
    background-position: -48px -22px;
}

.flag.NI:before {
    background-position: -48px -33px;
}

.flag.NL:before {
    background-position: -48px -44px;
}

.flag.NO:before {
    background-position: -48px -55px;
}

.flag.NP:before {
    background-position: -48px -66px;
}

.flag.NR:before {
    background-position: -48px -77px;
}

.flag.NU:before {
    background-position: -48px -88px;
}

.flag.NZ:before {
    background-position: -48px -99px;
}

.flag.OM:before {
    background-position: -48px -110px;
}

.flag.PA:before {
    background-position: -48px -121px;
}

.flag.PE:before {
    background-position: -48px -132px;
}

.flag.PF:before {
    background-position: -48px -143px;
}

.flag.PG:before {
    background-position: -48px -154px;
}

.flag.PH:before {
    background-position: -48px -165px;
}

.flag.PK:before {
    background-position: -48px -176px;
}

.flag.PL:before {
    background-position: -48px -187px;
}

.flag.PM:before {
    background-position: -48px -198px;
}

.flag.PN:before {
    background-position: -48px -209px;
}

.flag.PR:before {
    background-position: -48px -220px;
}

.flag.PS:before {
    background-position: -48px -231px;
}

.flag.PT:before {
    background-position: -48px -242px;
}

.flag.PW:before {
    background-position: -48px -253px;
}

.flag.PY:before {
    background-position: -48px -264px;
}

.flag.QA:before {
    background-position: -48px -275px;
}

.flag.RE:before {
    background-position: -48px -286px;
}

.flag.RO:before {
    background-position: -48px -297px;
}

.flag.RS:before {
    background-position: -48px -308px;
}

.flag.RU:before {
    background-position: -48px -319px;
}

.flag.RW:before {
    background-position: -48px -330px;
}

.flag.SA:before {
    background-position: -48px -341px;
}

.flag.SB:before {
    background-position: -48px -352px;
}

.flag.SC:before {
    background-position: -48px -363px;
}

.flag.Scotland:before {
    background-position: -48px -374px;
}

.flag.SD:before {
    background-position: -48px -385px;
}

.flag.SE:before {
    background-position: -48px -396px;
}

.flag.SG:before {
    background-position: -48px -407px;
}

.flag.SH:before {
    background-position: -48px -418px;
}

.flag.SI:before {
    background-position: -48px -429px;
}

.flag.SJ:before {
    background-position: -48px -440px;
}

.flag.SK:before {
    background-position: -48px -451px;
}

.flag.SL:before {
    background-position: -48px -462px;
}

.flag.SM:before {
    background-position: -48px -473px;
}

.flag.SN:before {
    background-position: -48px -484px;
}

.flag.SO:before {
    background-position: -48px -495px;
}

.flag.SR:before {
    background-position: -48px -506px;
}

.flag.ST:before {
    background-position: -48px -517px;
}

.flag.SV:before {
    background-position: -48px -528px;
}

.flag.SY:before {
    background-position: -48px -539px;
}

.flag.SZ:before {
    background-position: -48px -550px;
}

.flag.TC:before {
    background-position: -48px -561px;
}

.flag.TD:before {
    background-position: -48px -572px;
}

.flag.TF:before {
    background-position: -64px 0;
}

.flag.TG:before {
    background-position: -64px -11px;
}

.flag.TH:before {
    background-position: -64px -22px;
}

.flag.TJ:before {
    background-position: -64px -33px;
}

.flag.TK:before {
    background-position: -64px -44px;
}

.flag.TL:before {
    background-position: -64px -55px;
}

.flag.TM:before {
    background-position: -64px -66px;
}

.flag.TN:before {
    background-position: -64px -77px;
}

.flag.TO:before {
    background-position: -64px -88px;
}

.flag.TR:before {
    background-position: -64px -99px;
}

.flag.TT:before {
    background-position: -64px -110px;
}

.flag.TV:before {
    background-position: -64px -121px;
}

.flag.TW:before {
    background-position: -64px -132px;
}

.flag.TZ:before {
    background-position: -64px -143px;
}

.flag.UA:before {
    background-position: -64px -154px;
}

.flag.UG:before {
    background-position: -64px -165px;
}

.flag.UM:before {
    background-position: -64px -176px;
}

.flag.US:before {
    background-position: -64px -187px;
}

.flag.UY:before {
    background-position: -64px -198px;
}

.flag.UZ:before {
    background-position: -64px -209px;
}

.flag.VA:before {
    background-position: -64px -220px;
}

.flag.VC:before {
    background-position: -64px -231px;
}

.flag.VE:before {
    background-position: -64px -242px;
}

.flag.VG:before {
    background-position: -64px -253px;
}

.flag.VI:before {
    background-position: -64px -264px;
}

.flag.VN:before {
    background-position: -64px -275px;
}

.flag.VU:before {
    background-position: -64px -286px;
}

.flag.Wales:before {
    background-position: -64px -297px;
}

.flag.WF:before {
    background-position: -64px -308px;
}

.flag.WS:before {
    background-position: -64px -319px;
}

.flag.YE:before {
    background-position: -64px -330px;
}

.flag.YT:before {
    background-position: -64px -341px;
}

.flag.ZA:before {
    background-position: -64px -352px;
}

.flag.ZM:before {
    background-position: -64px -363px;
}

.flag.ZW:before {
    background-position: -64px -374px;
}

.row {
    display: flex;
    margin: 0 -15px;
}

.column {
    flex: 1;
    padding: 15px;
    width: 100%;
}

.column.x2 {
    flex: 2;
}

.content {
    background: #fff;
    min-height: 100%;
    padding: 30px;
    box-shadow: 3px 6px 12px rgba(0, 0, 0, .03);
    -webkit-box-shadow: 3px 6px 12px rgba(0, 0, 0, .03);
}

.autoheight .content {
    min-height: 0;
}

.autoheight .content+.content {
    margin-top: 30px;
}

.achievement {
    position: relative;
    padding-bottom: 0;
}

.achievement .percent {
    display: flex;
    margin: 0 -15px;
    list-style: none;
}

.achievement .percent>div {
    flex: 1;
    padding: 0 15px 30px;
}

.achievement .personal .pv1 {
    position: relative;
    padding: 18px 0 10px;
}

.achievement .personal .pv2 {
    position: relative;
    margin-top: 3px;
    padding: 10px 0 2px;
}

.achievement .personal>div:before {}

.achievement .personal .pv1:before {
    content: '';
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    height: 6px;
    background: #f1f1f1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.achievement .personal .pv2:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    height: 6px;
    background: #f1f1f1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.achievement .loading .personal>div b {
    width: 0 !important;
}

.achievement .personal .pv1 b {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #0abb87;
    max-width: 100%;
    height: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    transition: width 3s ease;
    -moz-transition: width 3s ease;
    -o-transition: width 3s ease;
    -webkit-transition: width 3s ease;
}

.achievement .personal .pv2 b {
    position: absolute;
    top: 0;
    left: 0;
    background: #fd397a;
    max-width: 100%;
    height: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    transition: width 3s ease;
    -moz-transition: width 3s ease;
    -o-transition: width 3s ease;
    -webkit-transition: width 3s ease;
    transition-delay: 2s;
    -moz-transition-delay: 2s;
    -o-transition-delay: 2s;
    -webkit-transition-delay: 2s;
}

.achievement .personal .pv1 span,
.achievement .personal .pv2 span {
    display: block;
    text-align: right;
}

.achievement .personal .pv1 span em {
    color: #0abb87;
    font-style: normal;
}

.achievement .personal .pv2 span em {
    color: #fd397a;
    font-style: normal;
}

.achievement .description {
    display: flex;
}

.achievement .comment {
    display: flex;
    padding-top: 22px;
}

.achievement .comment img {
    display: block;
    width: 45px;
    height: 30px;
    padding-right: 15px;
}

.achievement .comment p {
    padding-top: 3px;
}

.achievement .comment p span {
    color: #fd397a;
    font-weight: bold;
}

.achievement .comment p span.off {
    color: #0abb87;
}

.achievement .comment p .pv:after {
    margin: 0;
}

.achievement .comment p .percentage:after {
    content: ' %';
    font-size: 12px;
    line-height: 2;
    vertical-align: baseline;
}

.achievement .estimate {
    margin: 30px 0 0 auto;
    text-align: right;
}

.achievement .estimate span {
    display: block;
    font-size: 12px;
}

.achievement .estimate b {
    display: block;
    font-size: 18px;
    margin: 6px 0;
}

.achievement .estimate b:before {
    content: 'RM';
    font-size: 12px;
    font-weight: normal;
    line-height: 2;
    margin-right: 5px;
    vertical-align: top;
}

.achievement .estimate a {
    background: #fed9df;
    color: #f80028;
    display: block;
    font-size: 12px;
    width: 120px;
    margin-left: auto;
    padding: 6px 12px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.achievement .comment+.estimate {
    border-left: 1px solid #f1f1f1;
    min-width: 144px;
    margin-left: 15px;
    padding-left: 15px;
}

.achievement .group ul {
    position: relative;
    list-style: none;
    padding-top: 54px;
}

.achievement .group ul:before {
    content: '';
    position: absolute;
    left: 2px;
    right: 2px;
    bottom: 2px;
    height: 6px;
    background: #f1f1f1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.achievement .group ul li {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f80028;
    height: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    transition: width 3s ease;
    -moz-transition: width 3s ease;
    -o-transition: width 3s ease;
    -webkit-transition: width 3s ease;
}

.achievement .group ul li.hasImage {
    z-index: 101;
}

.achievement .loading .group ul li {
    width: 0 !important;
}

.achievement .group ul li figure {
    position: absolute;
    right: -18px;
    bottom: 10px;
}

.achievement .group ul li figure i {
    background: #fff;
    display: block;
    width: 36px;
    max-width: none;
    height: 36px;
    border: 3px solid #f1f1f1;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.achievement .group ul li figure img {
    display: block;
    width: 36px;
    max-width: none;
    height: 36px;
    border: 3px solid #fed9df;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.achievement .group ul li figure i {
    color: #ccc;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
}

.achievement .group ul li figure:after {
    content: '';
    border-top: 10px solid #f1f1f1;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    display: block;
    width: 0;
    margin: -3px auto 0;
}

.achievement .group ul li.hasImage figure:after {
    border-top: 10px solid #fed9df;
}

.achievement .pv3 {
    display: flex;
    padding-top: 9px;
}

.achievement .pv3 p {
    flex: 1;
    font-size: 12px;
    line-height: 1;
    text-align: right;
}

.achievement .pv3 p b {
    color: #0abb87;
}

.achievement .pv3 p strong {
    color: #fd397a;
}

.achievement .pv3 p span:after {
    font-size: 8px;
    margin: 0;
}

.achievement .pv3>span {
    border-left: 1px solid #ccc;
    display: block;
    color: #f80028;
    line-height: 32px;
    height: 32px;
    margin-left: 15px;
    padding-left: 15px;
    white-space: nowrap;
}

.achievement .pv3>span:after {
    color: #333;
    margin: 0;
}

.showCart {
    overflow: hidden;
}

.cartSummary {
    position: fixed;
    top: 91px;
    right: -30px;
    bottom: 0;
    width: 320px;
    opacity: 0;
    padding: 61px 0;
    visibility: hidden;
    z-index: 104;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    box-shadow: -3px 6px 12px rgba(0, 0, 0, .03);
    -webkit-box-shadow: -3px 6px 12px rgba(0, 0, 0, .03);
}

.showCart .cartSummary {
    right: 0;
    opacity: 1;
    visibility: visible;
}

.cartSummary:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    opacity: .85;
}

.cartSummary h6 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #000;
    border-bottom: 1px solid #f1f1f1;
    font-size: 16px;
    line-height: 60px;
}

.cartSummary .buttonholder {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #f1f1f1;
    display: flex;
    padding: 10px;
}

.cartSummary .buttonholder a {
    background: #f80028;
    color: #000;
    display: block;
    flex: 1;
    font-size: 12px;
    line-height: 12px;
    padding: 14px 0;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.cartSummary .buttonholder a:first-child {
    background: #000;
    color: #fff;
}

.cartSummary .buttonholder a+a {
    margin-left: 10px;
}

.cartSummary .emptyCart {
    position: absolute;
    top: 61px;
    left: 0;
    right: 0;
    bottom: 61px;
    padding: 60px 0;
    text-align: center;
    overflow-y: auto;
}

.cartSummary .emptyCart .icon {
    position: relative;
    background: #fed9df;
    width: 90px;
    margin: 0 auto 15px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.cartSummary .emptyCart .icon i {
    opacity: .1;
    display: block;
    font-size: 60px;
    line-height: 90px;
}

.cartSummary .emptyCart h3 {
    color: #999;
    line-height: 1.5;
    margin: 0;
    text-align: center;
}

.cartSummary ul {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 61px;
    list-style: none;
    overflow-y: auto;
}

.cartSummary ul li {
    position: relative;
    border-top: 1px solid #f1f1f1;
    display: flex;
    padding: 15px 15px 30px;
}

.cartSummary ul li:hover {
    background: #fed9df;
}

.cartSummary ul li figure {
    min-width: 50px;
    max-width: 50px;
    margin-right: 15px;
}

.cartSummary ul li figure img {
    border: 3px solid #f1f1f1;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}

.cartSummary ul li div {
    flex: 1;
}

.cartSummary ul li div div {
    display: flex;
}

.cartSummary ul li h5 {
    color: #333;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 6px;
    padding-right: 15px;
}

.cartSummary ul li form a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

.cartSummary ul li form a b {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: block;
    font-style: normal;
    font-weight: normal;
    margin-top: -12px;
    text-align: center;
}

.cartSummary ul li span {
    color: #000;
    margin-left: auto;
}

.cartSummary ul li span:before {
    content: 'X';
    color: #999;
    font-size: 10px;
    margin-right: 5px;
}

.cartSummary ul li table {
    color: #999;
    font-size: 10px;
    line-height: 1.2;
    padding-right: 18px;
}

.cartSummary ul li table td {
    padding: 3px 6px 0 0;
}

.cartSummary ul li .deleteCart {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fd397a;
    font-size: 10px;
    line-height: 30px;
    padding: 0 15px;
}

.cartSummary ul li button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    display: block;
    width: 100%;
}

.cartSummary ul li button:hover {
    border-left: 3px solid #f80028;
}

.checkout {
    background: #f1f1f1;
    padding-bottom: 30px;
}

.checkout .autoheight .content {
    margin-bottom: 30px;
}

.checkout .autoheight .content+.content {
    margin-top: 0;
}

.checkoutStep {
    position: relative;
    display: flex;
    list-style: none;
    padding: 45px 0 30px;
    text-align: center;
}

.orderPage .checkoutStep {
    margin-top: 61px;
}

.checkoutStep:before {
    content: '';
    position: absolute;
    top: 70px;
    left: 10%;
    right: 10%;
    border-top: 1px dashed #ccc;
}

.checkoutStep:after {
    content: '';
    position: absolute;
    top: 70px;
    left: 10%;
    background: #f80028;
    height: 1px;
}

.checkoutStep.step1of5:after {
    right: 90%;
}

.checkoutStep.step2of5:after {
    right: 70%;
}

.checkoutStep.step3of5:after {
    right: 50%;
}

.checkoutStep.step4of5:after {
    right: 30%;
}

.checkoutStep.step5of5:after {
    right: 10%;
}

.checkoutStep li {
    position: relative;
    flex: 1;
    z-index: 101;
}

.checkoutStep li i {
    background: #fff;
    border: 1px dashed #ccc;
    color: #ccc;
    display: block;
    font-size: 30px;
    width: 50px;
    line-height: 48px;
    margin: 0 auto;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.checkoutStep li.progress i {
    background: #e6f8f3;
    border: 1px solid #0abb87;
    color: #0abb87;
}

.checkoutStep li.complete i {
    background: #fed9df;
    border: 1px solid #f80028;
    color: #f80028;
}

.checkoutStep li.cancel i {
    background: #ffebf1;
    border: 1px solid #fd397a;
    color: #fd397a;
}

.checkoutStep li span {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    font-size: 10px;
    line-height: 1.2;
    margin-top: 6px;
}

.checkout .content h4 span {
    display: inline-block;
}

.shipping fieldset {
    border: 1px solid #f1f1f1;
    min-height: 89px;
    margin-top: 30px;
    padding: 7px 15px 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.shipping fieldset legend {
    background: #fff;
    color: #666;
    font-size: 12px;
    padding: 0 6px;
    white-space: nowrap;
}

.shipping fieldset legend em {
    color: #fd397a;
    font-style: normal;
}

.shipping fieldset>div {
    position: relative;
    display: flex;
}

.shipping fieldset label {
    position: relative;
    display: flex;
    flex: 1;
}

.shipping fieldset div>label+label {
    margin-left: 8px;
}

.shipping fieldset>label+label {
    margin-top: 8px;
}

.shipping fieldset label .flag {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 41px;
}

.shipping fieldset input,
.shipping fieldset select,
.shipping fieldset textarea {
    background: #f6f6f6;
    color: #000;
    outline: none;
    display: block;
    font-family: 'Noto Sans SC', Segoe, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
    height: 48px;
    padding: 12px 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.shipping fieldset input:focus,
.shipping fieldset select:focus,
.shipping fieldset textarea:focus {
    background: #fed9df;
}

.shipping #country input {
    padding-left: 45px;
}

.shipping #country select {
    padding-left: 0;
    text-indent: 41px;
}

.shipping fieldset textarea {
    height: 144px;
    resize: none;
}

.shipping fieldset p {
    color: #666;
    font-size: 12px;
    padding-top: 6px;
}

.cart {
    margin: 0 -30px;
}

.cart>table {
    border-collapse: collapse;
    width: 100%;
}

.cart thead {
    text-align: left;
}

.cart th {
    background: #f6f6f6;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    color: #999;
    font-size: 12px;
    font-weight: normal;
    padding: 12px 30px 12px 0;
}

.cart>table>tbody>tr>td {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding: 15px 30px 15px 0;
}

.cart>table>tbody>tr>td:first-child {
    padding-right: 0;
    width: 90px;
}

.cart .status {
    text-align: center;
}

.cart h3 {
    color: #999;
    margin: 15px 0;
    line-height: 1.5;
    text-align: center;
}

.cart figure {
    width: 50px;
    margin: 0 15px 0 30px;
}

.cart .updateProduct {
    background: transparent;
    display: block;
    outline: none;
    text-align: left;
}

.cart b {
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 5px;
}

.cart table table {
    color: #999;
    font-size: 12px;
    line-height: 1.2;
}

.cart small {
    color: #999;
    display: none;
    font-size: 12px;
    margin-right: auto;
    padding-right: 10px;
}

.cart div {
    text-align: right;
}

.cart span {
    display: block;
    line-height: 24px;
}

.cart .discount {
    color: #0abb87;
}

.cart .pv {
    color: #f80028;
}

.cart .pv:after {
    margin-right: 1px;
}

.cart .unit span {
    font-size: 14px;
}

.cart .unit .currency {
    color: #666;
}

.cart .unit .pv:after {
    font-size: 10px;
}

.cart .quantity {
    position: relative;
    width: 120px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.cart .quantity input {
    border: 1px solid #fed9df;
    color: #000;
    outline: none;
    display: block;
    font-family: 'Noto Sans SC', Segoe, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
    padding: 7px 0;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.cart .quantity a {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #fed9df;
    display: block;
    width: 40px;
}

.cart .quantity a.deduct {
    left: 0;
}

.cart .quantity a.add {
    right: 0;
}

.cart .quantity a:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 15px;
    background: #000;
    width: 10px;
    height: 1px;
}

.cart .quantity a.add:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 20px;
    background: #000;
    width: 1px;
    height: 10px;
}

.cart .quantity button {
    display: none;
}

.cart .deleteCart2 {
    background: transparent;
    color: #fd397a;
    float: right;
    font-size: 20px;
    outline: none;
}

.cart .deleteCart2 i {
    display: block;
}

.cart tfoot {
    text-align: left;
}

.cart tfoot th {
    border-top: none;
}

.cart tfoot>tr:first-child>* {
    padding-top: 12px;
}

.cart tfoot td {
    color: #999;
    background: #f6f6f6;
    font-size: 12px;
    padding: 0 30px 0 0;
    text-align: right;
}

.cart tfoot td span {
    color: #333;
    font-size: 16px;
}

.cart tfoot h2 {
    border-top: 1px solid #ccc;
    color: #000;
    font-weight: normal;
    margin: 6px 0 0;
    padding: 6px 0 12px;
    text-align: right;
}

.cart tfoot h3 {
    font-weight: normal;
    margin: -12px 15px 0 0;
    padding: 0 0 12px;
    text-align: right;
}

.cart .buttonholder {
    position: relative;
    padding: 0 30px;
    display: flex;
}

.cart .buttonholder a {
    background: #f80028;
    color: #fff;
    display: block;
    font-size: 16px;
    font-family: 'Noto Sans SC', Segoe, Arial, sans-serif;
    margin: 30px 0 0 5px;
    padding: 12px 24px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.cart .buttonholder a:first-child {
    background: #000;
    color: #fff;
    margin-left: auto;
}

.shipping .content {
    position: relative;
}

#zone fieldset {
    margin-top: 0;
}

.enable {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    line-height: 15px;
    margin-right: -30px;
}

.enable label {
    display: flex;
    margin-top: 15px;
    margin-right: 30px;
}

.enable input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.enable i {
    color: #0abb87;
    display: block;
    border: 2px solid #0abb87;
    line-height: 20px;
    font-size: 26px;
    width: 24px;
    height: 24px;
    margin: 4px 10px 0 0;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.enable input:checked~i {
    background: #e6f8f3;
}

.enable i:before {
    opacity: 0;
}

.enable input:checked~i:before {
    opacity: 1;
}

.enable span {
    white-space: nowrap;
}

.enable.reverse i {
    background: #e6f8f3;
}

.enable.reverse input:checked~i {
    background: transparent;
}

.enable.reverse i:before {
    opacity: 1;
}

.enable.reverse input:checked~i:before {
    opacity: 0;
}

.headerform {
    float: right;
}

.headerform label {
    margin-top: 0;
}

.orderSummary {
    margin: 0 -5px;
    padding-top: 8px;
}

.orderSummary table {
    border-collapse: collapse;
    width: 100%;
}

.orderSummary td {
    padding: 10px 5px;
    vertical-align: top;
}

.orderSummary img {
    min-width: 50px;
    max-width: 50px;
}

.orderSummary td b {
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: normal;
}

.orderSummary td table {
    width: auto;
    margin-top: 5px;
}

.orderSummary td table td {
    color: #999;
    font-size: 10px;
    padding: 0 5px 0 0;
}

.orderSummary .currency {
    color: #999;
    display: block;
    font-size: 14px;
    text-align: right;
}

.orderSummary .currency:before {
    font-size: 10px;
}

.orderSummary small {
    color: #0abb87;
    display: block;
    text-align: right;
}

.orderSummary .quantity {
    display: block;
    font-size: 14px;
    text-align: right;
}

.orderSummary .quantity:before {
    content: 'x';
    color: #ccc;
    margin-right: 5px;
}

.orderSummary table+table {
    border-top: 1px solid #eee;
    margin-top: 10px;
}

.orderSummary tfoot td {
    font-size: 12px;
    padding: 5px 5px 0;
}

.orderSummary tfoot tr:first-child>td {
    padding-top: 20px;
}

.orderSummary tfoot span {
    display: block;
    text-align: right;
}

.orderSummary tfoot .currency {
    color: #333;
}

.orderSummary tfoot .discount {
    color: #0abb87;
    font-size: 14px;
}

.orderSummary tfoot th {
    font-weight: normal;
    text-align: left;
    padding: 20px 5px 0;
}

.orderSummary tfoot th .currency {
    color: #000;
    font-weight: bold;
    font-size: 20px;
}

.orderSummary tfoot th .currency:before {
    font-size: 12px;
}

.orderSummary tfoot th .pv {
    color: #f80028;
    font-size: 20px;
    margin-right: 6px;
}

.charity {
    position: relative;
    font-size: 14px;
    padding-right: 180px;
}

.charity:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(assets/images/charity.png) no-repeat center;
    background-size: contain;
    display: block;
    width: 150px;
}

.orderlist {
    position: relative;
    margin-top: 25px;
}

.orderlist table {
    display: block;
    width: 100% !important;
}

.orderlist thead {
    display: block;
    margin: 0 -30px;
    overflow: hidden;
}

.orderlist thead tr:first-child,
.orderlist tfoot {
    display: none;
}

.orderlist .tag {
    display: flex;
    margin-bottom: 6px;
    padding: 15px 30px 15px 27px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.orderlist .tag::-webkit-scrollbar {
    height: 6px;
}

.orderlist .tag::-webkit-scrollbar-track {
    background: #fff;
}

.orderlist .tag::-webkit-scrollbar-thumb {
    background: #fff;
}

.orderlist .tag:hover::-webkit-scrollbar-thumb {
    background: #f1f1f1;
}

.orderlist .tag th {
    display: flex;
}

.orderlist .tag label {
    position: relative;
    display: block;
    margin: 0 0 3px 3px;
}

.orderlist .tag label>i {
    position: absolute;
    top: 0;
    left: 0;
}

.orderlist .tag label input[type="text"] {
    border: 1px solid #eee;
    width: 150px;
    height: 40px;
    font-size: 12px;
    outline: none;
    padding-left: 40px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.orderlist .tag label input[type="text"]:focus {
    border: 1px solid #333;
}

.orderlist .tag label input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.orderlist .tag label div {
    border: 1px solid #eee;
    color: #666;
    display: flex;
    padding: 0 15px 0 3px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.orderlist .tag label input:checked~div {
    background: #fed9df;
    border: 1px solid #f80028;
    color: #f80028;
}

.orderlist .tag label input:checked~div.success {
    background: #e6f8f3;
    border: 1px solid #0abb87;
    color: #0abb87;
}

.orderlist .tag label input:checked~div.warning {
    background: #fff8e8;
    border: 1px solid #ffb822;
    color: #ffb822;
}

.orderlist .tag label input:checked~div.error {
    background: #ffebf1;
    border: 1px solid #fd397a;
    color: #fd397a;
}

.orderlist .tag label i {
    opacity: .5;
    font-size: 18px;
    min-width: 38px;
    max-width: 38px;
    line-height: 38px;
    display: block;
}

.orderlist .tag label span {
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 38px;
    text-align: left;
    white-space: nowrap;
}

.orderlist tbody {
    display: flex;
    margin: -5px;
    flex-wrap: wrap;
}

.orderlist tbody tr {
    position: relative;
    display: block;
    flex: 1;
    padding: 5px;
    min-width: 33.333333%;
    max-width: 33.333333%;
}

.orderlist tbody tr.hasButton {
    padding-bottom: 55px;
}

.orderlist tbody tr:before,
.orderlist tbody tr:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
}

.orderlist tbody tr:before {
    background: #f6f6f6;
}

.orderlist tbody tr.white:before {
    background: #fff;
}

.orderlist tbody tr:after {
    border: 1px solid #f1f1f1;
}

.orderlist tbody td {
    position: relative;
    background: #fff;
    display: flex;
    flex: 1;
    padding: 0 15px;
}

.orderlist .order_no {
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 0;
    text-align: center;
}

.orderlist tbody td.dataTables_empty {
    color: #ccc;
    font-size: 24px;
    font-weight: 100;
    padding: 30px;
    text-align: center;
}

.orderlist .orderedItem {
    display: block;
    padding: 0;
}

.orderlist .orderedItem ul {
    font-size: 12px;
    list-style: none;
}

.orderlist .orderedItem li {
    position: relative;
    border-top: 1px solid #f1f1f1;
    padding: 15px 80px;
}

.orderlist .orderedItem li:first-child {
    border-top: none;
}

.orderlist .orderedItem li figure {
    position: absolute;
    top: 8px;
    left: 15px;
    width: 50px;
}

.orderlist .orderedItem li span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orderlist .orderedItem li b {
    position: absolute;
    top: 24px;
    right: 0;
    text-align: center;
    width: 80px;
}

.orderlist .orderedItem li b:before {
    content: 'x ';
    color: #ccc;
    font-weight: normal;
}

.orderlist .status {
    display: block;
    font-size: 12px;
    line-height: 15px;
    padding: 10px 0;
    text-align: center;
    white-space: nowrap;
}

.orderlist .status.error {
    background: #ffebf1;
    color: #fd397a;
}

.orderlist .status.warning {
    background: #fff8e8;
    color: #ffb822;
}

.orderlist .status.pending {
    background: #ecf3fe;
    color: #4285f4;
}

.orderlist .status.success {
    background: #e6f8f3;
    color: #0abb87;
}

.orderlist .status span {
    display: none;
}

.orderlist .payment {
    background: transparent;
    display: block;
}

.orderlist .payment ul {
    list-style: none;
    padding: 15px 0;
}

.orderlist .payment ul li {
    display: flex;
}

.orderlist .payment ul li small {
    color: #999;
    display: block;
    flex: 1;
    font-size: 12px;
    padding-top: 3px;
    line-height: 18px;
}

.orderlist .payment ul li>span {
    display: block;
    flex: 1;
    font-size: 14px;
    line-height: 24px;
    margin-left: auto;
    text-align: right;
}

.orderlist .payment ul li>.discount {
    color: #0abb87;
}

.orderlist .payment ul li.total {
    padding-top: 5px;
}

.orderlist .payment ul li.total small {
    margin-top: 5px;
}

.orderlist .payment ul li strong {
    border-top: 1px solid #ccc;
    display: block;
    flex: 1;
    font-size: 16px;
    margin-left: auto;
    padding-top: 5px;
    text-align: right;
}

.orderlist .payment ul li strong span {
    display: block;
}

.orderlist .payment ul li strong .pv {
    color: #f80028;
    font-weight: normal;
}

.orderlist .destination {
    background: transparent;
}

.orderlist .destination small {
    color: #999;
    display: block;
    font-size: 10px;
    line-height: 18px;
    min-width: 65px;
    max-width: 65px;
    padding: 15px 15px 0 0;
    text-align: center;
}

.orderlist .destination div {
    color: #666;
    flex: 1;
    font-size: 12px;
    line-height: 18px;
    padding: 15px 0;
}

.orderlist .destination div hr {
    border-top: 1px solid #ccc;
    margin: 5px 0;
}

.orderlist .destination div em {
    position: relative;
    display: block;
    font-style: normal;
    padding-left: 18px;
}

.orderlist .destination div em i {
    position: absolute;
    top: 1px;
    left: 0;
    display: block;
    line-height: 18px;
}

.orderlist .destination div b {
    display: block;
}

.orderlist .link {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background: transparent;
    display: block;
    z-index: 101;
}

.orderlist .link button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    display: block;
    margin: 0;
    padding: 0;
}

.orderlist .link .cancelform a {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    color: #fd397a;
}

.orderlist .link .cancelform a i {
    display: block;
    font-size: 24px;
    width: 27px;
    line-height: 27px;
    text-align: center;
}

.orderlist .link .confirmform a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0abb87;
    display: block;
    color: #e6f8f3;
}

.orderlist .link .confirmform a span {
    display: block;
    font-size: 12px;
    line-height: 18px;
    padding: 6px 0;
    text-align: center;
    white-space: nowrap;
}

.orderlist .dataTables_paginate {
    position: absolute;
    top: -63px;
    left: auto;
    right: 0;
    margin: 0;
}

.payment {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}

.payment label {
    position: relative;
    display: block;
    padding: 5px;
}

.payment label input {
    display: none;
}

.payment label img {
    display: block;
    width: auto;
    max-width: none;
    height: 60px;
    padding: 10px 20px;
    border: 3px solid #f1f1f1;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

.payment label input:checked~img {
    border: 3px solid #0abb87;
}

.payment p {
    display: flex;
    padding: 5px;
}

.payment p img,
.payment p span {
    border: 3px solid #0abb87;
    color: #0abb87;
    display: block;
    font-size: 18px;
    padding: 10px 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.payment p img {
    width: auto;
    height: 80px;
}

.shipping .buttonholder {
    padding-top: 30px;
    display: flex;
}

.checkout .shipping .buttonholder {
    padding: 0;
}

.shipping .buttonholder button {
    background: #000;
    color: #f80028;
    display: block;
    font-family: 'Noto Sans SC', Segoe, Arial, sans-serif;
    font-size: 16px;
    width: auto;
    line-height: 1.5;
    margin-top: 0;
    margin-left: auto;
    padding: 12px 21px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.shipping .buttonholder button span {
    display: inline-block;
    padding: 0 3px;
}

.shipping button.iconlink {
    position: absolute;
    top: 25px;
    right: 35px;
    background: transparent;
    color: #000;
    width: auto;
    margin: 0;
    padding: 0;
}

.shipping button.iconlink {
    color: #0084ff;
    display: block;
    font-size: 24px;
    line-height: 35px;
}

.shipping .buttonholder .button {
    color: #fd397a;
    display: flex;
    line-height: 48px;
    margin-left: auto;
}

.shipping .buttonholder .button i {
    display: block;
    font-size: 24px;
    margin-right: 5px;
}

.shipping .buttonholder .button i:before {
    line-height: 48px;
}

.shipping .buttonholder .button+button {
    margin-left: 15px;
}

.paymentStatus {
    text-align: center;
}

.paymentStatus i {
    margin: 30px 0 15px;
    font-size: 120px;
    text-align: center;
}

.paymentStatus .la-check-circle {
    color: #0abb87;
}

.paymentStatus .la-times-circle {
    color: #fd397a;
}

.paymentStatus h1 {
    font-size: 36px;
    margin-bottom: 30px;
}

.paymentStatus button {
    border: 1px solid #ccc;
    color: #333;
    display: block;
    font-family: 'Noto Sans SC', Segoe, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.5;
    width: 270px;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.relativeProfile div {
    display: flex;
}

.relativeProfile div figure {
    position: relative;
    min-width: 120px;
    max-width: 120px;
}

.relativeProfile div figure i {
    background: #fed9df;
    display: block;
    min-width: 90px;
    max-width: 90px;
    font-size: 75px;
    line-height: 90px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.relativeProfile div figure i:before {
    color: #000;
    opacity: .3;
}

.relativeProfile div figure img {
    position: absolute;
    top: 0;
    left: 0;
    border: 5px solid #f1f1f1;
    width: 90px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.relativeProfile div p b {
    display: block;
    font-size: 18px;
}

.relativeProfile div p small {
    position: relative;
    display: block;
}

.relativeProfile div p small:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    background: #f1f1f1;
    height: 1px;
}

.relativeProfile div p small span {
    position: relative;
    background: #fff;
    color: #999;
    font-size: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

.relativeProfile div p a {
    color: #666;
    display: flex;
    margin-top: 5px;
    text-decoration: none;
}

.relativeProfile div p a+a {
    margin-top: 0;
}

.relativeProfile div p a i {
    font-size: 18px;
    line-height: 22px;
    min-width: 25px;
    max-width: 25px;
}

.relativeProfile div p a {
    font-size: 14px;
}

.userID {
    margin-bottom: 30px;
}

.userID fieldset {
    position: relative;
    margin-top: 8px;
}

.userID fieldset a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.userID fieldset>input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.userID fieldset label i {
    position: absolute;
    top: 0;
    right: 0;
    color: #999;
    display: block;
    font-size: 36px;
    width: 48px;
    line-height: 48px;
    text-align: center;
}

.relation {
    position: relative;
    margin: -12px -30px -30px;
}

.relation .switch {
    position: absolute;
    top: -30px;
    right: 30px;
    display: flex;
    z-index: 101;
}

.relation .switch a {
    position: relative;
    background: #f1f1f1;
    display: block;
    margin-left: 6px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.relation .switch .type {
    display: flex;
}

.relation .switch a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 33px;
    height: 33px;
    margin: 3px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: .1s ease;
    -moz-transition: .1s ease;
    -o-transition: .1s ease;
    -webkit-transition: .1s ease;
}

.relation.vertical .switch .type:before {
    left: 39px;
}

.relation .switch a i {
    position: relative;
    color: #999;
    display: block;
    font-size: 21px;
    width: 39px;
    line-height: 39px;
    text-align: center;
}

.relation ul {
    list-style: none;
    margin: 0;
}

.relation .holder {
    overflow: auto;
}

.relation .holder>ul {
    display: block;
    padding: 30px 0 0 30px;
}

.relation li {
    position: relative;
    display: flex;
    margin: 0;
}

.relation li:before {
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    bottom: 0;
    background: #ccc;
    width: 1px;
}

.relation li:first-child:before {
    top: 50px;
}

.relation li:last-child:before {
    display: none;
}

.relation .holder>ul>li:before {
    display: none;
}

.relation .holder div {
    padding: 0 30px 30px 0;
}

.relation .holder div:before {
    content: '';
    position: absolute;
    top: 50px;
    left: -15px;
    background: #ccc;
    width: 15px;
    height: 1px;
}

.relation .holder>ul>li>div:before,
.relation .holder>ul>li>div div:before {
    display: none;
}

.relation li:first-child>div:before {
    left: -30px;
    width: 30px;
}

.relation li:last-child>div:after {
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    background: #ccc;
    width: 1px;
    height: 50px;
}

.relation li:only-child>div:after {
    display: none;
}

.relation .holder>ul>li>div:after {
    display: none;
}

.relation blockquote {
    background: #f6f6f6;
    border: none;
    display: flex;
    min-width: 300px;
    max-width: 300px;
    margin: 0;
    padding: 0;
}

.relation blockquote.warning {
    background: #fff8e8;
    color: #ffb822;
}

.relation blockquote.success {
    background: #e6f8f3;
    color: #0abb87;
}

.relation blockquote figure {
    min-width: 100px;
    max-width: 100px;
    padding: 15px;
}

.relation blockquote img {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.relation blockquote p {
    padding: 15px 15px 15px 0;
    min-width: 200px;
    max-width: 200px;
}

.relation blockquote p span {
    display: block;
    color: #000;
    font-size: 12px;
    padding-top: 9px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.relation blockquote p em {
    font-size: 10px;
    color: #999;
    display: block;
    font-style: normal;
}

.relation blockquote p em:before {
    content: 'User ID 客户编号 : ';
}

.relation blockquote p b {
    display: block;
    font-size: 16px;
    line-height: 1.2;
    padding-top: 9px;
}

.relation blockquote p b:after {
    content: 'PV';
    font-size: 12px;
    font-weight: 400;
    margin-left: 3px;
    vertical-align: baseline;
}

.relation .holder .customer_list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 0 30px 0 0;
}

.relation .holder .customer_list:before {
    display: none;
}

.relation .customer_list blockquote {
    margin: 0 0 30px 30px;
}

.relation .customer_list a {
    position: relative;
    display: block;
    padding-right: 62px;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.relation .customer_list.active a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #f6f6f6;
}

.relation .customer_list a b {
    position: relative;
    display: block;
    font-size: 24px;
    font-weight: 100;
    padding: 34px 0 30px;
    text-align: center;
}

.relation .customer_list a b:before {
    content: '+';
    margin-right: 3px;
}

.relation .customer_list a b:after {
    content: 'PV';
    font-size: 12px;
    margin-left: 3px;
    vertical-align: baseline;
}

.relation .customer_list a i {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 24px;
    padding-right: 38px;
    line-height: 100px;
    text-align: center;
}

.relation .customer_list.active a i {
    padding-right: 0;
    padding-left: 38px;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.relation .customer_list blockquote p b {
    color: #999;
}

.relation.vertical ul {
    position: relative;
    display: flex;
}

.relation.vertical ul:before {
    content: '';
    position: absolute;
    top: -30px;
    left: 50%;
    background: #ccc;
    width: 1px;
    height: 15px;
}

.relation.vertical .holder>ul {
    padding: 30px 15px 0;
}

.relation.vertical .holder>ul:before,
.relation.vertical .holder>ul:after {
    display: none;
}

.relation.vertical li {
    display: block;
    flex: 1;
}

.relation.vertical li:before {
    top: -15px;
    left: 50%;
    bottom: auto;
    height: 15px;
}

.relation.vertical li:first-child:before {
    top: -15px;
}

.relation.vertical li:last-child:before {
    display: block;
}

.relation.vertical li:after {
    content: '';
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    background: #ccc;
    height: 1px;
}

.relation.vertical li:first-child:after {
    left: 50%;
}

.relation.vertical li:last-child:after {
    right: 50%;
}

.relation.vertical .holder>ul>li:before,
.relation.vertical .holder>ul>li:after {
    display: none;
}

.relation.vertical .holder div {
    padding: 0 15px 30px;
}

.relation.vertical .holder div:before {
    display: none;
}

.relation.vertical li:last-child>div:after {
    display: none;
}

.relation.vertical blockquote {
    display: block;
    min-width: 200px;
    max-width: 200px;
    margin: 0 auto;
}

.relation.vertical blockquote figure {
    margin: 0 auto;
}

.relation.vertical blockquote p {
    text-align: center;
    padding: 0 15px 15px;
}

.relation.vertical blockquote p span {
    padding-top: 0;
}

.relation.vertical blockquote p b {
    padding-left: 19px;
}

.relation.vertical .holder .customer_list {
    padding: 0;
}

.relation.vertical .holder .customer_list blockquote {
    margin: 0 0 30px 30px;
}

.fullscreen {
    overflow: visible;
}

.fullscreen .relation {
    padding: 69px 30px 30px;
}

.fullscreen .relation .switch {
    position: fixed;
    top: 30px;
    right: 30px;
}

.fullscreen .relation .holder {
    overflow: initial;
}

.commissionTable {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

.commissionTable thead th {
    font-weight: normal;
    font-size: 12px;
    padding-bottom: 10px;
}

.commissionTable thead td:last-child {
    border-left: 3px solid #fff;
}

.commissionTable thead td {
    position: relative;
    background: #fed9df;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
}

.commissionTable thead td:after {
    content: 'PV';
    font-size: 10px;
    font-weight: normal;
    margin-left: 3px;
}

.commissionTable em {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fd397a;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    margin: -12px 0 0 27px;
}

.commissionTable span {
    color: #f80028;
    display: block;
    padding-left: 15px;
    font-size: 36px;
    font-weight: 200;
    text-align: center;
}

.commissionTable span:after {
    content: '%';
    font-size: 12px;
    font-weight: normal;
    margin-left: 4px;
    vertical-align: baseline;
}

.commissionTable b {
    display: block;
    font-size: 18px;
    font-weight: normal;
    padding: 13px 20px 13px 0;
    text-align: center;
}

.commissionTable b:before {
    content: 'RM';
    font-size: 12px;
    line-height: 2;
    margin-right: 3px;
    vertical-align: top;
}

.commissionTable tbody th {
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

.commissionTable strong {
    padding: 10px 0;
    color: #f80028;
    display: block;
    font-size: 24px;
    padding-right: 22px;
}

.commissionTable strong:before {
    content: 'RM';
    font-size: 12px;
    line-height: 2.3;
    margin-right: 3px;
    vertical-align: top;
}

.commissionTableGuide {
    position: relative;
    padding-left: 15px;
}

.commissionTableGuide em {
    position: absolute;
    top: 0;
    left: 0;
    color: #fd397a;
    font-size: 24px;
    font-style: normal;
    line-height: 1;
}

.commissionNav {
    display: flex;
    list-style: none;
    margin: 15px 0 -15px;
    overflow: hidden;
}

.commissionNav li {
    background: #fff;
    flex: 1;
}

.commissionNav li a {
    position: relative;
    background: #fed9df;
    color: #666;
    display: block;
    font-size: 12px;
    line-height: 1.2;
    height: 100%;
    padding: 15px 30px;
    text-align: center;
    box-shadow: 0 15px 15px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, .1);
}

.commissionNav li a.active {
    background: #fff;
    color: #333;
    z-index: 101;
}

.commissionNav li a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.commissionNav li a.active:before {
    display: none;
}

.profile.checkout {
    padding-top: 60px;
}

.profile.checkout h4 {
    padding-right: 30px;
}

.load {
    overflow: hidden;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 105;
    transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    -webkit-transition: .3s ease;
}

.load .overlay {
    opacity: 1;
    visibility: visible;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.overlay:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    -webkit-transition: .3s ease;
}

.load .overlay:before {
    background: #fff;
    opacity: .3;
}

.load .overlay2:before {
    background: #000;
}

.load .overlay3:before {
    background: #000;
    opacity: .9;
}

.overlay a {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    color: #fff;
    display: block;
    font-weight: 700;
    width: 180px;
    line-height: 50px;
    margin: 120px auto 0;
    text-align: center;
    z-index: 101;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.overlay.success a {
    background: #0abb87;
}

.overlay.fail a {
    background: #fd397a;
}

.overlay>i {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50%;
    font-size: 0;
    width: 150px;
    margin: 0 auto;
    text-align: center;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.load .overlay>i {
    font-size: 90px;
}

.overlay>i:before {
    position: relative;
    display: block;
    line-height: 150px;
    z-index: 101;
}

.overlay.success>i:before {
    color: #0abb87;
}

.overlay.fail>i:before {
    color: #fd397a;
}

.overlay>i:after {
    content: '';
    position: absolute;
    top: 60px;
    left: 60px;
    right: 60px;
    bottom: 60px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    -webkit-transition: .3s ease;
}

.overlay.success>i:after {
    border: 3px solid #0abb87;
}

.overlay.fail>i:after {
    border: 3px solid #fd397a;
}

.load .overlay>i:after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.overlay h1 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font-size: 21px;
    line-height: 30px;
    padding-top: 30px;
    text-align: center;
    z-index: 101;
}

.load .overlay h1 {
    font-size: 24px;
}

.overlay.success h1 {
    color: #0abb87;
}

.overlay.fail h1 {
    color: #fd397a;
}

.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    width: 310px;
    margin: 0 0 0 -155px;
    opacity: 0;
    padding: 30px;
    visibility: hidden;
    z-index: 106;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: -3px 6px 12px rgba(0, 0, 0, .03);
    -webkit-box-shadow: -3px 6px 12px rgba(0, 0, 0, .03);
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.load .popup {
    margin-top: -190px;
    opacity: 1;
    visibility: visible;
}

.popup a {
    position: absolute;
    top: 9px;
    right: 9px;
    color: #fd397a;
}

.popup a i {
    display: block;
    font-size: 18px;
    width: 30px;
    line-height: 30px;
    text-align: center;
}

.popup img {
    display: block;
}

.popup div {
    padding-top: 15px;
}

.relate_product {
    background: #f6f6f6;
    background: linear-gradient(#fed9df, #fff);
}

.datatable.relate_product table tbody tr td a {
    border: 1px solid #f1f1f1;
}

.popup2 {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 106;
    box-shadow: -3px 6px 12px rgba(0, 0, 0, .03);
    -webkit-box-shadow: -3px 6px 12px rgba(0, 0, 0, .03);
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.load .popup2 {
    opacity: 1;
    visibility: visible;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.popup2:before {
    content: '';
    display: block;
    padding-top: 56.25%;
}

.popup2 iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.popup2 a {
    position: absolute;
    top: -60px;
    right: 0;
    color: #fff;
    z-index: 1;
}

.popup2 a i {
    display: block;
    font-size: 30px;
    width: 60px;
    line-height: 60px;
    text-align: center;
}

.popup3 {
    position: fixed;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 106;
    transition: .5s ease;
    -moz-transition: .5s ease;
    -o-transition: .5s ease;
    -webkit-transition: .5s ease;
}

.load .popup3 {
    top: 0;
    opacity: 1;
    visibility: visible;
}

.popup3 a {
    position: fixed;
    top: 0;
    right: 0;
    color: #fff;
    z-index: 1;
}

.popup3 a i {
    display: block;
    font-size: 30px;
    width: 60px;
    line-height: 60px;
    text-align: center;
}

.popup3 iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.contribute {
    background: transparent;
    overflow: auto;
    padding: 15px 0;
}

.contribute blockquote {
    background: #f6f6f6;
    border: none;
    display: flex;
    min-width: 300px;
    max-width: 300px;
    margin: 15px auto;
    padding: 0;
}

.contribute blockquote.warning {
    background: #fff8e8;
    color: #ffb822;
}

.contribute blockquote.success {
    background: #e6f8f3;
    color: #0abb87;
}

.contribute blockquote figure {
    min-width: 100px;
    max-width: 100px;
    padding: 15px;
}

.contribute blockquote img {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.contribute blockquote p {
    padding: 15px 15px 15px 0;
    min-width: 200px;
    max-width: 200px;
}

.contribute blockquote p span {
    display: block;
    color: #000;
    font-size: 12px;
    padding-top: 9px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.contribute blockquote p em {
    font-size: 10px;
    color: #999;
    display: block;
    font-style: normal;
}

.contribute blockquote p b {
    display: block;
    font-size: 16px;
    line-height: 1.2;
    padding-top: 9px;
}

.contribute blockquote p b:after {
    content: 'PV';
    font-size: 12px;
    font-weight: 400;
    margin-left: 3px;
    vertical-align: baseline;
}

.welcome {
    position: absolute;
    top: 0;
    left: 15px;
    right: 191px;
    display: none;
}

.welcome img {
    display: block;
    width: 33px;
    margin: 3px 12px 3px 0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.welcome span {
    font-size: 12px;
    line-height: 40px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hasSide {
    padding-right: 120px;
}

.hasSide span {
    display: inline-block;
}

.commissionlist {
    position: relative;
}

.commissionlist table {
    width: 100%;
}

.commissionlist thead,
.commissionlist tfoot {
    display: none;
}

.commissionlist tbody {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}

.commissionlist tbody tr {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 45px 5px 20px;
    min-width: 33.333333%;
    max-width: 33.333333%;
}

.commissionlist tbody tr:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 1px solid #f1f1f1;
}

.commissionlist tbody tr td {
    display: block;
    padding: 15px 15px 0 0;
    text-align: right;
}

.commissionlist tbody tr td.personal {
    padding-left: 90px;
}

.commissionlist tbody tr td.personal,
.commissionlist tbody tr td.team {
    position: relative;
    z-index: 1;
}

.commissionlist tbody tr td.personal a,
.commissionlist tbody tr td.team a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
}

.commissionlist tbody tr td+td {
    margin-left: auto;
}

.commissionlist tbody tr td small {
    color: #999;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 2;
}

.commissionlist tbody tr td span {
    color: #000;
    display: block;
    margin-left: auto;
}

.commissionlist tbody tr td.date {
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 15px;
}

.commissionlist tbody tr td.date span {
    display: none;
}

.commissionlist tbody tr td.date b {
    display: block;
    font-size: 24px;
    width: 60px;
    padding: 5px 0 0;
    overflow: hidden;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.commissionlist tbody tr td.date b.success {
    background: #e6f8f3;
    color: #0abb87;
}

.commissionlist tbody tr td.date b.error {
    background: #ffebf1;
    color: #fd397a;
}

.commissionlist tbody tr td.date b small {
    font-size: 12px;
    line-height: 2;
    margin-top: 5px;
}

.commissionlist tbody tr td.date b.success small {
    background: #0abb87;
    color: #e6f8f3;
}

.commissionlist tbody tr td.date b.error small {
    background: #fd397a;
    color: #ffebf1;
}

.commissionlist tbody tr td.commission {
    min-width: 100%;
    max-width: 100%;
}

.commissionlist tbody tr td.commission span {
    font-weight: bold;
    font-size: 24px;
}

.commissionlist tbody tr td.status {
    padding: 0;
    position: absolute;
    top: 20px;
    right: 20px;
}

.commissionlist tbody tr td.status span {
    font-weight: 100;
    display: block;
    font-size: 24px;
    line-height: 1;
    text-align: right;
}

.commissionlist tbody tr td.status span.success {
    color: #0abb87;
}

.commissionlist tbody tr td.status span.error {
    color: #fd397a;
}

.commissionlist tbody tr td.remark {
    min-width: 100%;
    max-width: 100%;
}

.commissionlist tbody tr td.remark p {
    background: #f6f6f6;
    display: block;
    flex: 1;
    font-size: 12px;
    padding: 15px;
    text-align: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.commissionlist tbody tr td.link {
    position: absolute;
    top: 90px;
    left: 20px;
}

.commissionlist tbody tr td.link button {
    background: #f6f6f6;
    color: #000;
    margin: 0;
    padding: 0;
}

.commissionlist tbody tr td.link button i {
    display: block;
    font-size: 30px;
    width: 60px;
    line-height: 60px;
}

.commissionlist tbody tr td.dataTables_empty {
    margin: 0 auto;
    padding: 0 0 15px;
    text-align: center;
}

.commissionlist .dataTables_paginate {
    position: absolute;
    top: -63px;
    left: auto;
    right: 0;
    margin: 0;
}

.shanghai {
    margin-top: 30px;
}

.shanghai .wp-block-column {
    flex: 3;
}

.shanghai .wp-block-column:first-child {
    flex: 1;
}

.shanghai .metaslider {
    width: auto !important;
    min-width: 100%;
}

.shanghai p {
    position: absolute;
    top: -15px;
    left: 30px;
    right: -45px;
    background: #000;
    color: #f80028;
    opacity: .85;
    padding: 30px;
    z-index: 1;
}

.vm-block {
    background: #242d3c;
    background: linear-gradient(#242d3c, 343d4e);
    background: -moz-linear-gradient(#242d3c, 343d4e);
    background: -ms-linear-gradient(#242d3c, 343d4e);
    background: -o-linear-gradient(#242d3c, 343d4e);
    background: -webkit-linear-gradient(#242d3c, 343d4e);
}

.vm-block .wp-block-column {
    flex: auto;
    padding: 0;
}

.vm-block .text {
    font-size: 12px;
    padding: 30px;
    z-index: 1;
}

.vm-block .text h2 {
    font-size: 270%;
    letter-spacing: 10px;
}

.vm-block .text h4 {
    font-size: 180%;
    letter-spacing: 1px;
    line-height: 1.5;
    white-space: nowrap;
    min-height: 54px;
}

.vm-block .text p {
    position: relative;
    color: #fff;
    font-size: 16px;
    padding: 30px 0 15px;
}

.vm-block .text p:before {
    content: '';
    position: absolute;
    top: 45px;
    left: 0;
    right: 50%;
    display: none;
    height: 1px;
    margin-right: 55px;
    background: linear-gradient(to right, transparent, #fff);
    background: -moz-linear-gradient(to right, transparent, #fff);
    background: -ms-linear-gradient(to right, transparent, #fff);
    background: -o-linear-gradient(to right, transparent, #fff);
    background: -webkit-linear-gradient(to right, transparent, #fff);
}

.vm-block .text p:after {
    content: '';
    position: absolute;
    top: 45px;
    left: 110px;
    right: 0;
    height: 1px;
    background: linear-gradient(to right, #fff, transparent);
    background: -moz-linear-gradient(to right, #fff, transparent);
    background: -ms-linear-gradient(to right, #fff, transparent);
    background: -o-linear-gradient(to right, #fff, transparent);
    background: -webkit-linear-gradient(to right, #fff, transparent);
}

.cv-block {
    padding-top: 60px;
}

.cv-block .icons {
    list-style: none;
    display: flex;
    margin: 0;
    flex-wrap: wrap;
}

.cv-block .icons li {
    position: relative;
    min-width: 20%;
    max-width: 20%;
    margin: 0;
    padding: 15px 0 15px 50px;
}

.cv-block .icons li i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.cv-block .icons li i:before {
    color: #f80028;
    display: block;
    font-size: 36px;
    font-style: normal;
    line-height: 78px;
}

.cv-block .icons li i.la-users {
    left: 3px;
}

.cv-block .icons li i.la-users:before {
    font-size: 30px;
    line-height: 60px;
}

.people .wp-block-column {
    width: 100%;
    padding: 0 50px;
    max-width: 738px;
    margin: 0 auto;
}

.people img {
    height: auto;
}

.people .owl-item {
    opacity: .1;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -webkit-transition: 1s ease;
}

.people .owl-item.active {
    opacity: 1;
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

.people .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}

.people .owl-nav button {
    position: absolute;
    top: 0;
    background: none !important;
    width: 50px !important;
    height: 50px !important;
    margin-top: -15px !important;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.people .owl-nav button.owl-prev {
    left: 0;
}

.people .owl-nav button.owl-next {
    right: 0;
}

.people .owl-nav button:after {
    position: absolute;
    top: 0;
    right: 0;
    color: #f80028;
    font-family: 'Line Awesome Free';
    font-size: 50px;
    font-weight: 900;
    text-align: center;
    text-indent: initial !important;
    text-shadow: none;
}

.people .owl-nav button.owl-prev:after {
    content: '\f104';
    display: block !important;
    width: 50px;
    line-height: 50px;
}

.people .owl-nav button.owl-next:after {
    content: '\f105';
    display: block;
    width: 50px;
    line-height: 50px;
}

.people .owl-nav button span {
    display: none;
}

.people .owl-dots {
    display: none;
}

.page-id-61 .entry-content {
    padding: 0;
}

.home-video {
    position: relative;
}

.home-video:before {
    content: '';
    display: block;
    padding-top: 56.25%;
}

.home-video div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.home-video div iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.home-block {
    padding: 30px 0;
}

.home-block:after {
    content: '';
    display: block;
    padding-top: 33.333333%;
}

.home-block .wp-block-column {
    padding: 30px;
}

.home-block .metaslider .slides li {
    position: relative;
    overflow: hidden;
}

.home-block .metaslider .slides li a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0 !important;
    background: linear-gradient(75deg, #000, transparent);
    background: -moz-linear-gradient(75deg, #000, transparent);
    background: -ms-linear-gradient(75deg, #000, transparent);
    background: -o-linear-gradient(75deg, #000, transparent);
    background: -webkit-linear-gradient(75deg, #000, transparent);
    display: block !important;
    opacity: .3;
    transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    -webkit-transition: .3s ease;
}

.home-block .metaslider .slides li:hover a:after {
    opacity: .9;
}

.home-block .metaslider .slides li a {
    display: block;
    z-index: 1;
}

.home-block .metaslider .caption-wrap {
    background: transparent;
    font-size: 21px;
    font-weight: 300;
    opacity: 1;
    padding: 15px;
    z-index: 1;
}

.home-block .metaslider .caption {
    padding: 0;
}

.home-block .home-link {
    position: absolute;
    top: 25px;
    left: 25px;
    right: 25px;
    bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
}

.home-block .home-link li {
    position: relative;
    min-width: 50%;
    max-width: 50%;
    margin: 0;
}

.home-block .home-link li:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.home-block .home-link li a {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    background: #f80028;
    color: #fed9df;
    display: block;
    overflow: hidden;
}

.home-block .home-link li:first-child a {
    background: #1877f2;
    color: #ecf3fe;
}

.home-block .home-link li:last-child a {
    background: #fd397a;
    color: #ffebf1;
}

.home-block .home-link li a i {
    position: absolute;
    right: -30px;
    bottom: -30px;
    display: block;
    font-size: 240px;
    margin: 0 auto;
    opacity: .3;
}

.home-block .home-link li a i.la-dragon:before {
    opacity: 0;
}

.home-block .home-link li a i.la-dragon:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(assets/images/pixiu-outline.png) no-repeat center;
    background-size: cover;
}

.home-block .home-link li a span {
    position: absolute;
    top: 30px;
    left: 30px;
}

.founder-title {
    padding-top: 60px;
    text-align: center;
}

.home .entry-content {
    position: relative;
}

.home .entry-content>* {
    position: relative;
    z-index: 1;
}

/*.home .entry-content:after {
    content: '';
    position: absolute;
    left: 33.333333%;
    right: 0;
    bottom: 0;
    display: block;
    height: 1500px;
    background: url(assets/images/edited-group1.jpg) no-repeat right bottom;
    background-size: contain;
    z-index: 0;
}*/

.statement {
    line-height: 2;
}

.statement li {
    margin-top: 16px;
}

.facebook-follow a {
    position: relative;
    color: #3b5998;
    display: block;
    padding-left: 60px;
    text-decoration: none;
}

.facebook-follow a i {
    position: absolute;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 48px;
}

.cff {
    margin-top: 15px;
}

.cff .cff-posts-wrap {
    display: flex;
    margin: 0 -15px;
    flex-wrap: wrap;
}

.cff .cff-posts-wrap .cff-item {
    position: relative;
    border: none !important;
    min-width: 50%;
    max-width: 50%;
    padding: 45px 45px 75px;
}

.cff .cff-posts-wrap .cff-item:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border: 1px solid #f1f1f1;
}

.cff .cff-posts-wrap .cff-item>* {
    position: relative;
    z-index: 1;
}

.cff .cff-posts-wrap .cff-item .cff-author {
    position: relative;
    margin-bottom: 15px;
    padding: 0 55px;
}

.cff .cff-posts-wrap .cff-item .cff-author .cff-author-text .cff-page-name {
    font-size: 14px;
    color: #999;
}

.cff .cff-posts-wrap .cff-item .cff-author .cff-author-text .cff-page-name a {
    color: #000;
}

.cff .cff-posts-wrap .cff-item .cff-author .cff-author-text .cff-date {
    color: #999;
    font-size: 12px;
}

.cff .cff-posts-wrap .cff-item .cff-author .cff-author-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
}

.cff .cff-posts-wrap .cff-item .cff-post-text .cff-expand .cff-more,
.cff .cff-posts-wrap .cff-item .cff-post-text .cff-expand .cff-less {
    display: none;
}

.cff .cff-posts-wrap .cff-item .cff-shared-link {
    background: #f6f6f6;
    border: 1px solid #f1f1f1;
    margin-top: 15px;
    padding: 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.cff .cff-posts-wrap .cff-item .cff-shared-link .cff-link-title {
    padding-bottom: 9px;
    text-align: left;
}

.cff .cff-posts-wrap .cff-item .cff-shared-link .cff-link-title a {
    color: #3b5998;
    font-weight: bold;
    text-decoration: none;
}

.cff .cff-posts-wrap .cff-item .cff-shared-link .cff-post-desc {
    color: #666;
    font-size: 14px;
}

.cff .cff-posts-wrap .cff-item .cff-media-link {
    position: absolute;
    top: 45px;
    right: 45px;
}

.cff .cff-posts-wrap .cff-item .cff-media-link a {
    color: #3b5998;
    font-size: 0;
    text-decoration: none;
}

.cff .cff-posts-wrap .cff-item .cff-media-link a span {
    font-family: 'Line Awesome Free';
    font-weight: 900;
    line-height: 40px;
    padding: 0 !important;
}

.cff .cff-posts-wrap .cff-item .cff-media-link a .fa-image:before {
    content: '\f03e';
    font-size: 30px;
}

.cff .cff-posts-wrap .cff-item .cff-media-link a .fa-video:before {
    content: '\f144';
    font-size: 36px;
}

.cff .cff-posts-wrap .cff-item .cff-post-links {
    position: absolute;
    left: 45px;
    right: 45px;
    bottom: 15px;
}

.cff .cff-posts-wrap .cff-item .cff-post-links .cff-viewpost-facebook {
    color: #3b5998;
    display: block;
    font-size: 12px;
    line-height: 60px;
}

.cff .cff-posts-wrap .cff-item .cff-post-links .cff-share-container .cff-dot,
.cff .cff-posts-wrap .cff-item .cff-post-links .cff-share-container .cff-share-link {
    display: none;
}

.cff .cff-posts-wrap .cff-item .cff-post-links .cff-share-tooltip {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    margin-bottom: 15px;
}

.cff .cff-posts-wrap .cff-item .cff-post-links .cff-share-tooltip a {
    display: block;
    text-decoration: none;
}

.cff .cff-posts-wrap .cff-item .cff-post-links .cff-share-tooltip a span {
    display: block;
    font-family: 'Line Awesome Brands';
    font-size: 18px;
    margin-right: 3px;
    font-weight: 400;
}

.cff .cff-posts-wrap .cff-item .cff-post-links .cff-share-tooltip a .cff-screenreader {
    display: none;
}

.cff .cff-posts-wrap .cff-item .cff-post-links .cff-share-tooltip a span:before {
    color: #fff;
    display: block;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.cff .cff-posts-wrap .cff-item .cff-post-links .cff-share-tooltip a .fa-facebook-square:before {
    content: '\f39e';
    background: #3b5998;
}

.cff .cff-posts-wrap .cff-item .cff-post-links .cff-share-tooltip a .fa-twitter:before {
    content: '\f099';
    background: #1da1f2;
}

.cff .cff-posts-wrap .cff-item .cff-post-links .cff-share-tooltip a .fa-linkedin:before {
    content: '\f0e1';
    background: #0077b5;
}

.cff .cff-posts-wrap .cff-item .cff-post-links .cff-share-tooltip a .fa-envelope:before {
    content: '\f0e0';
    background: #ea4335;
    font-family: 'Line Awesome Free';
    font-weight: 900;
}

.cff .cff-posts-wrap .cff-likebox {
    display: none;
}

.contact-detail p {
    font-size: 14px;
}

.contact-detail .social {
    display: flex;
    padding: 30px 0;
    margin-right: -7px;
    max-width: 369px;
}

.contact-detail .social a {
    position: relative;
    display: block;
    flex: 1;
    margin-right: 7px;
}

.contact-detail .social i {
    display: block;
    font-family: 'Line Awesome Brands';
    font-size: 36px;
    line-height: 60px;
    font-weight: 400;
    text-align: center;
    border-radius: 50%;
}

.contact-detail .social i.la-facebook-official {
    color: #3b5998;
}

.contact-detail .social i.la-facebook-messenger {
    color: #0084ff;
}

.contact-detail .social i.la-whatsapp {
    color: #25d366;
}

.contact-detail .social i.la-weixin {
    color: #7bb32e;
}

.contact-detail .social i:before {
    position: relative;
    z-index: 1;
    transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    -webkit-transition: .3s ease;
}

.contact-detail .social a:hover i:before {
    color: #fff;
}

.contact-detail .social i:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    -webkit-transition: .3s ease;
}

.contact-detail .social a:hover i:after {
    opacity: 1;
}

.contact-detail .social i.la-facebook-official:after {
    background: #3b5998;
}

.contact-detail .social i.la-facebook-messenger:after {
    background: #0084ff;
}

.contact-detail .social i.la-whatsapp:after {
    background: #25d366;
}

.contact-detail .social i.la-weixin:after {
    background: #7bb32e;
}

.contact-detail .social a span {
    position: absolute;
    top: 200%;
    left: -100px;
    right: -100px;
    background: #fff;
    border: 1px solid #f1f1f1;
    width: 200px;
    margin: 15px auto;
    opacity: 0;
    visibility: hidden;
    z-index: 103;
    box-shadow: 3px 6px 12px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 3px 6px 12px rgba(0, 0, 0, .1);
}

.contact-detail .social a.active span {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.contact-detail .social a span:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: #fff;
    border-top: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    margin: -8px auto 0;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.contact-detail .social a span em {
    display: block;
    font-size: 12px;
    font-style: normal;
    padding: 0 15px 15px;
}

.contact-detail .icons {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
}

.contact-detail .icons li {
    position: relative;
    color: #666;
    font-size: 14px;
    min-width: 50%;
    max-width: 50%;
    padding: 9px 0 9px 45px;
}

.contact-detail .icons li i {
    position: absolute;
    top: 0;
    left: 0;
    color: #f80028;
    font-size: 30px;
    line-height: 60px;
}

.contact-detail .icons li a {
    color: #000;
    display: block;
}

.contact-form {
    margin-top: -21px;
}

.contact-form .wp-block-group {
    background: #fff;
    box-shadow: 3px 6px 12px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 3px 6px 12px rgba(0, 0, 0, .1);
}

.contact-form ul {
    position: relative;
    display: flex;
    list-style: none;
    margin: 0;
    z-index: 1;
}

.contact-form ul li {
    flex: 1;
    margin: 0;
}

.contact-form ul li+li {
    border-left: 1px solid #f1f1f1;
}

.contact-form ul li a {
    background: #f6f6f6;
    border-bottom: 1px solid #f1f1f1;
    color: #999;
    display: block;
    font-size: 14px;
    height: 100%;
    padding: 20px;
}

.contact-form ul li.active a {
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #f80028;
}

.contact-form .wpcf7 {
    display: none;
    padding: 20px;
}

.contact-form .wpcf7.active {
    display: block;
}

.contact-form .wpcf7 fieldset {
    margin-bottom: 15px;
}

.contact-form .wpcf7 legend {
    color: #666;
    font-size: 12px;
    line-height: 2;
}

.contact-form .wpcf7 legend em {
    color: #fd397a;
    font-style: normal;
}

.contact-form .wpcf7 input {
    background: #f6f6f6;
    color: #000;
    outline: none;
    display: block;
    font-family: 'Noto Sans SC', Segoe, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
    height: 48px;
    padding: 12px 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.contact-form .wpcf7 textarea {
    background: #f6f6f6;
    color: #000;
    outline: none;
    display: block;
    font-family: 'Noto Sans SC', Segoe, Arial, sans-serif;
    font-size: 16px;
    height: 144px;
    line-height: 1.5;
    width: 100%;
    height: 144px;
    padding: 12px 15px;
    resize: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.contact-form .wpcf7 .wpcf7-submit {
    background: #000;
    color: #fff;
    font-size: 14px;
    width: 120px;
    margin: 30px 0 15px auto;
}

.contact-form .wpcf7 .screen-reader-response {
    display: none;
}

.contact-form .wpcf7 .wpcf7-not-valid-tip {
    color: #fd397a;
    display: block;
    font-size: 12px;
    padding-top: 3px;
    text-align: right;
}

.contact-form .wpcf7 .wpcf7-response-output {
    color: #0abb87;
    display: block;
    text-align: right;
}

.contact-form .wpcf7 .invalid .wpcf7-response-output {
    color: #fd397a;
}

.page-id-63 .entry-content {
    position: relative;
}

.page-id-63 .entry-content>* {
    position: relative;
    z-index: 1;
}

.page-id-63 .entry-content:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    height: 662px;
    background: url(assets/images/store.jpg) no-repeat right bottom;
    background-size: contain;
    opacity: .1;
    z-index: 0;
}

.page-id-375 .entry-content {
    position: relative;
    background: #fed9df;
}

.bg-logo:before {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    bottom: 0;
    width: 650px;
    margin-right: -30px;
    background: url(assets/images/pixiu-outline-full.png) no-repeat center bottom;
    background-size: contain;
}

.distributor-video .wp-block-group div {
    position: relative;
}

.distributor-video .wp-block-group div:before {
    content: '';
    display: block;
    padding-top: 56.25%;
}

.distributor-video .wp-block-group iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.distributor-video p {
    padding-top: 30px;
}

.distributor-form .wp-block-group {
    background: #fff;
    padding: 30px;
    box-shadow: 3px 6px 12px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 3px 6px 12px rgba(0, 0, 0, .1);
}

.distributor-form h4 {
    padding-bottom: 15px;
    line-height: 1.5;
}

.distributor-form .wpcf7 fieldset {
    margin-bottom: 15px;
}

.distributor-form .wpcf7 legend {
    color: #666;
    font-size: 12px;
    line-height: 2;
}

.distributor-form .wpcf7 legend em {
    color: #fd397a;
    font-style: normal;
}

.distributor-form .wpcf7 input {
    background: #f6f6f6;
    color: #000;
    outline: none;
    display: block;
    font-family: 'Noto Sans SC', Segoe, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
    height: 48px;
    padding: 12px 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.distributor-form .wpcf7 .wpcf7-submit {
    background: #000;
    color: #fff;
    font-size: 14px;
    width: 120px;
    margin: 30px 0 15px auto;
}

.distributor-form .wpcf7 .screen-reader-response {
    display: none;
}

.distributor-form .wpcf7 .wpcf7-not-valid-tip {
    color: #fd397a;
    display: block;
    font-size: 12px;
    padding-top: 3px;
    text-align: right;
}

.distributor-form .wpcf7 .wpcf7-response-output {
    color: #0abb87;
    display: block;
    text-align: right;
}

.distributor-form .wpcf7 .invalid .wpcf7-response-output {
    color: #fd397a;
}

.distributor-form .social {
    display: flex;
    padding: 30px 0;
}

.distributor-form .social a {
    position: relative;
    display: block;
    margin-right: 7px;
}

.distributor-form .social i {
    display: block;
    font-family: 'Line Awesome Brands';
    font-size: 36px;
    line-height: 36px;
    font-weight: 400;
    text-align: center;
    border-radius: 50%;
}

.distributor-form .social i.la-facebook-official {
    color: #3b5998;
}

.distributor-form .social i.la-facebook-messenger {
    color: #0084ff;
}

.distributor-form .social i.la-whatsapp {
    color: #25d366;
}

.distributor-form .social i.la-weixin {
    color: #7bb32e;
}

.distributor-form .social a span {
    position: absolute;
    left: -100px;
    right: -100px;
    bottom: 200%;
    background: #fff;
    border: 1px solid #f1f1f1;
    width: 200px;
    margin: 15px auto;
    opacity: 0;
    visibility: hidden;
    z-index: 103;
    box-shadow: 3px 6px 12px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 3px 6px 12px rgba(0, 0, 0, .1);
}

.distributor-form .social a.active span {
    bottom: 100%;
    opacity: 1;
    visibility: visible;
}

.distributor-form .social a span:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: #fff;
    margin: 0 auto -8px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.distributor-form .social a span em {
    display: block;
    font-size: 12px;
    font-style: normal;
    padding: 0 15px 15px;
}

.distributor-form>p {
    padding-top: 30px;
}

.blog:before {
    content: 'TESTIMONIAL 顾客报喜';
    position: relative;
    display: block;
    font-size: 27px;
    font-weight: 100;
    color: #000;
    padding: 151px 0 30px;
    text-align: center;
    z-index: 1;
}

.blog:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: url(assets/images/testimonial.png) no-repeat center bottom;
    background-size: cover;
    display: block !important;
    padding-top: 56.25%;
}

.blog #site-content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    max-width: 1260px;
    margin: 0 auto;
    padding: 15px;
    z-index: 1;
}

.blog #site-content .post {
    position: relative;
    min-width: 50%;
    max-width: 50%;
    padding: 15px 15px 30px;
}

.blog #site-content .post:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    background: #fff;
    box-shadow: 3px 6px 12px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 3px 6px 12px rgba(0, 0, 0, .1);
}

.blog #site-content .post>* {
    position: relative;
}

.blog #site-content .post .wp-block-image {
    padding-bottom: 20px;
}

.blog #site-content .post .wp-block-image img {
    width: 100%;
    height: auto !important;
}

.blog #site-content .post .wp-block-embed {
    padding-bottom: 20px;
}

.blog #site-content .post .wp-block-embed div {
    position: relative;
}

.blog #site-content .post .wp-block-embed div:before {
    content: '';
    display: block;
    padding-top: 56.25%;
}

.blog #site-content .post .wp-block-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.blog #site-content .post .metaslider {
    margin-bottom: 20px;
}

.blog #site-content .post .post-inner .entry-content>p,
.blog #site-content .post .post-inner .entry-content>ol,
.blog #site-content .post .post-inner .entry-content>ul {
    font-size: 14px;
    padding: 10px 30px;
}

.blog #site-content .post .post-inner .entry-content>ol,
.blog #site-content .post .post-inner .entry-content>ul {
    margin-left: 21px;
}

.blog #site-content .post .post-inner .entry-content>ol li+li,
.blog #site-content .post .post-inner .entry-content>ul li+li {
    margin-top: 10px;
}

.blog #site-content .post .post-inner .entry-content a {
    display: inline-block;
    color: #f80028;
    text-decoration: none;
}

.blog #site-content hr {
    display: none;
}

.blog .pagination {
    padding: 45px 0;
}

.blog .pagination h2 {
    display: none;
}

.blog .pagination .nav-links {
    display: flex;
}

.blog .pagination .page-numbers {
    background: #f6f6f6;
    color: #333;
    display: block;
    font-size: 12px;
    width: 40px;
    line-height: 40px;
    height: 40px;
    margin-left: 3px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.blog .pagination .page-numbers:focus {
    outline: none;
}

.blog .pagination .page-numbers.current {
    background: #fed9df;
    color: #f80028;
}

.blog .pagination span.prev,
.blog .pagination span.next {
    opacity: .3;
}

.blog .pagination .prev span,
.blog .pagination .next span {
    display: none;
}

.blog .pagination .prev:before {
    content: '\f104';
    font-family: 'Line Awesome Free';
    font-size: 18px;
    font-weight: 900;
}

.blog .pagination .next:before {
    content: '\f105';
    font-family: 'Line Awesome Free';
    font-size: 18px;
    font-weight: 900;
}

.verifyFailMsg {
    margin: 50px 0 -40px;
}

.verifyFailMsg p {
    background: #f6f6f6;
    color: #999;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.verifyFailMsg p a {
    color: #000;
}

.copy a {
    position: absolute;
    top: 0;
    right: 0;
}

.copy a i {
    display: block;
    font-size: 24px;
    width: 48px;
    line-height: 48px;
    text-align: center;
}

.drr-link {
    position: absolute;
    top: -30px;
    right: 159px;
}

.drr-link a {
    position: relative;
    background: #000;
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 15px;
    padding: 4px 18px 5px 48px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.drr-link a i {
    position: absolute;
    top: 3px;
    left: 3px;
    background: #fff;
    color: #000;
    font-size: 21px;
    width: 33px;
    line-height: 33px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.drr-link a span {
    display: block;
}

.drr-link a b {
    display: block;
    font-weight: normal;
    letter-spacing: 3px;
}

.work-distribution-content .wp-block-image img {
    width: auto;
    margin: 0 auto;
}

.drr-title {
    font-size: 24px;
    padding: 0 30px;
    text-align: center;
}

.language {
    position: relative;
    z-index: 1;
}

.language .wp-block-column {
    display: none;
    margin: 30px 0 -60px;
}

.language .wp-block-column a {
    border: 3px solid #ccc;
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 39px;
    text-align: center;
    width: 45px;
}

.language .wp-block-column a+a {
    margin: 0 3px;
}

.language .wp-block-column a:first-child {
    margin-left: auto;
}

.language .wp-block-column a:last-child {
    margin-right: auto;
}

.drr-content {
    font-size: 12px;
    margin-bottom: 60px;
    text-align: justify;
}

.drr-content .wp-block-column {
    padding-top: 30px;
}

.drr-content h3 {
    color: #000;
    margin: 30px 0 9px;
    font-size: 18px;
}

.drr-content ol {
    margin-left: 20px;
}

.drr-content .asterisk {
    position: relative;
    margin-top: 18px;
    padding-left: 20px;
}

.drr-content .asterisk:before {
    content: '***';
    position: absolute;
    top: 0;
    left: 0;
}

.drr-content .asterisk+.asterisk {
    margin-top: 9px;
}

.pum-content,
.pum-close {
    outline: none !important;
}

.tutorial h4 {
    position: relative;
    color: #212121;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    padding-right: 30px;
    letter-spacing: 1px;
}

.tutorial h4 span {
    display: block;
    font-size: 120%;
    letter-spacing: 10px;
    margin-top: 6px;
}

.tutorial h4 b {
    color: #990f02;
}

.tutorial h4 a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
}

.tutorial h4 a:before,
.tutorial h4 a:after {
    content: '';
    position: absolute;
    top: 50%;
    background: #990f02;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.tutorial h4 a:before {
    right: 0;
    width: 25px;
    height: 1px;
}

.tutorial h4 a:after {
    right: 12px;
    width: 1px;
    height: 25px;
    transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    -webkit-transition: .3s ease;
}

.tutorial.active h4 a:after {
    height: 0;
}

.tutorial ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 0;
    list-style: none;
    margin: 0 -15px;
    overflow: hidden;
}

.tutorial.active ul {
    height: auto;
    margin: 15px -15px -15px;
}

.tutorial li {
    min-width: 50%;
    max-width: 50%;
    padding: 0 15px;
    transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    -webkit-transition: .3s ease;
}

.tutorial.active li {
    padding-top: 15px;
    padding-bottom: 15px;
}

.tutorial li div {
    position: relative;
    padding-top: 56.25%;
}

.tutorial li iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.tutorial li a {
    display: flex;
    align-items: center;
    padding: 6px 0;
}

.tutorial li a:hover {
    color: #990f02;
}

.tutorial li a i {
    color: #990f02;
    display: block;
    font-size: 18px;
    min-width: 24px;
    max-width: 24px;
}

.tutorial li a span {
    display: block;
}

.tutorial li a span span {
    display: inline-block;
    letter-spacing: 3px;
}

.wongmama-operator {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
    z-index: 999;
    transition: right .3s ease;
    -moz-transition: right .3s ease;
    -o-transition: right .3s ease;
    -webkit-transition: right .3s ease;
}

.wongmama-operator.down {
    right: -75px;
    transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
}

.wongmama-operator:hover {
    right: 0;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.showOperator {
    overflow: hidden;
}

.showOperator .wongmama-operator {
    right: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(15px);
    -moz-backdrop-filter: blur(15px);
}

.wongmama-operator:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    -webkit-transition: .3s ease;
}

.showOperator .wongmama-operator:before {
    opacity: .3;
}

.wongmama-operator:after {
    content: '';
    position: absolute;
    right: 48px;
    bottom: 117px;
    display: block;
    width: 15px;
    height: 15px;
    background: #fff;
    opacity: 0;
    z-index: 2;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    -webkit-transition: .3s ease;
}

.showOperator .wongmama-operator:after {
    opacity: 1;
}

.wongmama-operator>a {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
}

.wongmama-operator>a img {
    margin: 10px 10px 10px auto;
    width: 90px;
}

.wongmama-operator .contact-detail {
    position: absolute;
    right: 15px;
    bottom: 125px;
    width: 375px;
    border-radius: 5px;
    font-size: 12px;
    background: #fff;
    opacity: 0;
    padding: 36px 30px 30px;
    visibility: hidden;
    z-index: 1;
    box-shadow: 3px 6px 18px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 3px 6px 18px rgba(0, 0, 0, .1);
    transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    -webkit-transition: .3s ease;
}

.showOperator .wongmama-operator .contact-detail {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
}

.wongmama-operator .contact-detail p,
.wongmama-operator .contact-detail .icons li {
    font-size: 12px;
}

.wongmama-operator .contact-detail .social {
    padding-top: 0;
}

.wongmama-operator .contact-detail .social i {
    line-height: 54px;
}

.wongmama-operator .contact-detail .social a span {
    left: auto;
    right: 0;
}

.wongmama-operator .contact-detail .social a span:before {
    margin-right: 16px;
}

.wongmama-operator .contact-detail hr {
    border: 1px solid #f1f1f1;
    margin: 30px 0;
}

.redirect {
    text-align: center;
}

/******************************
    8 : RESPONSIVE
 ******************************/
@media only screen and (max-width: 1260px) {
    .dataTables_paginate {
        left: auto;
        right: 30px;
        width: auto;
        margin: 0;
    }

    .productVariant label {
        min-width: 33.333333%;
        max-width: 33.333333%;
    }

    .vm-block .text h2 {
        font-size: 240%;
    }

    .vm-block .text h4 {
        font-size: 150%;
    }

    #site-header .primary-menu {
        position: fixed;
        top: 91px;
        right: -240px;
        bottom: 0;
        width: 240px;
        opacity: 0;
        visibility: hidden;
        backdrop-filter: blur(30px);
        -webkit-backdrop-filter: blur(30px);
        box-shadow: -3px 6px 12px rgba(0, 0, 0, .03);
        -webkit-box-shadow: -3px 6px 12px rgba(0, 0, 0, .03);
    }

    .showNav #site-header .primary-menu {
        right: 0;
        opacity: 1;
        visibility: visible;
    }

    #site-header .primary-menu:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        opacity: .85;
    }

    #site-header .primary-menu ul {
        display: block;
        padding: 15px 0;
    }

    .showNav #site-header .primary-menu ul {
        opacity: 1;
        visibility: visible;
    }

    #site-header .primary-menu ul li.label:before {
        top: 50%;
        left: auto;
        right: 10px;
        font-size: 16px;
        padding: 10px 20px;
        transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
    }

    #site-header .primary-menu ul li a {
        padding: 15px 30px;
    }

    #site-header .primary-menu ul li a:before {
        top: 0;
        left: 0;
        right: auto;
        bottom: 0;
        height: auto;
    }

    #site-header .primary-menu ul li.current_page_item a:before {
        width: 3px;
    }

    #site-header .secondary-menu {
        border: none;
        margin-left: auto;
    }

    #site-header .secondary-menu ul {
        margin-left: 0;
    }

    #site-header .secondary-menu ul li.callNav {
        display: block;
    }

    .home-block {
        padding: 15px;
    }

    .home-block .wp-block-column {
        padding: 15px;
    }

    .home-block .home-link {
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
    }

    .home-block .home-link li a i {
        font-size: 180px;
    }
}

@media only screen and (max-width: 1023px) {
    body[data-controller="product"] {
        padding-bottom: 81px;
    }

    .showNav #site-header .secondary-menu ul li.callNav a span:before,
    .showNav #site-header .secondary-menu ul li.callNav a span:after {
        background: #333;
    }

    #callCatalog {
        position: relative;
        display: block;
        padding-right: 45px;
    }

    #callCatalog>i {
        position: absolute;
        top: 0;
        right: 0;
    }

    #callCatalog span {
        display: none;
        margin: 0;
    }

    #callCatalog span:nth-last-child(2) {
        display: flex;
    }

    #callCatalog span em {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .catalog li {
        min-width: 50%;
        max-width: 50%;
    }

    .datatable table thead tr {
        padding-right: 20px;
    }

    .datatable table thead tr th:first-child {
        margin-right: auto;
    }

    .datatable table thead tr th:first-child {
        max-width: calc(100% - 100px) !important;
    }

    .datatable table thead tr th a h4 {
        font-size: 16px;
        font-weight: normal;
    }

    .datatable table tbody tr {
        min-width: 33.333333%;
        max-width: 33.333333%;
    }

    .dataTables_paginate {
        position: relative;
        top: auto;
        right: auto;
        padding-bottom: 30px;
    }

    .dataTables_paginate>*:last-child {
        margin-right: auto;
    }

    .productInfo {
        padding-top: 61px;
    }

    .productInfo .section-inner {
        display: block;
        padding: 0;
    }

    .productInfo .section-inner>div {
        min-width: 0;
        max-width: none;
    }

    .productPrice .pv {
        margin-left: auto;
    }

    .productPrice .currency {
        margin: 0 auto;
    }

    .productPrice .pv+.currency {
        margin-left: 0;
    }

    .productVariant>p {
        text-align: center;
    }

    .productVariant label {
        min-width: 25%;
        max-width: 25%;
    }

    .productForm h1,
    .productForm blockquote,
    .productPrice {
        text-align: center;
    }

    .productField label:first-child {
        margin: 0 auto;
    }

    .productVariant {
        justify-content: center;
    }

    .formFooter {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        border-top: 1px solid #f1f1f1;
        padding: 15px 30px;
        justify-content: center;
        z-index: 101;
    }

    .row {
        display: block;
    }

    .namecard {
        display: flex;
    }

    .namecard>div {
        flex: 2;
    }

    .namecard>div:first-child {
        flex: 1;
    }

    .addresses div button {
        opacity: 1;
    }

    .addresses div .edit {
        color: #4285f4;
        right: 45px;
    }

    .addresses div .delete {
        color: #fd397a;
        right: 6px;
    }

    #zone fieldset {
        margin-top: 30px;
    }

    .orderlist tbody tr {
        min-width: 50%;
        max-width: 50%;
    }

    .checkout .column {
        padding-bottom: 0;
    }

    .checkout .content,
    .checkout .autoheight .content {
        margin-bottom: 6px;
    }

    .checkout .shipping .buttonholder {
        padding-top: 30px;
    }

    .early {
        display: block;
    }

    .shanghai {
        margin-top: 0;
    }

    .shanghai .wp-block-column {
        padding: 0;
    }

    .shanghai p {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
    }

    .vm-block .text {
        text-align: center;
    }

    .vm-block .text h2 {
        padding-left: 10px;
    }

    .vm-block .text h4 {
        padding-left: 1px;
    }

    .vm-block .text p {
        text-align: center;
    }

    .vm-block .text p:before {
        display: block;
    }

    .vm-block .text p:after {
        left: 50%;
        margin-left: 55px;
    }

    .cv-block .icons li {
        min-width: 25%;
        max-width: 25%;
    }

    .people {
        overflow: hidden;
    }

    .home-block .home-link li a i {
        font-size: 150px;
    }

    .home-block .home-link li a span {
        font-size: 12px;
        top: 15px;
        left: 15px;
    }

    .cff .cff-posts-wrap .cff-item {
        padding: 30px 30px 75px;
    }

    .cff .cff-posts-wrap .cff-item .cff-media-link {
        top: 30px;
        right: 30px;
    }

    .cff .cff-posts-wrap .cff-item .cff-post-links {
        left: 30px;
        right: 30px;
    }

    .page-id-63 .entry-content:after {
        opacity: 1;
    }

    .contact-form {
        margin-top: 0;
    }

    .contact-form:after {
        content: '';
        display: block;
        padding-top: 50%;
    }

    .contact-form .wp-block-group {
        background: transparent;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .page-id-375 .entry-content {
        padding-top: 0;
    }

    .distributor-video .wp-block-group {
        margin-left: -30px;
        margin-right: -30px;
    }

    .bg-logo:before {
        right: 0;
        margin-right: 0;
    }

    .bg-logo:after {
        content: '';
        display: block;
        padding-top: 270px;
    }

    .blog #site-content .post {
        min-width: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    #site-header {
        background: #f6f6f6;
    }

    #site-header .logo {
        flex: 1;
        margin: 0 -31px;
        padding: 40px 0 0;
    }

    #site-header .logo a {
        flex: 1;
        padding: 1px;
    }

    #site-header .logo a:before {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        height: 1px;
    }

    #site-header .logo a.active {
        background: #fff;
        border: 1px solid #f1f1f1;
        border-bottom: none;
    }

    #site-header .logo a img {
        height: 42px;
        margin: 3px auto;
    }

    #site-header .primary-menu {
        top: 40px;
        border-top: 1px solid #f1f1f1;
        border-left: 1px solid #f1f1f1;
    }

    #site-header .secondary-menu {
        position: absolute;
        top: 2px;
        right: 0;
        padding: 0 10px 0 5px;
        border-radius: 0 0 0 15px;
        -moz-border-radius: 0 0 0 15px;
        -webkit-border-radius: 0 0 0 15px;
    }

    #site-header .secondary-menu ul li {
        padding: 0;
    }

    #site-header .secondary-menu ul li:first-child {
        margin-left: auto;
    }

    #site-header .secondary-menu ul li a span {
        top: 8px;
        right: 8px;
        display: block;
        width: 20px;
    }

    #site-header .secondary-menu ul li a i {
        background: transparent;
        font-size: 21px;
        line-height: 36px;
        width: 36px;
    }

    #site-header .secondary-menu ul li.callNav a {
        background: transparent;
        width: 36px;
        height: 36px;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }

    .showNav #site-header .secondary-menu ul li.callNav a {
        background: transparent;
    }

    #site-header .secondary-menu ul li.callNav a span {
        top: 18px;
        left: 10px;
        right: 10px;
        width: 16px;
    }

    .welcome {
        display: flex;
    }

    #site-footer {
        padding: 30px 0 6px;
    }

    #site-footer .section-inner {
        display: block;
    }

    #site-footer .contact li {
        justify-content: center;
    }

    #site-footer .contact a {
        text-align: center;
    }

    #site-footer .contact .interview {
        margin: 0 auto;
        text-align: center;
    }

    #site-footer .copyright {
        text-align: center;
    }

    .column {
        padding: 0 15px 6px;
    }

    .autoheight .content+.content {
        margin-top: 6px;
    }

    .userID {
        margin-bottom: 6px;
    }

    .commissionNav {
        margin: 0;
    }

    .relation {
        margin: 0 -30px;
    }

    .relation .switch {
        top: -48px;
    }

    .catalog li {
        min-width: 100%;
        max-width: 100%;
    }

    .catalog ul .active ul {
        padding-left: 0;
    }

    .datatable table tbody {
        padding: 5px;
    }

    .datatable table tbody tr {
        min-width: 50%;
        max-width: 50%;
    }

    .datatable table tbody tr td,
    .datatable table tbody tr td.price {
        text-align: center;
    }

    .datatable table tbody tr.empty {
        min-width: 100%;
        max-width: 100%;
    }

    .dataTables_paginate a {
        line-height: 30px;
        width: 30px;
        height: 30px;
    }

    .dataTables_paginate>span>.ellipsis {
        line-height: 30px;
        margin-left: 9px;
        margin-right: 6px;
    }

    .productInfo .section-inner>.productGallery {
        padding: 0 0 30px;
    }

    .productGallery .slide:hover:after {
        top: -1px;
        left: -1px;
        right: -1px;
    }

    .productPrice .pv {
        margin: 0 auto 10px;
        white-space: normal;
    }

    .productPrice .currency {
        white-space: normal;
    }

    .productPrice .pv+.currency {
        margin-left: auto;
    }

    .productVariant {
        justify-content: unset;
    }

    .productVariant label {
        min-width: 50%;
        max-width: 50%;
    }

    .productField label {
        min-width: 100%;
        max-width: 100%;
    }

    .formFooter .quantity {
        margin-right: 10px;
    }

    .formFooter label span {
        display: none;
    }

    .formFooter button span {
        display: none;
    }

    .accountMenu .section-inner {
        overflow-x: auto;
    }

    .accountMenu a i {
        font-size: 18px;
    }

    .accountMenu a span {
        width: 0;
        padding: 5px 0;
    }

    .accountMenu a.active span {
        width: auto;
        padding-left: 5px;
        padding-right: 10px;
    }

    .profile {
        padding: 66px 0 5px;
    }

    .profile .section-inner {
        padding: 0;
    }

    .achievement .description {
        display: block;
    }

    .achievement .percent {
        display: block;
    }

    .achievement .comment+.estimate {
        border: none;
        border-top: 1px solid #f1f1f1;
        margin: 15px 0 0;
        padding: 15px 0 0;
    }

    .namecard {
        display: block;
    }

    .addresses li {
        min-width: 100%;
        max-width: 100%;
    }

    .checkoutStep {
        padding: 30px 0;
    }

    .checkoutStep:before,
    .checkoutStep:after {
        top: 50px;
    }

    .checkoutStep li i {
        font-size: 20px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .checkoutStep li span {
        font-size: 8px;
    }

    .cart>table {
        display: block;
    }

    .cart>table>thead {
        display: none;
    }

    .cart>table>tbody {
        display: block;
    }

    .cart>table>tbody>tr {
        position: relative;
        border-top: 1px solid #f1f1f1;
        display: block;
        padding-bottom: 15px;
    }

    .cart>table>tbody>tr>td {
        border: none;
        display: flex;
        padding: 15px 30px 0;
    }

    .cart>table>tbody>tr>td.empty {
        display: block;
        width: 100%;
        padding: 0;
    }

    .cart>table>tbody>tr>td.image {
        position: absolute;
        top: 15px;
        left: 30px;
        padding: 0;
    }

    .cart figure {
        margin: 0;
    }

    .cart>table>tbody>tr>td.product {
        display: block;
        padding-left: 90px;
    }

    .cart>table>tbody>tr>td.price {
        border-top: 1px dashed #f1f1f1;
        margin-top: 15px;
    }

    .cart .updateProduct {
        text-align: right;
    }

    .cart table table {
        margin-left: auto;
    }

    .cart small {
        display: block;
    }

    .cart>table>tbody>tr>td.action {
        position: absolute;
        top: 8px;
        right: 0;
        padding: 0;
    }

    .cart .deleteCart2 i {
        line-height: 30px;
        width: 30px;
    }

    .cart>table>tfoot {
        display: block;
    }

    .cart>table>tfoot>tr {
        display: flex;
    }

    .cart>table>tfoot>tr>td {
        display: block;
        flex: 1;
    }

    .cart>table>tfoot>tr>td.action {
        display: none;
    }

    .cart .buttonholder {
        display: block;
        margin-top: 30px;
    }

    .cart .buttonholder a {
        font-size: 14px;
        margin: 5px 0 0;
    }

    .profile button {
        font-size: 14px;
    }

    #cityCode {
        display: block;
    }

    .orderlist {
        margin-top: 75px;
    }

    .orderlist tbody {
        margin-left: -20px;
        margin-right: -20px;
    }

    .orderlist tbody tr {
        min-width: 100%;
        max-width: 100%;
    }

    .orderlist .dataTables_paginate {
        left: -30px;
        right: -30px;
    }

    .orderlist .tag {
        padding-left: 12px;
        padding-right: 15px;
    }

    .checkout .section-inner {
        padding: 0;
    }

    .checkout .shipping .buttonholder {
        padding: 6px 0;
    }

    .checkout .shipping .buttonholder>*:first-child {
        margin-left: auto;
    }

    .checkout .shipping .buttonholder>*:last-child {
        margin-right: auto;
    }

    .shipping .buttonholder button {
        font-size: 14px;
    }

    .orderSummary td b {
        min-height: 50px;
    }

    .orderSummary td table {
        float: right;
        min-width: 100%;
        margin-left: -60px;
    }

    .charity {
        padding-right: 0;
        text-align: center;
    }

    .charity:before {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        height: 150px;
        margin: 0 auto;
    }

    .commissionlist tbody tr {
        min-width: 100%;
        max-width: 100%;
    }

    .wp-block-columns {
        display: block !important;
    }

    .vm-block .text h2 {
        font-size: 180%;
        letter-spacing: 8px;
        padding-left: 8px;
    }

    .vm-block .text h4 {
        font-size: 180%;
        letter-spacing: 0;
        padding-left: 0;
        white-space: normal;
    }

    .cv-block .icons li {
        min-width: 50%;
        max-width: 50%;
    }

    .people .wp-block-column {
        padding: 0;
    }

    .home-block:after {
        padding: 0;
    }

    .home-block .home-link {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: -5px;
    }

    .home-block .metaslider .caption-wrap {
        font-size: 16px;
    }

    /*    .home .entry-content:after {
            position: relative;
            left: auto;
            right: auto;
            bottom: auto;
            background-image: url(assets/images/edited-group2.jpg);
            height: auto;
            margin-top: -30px;
            padding-top: 133%;
        }*/

    .cff .cff-posts-wrap .cff-item {
        min-width: 100%;
        max-width: 100%;
    }

    .contact-detail .icons li {
        min-width: 100%;
        max-width: 100%;
    }

    .contact-form {
        margin: 0 -1px;
        padding: 0;
    }

    .distributor-form .wp-block-group {
        margin-left: -30px;
        margin-right: -30px;
    }

    .blog #site-content {
        padding: 0;
    }

    .blog #site-content .post {
        padding: 0 0 60px;
    }

    .blog #site-content .post:before {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .blog .pagination {
        padding: 0 0 30px;
    }

    .drr-link {
        top: auto;
        right: 0;
        bottom: -51px;
    }

    .drr-link a {
        border-radius: 20px 0 0 20px;
        -moz-border-radius: 20px 0 0 20px;
        -webkit-border-radius: 20px 0 0 20px;
    }

    .language .wp-block-column {
        display: flex;
    }

    .tutorial li {
        min-width: 100%;
        max-width: 100%;
    }

    .wongmama-operator .contact-detail {
        top: 15px;
        left: 15px;
        width: auto;
        height: auto;
        overflow-y: auto;
    }
}