.cui-btn {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 2px;
    display: inline-block;
    font-weight: 400;
    padding: 0 30px;
    text-align: center;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
  }
  .cui-btn,
  .cui-btn-normal {
    font-size: 14px;
    height: 40px;
    line-height: 38px;
  }
  .cui-btn-normal {
    padding-left: 30px;
    padding-right: 30px;
  }
  .cui-btn-small {
    font-size: 12px;
    height: 32px;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .cui-btn-large {
    font-size: 18px;
    height: 48px;
    line-height: 46px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .cui-btn-primary {
    background-color: #c7000b;
    border-color: #c7000b;
    color: #fff;
  }
  .cui-btn-primary.hover,
  .cui-btn-primary:hover {
    -webkit-box-shadow: 0 8px 16px hsla(2, 89%, 69%, 0.5);
    box-shadow: 0 8px 16px hsla(2, 89%, 69%, 0.5);
  }
  .cui-btn-dark {
    background-color: #191919;
    border-color: #191919;
    color: #fff;
  }
  .cui-btn-outline-primary {
    border: 1px solid #c7000b;
    color: #c7000b;
  }
  .cui-btn-outline-primary .hover,
  .cui-btn-outline-primary:hover {
    background-color: #c7000b;
    border-color: #c7000b;
    color: #fff;
  }
  .cui-btn-outline-dark {
    border: 1px solid #191919;
    color: #191919;
  }
  .cui-btn-outline-dark .hover,
  .cui-btn-outline-dark:hover {
    border: 1px solid #c7000b;
    color: #c7000b;
  }
  .cui-btn-outline-light {
    border: 1px solid #fff;
    color: #fff;
  }
  .cui-btn-outline-light .hover,
  .cui-btn-outline-light:hover {
    background-color: #c7000b;
    border-color: #c7000b;
    color: #fff;
  }
  .cui-btn.disabled,
  .cui-btn[disabled] {
    background-color: #f7f7f7;
    border-color: #ddd;
    color: #a0a2a8;
    cursor: default;
  }
  .cui-btn.disabled:hover,
  .cui-btn[disabled]:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  @font-face {
    font-family: por-icon;
    font-style: normal;
    font-weight: 400;
    src: url('../webfonts/por-icon.eot');
    src: url('../webfonts/por-icon.eot#iefix')
        format("embedded-opentype"),
      url('../webfonts/por-icon.woff2')
        format("woff2"),
      url('../webfonts/por-icon.woff')
        format("woff"),
      url('../webfonts/por-icon.ttf')
        format("truetype"),
      url('../webfonts/por-icon.svg')
        format("svg");
  }
  .por-icon {
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: por-icon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
  }
  .por-icon-menu:before {
    content: "\ea01";
  }
  .por-icon-more:before {
    content: "\ea02";
  }
  .por-icon-search:before {
    content: "\ea03";
  }
  .por-icon-caret-down:before {
    content: "\ea04";
  }
  .por-icon-minus:before {
    content: "\ea05";
  }
  .por-icon-plus:before {
    content: "\ea06";
  }
  .por-icon-close:before {
    content: "\ea07";
  }
  .por-icon-left:before {
    content: "\ea08";
  }
  .por-icon-right:before {
    content: "\ea09";
  }
  .por-icon-first:before {
    content: "\ea0a";
  }
  .por-icon-last:before {
    content: "\ea0b";
  }
  .por-icon-down:before {
    content: "\ea0c";
  }
  .por-icon-up:before {
    content: "\ea0d";
  }
  .por-icon-msg:before {
    content: "\ea0e";
  }
  .por-icon-set:before {
    content: "\ea0f";
  }
  .por-icon-about:before {
    content: "\ea10";
  }
  .por-icon-delete:before {
    content: "\ea12";
  }
  .por-icon-add:before {
    content: "\ea13";
  }
  .por-icon-full-screen:before {
    content: "\ea14";
  }
  .por-icon-doc:before {
    content: "\ea15";
  }
  .por-icon-share:before {
    content: "\ea16";
  }
  .por-icon-like:before {
    content: "\ea17";
  }
  .por-icon-star:before {
    content: "\ea18";
  }
  .por-icon-review:before {
    content: "\ea19";
  }
  .por-icon-watch:before {
    content: "\ea2a";
  }
  .por-icon-list-card:before {
    content: "\ea2b";
  }
  .por-icon-list:before {
    content: "\ea2c";
  }
  .por-icon-change:before {
    content: "\ea2d";
  }
  .por-icon-filter:before {
    content: "\ea2e";
  }
  .por-icon-select:before {
    content: "\ea2f";
  }
  .por-icon-error:before {
    content: "\ea31";
  }
  .por-icon-warn:before {
    content: "\ea32";
  }
  .por-icon-prompt:before {
    content: "\ea33";
  }
  .por-icon-success:before {
    content: "\ea34";
  }
  .por-icon-confirm:before {
    content: "\ea03";
  }
  #header {
    height: 100px;
  }
  #header.double {
    height: 125px;
  }
  @media (max-width: 1024px) {
    #header {
      height: 125px;
    }
  }
  @media (max-width: 768px) {
    #header {
      height: 48px;
    }
  }
  #header.show-top-prompt {
    height: 142px;
  }
  @media (max-width: 1023px) {
    #header.show-top-prompt {
      height: 177px;
    }
  }
  @media (max-width: 768px) {
    #header.show-top-prompt {
      height: 168px;
    }
  }
  #header.show-top-prompt .header-top-ad.ad-new {
    display: none;
  }
  #header.show-top-ad {
    height: 170px;
  }
  @media (max-width: 1280px) {
    #header.show-top-ad {
      height: 100px;
    }
  }
  @media (max-width: 1023px) {
    #header.show-top-ad {
      height: 135px;
    }
  }
  @media (max-width: 768px) {
    #header.show-top-ad {
      height: 48px;
    }
  }
  #header.show-top-prompt.show-top-ad {
    height: 142px;
  }
  @media (max-width: 1023px) {
    #header.show-top-prompt.show-top-ad {
      height: 177px;
    }
  }
  @media (max-width: 768px) {
    #header.show-top-prompt.show-top-ad {
      height: 168px;
    }
  }
  #header.show-top-prompt.show-top-ad .header-top-ad.ad-new {
    display: none;
  }
  #header.show-top-prompt.double {
    height: 167px;
  }
  #header .header-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 999;
  }
  #header .header-container-relative {
    left: 0;
    position: relative;
    right: 0;
    width: 100%;
    z-index: 199;
  }
  #header .header-container.fixed {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
  }
  #header .header-wrapper {
    height: 100%;
    position: relative;
  }
  #header .header-inner {
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    z-index: 999;
  }
  #header img.lazyload {
    opacity: 0;
  }
  #header.fade {
    display: none !important;
  }
  @media (min-width: 769px) {
    #header:not(.fade) ~ #content .pagenav-wrapper.fixed {
      display: none;
    }
    .pagenav-wrapper.fixed {
      top: 0 !important;
    }
    #header:not(.fade) ~ #content .v6-container .support-nav.fixed {
      display: none;
    }
  }
  a {
    color: inherit;
  }
  dd,
  dl,
  li,
  ul {
    list-style: none;
  }
  a,
  dd,
  dl,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  li,
  p,
  ul {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
  }
  @media (max-width: 768px) {
    #header {
      height: 48px;
      position: relative;
      top: 0;
      z-index: 1000;
    }
    #header .header-container {
      position: fixed;
    }
    #header .header-ad,
    #header .top-ad {
      display: none;
    }
    #header .header-inner {
      padding-left: 0;
      padding-right: 0;
    }
    .header-inner.header-pure {
      height: 44px;
    }
  }
  .prompt-content {
    display: none !important;
  }
  .header-dropdown ::-webkit-scrollbar,
  .header-dropdown ::-webkit-scrollbar-track {
    background-color: transparent;
    width: 4px;
  }
  .header-dropdown ::-webkit-scrollbar-thumb {
    background-color: #dfe1e6;
  }
  .header-dropdown ::-webkit-scrollbar-thumb:hover {
    background-color: #adb0b8;
  }
  .cloudbr-pagenav.fixed .cloudbr-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #fff;
    color: #252b3a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0 !important;
    margin-left: 0 !important;
    max-width: 100% !important;
    top: 0 !important;
    width: 100% !important;
  }
  .cloudbr-pagenav.fixed .partner-pagenav-nav a {
    color: #252b3a !important;
  }
  .product-v6-pagenav .pagenav-box.fixed {
    top: 0 !important;
  }
  .support-bestpractice-list .support-nav.fixed {
    top: 0 !important;
    z-index: 1000 !important;
  }
  .product-overview-nav {
    top: 0 !important;
  }
  .scrolled .sidebar-box.fixed {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0 !important;
    margin-left: 0 !important;
    max-width: 100% !important;
    top: 0 !important;
    width: 100% !important;
  }
  .scrolled .sidebar-box.fixed a {
    color: #252b3a;
  }
  .pagenav-box {
    top: 0 !important;
  }
  .go_global-pagenav.fixed .cloudbr-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #fff;
    color: #252b3a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0 !important;
    margin-left: 0 !important;
    max-width: 100% !important;
    top: 0 !important;
    width: 100% !important;
  }
  .go_global-pagenav.fixed .cloudbr-wrapper a {
    color: #252b3a !important;
  }
  .ei-pagenav.fixed .ei-pagenav-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #fff;
    color: #252b3a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0 !important;
    margin-left: 0 !important;
    max-width: 100% !important;
    top: 0 !important;
    width: 100% !important;
  }
  .ei-pagenav.fixed .ei-pagenav-content a {
    color: #252b3a !important;
  }
  .product-header-btn-wrapper {
    margin-top: 0 !important;
    z-index: 999 !important;
  }
  .sidebar-box.fixed {
    height: 75px !important;
  }
  .fixed .sidebar-menu .item {
    line-height: 75px !important;
  }
  .product-header-btn-wrapper a {
    height: 50px !important;
    line-height: 50px !important;
  }
  .ei-pagenav.fixed .ei-pagenav-content {
    height: 75px !important;
    line-height: 75px !important;
  }
  .nav-fixed.active,
  .support-index-list .support-nav.fixed,
  .support-video-list .support-nav.fixed,
  .v6-anchor-nav {
    top: 0 !important;
    z-index: 1000 !important;
  }
  .solution-pagenav.fixed .solution-pagenav-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #fff;
    color: #252b3a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    left: 0 !important;
    margin-left: 0 !important;
    max-width: 100% !important;
    top: 0 !important;
    width: 100% !important;
  }
  .solution-pagenav.fixed .solution-pagenav-content a {
    color: #252b3a !important;
  }
  .wrapper-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
  }
  @media (min-width: 1367px) and (max-width: 1439px) {
    .wrapper-container {
      max-width: 1200px;
    }
  }
  @media (max-width: 1279px) {
    .wrapper-container {
      padding-left: 3%;
      padding-right: 3%;
    }
  }
  @media (max-width: 767px) {
    .wrapper-container {
      padding-left: 15px;
      padding-right: 15px;
    }
  }
  #header .showPrompt .top-ad-height {
    height: 100px !important;
  }
  #header .show-top-prompt {
    height: 142px !important;
  }
  @media (max-width: 768px) {
    .showPrompt .header-mbnav {
      top: 48px !important;
    }
  }
  html[lang="ar-MENA"] #footer,
  html[lang="ar-MENA"] #header {
    direction: rtl;
  }
  .changelang-popup {
    background: #f2f5fc;
    border: 1px solid #96adfa;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: none;
    float: none;
    height: 42px;
    left: 0;
    line-height: 40px;
    margin-left: 0;
    padding: 0 calc(50% - 640px);
    position: relative;
    top: 0;
    width: 100%;
    z-index: 8;
  }
  @media (max-width: 1439px) {
    .changelang-popup {
      padding: 0 3%;
    }
  }
  #prompt-content ~ #changelang-popup {
    top: 125px;
  }
  .changelang-popup.short-header {
    top: 60px;
  }
  .changelang-popup.show {
    display: block;
  }
  .changelang-popup .important-area {
    display: inline-block;
    width: 16px;
  }
  .changelang-popup .prompt-important {
    background: url(https://res-static.hc-cdn.cn/aem/etc/clientlibs/cloudbu-site/clientlib-prompt/css/prompt-important.svg)
      no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 16px;
    left: 0;
    margin-left: 0;
    position: relative;
    top: 0;
    vertical-align: middle;
    width: 16px;
  }
  .changelang-popup .changelang-info {
    color: #252b3a;
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    margin-left: 8px;
    padding: 0;
  }
  .changelang-popup .prompt-radio {
    display: inline-block;
    float: right;
    padding: 0 20px 10px;
  }
  .changelang-popup .prompt-radio i {
    background: url(https://res-static.hc-cdn.cn/aem/etc/clientlibs/cloudbu-site/clientlib-prompt/css/changelan-checkbox.svg)
      no-repeat 50%;
    background-size: 100% 100%;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    text-align: right;
    vertical-align: middle;
    width: 16px;
  }
  .changelang-popup .prompt-radio.active i {
    background: url(https://res-static.hc-cdn.cn/aem/etc/clientlibs/cloudbu-site/clientlib-prompt/css/prompt-select.svg)
      no-repeat 50% !important;
    background-size: 100% 100%;
  }
  .changelang-popup .prompt-radio span {
    color: #7f838f;
    font-size: 12px;
    line-height: 18px;
    text-align: right;
    vertical-align: middle;
  }
  .changelang-popup .changeLan-closed {
    background: url(https://res-static.hc-cdn.cn/aem/etc/clientlibs/cloudbu-site/clientlib-prompt/css/changelan-close.svg)
      no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 11px;
    position: relative;
    right: 0;
    top: calc(50% - 6px);
    width: 11px;
  }
  @media (max-width: 768px) {
    .changelang-popup {
      height: 78px;
      line-height: 18px;
      padding: 16px;
    }
    .changelang-popup .changeLan-closed,
    .changelang-popup .important-area {
      top: 0;
      vertical-align: top;
    }
    .changelang-popup .changelang-info {
      font-size: 12px;
      width: calc(100% - 35px);
    }
  }
  .prompt-modal-shade {
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200;
  }
  .prompt-modal {
    background-color: #fff;
    border-radius: 4px;
    display: none;
    left: 50%;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 400px;
    z-index: 999;
  }
  .prompt-modal-s {
    width: 550px;
  }
  .prompt-modal-m {
    width: 700px;
  }
  .prompt-modal-l {
    width: 900px;
  }
  .prompt-mod-close {
    cursor: pointer;
    height: 18px;
    overflow: hidden;
    position: absolute;
    right: 18px;
    top: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 18px;
  }
  .prompt-mod-close:after,
  .prompt-mod-close:before {
    background-color: #666a75;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 18px;
  }
  .prompt-mod-close:after {
    height: 18px;
    left: 8px;
    top: 0;
    width: 2px;
  }
  .prompt-mod-header {
    color: #252b3a;
    font-size: 24px;
    line-height: 1;
    padding-top: 30px;
  }
  .prompt-mod-caption {
    border-left: 3px solid #f66f6a;
    padding-left: 27px;
  }
  .prompt-mod-body {
    zoom: 1;
    margin: 30px 0;
    padding: 0 30px;
    text-align: -webkit-auto;
  }
  .prompt-mod-body.scroll {
    margin-right: 2px;
    overflow-y: scroll;
    padding-right: 23px;
  }
  .prompt-mod-body::-webkit-scrollbar {
    background-color: #ddd;
    border-radius: 8px;
    width: 4px;
  }
  .prompt-mod-body::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
  }
  .prompt-mod-body::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 8px;
  }
  .prompt-mod-body.scroll {
    height: calc(80vh - 376px);
  }
  .prompt-mod-body:after {
    clear: both;
    content: " ";
    display: table;
    line-height: 0;
  }
  .prompt-mod-state-icons {
    background-image: url(https://res-static.hc-cdn.cn/aem/etc/clientlibs/cloudbu-site/clientlib-prompt/css/prompt-warning.svg);
    background-repeat: inherit;
    background-size: cover;
    float: left;
    height: 24px;
    margin-right: 20px;
    width: 24px;
  }
  .prompt-mod-tips {
    color: #575d6c;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
    padding-left: 32px;
    padding-right: 32px;
    word-break: break-all;
  }
  .prompt-mod-tips a {
    color: #1b79c8;
  }
  .prompt-btn {
    background: #f66f6a;
    border: 1px solid;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    height: 28px;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 64px;
  }
  .prompt-mod-content {
    float: left;
    max-width: calc(100% - 60px);
    min-height: 24px;
  }
  .prompt-mod-content.state-icons-none {
    max-width: 100%;
    width: 100%;
  }
  .prompt-mod-content-layout {
    display: table;
  }
  .prompt-mod-content-center {
    display: table-cell;
    vertical-align: middle;
  }
  .prompt-mod-content-title {
    color: #252b3a;
    font-family: PingFangSC-Medium;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 26px;
  }
  .prompt-mod-content-title + .prompt-mod-content-detail {
    color: #a0a2a8;
    margin-top: 5px;
  }
  .prompt-mod-footer {
    border-radius: 0 0 4px 4px;
    font-size: 0;
    padding: 20px 30px 30px;
    text-align: center;
  }
  .prompt-mod-footer .btn-m + .btn-m {
    margin-left: 10px;
  }
  .prompt-mod-rule-wrapper {
    padding-left: 20px;
  }
  .prompt-mod-rule-wrapper li {
    color: #252b3a;
    list-style: decimal;
    text-align: justify;
  }
  .prompt-mod-rule-wrapper li + li {
    margin-top: 5px;
  }
  .prompt-mod-rule-wrapper .table {
    border-left: 1px solid #252b3a;
    display: table;
    width: 100%;
  }
  .prompt-mod-rule-wrapper .table:first-of-type {
    border-top: 1px solid #252b3a;
  }
  .prompt-mod-rule-wrapper .table span {
    border-bottom: 1px solid #252b3a;
    border-right: 1px solid #252b3a;
    display: table-cell;
    width: 50%;
  }
  @media (max-width: 768px) {
    .prompt-modal,
    .prompt-modal-l,
    .prompt-modal-m,
    .prompt-modal-s {
      max-width: calc(100% - 30px);
    }
    .prompt-mod-close {
      right: 10px;
      top: 10px;
    }
    .prompt-mod-header {
      font-size: 16px;
      padding-top: 20px;
    }
    .prompt-mod-caption {
      padding-left: 17px;
    }
    .prompt-mod-body {
      padding: 0 20px;
    }
    .prompt-mod-state-icons {
      margin-right: 10px;
    }
    .prompt-mod-content-title {
      font-size: 16px;
    }
    .prompt-modal .prompt-mod-body.scroll,
    .prompt-modal-l .prompt-mod-body.scroll,
    .prompt-modal-m .prompt-mod-body.scroll,
    .prompt-modal-s .prompt-mod-body.scroll {
      height: calc(100vh - 372px);
    }
    .prompt-mod-rule-wrapper li + li {
      margin-top: 2px;
    }
    .prompt-mod-footer {
      padding: 0 20px 20px;
    }
    .prompt-mod-footer .btn-m + .btn-m {
      margin-left: 6px;
    }
  }
  @media (max-width: 320px) {
    .prompt-modal .prompt-mod-body.scroll,
    .prompt-modal-l .prompt-mod-body.scroll,
    .prompt-modal-m .prompt-mod-body.scroll,
    .prompt-modal-s .prompt-mod-body.scroll {
      height: calc(100vh - 212px);
    }
  }
  .header-icon-corner-down {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #d2d2d2;
    display: inline-block;
    height: 5px;
    vertical-align: middle;
    width: 8px;
  }
  .header-icon-arrow-right {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAYCAYAAAG5NSz8AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADKADAAQAAAABAAAAGAAAAACGbMsfAAABMUlEQVQ4EZ2TvU8CQRDFT7QihMLYGCriB5DYWViS0NpIZfw3bakoTexIqEhoCBTGQjDG2MD7LTcJzI16YZK3M/Pe7O5lbybLnI0sP7dg6y8s/bDA/ANBRegas+df9zIl755YG1EMUK6FHyuJ/FTkzIQjC3b8t+LBTp7CO61cWOPTsTMBYilwyueJFuxKiI5NYmHhiPsCK6IuIN5GYiMXm5F4k4unkdjLxUhL97W9shLx4smFiIknxyLePDkU8eVJ8qeIPM7JR/mqMI+KPMfLcw3PxVVdoZTxD/loNvLhHaGU0d48ARt5Btf9Yn4x2ogHZSOPWhNKWV9VbAKt/3bwk+liip//KqZVGDAKGeWwZcRnNNxUoJDhCRtPfGpbZphCZj9sX/HJLrVSyLyGQ5CqDl026Z48/iLS93sAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    display: inline-block;
    height: 10px;
    left: 0;
    margin-left: 8px;
    top: 1px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    width: 5px;
  }
  a:hover > .header-icon-arrow-right {
    margin-left: 12px;
  }
  @media (max-width: 1599px) {
    .header-icon-arrow-right {
      -webkit-transform-origin: top;
      transform-origin: top;
    }
  }
  .header-icon-arrow-down {
    display: inline-block;
    padding-left: 1px;
    padding-right: 1px;
    vertical-align: middle;
  }
  .header-icon-arrow-down:before {
    border-bottom: 1px solid #575d6c;
    border-right: 1px solid #575d6c;
    content: "";
    display: block;
    height: 8px;
    width: 8px;
  }
  .header-icon-arrow-right-large {
    background-image: url(//portal.hc-cdn.com/cpage-pep-header-and-footer-hk/2.0.22/components/header/components/images/right-arrow.svg);
    background-size: 100%;
    display: inline-block;
    height: 20px;
    left: 0;
    margin-left: 12px;
    top: 1px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    width: 20px;
  }
  a:hover > .header-icon-arrow-right-large {
    margin-left: 16px;
  }
  .header-icon-arrow-down {
    height: 6px;
    width: 10px;
  }
  .header-icon-arrow-down:before {
    margin-top: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .header-icon-close {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNi45OSAxNy42NiI+PGcgZGF0YS1uYW1lPSLlm77lsYIgMiI+PGcgZGF0YS1uYW1lPSLlm77lsYIgMSI+PGcgZGF0YS1uYW1lPSJJY29uLzI0L+WFs+mXrSI+PHBhdGggZD0iTTE1LjkxLjE5YS42Mi42MiAwIDAgMSAuODggMCAuNjMuNjMgMCAwIDEgMCAuODlMOS4zNiA4LjgybDcuNDYgNy43OGEuNjIuNjIgMCAwIDEgLjA1LjgxbC0uMDcuMDdhLjYzLjYzIDAgMCAxLS44OCAwTDguNSA5LjczbC03LjQyIDcuNzRhLjY0LjY0IDAgMCAxLS44MS4wOGwtLjA4LS4wN2EuNjIuNjIgMCAwIDEgMC0uODhsNy40NC03Ljc4TC4xOSAxLjA2YS42Mi42MiAwIDAgMSAwLS44MUwuMi4xN2EuNjMuNjMgMCAwIDEgLjg5IDBMOC41IDcuOTJaIiBzdHlsZT0iZmlsbDojMjUyYjNhIiBkYXRhLW5hbWU9ImNvbG9yL3RleHQvc2Vjb25kYXJ5L2RhcmsiLz48L2c+PC9nPjwvZz48L3N2Zz4=);
    background-size: 100% 100%;
  }
  .header-icon-menu {
    background: none;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    height: 14px;
    width: 18px;
  }
  .header-icon-menu:before {
    border-top: 2px solid #fff;
    content: "";
    display: block;
    margin-top: 4px;
  }
  .header-icon-dropdown {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    display: inline-block;
    vertical-align: middle;
  }
  html[lang="ar-MENA"] .header-icon-arrow-right-large {
    margin-left: 0;
    margin-right: 12px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  #header .hot,
  #header .new {
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 0;
    height: 12px;
    margin: -2px -36px 0 4px;
    vertical-align: middle;
    width: 26px;
  }
  #header .new {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAYCAMAAACCyC6UAAAAolBMVEUAAAD16en16Oj06Oj16Oj16+v06OjHAAvz3+DTO0Psur3LEx7txcfijZLYU1zSNT7RMTr05eby2tvw0tTsv8Hdb3Xx1tfnoaXVQ0zQLDbKDxrIAw/ii4/ZWWHJCRTvyszrs7bih4zYUVnPJjDMGCLz4uPvzc/lmZ3bZ23prbHec3ncbHPaXWTXT1jNHSjLCxfswsTfe4LWS1Ltx8noqq7jkZZ+tJLeAAAABnRSTlMA88i9ZRljrLGUAAABXklEQVQ4y53U6U6DQBiFYaj1HJZaliIgFMvWfa96/7fmB6U1hpoIbwI/hjyZYZIZRRoOVPwzdTBUqp6f0KmnZ0FiOipZGzo3VAbd0UBRuyNVQZM7Dj8gLfdbJ72M6/I0z9cApjIG+JfcQN0djUxaEwCv1LUXNgU2x4Cm8zADMpqnNuLKuaEim0qZm9ByMSqFA7l8aaNjFNzQ2wR1AaMTloy4gm9zizZKaC/uyJU0zA78wo6JDHrHeP0ApTZ38ysybUsKtXnIxLXi4FCOptX0bWQE0fvyivhe9ebjTMuLilnI5Zh7PELOisXqujzDkxaAcTQzhjJ/YvPlIcLEYvlrI6rf17nBOrajcvQY4dNkg7QqB9gxjlMsiljG/0DO5opMve4MBGQxgROSr2ijqELwddpaxqYEmJUMHWDDOP1BKpo8MZJmLORp8iGqfs8N727UXkej1yHsc9z7XSy9rrBv6m4v68Lxfi8AAAAASUVORK5CYII=);
    background-size: 100% 100%;
  }
  #header .hot {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAYCAMAAACCyC6UAAAAb1BMVEUAAAD16en16Oj06Oj16Oj16+v06OjHAAvXUFjklprsv8LmoKTVSFDcbnTUPUblm5/YWF/UQkrNHijy3N3rtLfgfoTSNT7vztDsur3pr7LbY2rXTlbx2Nnw09Tnqazkk5jec3nIBxLuycvpsLPhhYo3/M98AAAABnRSTlMA88i9ZRljrLGUAAAA00lEQVQ4y52UyxKCMAxFC2JuixEFAR+o+Pr/bzQZGFgwU23P5nbRM9NHEiNkaUJ/kqSZUdYrCmK1FkmcQEvORsFkJg2XUpOES4mhEWs/GrW1J81dWT2rwsnqbCdoZJIAq+GADdGhwEB7pR4TfokBPh3yDijo5ZxjoJHwSrluVkqg1twCueZSanfCRaUGuJNyBh5eaUQlMY+k3IC9X6r2QhsgzXfyHS/mIfwSddOTl7SUfn+uV2JuNN7M9VxGPQ045iPNRBVsVGtENWFMu8cNlqgR9gUfRiKZdYrDRgAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
  }
  html[lang="ar-MENA"] #header .hot,
  html[lang="ar-MENA"] #header .new {
    height: 14px;
    margin: -2px 4px 0 -36px;
  }
  html[lang="ar-MENA"] #header .new {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAAAwCAMAAAC1zt34AAAAYFBMVEUAAAD////z5+fz6ur16enz5+fz5+f16en05ub06OixISHOd3fUiIi3NTXlu7uyJSW0Kyvep6fu19e9RkbWj4/oxcXSg4O7Pj7sz8/IZGThsLDKbW3bnp7CU1Px39/FXFxRbCmtAAAACXRSTlMABiuPlL3V8/6yH9RkAAABnElEQVR42u2X646DIBCFbbUKg9xEvLd9/7csijXZLbrYYjab7Pk1HjOfKDAyUWR0jtMMf6wsjc+R1SlBOJBQcpqIFxxQl5GZ4KBKzHdEYZHoHMU4sOIoDY1Moyw0MotwcP0j/x5yYHiH7YVsBdtheyEp0Ju/7YNsACD3tr2Q0uSK53ia5tVGZc0VKXYgicmFbr6orujFbscIKPNHFrVJqOYLBfK7XYEVL/2np1AAVxvqJVrsQsBTpf9SLzjUNirN90NfbSa7oeXrzJXd0wOdKRSgebVxc7fMwRvJQMxRB8ActtlL00C5/AlJ9PxTEoCWBd65bPMwYecIbSNrSvJJFCob5MogHbaRXUsgyCaSg0PSbS+iW0jkTJEI3kfi2j3K+gNk6UaWHyARq8ikXpFF2m0vqn7939Ov1bCOvYNkaKwawlkbbhTuejdScyXHndy6bubjvPR7kXNh4I2rVE2bkexEshE3KHeeHPcTLXYi9XV6Z+nOa9qVArw9PVLpjbu6XzmSH3FkPeBgfcDx/4Am5YBW6oiG74C2NHjz/AAslpIrV2oWOQAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
  }
  html[lang="ar-MENA"] #header .hot {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAAwCAMAAACBtxzkAAAAYFBMVEUAAAD////z5+f06enz5+fz5+f16en05+f06OixISG2MDCzKCjBUVG7QEDy4ODShIS5OTnGX1/gra3amZndpKTjtbW/SkrPeXnpyMjMcnLWjo7JaGjv29vu1dXrzs7nwMD8DnZjAAAACHRSTlMABiuRvdXz/lT0kDcAAAJFSURBVHjarZdrl4IgEIbd3IIBRBAlL6n//18ukJWw4ubGfLBz8vgwl3fGMcuMnfLzBf/bLuf8lN3tK0f4Q0P5lyN94wT2bVk5TmK5yRNKg0KnVE5Zt86pUOfskgp1yXAyO4K6JUPdumSoUidANbLCmBOKPkY1rFAYVwDTx6hCIePPFaD6GHUFwjjuAfpPUSMb6psLcDiCUlJQomVX9krVFb+jlh8A/T5qZLA2yp+JtxcC5H2U9EjAngOE1OZqzgn0PkVRlU+C8ukUCFPCDqD1nm01iqEGG5R4oZrHjc7poA/VUPslXaMIq8fbPUjKmvF1JHMe1gB1IBJP/ysUN15MheEU/SRLLxJqddAAKA/F/Ih9MXANIGxcRRecL80xoUYH380seAQGVyVC1bpas60mXxXiPnWE94eHmgEWb6jNF6FAFnPCoEGAJnvXGKoDvaiyCHThUORV0yUfNIbi5JlGuYWi4ZThJIaqQdirblzNfqH4rx5U0QBLW3JkYpMtnkqpC0FFsZi504apmkkUNdiCKOvD5giYBff7hkC0gsyoB7nGqd4YiMYngDmC0rYRZrYaCRtzcHwk1mZT7rSzdacq5jiqo6UNc7KtD2KMoUzrU6ucvXcUNz2sh/v4EPvzijZ/vsoe8iVtfIqOTkxF/8dugHrnFGv3BnK/zHRm3hOqVn3ZbVNRVV6r/dmOtC9xog4tRZdQdS+T47FV7RwU6Nl8pD66QIZr7dQx51p3O7zWbi3bfJ7bfyzbCT8BUn6YJPxcSvYR9wO3aXvelcMnyQAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
  }
  @media (max-width: 768px) {
    html[lang="ar-MENA"] #header .hot,
    html[lang="ar-MENA"] #header .new {
      margin: -14px 4px 0 -36px;
    }
  }
  .header-topnav {
    background: #111;
    height: 25px;
    width: 100%;
  }
  .header-topnav-wrapper {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 1600px;
  }
  .header-lang {
    height: 25px;
    line-height: 25px;
    position: relative;
  }
  .header-lang-current {
    color: #fff;
    cursor: pointer;
    font-size: 0;
    height: 25px;
    line-height: 25px;
    opacity: 0.8;
    padding: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .header-lang-current .header-icon-earth {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBzdHJva2U9IiNBREIwQjgiPjxwYXRoIGQ9Ik02LjUwNyAxMi40OTVhNiA2IDAgMSAwIDAtMTIgNiA2IDAgMCAwIDAgMTJaIi8+PHBhdGggZD0iTTYuNSAxMi40OTljLTEuMjEgMC0yLjE5Mi0yLjY4Ni0yLjE5Mi02cy45ODItNiAyLjE5Mi02TTYuNS40OTljMS4yMSAwIDIuMTkyIDIuNjg2IDIuMTkyIDZzLS45ODEgNi0yLjE5MiA2TS43NDggNi41MjhsMTEuNzU5LjAwMSIvPjwvZz48L2c+PC9zdmc+);
    background-size: 100% 100%;
    display: inline-block;
    height: 12px;
    margin-right: 4px;
    position: relative;
    top: 5px;
    width: 12px;
  }
  .header-lang-current i {
    margin-left: 6px;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: 2px 2px;
    transform-origin: 2px 2px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .header-lang-current i:before {
    border-color: hsla(0, 0%, 100%, 0.8);
    height: 6px;
    margin-top: -2px;
    width: 6px;
  }
  .header-lang:hover .header-icon-arrow-down {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }
  .header-lang:hover .header-icon-arrow-down:before {
    border-color: #fff;
  }
  .header-lang-label {
    display: inline-block;
    font-size: 12px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    vertical-align: middle;
  }
  .header-lang-list {
    background: #fff;
    border-radius: 0 0 16px 16px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
    cursor: default;
    display: none;
    min-width: 100%;
    padding: 24px 32px 32px 36px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 248px;
    z-index: 999;
  }
  .header-lang-list .header-site {
    padding: 12px 0;
    width: 100%;
  }
  .header-lang-list .header-site .header-site-left {
    color: #191919;
    font-size: 16px;
    font-weight: 600;
    height: 24px;
    line-height: 24px;
    margin-bottom: 11px;
  }
  .header-lang-list .header-site:not(:first-child) {
    border-top: 1px solid #dfe1e6;
  }
  .header-lang-list:before {
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    top: -20px;
    width: 100%;
  }
  .header-lang-item {
    position: relative;
  }
  .header-lang-item > a {
    color: #595959;
    cursor: default;
    display: block;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    position: relative;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    white-space: nowrap;
  }
  .header-lang-item + .header-lang-item {
    margin-top: 12px;
  }
  .header-lang-item > a[href] {
    cursor: pointer;
  }
  .header-lang-item.active:after {
    border-right: 3px solid #c7000b;
    content: "";
    height: 16px;
    left: -16px;
    position: absolute;
    top: 4px;
  }
  .header-lang-item.active > a,
  .header-lang-item:hover > a {
    color: #c7000b;
  }
  .header-lang:hover .header-lang-current {
    opacity: 1;
  }
  .header-lang:hover .header-lang-list {
    display: block;
  }
  @media (max-width: 1776px) {
    .header-topnav {
      padding: 0 5%;
    }
  }
  @media (max-width: 1024px) {
    .header-topnav {
      padding: 0 3%;
    }
  }
  @media (max-width: 768px) {
    .header-topnav {
      display: none;
    }
  }
  .header-hwapp {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: hsla(0, 0%, 100%, 0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 25px;
    margin-left: 12px;
  }
  .header-hwapp:hover .header-icon-hwapp {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNMTEuNSAwYS41LjUgMCAwIDEgLjUuNXYxM2EuNS41IDAgMCAxLS41LjVoLTlhLjUuNSAwIDAgMS0uNS0uNVYuNWEuNS41IDAgMCAxIC41LS41aDlaTTExIDFIM3YxMmg4VjFaIi8+PHBhdGggZD0iTTExLjIzMSAxMS4wNTh2MUgyLjcwNnYtMXpNOC4wNCAyLjA1OHYxSDYuMDN2LTF6Ii8+PC9nPjwvc3ZnPg==);
  }
  .header-hwapp .header-icon-hwapp {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjUgMGEuNS41IDAgMCAxIC41LjV2MTNhLjUuNSAwIDAgMS0uNS41aC05YS41LjUgMCAwIDEtLjUtLjVWLjVhLjUuNSAwIDAgMSAuNS0uNWg5Wk0xMSAxMi4wNThIM1YxM2g4di0uOTQyWk0xMSAxSDN2MTAuMDU4aDhWMVpNOC4wNCAyLjA1OHYxSDYuMDN2LTFIOC4wNFoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbC1vcGFjaXR5PSIuOCIvPjwvc3ZnPg==);
    background-size: 100% 100%;
    display: inline-block;
    height: 12px;
    margin-right: 4px;
    position: relative;
    width: 12px;
  }
  .header-hwapp .header-hwapp-link {
    font-size: 12px;
    height: 25px;
    line-height: 25px;
  }
  .header-hwapp .header-hwapp-link:hover {
    color: #fff;
  }
  html[lang="ar-MENA"] .header-lang-list {
    left: 0;
    right: inherit;
  }
  html[lang="ar-MENA"] .header-icon-arrow-down {
    margin-left: 0;
    margin-right: 6px;
  }
  html[lang="ar-MENA"] .header-lang-item.active:after {
    left: auto;
    right: -16px;
  }
  .header-search {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 18px;
    z-index: 21;
  }
  .show-search-box .header-search {
    display: block;
    min-width: 150px;
    width: 264px;
  }
  .header-search-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden;
    position: relative;
  }
  .header-search-inner input {
    background-color: #fff;
    border: 1px solid #191919;
    border-radius: 20px;
    color: #191919;
    font-size: 14px;
    height: 40px;
    line-height: 24px;
    outline: none;
    padding: 8px 44px;
    position: absolute;
    width: 100%;
    z-index: 1001;
  }
  .header-search-inner input::-ms-clear {
    height: 0;
    width: 0;
  }
  .header-search-inner input:-ms-input-placeholder {
    color: grey;
  }
  .header-search-inner input::-moz-placeholder {
    color: grey;
  }
  .header-search-inner input::-webkit-input-placeholder {
    color: grey;
  }
  .header-search-inner input::-ms-input-placeholder {
    color: grey;
  }
  .header-search-inner input::placeholder {
    color: grey;
  }
  .header-search-inner .header-search-submit {
    background-color: transparent;
    border: none;
    color: #575d6c;
    cursor: pointer;
    height: 18px;
    left: 20px;
    line-height: 0;
    margin-top: -9px;
    outline: none;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-transition: 2s;
    transition: 2s;
    width: 18px;
    z-index: 1001;
  }
  .header-search-inner .header-search-submit i {
    background: url(//portal.hc-cdn.com/cpage-pep-header-and-footer-hk/2.0.22/components/header/components/images/icon_search_h.svg);
    background-position: 50%;
    background-size: 133% 133%;
    display: inline-block;
    height: 18px;
    width: 18px;
  }
  .header-search-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 4px;
    top: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    width: 200px;
  }
  .header-search-button {
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    position: relative;
    width: 100%;
    z-index: 30;
  }
  .header-search-button input {
    border: 1px solid #c2c2c2;
    border-radius: 20px;
    display: none;
    font-size: 14px;
    height: 100%;
    width: 100%;
  }
  .header-search-button input:-ms-input-placeholder {
    color: grey;
  }
  .header-search-button input::-moz-placeholder {
    color: grey;
  }
  .header-search-button input::-webkit-input-placeholder {
    color: grey;
  }
  .header-search-button input::-ms-input-placeholder {
    color: grey;
  }
  .header-search-button input::placeholder {
    color: grey;
  }
  .header-search-button input:hover {
    border-color: #595959;
  }
  .header-search-button i {
    background: url(//portal.hc-cdn.com/cpage-pep-header-and-footer-hk/2.0.22/components/header/components/images/icon_search_normal.svg);
    background-position: 50%;
    background-size: 133% 133%;
    display: inline-block;
    height: 18px;
    position: absolute;
    top: 11px;
    width: 18px;
  }
  .header-search-button:hover i {
    background-image: url(//portal.hc-cdn.com/cpage-pep-header-and-footer-hk/2.0.22/components/header/components/images/icon_search_h.svg);
  }
  .show-search-box .header-search .header-search-inner {
    float: right;
  }
  .show-search-box .header-search .header-search-content {
    right: 24px;
  }
  .show-search-box .header-search .header-search-button {
    margin-top: 18px;
  }
  .show-search-box .header-search .header-search-button input {
    padding-left: 44px;
  }
  .show-search-box .header-search .header-search-button i {
    background-image: url(//portal.hc-cdn.com/cpage-pep-header-and-footer-hk/2.0.22/components/header/components/images/icon_search_normal.png);
    background-position: 50%;
    left: 20px;
  }
  .show-search-box .header-search .header-search-button:hover i {
    background-image: url(//portal.hc-cdn.com/cpage-pep-header-and-footer-hk/2.0.22/components/header/components/images/icon_search_h.svg);
  }
  .show-search-box .header-search.active .header-search-content {
    z-index: 100;
  }
  .show-search-box .search-default {
    display: inline-block;
  }
  .header-search.active .header-search-inner {
    overflow: visible;
  }
  .header-search.active .header-search-button i {
    display: none;
  }
  .header-search.active .close-icon {
    background-image: url(//portal.hc-cdn.com/cpage-pep-header-and-footer-hk/2.0.22/components/header/components/images/cancel-icon.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
    height: 12px;
    margin-top: -6px;
    position: absolute;
    right: 20px;
    top: 50%;
    width: 12px;
    z-index: 1001;
  }
  .header-search.active .close-icon:hover {
    background-image: url(//portal.hc-cdn.com/cpage-pep-header-and-footer-hk/2.0.22/components/header/components/images/cancel-icon-h.png);
  }
  .double .header-search,
  .header-search.simplify {
    max-width: 18px;
    min-width: 18px;
    width: 18px;
  }
  .double .header-search .header-search-button > input,
  .header-search.simplify .header-search-button > input {
    display: none;
  }
  .double .header-search .header-search-button > i,
  .header-search.simplify .header-search-button > i {
    right: 0;
  }
  .header-nav.search-active {
    display: none;
  }
  @media (max-width: 1023px) {
    max-width: 18px;
    min-width: 18px;
    width: 18px;
    .header-search-button > input {
      display: none;
    }
    .header-search-button > i {
      right: 0;
    }
  }
  .header-search-droplist {
    background: #fff;
    border: 1px solid #dfe1e6;
    border-radius: 0 0 16px 16px;
    border-top: none;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    display: none;
    left: -24px;
    overflow: hidden;
    padding-top: 58px;
    position: absolute;
    right: -24px;
    top: 0;
    width: calc(100% + 48px);
    z-index: 1000;
  }
  .header-search-droplist h2 {
    color: #8a8e99;
    font-size: 12px;
    padding: 12px 0 0 15px;
    white-space: nowrap;
  }
  .header-search-droplist .J-search-keyWordsAll {
    color: #191919;
    cursor: pointer;
    display: none;
    font-weight: 600;
    line-height: 22px;
    padding: 16px 40px 0;
  }
  .header-search-droplist .J-search-keyWordsAll a:hover {
    text-decoration: underline;
  }
  .header-search-droplist .J-search-related > ul {
    padding-top: 12px;
  }
  .header-search-droplist .J-search-related > ul > li {
    font-size: 0;
    padding: 0;
  }
  .header-search-droplist .J-search-related > ul > li,
  .header-search-droplist .J-search-related > ul > li > a {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    white-space: nowrap;
    width: 100%;
  }
  .header-search-droplist .J-search-related > ul > li > a {
    color: grey;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 100%;
    line-height: 22px;
    padding: 8px 40px;
  }
  .header-search-droplist .J-search-related > ul > li > a span {
    color: #191919;
    font-weight: 600;
  }
  .header-search-droplist .J-search-related > ul > li:hover .search-block,
  .header-search-droplist .J-search-related > ul > li:hover > a,
  .header-search-droplist .J-search-related > ul > li > a.hover {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .header-search-droplist .J-search-related > ul > li:hover .text:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMCAwaDE2djE2SDB6Ii8+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTIpIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjxwYXRoIGQ9Ik05LjI2MiAyLjUwMmExIDEgMCAwIDAtLjg4My45OTNsLS4wMDEgMS42NzZIMS4yYTEgMSAwIDAgMC0xIDF2My41OTZsLjAwNy4xMTdhMSAxIDAgMCAwIC45OTMuODgzaDcuMTc4djEuNjM4YTEgMSAwIDAgMCAxLjYyOC43NzhsNS41MjUtNC40NTVhMSAxIDAgMCAwIDAtMS41NTZsLTUuNTI1LTQuNDU1YTEgMSAwIDAgMC0uNjI3LS4yMjJsLS4xMTcuMDA3Wm0uMTE3IDMuNjdWMy40OTRsNS41MjQgNC40NTUtNS41MjQgNC40NTVWOS43NjdIMS4yVjYuMTcxaDguMTc5WiIgZmlsbD0iI0M3MDAwQiIgZmlsbC1ydWxlPSJub256ZXJvIiBtYXNrPSJ1cmwoI2IpIi8+PC9nPjwvc3ZnPg==);
  }
  .header-search-droplist
    .J-search-related
    > ul
    li.to-page
    + li:not(.to-page):before {
    background-color: rgba(0, 0, 0, 0.08);
    content: "";
    display: block;
    height: 1px;
    margin: 12px 40px 16px;
    width: calc(100% - 32px);
  }
  .header-search-droplist .search-block {
    color: grey;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    line-height: 24px;
    overflow: hidden;
    padding: 12px 40px;
    text-overflow: ellipsis;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    white-space: nowrap;
    width: 100%;
  }
  .header-search-droplist .search-block span {
    color: #191919;
    font-weight: 600;
  }
  .header-search-droplist .search-block .search-tag {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-top: 8px;
  }
  .header-search-droplist .search-block .search-tag a {
    border: 1px solid #c2c2c2;
    border-radius: 16px;
    color: #191919;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    line-height: 22px;
    padding: 0 16px;
  }
  .header-search-droplist .search-block .search-tag a:not(.tag-console) {
    margin-right: 8px;
  }
  .header-search-droplist .search-block .search-tag .tag-console:hover {
    border-color: #191919;
  }
  .header-search-droplist .J-search-related .to-page a:hover,
  .header-search-droplist .search-block.hover a.hover,
  .header-search-droplist a.hover {
    border-color: #191919;
    cursor: pointer;
  }
  .header-search-droplist .search-block.hover,
  .header-search-droplist .search-block:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .header-search-droplist {
    padding-bottom: 32px;
  }
  .header-search-droplist .J-search-title {
    color: grey;
    line-height: 22px;
    padding: 24px 40px 16px;
  }
  .header-search-droplist .J-search-title span {
    color: #999;
    cursor: pointer;
    float: right;
    padding-left: 20px;
    position: relative;
  }
  .header-search-droplist .J-search-title span:before {
    background-image: url(//portal.hc-cdn.com/cpage-pep-header-and-footer-hk/2.0.22/components/header/components/images/del.svg);
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 16px;
  }
  .header-search-droplist .J-search-title .J-search-history {
    display: none;
  }
  .header-search-droplist .J-search-history-content {
    margin-bottom: -12px;
    padding: 0 40px;
  }
  .header-search-droplist .J-search-history-content .his-btn {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    color: #595959;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 32px;
    line-height: 30px;
    margin-bottom: 12px;
    margin-right: 12px;
    max-width: 240px;
    min-width: 58px;
    overflow: hidden;
    padding: 0 12px;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    white-space: nowrap;
  }
  .header-search-droplist .J-search-history-content .his-btn:hover {
    border-color: #595959;
    color: #191919;
  }
  .header-search-droplist .J-search-popular .J-search-title {
    padding-bottom: 8px;
  }
  .header-search-droplist .J-search-popular a {
    color: #191919;
    cursor: pointer;
    display: block;
    line-height: 22px;
    overflow: hidden;
    padding: 8px 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .header-search-droplist .J-search-popular a:hover {
    background: rgba(0, 0, 0, 0.05);
    font-weight: 700;
  }
  .header-search-droplist .search-block.hover .text:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMCAwaDE2djE2SDB6Ii8+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTIpIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjxwYXRoIGQ9Ik05LjI2MiAyLjUwMmExIDEgMCAwIDAtLjg4My45OTNsLS4wMDEgMS42NzZIMS4yYTEgMSAwIDAgMC0xIDF2My41OTZsLjAwNy4xMTdhMSAxIDAgMCAwIC45OTMuODgzaDcuMTc4djEuNjM4YTEgMSAwIDAgMCAxLjYyOC43NzhsNS41MjUtNC40NTVhMSAxIDAgMCAwIDAtMS41NTZsLTUuNTI1LTQuNDU1YTEgMSAwIDAgMC0uNjI3LS4yMjJsLS4xMTcuMDA3em0uMTE3IDMuNjdWMy40OTRsNS41MjQgNC40NTUtNS41MjQgNC40NTVWOS43NjdIMS4yVjYuMTcxaDguMTc5eiIgZmlsbD0iI0M3MDAwQiIgZmlsbC1ydWxlPSJub256ZXJvIiBtYXNrPSJ1cmwoI2IpIi8+PC9nPjwvc3ZnPg==);
  }
  .header-search-droplist.show {
    display: block;
  }
  .header-search-droplist .J-search-hot {
    display: none;
  }
  .header-search-droplist .J-search-hot.show {
    display: block;
  }
  .header-search-droplist .J-search-related {
    display: none;
  }
  .header-search-droplist .J-search-related.show {
    display: block;
  }
  .header-search.active .header-search-content {
    overflow: visible;
    width: 350px;
  }
  .header-search.active .header-search-content input {
    border-color: #595959;
  }
  @media (max-width: 1024px) {
    .header-search.active .header-search-content {
      right: -200px;
      width: 362px !important;
    }
    .header-search-droplist .J-search-history-content .his-btn {
      padding-left: 8px;
      padding-right: 8px;
    }
  }
  @media (max-width: 1023px) {
    .header-search-inner input {
      top: 10px;
    }
  }
  @media (max-width: 1380px) {
    .isDeveloper .header-search-inner .header-search-submit {
      top: 18px;
    }
  }
  html[lang="ar-MENA"] .header-search.active .header-search-content {
    left: 4px;
    right: auto;
  }
  html[lang="ar-MENA"] .header-search.active .close-icon {
    left: 20px;
    right: auto;
  }
  @media (max-width: 1024px) {
    html[lang="ar-MENA"] .header-search.active .header-search-content {
      left: -200px;
      width: 362px !important;
    }
  }
  html[lang="ar-MENA"] .header-search-inner .header-search-submit {
    left: auto;
    right: 20px;
  }
  html[lang="ar-MENA"] .header-search-droplist .J-search-title span {
    float: left;
    padding-left: 0;
  }
  html[lang="ar-MENA"] .header-search-droplist .J-search-title span:before {
    left: auto;
    right: -20px;
  }
  html[lang="ar-MENA"]
    .header-search-droplist
    .J-search-history-content
    .his-btn {
    margin-left: 12px;
    margin-right: 0;
  }
  .header-tools {
    -webkit-box-flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    color: #191919;
    -ms-flex: 1;
    flex: 1;
    height: 75px;
    justify-content: flex-end;
    min-width: 266px;
    position: relative;
    width: 100%;
  }
  .header-tools,
  .header-tools .header-tools-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-tools .header-tools-right {
    background: #fff;
    height: 40px;
    line-height: 40px;
    margin-left: 22px;
    z-index: 20;
  }
  .header-tools .header-tools-right .header-tools-icon a {
    height: 18px;
    position: relative;
    width: 18px;
  }
  .header-tools .header-tools-right .header-tools-icon a i {
    background-size: 100% 100%;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    width: 100%;
  }
  .header-tools
    .header-tools-right
    .header-tools-icon
    a
    i.header-tools-icon-default {
    opacity: 1;
  }
  .header-tools
    .header-tools-right
    .header-tools-icon
    a
    i.header-tools-icon-hover,
  .header-tools
    .header-tools-right
    .header-tools-icon
    a:hover
    i.header-tools-icon-default {
    opacity: 0;
  }
  .header-tools
    .header-tools-right
    .header-tools-icon
    a:hover
    i.header-tools-icon-hover {
    opacity: 1;
  }
  .header-tools .header-tools-right > li {
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    height: 18px;
    line-height: 18px;
  }
  .header-tools .header-tools-right > li > a {
    display: block;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    white-space: nowrap;
  }
  .header-tools .header-tools-right > li > a:hover {
    color: #c7000b;
  }
  .header-tools .header-tools-right > li.header-register {
    height: 32px;
    margin-left: 24px;
  }
  .header-tools .header-tools-right > li.header-register > a {
    background-color: #c7000b;
    border-radius: 30px;
    color: #fff;
    height: 32px;
    line-height: 32px;
    padding: 0 16px;
    text-align: center;
  }
  .header-tools .header-tools-right > li.header-register > a:hover {
    background-color: #d64a52;
  }
  .header-tools .header-tools-right > li + li {
    margin-left: 16px;
  }
  @media screen and (max-width: 1023px) {
    .header-tools .header-tools-right > li + li {
      margin-left: 20px;
    }
  }
  .header-tools .header-tools-right .header-login-mobile,
  .header-tools .header-tools-right .header-menu-search-mb,
  .header-tools .header-tools-right .header-user {
    display: none;
  }
  .header-tools .header-user {
    border-left: 1px solid #dfe1e6;
    display: none;
    font-size: 0;
    margin-left: 12px;
    padding-left: 12px;
    position: relative;
  }
  .header-tools .header-user:hover .header-nav-item-icon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAElBMVEVHcEzOAAzIAAzIAAvRAAzHAAt43zAaAAAABXRSTlMAFdS/FrilO9YAAAA+SURBVBjTY2AYGMBsCCKFDSCcIAEGBkZVCIdRVZGBQQgkAgJABlgAJgWXAEnBJUBSCAkGBidFJKtYBGjgfgDYdQUNEq/6yQAAAABJRU5ErkJggg==");
    background-size: 100% 100%;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }
  .header-tools .header-user .header-user-avator {
    display: inline-block;
    height: 24px;
    margin-left: 5px;
    position: relative;
    vertical-align: middle;
    width: 24px;
  }
  @media (min-width: 769px) {
    .header-tools .header-user .header-user-avator {
      display: none;
    }
  }
  .header-tools .header-user .header-user-avator .header-tool-user-avator-img {
    border-radius: 50%;
    display: block;
    height: 100%;
    width: 100%;
  }
  .header-tools .header-user .header-user-name {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-tools .header-user .header-user-name span {
    color: #c7000b;
    display: inline-block;
    font-size: 14px;
    max-width: 125px;
    min-width: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
  }
  .header-tools .header-user .header-user-name .msg-num {
    background-color: #c7000b;
    border-radius: 10px;
    color: #fff !important;
    font-size: 12px;
    line-height: 16px;
    margin-left: 5px;
    min-width: 16px;
    padding: 0 5px;
    width: auto;
  }
  .header-tools .header-user .header-user-info {
    background: #fff;
    border-radius: 16px;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    cursor: default;
    display: none;
    min-width: 240px;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    right: 0;
    top: calc(100% + 17px);
  }
  .header-tools .header-user .header-user-info .management span,
  .header-tools .header-user .header-user-info .message span,
  .header-tools .header-user .header-user-info .order span {
    background-color: #c7000b;
    border-radius: 10px;
    color: #fff !important;
    float: right;
    font-size: 12px;
    line-height: 16px;
    margin-top: 3px;
    min-width: 16px;
    padding: 0 4px;
    width: auto;
  }
  .header-tools .header-user .header-user-info:before {
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    top: -20px;
    width: 100%;
  }
  .header-tools .header-user .header-user-info-list {
    font-size: 14px;
  }
  .header-tools .header-user .header-user-info-list > li {
    color: #191919;
    line-height: 20px;
    position: relative;
  }
  .header-tools .header-user .header-user-info-list > li:after {
    content: none;
  }
  .header-tools .header-user .header-user-info-list > li > a {
    display: block;
    padding: 6px 20px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    white-space: nowrap;
  }
  @media (min-width: 769px) {
    .header-tools .header-user .header-user-info-list > li > a.mb-special {
      display: none !important;
    }
  }
  @media (max-width: 768px) {
    .header-tools .header-user .header-user-info-list > li > a.pc-special {
      display: none !important;
    }
  }
  .header-tools .header-user .header-user-info-list > li.order > a > span {
    background-color: #c7000b;
  }
  .header-tools
    .header-user
    .header-user-info-list
    > li:not(.header-user-info-item-account):hover
    > a {
    text-decoration: underline;
  }
  .header-tools .header-user .header-user-info-split {
    padding: 10px 20px;
  }
  .header-tools .header-user .header-user-info-split:before {
    border-top: 1px solid #dfe1e6;
    content: "";
    display: block;
  }
  @media (max-width: 768px) {
    .header-tools .header-user .header-user-info-split.pc-only {
      display: none;
    }
  }
  .header-tools .header-user .header-user-info-item-account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-tools .header-user .header-user-info-item-account .restricted {
    color: #f80;
    display: none;
    margin-left: 20px;
    padding: 6px 20px 6px 0;
  }
  .header-tools .header-user .header-user-info-item-account .restricted i {
    background-image: url(//portal.hc-cdn.com/cpage-pep-header-and-footer-hk/2.0.22/components/header/components/images/restricted_icon.svg);
    display: inline-block;
    height: 14px;
    margin-right: 5px;
    position: relative;
    top: 2px;
    width: 14px;
  }
  .header-tools .header-user .header-user-info-item-account .restricted:hover {
    text-decoration: underline;
  }
  .header-tools .header-user .header-user-info-list .header-verification {
    display: block;
    height: 32px;
    line-height: 20px;
    padding-left: 0;
    text-align: right;
  }
  @media (min-width: 769px) {
    .header-tools .header-user:hover .header-user-info {
      display: block;
    }
  }
  .header-tools .header-user.msg .header-user-avator:after {
    background-color: #e41e2c;
    border-radius: 50%;
    content: "";
    height: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 6px;
  }
  html[lang="ar-MENA"] .header-tools .header-tools-right {
    margin-left: 0;
    margin-right: 22px;
  }
  html[lang="ar-MENA"] .header-tools .header-tools-right > li + li {
    margin-left: 0;
    margin-right: 16px;
  }
  @media (max-width: 768px) {
    html[lang="ar-MENA"]
      .header-tools
      .header-user
      .header-user-info-item-account
      > a {
      float: right;
    }
    html[lang="ar-MENA"]
      .header-tools
      .header-user
      .header-user-info-list
      .header-verification {
      text-align: left;
    }
    html[lang="ar-MENA"]
      .header-tools
      .header-user
      .header-user-info-list
      .header-verification
      li.logout {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row-reverse;
      flex-flow: row-reverse;
      justify-content: space-between;
    }
    html[lang="ar-MENA"]
      .header-tools
      .header-user
      .header-user-info-list
      .header-verification
      li.logout
      > .bottom-username {
      width: auto;
    }
    html[lang="ar-MENA"]
      .header-tools
      .header-user
      .header-user-info
      .management
      span,
    html[lang="ar-MENA"]
      .header-tools
      .header-user
      .header-user-info
      .message
      span,
    html[lang="ar-MENA"]
      .header-tools
      .header-user
      .header-user-info
      .order
      span {
      float: left;
    }
    html[lang="ar-MENA"] .header-verification p {
      margin-left: 22px;
    }
    html[lang="ar-MENA"] .header-verification i {
      margin-left: 5px;
      margin-right: 0;
    }
  }
  body.show-restricted .header-user-info-item-account > .restricted {
    display: block !important;
  }
  .header-bottom {
    background: #fff;
    border-bottom: 1px solid #dfe1e6;
    height: 75px;
    width: 100%;
  }
  .header-bottom-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 75px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1600px;
    position: relative;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    z-index: 1;
  }
  .header-bottom .header-logo {
    background-size: cover;
    display: block;
    height: 36px;
    min-width: 180px;
    width: 180px;
  }
  .header-bottom .header-logo img {
    display: inline-block;
    height: 36px;
    width: 100%;
  }
  .header-nav {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 75px;
    justify-content: flex-start;
    margin-right: 60px;
  }
  .header-nav .header-nav-scroll {
    height: 100%;
    margin-left: 36px;
    position: relative;
  }
  .header-nav .header-nav-scroll i {
    cursor: pointer;
    display: none;
    height: 70px;
    line-height: 70px;
    position: absolute;
    top: 1px;
    width: 40px;
    z-index: 10;
  }
  .header-nav .header-nav-scroll i.scroll-lbtn {
    background-image: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(0, #fff),
      color-stop(40%, #fff),
      to(transparent)
    );
    background-image: linear-gradient(90deg, #fff 0, #fff 40%, transparent);
    left: 0;
  }
  .header-nav .header-nav-scroll i.scroll-rbtn {
    background-image: -webkit-gradient(
      linear,
      right top,
      left top,
      color-stop(0, #fff),
      color-stop(40%, #fff),
      to(transparent)
    );
    background-image: linear-gradient(270deg, #fff 0, #fff 40%, transparent);
    right: 0;
    text-align: right;
  }
  .header-nav .header-nav-list {
    font-size: 0;
    height: 100%;
    left: 0;
    position: relative;
    -webkit-transition: left 0.2s;
    transition: left 0.2s;
    white-space: nowrap;
    z-index: 1;
  }
  .header-nav .header-nav-list li {
    display: inline-block;
    height: 100%;
    padding: 0 16px;
  }
  .header-nav .header-nav-list li.hide {
    display: none !important;
  }
  .header-nav .header-nav-list.medium-padding li {
    padding: 0 10px;
  }
  .header-nav .header-nav-list li:first-child {
    padding-left: 0 !important;
  }
  .header-nav .header-nav-list li:last-child {
    padding-right: 0 !important;
  }
  .header-nav .header-nav-list > li > a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #191919;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 100%;
    padding: 0;
    position: relative;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .header-nav .header-nav-list > li > a[href] {
    cursor: pointer;
  }
  .header-nav .header-nav-list > li > a[href^="javascript:"] {
    cursor: default;
  }
  .header-nav .header-nav-list > li.header-nav-item-hide {
    display: none;
  }
  .header-nav .header-nav-hover-line {
    background-color: #191919;
    bottom: 0;
    height: 3px;
    padding: 0;
    position: absolute;
    -webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    width: 0;
    z-index: 0;
  }
  .header-nav .header-subsite-tools {
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: auto;
  }
  .header-nav .header-bottom-mask {
    background-color: #fff;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0.01);
    transform: scale(0.01);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    width: 100%;
    z-index: -1;
  }
  @media (max-width: 1775px) and (min-width: 1025px) {
    .header-bottom {
      padding: 0 5%;
    }
    .nav-medium-padding:not(.double) .header-search {
      max-width: 150px;
    }
    .nav-medium-padding:not(.double) .header-nav .header-nav-list li {
      padding: 0 10px;
    }
    .nav-small-padding:not(.double) .header-nav .header-nav-list li {
      padding: 0 8px;
    }
  }
  @media (max-width: 1460px) {
    .header-tools
      .header-tools-right
      > li.header-shopping-cart
      .shopping-cart-text {
      display: none !important;
    }
  }
  @media (max-width: 1280px) {
    .header-tools .header-tools-right > li.header-shopping-cart {
      display: none !important;
    }
  }
  .header-tools .header-tools-right li.header-shopping-cart {
    border-left: 1px solid #dfe1e6;
    display: none;
    font-size: 0;
    height: 18px;
    line-height: 18px;
    padding-left: 12px;
    position: relative;
    white-space: nowrap;
  }
  .header-tools .header-tools-right li.header-shopping-cart > a {
    height: 18px;
    line-height: 18px;
  }
  .header-tools
    .header-tools-right
    li.header-shopping-cart
    > .shopping-cart-icon {
    margin-right: 2px;
    padding: 0 8px 0 0;
    position: relative;
    vertical-align: top;
    width: 28px;
  }
  .header-tools
    .header-tools-right
    li.header-shopping-cart
    > .shopping-cart-icon
    span {
    background-color: #191919;
    border-radius: 8px;
    color: #fff !important;
    float: right;
    font-size: 12px;
    line-height: 16px;
    min-width: 16px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -8px;
    width: auto;
  }
  .header-nav-item-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAElBMVEVHcExhYW1YXmxXXm1daHRXXWxN3zriAAAABXRSTlMAFdS/FrilO9YAAAA+SURBVBjTY2AYGMBsCCKFDSCcIAEGBkZVCIdRVZGBQQgkAgJABlgAJgWXAEnBJUBSCAkGBidFJKtYBGjgfgDYdQUNEq/6yQAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    display: inline-block;
    height: 12px;
    margin-left: 2px;
    opacity: 1;
    -webkit-transform-origin: 0 6px;
    transform-origin: 0 6px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    visibility: visible;
    width: 12px;
  }
  .header-nav.search-active .header-bottom-mask {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 2;
  }
  .logined .header-login,
  .logined .header-register {
    display: none !important;
  }
  .logined .header-tools .header-tools-right .header-user {
    display: block;
    height: 18px;
    line-height: 18px;
  }
  .header-login-mobile,
  .header-menu-search-mb {
    display: none;
  }
  #header.double .header-bottom {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100px;
    padding: 0 5%;
  }
  #header.double .header-bottom .header-bottom-wrapper {
    display: block;
    height: 100px;
    position: relative;
  }
  #header.double .header-bottom .header-bottom-wrapper .header-logo {
    left: 0;
    position: absolute;
    top: 10px;
    z-index: 1000;
  }
  #header.double .header-bottom .header-bottom-wrapper .header-tools {
    height: 60px;
  }
  #header.double .header-bottom .header-bottom-wrapper .header-nav {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    float: left;
    height: 40px;
    justify-content: flex-start;
    left: 0;
    position: absolute;
    top: 60px;
    width: 100%;
  }
  #header.double
    .header-bottom
    .header-bottom-wrapper
    .header-nav
    .header-nav-scroll {
    margin-left: 0;
  }
  @media (max-width: 1440px) {
    .header-bottom {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      height: 100px;
      padding: 0 5%;
    }
    .header-bottom .header-bottom-wrapper {
      display: block;
      height: 100px;
      position: relative;
    }
    .header-bottom .header-bottom-wrapper .header-logo {
      left: 0;
      position: absolute;
      top: 10px;
      z-index: 1000;
    }
    .header-bottom .header-bottom-wrapper .header-tools {
      height: 60px;
    }
    .header-bottom .header-bottom-wrapper .header-nav {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      float: left;
      height: 40px;
      justify-content: flex-start;
      left: 0;
      position: absolute;
      top: 60px;
      width: 100%;
    }
    .header-bottom .header-bottom-wrapper .header-nav .header-nav-scroll {
      margin-left: 0;
    }
  }
  @media (max-width: 1024px) {
    .header-bottom {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      height: 100px;
      padding: 0 5%;
    }
    .header-bottom .header-bottom-wrapper {
      display: block;
      height: 100px;
      position: relative;
    }
    .header-bottom .header-bottom-wrapper .header-logo {
      left: 0;
      position: absolute;
      top: 10px;
      z-index: 1000;
    }
    .header-bottom .header-bottom-wrapper .header-tools {
      height: 60px;
    }
    .header-bottom .header-bottom-wrapper .header-nav {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      float: left;
      height: 40px;
      justify-content: flex-start;
      left: 0;
      position: absolute;
      top: 60px;
      width: 100%;
    }
    .header-bottom .header-bottom-wrapper .header-nav .header-nav-scroll {
      margin-left: 0;
    }
    .header-bottom {
      padding: 0 3%;
    }
    .header-nav .header-nav-list li {
      padding: 0 10px;
    }
    #header.double .header-bottom {
      padding: 0 3%;
    }
  }
  @media (max-width: 768px) {
    .header-bottom .header-bottom-wrapper,
    .header-bottom .header-bottom-wrapper .header-tools {
      height: 100%;
    }
    .header-nav,
    .header-prompt,
    .header-search {
      display: none;
    }
    .header-search {
      display: none !important;
    }
    .header-bottom {
      height: 48px;
      padding: 0 16px;
    }
    .header-bottom .header-bottom-wrapper {
      height: 100%;
    }
    .header-bottom .header-bottom-wrapper .header-logo {
      height: 32px;
      min-width: 153px;
      top: 8px;
      width: 153px;
    }
    .header-bottom .header-bottom-wrapper .header-logo img {
      height: 100%;
    }
    .header-bottom .header-bottom-wrapper .header-tools {
      height: 100%;
      min-width: auto;
      position: static;
    }
    .header-menu-search-mb .header-icon-search {
      height: 24px;
      width: 24px;
    }
    .header-tools .header-tools-right {
      height: 100%;
      line-height: 100%;
      margin-left: 10px;
    }
    .header-tools .header-tools-right > li {
      display: none;
    }
    .header-user-info .logout a {
      float: left;
      white-space: nowrap;
      width: 50%;
    }
    .header-user-info .logout .bottom-username {
      font-weight: 600;
    }
    .header-user-info .logout .logout-btn {
      text-align: right;
    }
    .logined .header-tools .header-tools-right .header-user {
      display: block;
      height: 40px;
      line-height: 40px;
    }
    .header-tools .header-user.header-user-info-show .header-user-info {
      display: block;
    }
    .header-tools .header-tools-right .header-login-mobile {
      display: block;
      height: 24px;
      line-height: 24px;
      margin-left: 0;
      padding: 0 10px;
    }
    .logined .header-tools .header-tools-right .header-login-mobile {
      display: none;
    }
    .header-tools
      .header-tools-right
      .header-login-mobile.header-login-mobile-show
      .header-user-info {
      background: #fff;
      border-radius: 0 0 16px 16px;
      -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      color: #252b3a;
      cursor: default;
      display: block;
      font-size: 14px;
      left: -16px;
      padding-bottom: 0;
      padding-top: 8px;
      position: absolute;
      top: calc(100% + 1px);
      width: 100vw;
    }
    .header-tools
      .header-tools-right
      .header-login-mobile.header-login-mobile-show
      .header-user-info
      li {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
      color: #252b3a;
      height: 22px;
      line-height: 22px;
      padding: 8px 15px;
    }
    .header-tools
      .header-tools-right
      .header-login-mobile.header-login-mobile-show
      .header-user-info
      li
      a {
      padding: 0;
    }
    .header-tools
      .header-tools-right
      .header-login-mobile.header-login-mobile-show
      .header-user-info
      .button-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: auto;
      line-height: auto;
      padding: 14px 20px 24px;
    }
    .header-tools
      .header-tools-right
      .header-login-mobile.header-login-mobile-show
      .header-user-info
      .button-container
      a {
      -webkit-box-flex: 1;
      border-radius: 2px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -ms-flex: 1;
      flex: 1;
      height: 32px;
      line-height: 32px;
    }
    .header-tools
      .header-tools-right
      .header-login-mobile.header-login-mobile-show
      .header-user-info
      .button-container
      a
      + a {
      margin-left: 17px;
    }
    .header-tools
      .header-tools-right
      .header-login-mobile.header-login-mobile-show
      .header-user-info
      .button-container
      .header-user-info-button-common,
    .header-tools
      .header-tools-right
      .header-login-mobile.header-login-mobile-show
      .header-user-info
      .button-container
      .header-user-info-button-red {
      background: transparent;
      border: 1px solid #595959;
      border-radius: 24px;
      color: #191919;
      font-size: 14px;
      height: 36px;
      line-height: 34px;
      text-align: center;
      width: calc(50% - 7px);
    }
    .header-tools
      .header-tools-right
      .header-login-mobile.header-login-mobile-show
      .header-user-info
      .button-container
      .header-user-info-button-common {
      float: right;
    }
    .header-tools
      .header-tools-right
      .header-login-mobile.header-login-mobile-show
      .header-user-info
      .header-user-info-split {
      background: #dfe1e6;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      height: 1px;
      line-height: 1;
      margin: 10px 15px;
      padding: 0 15px;
    }
    .header-tools .header-tools-right .header-login-mobile .header-user-info {
      display: none;
    }
    .header-tools .header-user {
      border: none;
      margin: 0 !important;
      padding: 0 10px;
      position: static;
    }
    .header-tools .header-user .header-user-name {
      display: none;
    }
    .header-tools .header-user .header-user-info {
      border-radius: 0 0 16px 16px;
      left: -5vw;
      top: calc(100% + 1px);
      width: 100%;
      width: 100vw;
    }
    .header-tools .header-user .header-user-info .header-user-info-item-account {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      justify-content: space-between;
    }
    .header-menu-search-mb {
      display: block;
    }
    .header-menu-mb {
      cursor: pointer;
      display: inline-block;
      float: right;
      font-size: 0;
      height: 48px;
      line-height: 48px;
      padding: 18px 0 15px 10px;
      text-align: center;
      -webkit-transition: -webkit-transform 0.3s;
      transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s;
    }
    .header-menu-mb span {
      background: #252b3a;
      border-radius: 3px;
      display: block;
      height: 2px;
      margin-bottom: 3px;
      -webkit-transform-origin: 20px;
      transform-origin: 16px;
      -webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
        opacity 0.55s ease, width 0.5s,
        -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
      transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
        opacity 0.55s ease, width 0.5s,
        -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
      transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
        opacity 0.55s ease, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
        width 0.5s;
      transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
        opacity 0.55s ease, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
        width 0.5s, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
      width: 18px;
    }
    .header-menu-mb span:nth-last-child(2) {
      -webkit-transform: rotate(0);
      transform: rotate(0);
      -webkit-transition: width 0.5s ease;
      transition: width 0.5s ease;
    }
    .header-menu-mb.show-nav span {
      opacity: 1;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    .header-menu-mb.show-nav span:nth-last-child(2) {
      opacity: 0;
      -webkit-transform: rotate(0);
      transform: rotate(0);
      -webkit-transition: width 0.5s;
      transition: width 0.5s;
      width: 0;
    }
    .header-menu-mb.show-nav span:nth-last-child(3) {
      opacity: 1;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
    .header-ad-mb {
      display: inline-block;
      height: 24px;
      margin-left: 20px;
      min-width: 24px;
      width: 24px;
    }
    .header-ad-mb img {
      height: 100%;
      width: 100%;
    }
  }
  @media (max-width: 768px) and (max-width: 768px) {
    .header-user-info .logout .bottom-username .msg-num {
      display: none;
    }
  }
  .header-pagenav {
    height: 100%;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
    position: absolute;
    right: 0;
  }
  .header-pagenav ul {
    font-size: 0;
    text-align: center;
  }
  .header-pagenav ul li {
    display: inline-block;
    margin-left: 6px;
    margin-right: 6px;
  }
  .header-pagenav ul li.active {
    position: relative;
  }
  .header-pagenav ul li.active:after {
    border-bottom: 4px solid #c7000b;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transition: border-color 0.2s;
    transition: border-color 0.2s;
  }
  .header-pagenav a {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 75px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
  }
  .header-pagenav a:hover {
    color: #c7000b;
  }
  html[lang="ar-MENA"] .header-nav {
    margin-left: 60px;
    margin-right: 0;
  }
  html[lang="ar-MENA"] .header-nav .header-nav-scroll {
    margin-left: 0;
    margin-right: 36px;
  }
  html[lang="ar-MENA"]
    .header-nav
    .header-nav-scroll
    .header-nav-list
    li:first-child {
    padding-left: 16px !important;
    padding-right: 0;
  }
  html[lang="ar-MENA"]
    .header-nav
    .header-nav-scroll
    .header-nav-list
    li:last-child {
    padding-left: 0;
    padding-right: 16px !important;
  }
  @media (max-width: 1775px) and (min-width: 1025px) {
    html[lang="ar-MENA"]
      .nav-medium-padding:not(.double)
      .header-nav
      .header-nav-list
      li:first-child {
      padding-left: 10px !important;
      padding-right: 0;
    }
    html[lang="ar-MENA"]
      .nav-medium-padding:not(.double)
      .header-nav
      .header-nav-list
      li:last-child {
      padding-left: 0;
      padding-right: 10px !important;
    }
    html[lang="ar-MENA"]
      .nav-small-padding:not(.double)
      .header-nav
      .header-nav-list
      li:first-child {
      padding-left: 8px !important;
      padding-right: 0;
    }
    html[lang="ar-MENA"]
      .nav-small-padding:not(.double)
      .header-nav
      .header-nav-list
      li:last-child {
      padding-left: 0;
      padding-right: 8px !important;
    }
  }
  @media (max-width: 768px) {
    html[lang="ar-MENA"] .header-bottom .header-bottom-wrapper .header-logo {
      left: auto;
      right: left;
    }
    html[lang="ar-MENA"] .header-tools .header-tools-right {
      margin-left: 10px;
      margin-right: 0;
    }
    html[lang="ar-MENA"] .header-tools .header-tools-right > li + li {
      margin-right: 10px;
    }
    html[lang="ar-MENA"]
      .header-tools
      .header-tools-right
      .header-login-mobile.header-login-mobile-show
      .header-user-info
      .button-container {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
    }
  }
  .privacy-popup {
    background: #f5f5f5;
    bottom: 0;
    -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.1);
    opacity: 0.9539;
    position: fixed;
    width: 100%;
    z-index: 100;
  }
  .privacy-popup .privacy-setting-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    padding: 21px 0;
  }
  .privacy-popup .notice {
    color: #595959;
    display: inline-block;
    font-family: Roboto-Regular;
    font-size: 14px;
    line-height: 18px;
    margin-left: 12px;
    width: 96%;
  }
  .privacy-popup .notice-content {
    display: inherit;
    padding: unset;
    width: 95%;
  }
  .privacy-popup .notice span {
    padding-right: 12px;
    vertical-align: middle;
  }
  .privacy-popup .notice a {
    text-decoration: underline;
    vertical-align: middle;
  }
  .privacy-popup .notice a:hover {
    color: #191919;
  }
  .privacy-popup .privacy-icon {
    background: url(https://res-static.hc-cdn.cn/aem/etc/clientlibs/cloudbu-site/clientlib-privacy/images/notice-icon-b.svg)
      no-repeat;
    margin-right: 12px;
    padding: 8px;
  }
  .privacy-popup .privacy-icon,
  .privacy-popup .setting-btns {
    display: inline-block;
    vertical-align: middle;
  }
  .privacy-popup .popup-closed {
    background: url(https://res-static.hc-cdn.cn/aem/etc/clientlibs/cloudbu-site/clientlib-privacy/images/setting-close-b.svg)
      no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-left: 13px;
    width: 16px;
  }
  @media (max-width: 1280px) {
    .privacy-popup .privacy-setting-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: 15px;
      margin-right: 15px;
      padding: 12px 0;
    }
    .privacy-popup .notice {
      font-size: 12px;
      line-height: 16px;
      margin-left: 0;
      width: 96%;
    }
    .privacy-popup .notice-content {
      display: inline-block;
      width: 90%;
    }
    .privacy-popup .setting-btns {
      margin-bottom: auto;
      margin-top: auto;
    }
    .privacy-popup .popup-closed {
      margin-left: 12px;
    }
    .privacy-popup .privacy-icon {
      margin-top: 4px;
      vertical-align: top;
    }
  }
  @media (max-width: 340px) {
    .privacy-popup .notice-content {
      width: 85%;
    }
  }
  body.show-dropdown {
    overflow: hidden;
  }
  #header.show-dropdown .header-container {
    height: 100%;
    z-index: 999;
  }
  .header-dropdown {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 75px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 899;
  }
  .header-dropdown.showMask {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: hsla(0, 0%, 100%, 0.5);
  }
  .header-dropdown.noMask {
    background: none;
  }
  #header.double .header-dropdown {
    top: 100px;
  }
  .header-dropdown-list {
    border-radius: 0 0 16px 16px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(174, 186, 208, 0.27);
    box-shadow: 0 2px 8px 0 rgba(174, 186, 208, 0.27);
    margin: 0 auto;
    max-width: 1600px;
    overflow: hidden;
    position: relative;
    -webkit-transition: height 0.2s ease;
    transition: height 0.2s ease;
    will-change: height;
    z-index: 899;
  }
  .header-dropdown-list.expanding,
  .header-dropdown-list.hiding {
    overflow: hidden;
    -webkit-transition: height 0.2s ease 0.1s;
    transition: height 0.2s ease 0.1s;
  }
  .header-dropdown-list > li {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    display: none;
  }
  .header-dropdown-list > li.header-dropdown-dialog {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .header-dropdown-list > li.header-dropdown-dialog.show {
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
  }
  .header-dropdown-list > li:not(.J-drop-dialog) {
    background: #fff;
  }
  .header-dropdown-list > li.header-dropdown-more {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    line-height: 0;
    padding-left: 0;
  }
  .header-dropdown-list > li.show {
    display: block;
  }
  .header-dropdown-close {
    cursor: pointer;
    height: 18px;
    opacity: 0.6;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 18px;
  }
  .header-dropdown-close:after,
  .header-dropdown-close:before {
    background-color: #252b3a;
    border-radius: 1px;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -9px;
    position: absolute;
    top: 10px;
    width: 20px;
  }
  .header-dropdown-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .header-dropdown-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .header-dropdown-close:hover {
    opacity: 1;
  }
  .show-close .header-dropdown-close {
    display: block;
  }
  @media (max-width: 1776px) {
    .header-dropdown-list {
      max-width: 90%;
    }
  }
  @media (max-width: 1440px) {
    .header-dropdown-list {
      max-width: 100%;
    }
  }
  @media (max-width: 1366px) {
    .header-dropdown-list {
      padding: 0;
    }
    .header-dropdown-close {
      right: 10px;
    }
    .header-dropdown-close:after,
    .header-dropdown-close:before {
      background-color: #252b3a;
      border-radius: 1px;
      content: "";
      height: 1px;
      left: 30%;
      margin-left: -10px;
      position: absolute;
      top: 10px;
      width: 20px;
    }
  }
  @media (max-width: 1024px) {
    .header-dropdown {
      top: 100px;
    }
  }
  @media (max-width: 768px) {
    .header-dropdown {
      display: none;
    }
  }
  html[lang="ar-MENA"] .header-dropdown-close {
    left: 20px;
    right: auto;
  }
  .dropdown-common-container {
    height: 100%;
    max-height: calc(94vh - 80px);
    overflow: hidden;
    padding: 40px 50px 20px;
    position: relative;
  }
  .header-container.fixed .dropdown-common-container {
    max-height: calc(94vh - 55px);
  }
  #header.show-top-prompt .dropdown-common-container {
    max-height: calc(94vh - 122px);
  }
  #header.show-top-ad .dropdown-common-container {
    max-height: calc(94vh - 150px);
  }
  .dropdown-common-container.adjust-space {
    padding-bottom: 40px;
  }
  .dropdown-common-container:after {
    bottom: 0;
    content: "";
    display: block;
    height: 50px;
    position: absolute;
    width: 100%;
  }
  .dropdown-common-container .dropdown-common-wrapper {
    height: 100%;
    margin-left: -32px;
    max-height: calc(94vh - 176px);
    overflow: auto;
    padding: 0 0 0 32px;
  }
  .header-container.fixed .dropdown-common-container .dropdown-common-wrapper {
    max-height: calc(94vh - 151px);
  }
  #header.show-top-prompt .dropdown-common-container .dropdown-common-wrapper {
    max-height: calc(94vh - 218px);
  }
  #header.show-top-ad .dropdown-common-container .dropdown-common-wrapper {
    max-height: calc(94vh - 246px);
  }
  .dropdown-common-container
    .dropdown-common-wrapper
    .dropdown-common-wrapper-inner {
    height: 100%;
    max-height: calc(94vh - 176px);
    padding-bottom: 36px;
    padding-right: 8px;
  }
  .header-container.fixed
    .dropdown-common-container
    .dropdown-common-wrapper
    .dropdown-common-wrapper-inner {
    max-height: calc(94vh - 151px);
  }
  #header.show-top-prompt
    .dropdown-common-container
    .dropdown-common-wrapper
    .dropdown-common-wrapper-inner {
    max-height: calc(94vh - 218px);
  }
  #header.show-top-ad
    .dropdown-common-container
    .dropdown-common-wrapper
    .dropdown-common-wrapper-inner {
    max-height: calc(94vh - 246px);
  }
  .dropdown-common-wrapper-top {
    height: 36px;
  }
  .dropdown-common-wrapper-top .dropdown-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .dropdown-common-wrapper-top .dropdown-link-title {
    color: #191919;
    display: inline-block;
    font-size: 24px;
    height: 36px;
    line-height: 36px;
  }
  .dropdown-common-wrapper-top .dropdown-link:hover .dropdown-link-title {
    text-decoration: none;
  }
  .dropdown-common-wrapper-top .dropdown-link[href]:hover .dropdown-link-title {
    text-decoration: underline;
  }
  .dropdown-common-wrapper-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -36px;
    margin-top: 28px;
    max-height: calc(94vh - 240px);
  }
  .header-container.fixed .dropdown-common-wrapper-bottom {
    max-height: calc(94vh - 215px);
  }
  #header.show-top-prompt .dropdown-common-wrapper-bottom {
    max-height: calc(94vh - 282px);
  }
  #header.show-top-ad .dropdown-common-wrapper-bottom {
    max-height: calc(94vh - 310px);
  }
  .dropdown-common-wrapper-bottom .dropdown-common-wrapper-left {
    -webkit-box-flex: 20;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 20;
    flex: 20;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -32px;
    margin-right: 16px;
    margin-top: -32px;
    padding-left: 32px;
    padding-top: 32px;
  }
  .dropdown-common-wrapper-bottom .dropdown-common-wrapper-right {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
  }
  .dropdown-common-wrapper-bottom .dropdown-common-module {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 25%;
    min-width: 25%;
  }
  .dropdown-common-wrapper-bottom .dropdown-common-module-inner {
    padding-right: 20%;
  }
  .dropdown-common-wrapper-bottom .dropdown-common-module-title {
    color: #595959;
    display: block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 28px;
    position: relative;
  }
  .dropdown-common-wrapper-bottom .dropdown-common-module-title[href]:after {
    background-image: url(//portal.hc-cdn.com/cpage-pep-header-and-footer-hk/2.0.22/components/header/components/images/column-title-icon.svg);
    background-position: 50%;
    background-size: 100%;
    content: "";
    height: 8px;
    margin-left: 8px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    width: 8px;
  }
  .dropdown-common-wrapper-bottom
    .dropdown-common-module-title[href]:hover:after {
    margin-left: 12px;
  }
  .dropdown-common-wrapper-bottom .dropdown-common-module .dropdown-common-item {
    display: block;
    margin-bottom: 36px;
    position: relative;
    z-index: 10;
  }
  .dropdown-common-wrapper-bottom
    .dropdown-common-module
    .dropdown-common-item-title {
    color: #191919;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
  }
  .dropdown-common-wrapper-bottom
    .dropdown-common-module
    .dropdown-common-item-desc {
    color: #595959;
    font-size: 13px;
    line-height: 18px;
    margin-top: 6px;
  }
  .dropdown-common-wrapper-bottom
    .dropdown-common-module
    .dropdown-common-item:after {
    background: transparent;
    border-radius: 8px;
    bottom: -16px;
    content: "";
    display: block;
    left: -16px;
    position: absolute;
    right: -16px;
    top: -16px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 9;
    z-index: 1000;
  }
  .dropdown-common-wrapper-bottom
    .dropdown-common-module
    .dropdown-common-item:hover
    .dropdown-common-item-title {
    text-decoration: underline;
  }
  .dropdown-common-wrapper-bottom
    .dropdown-common-module
    .dropdown-common-item:hover:after {
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
    content: "";
  }
  .dropdown-common-wrapper-bottom
    .dropdown-common-module.simple-column
    .dropdown-common-module-title {
    color: #191919;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .dropdown-common-wrapper-bottom
    .dropdown-common-module.simple-column
    .dropdown-common-item {
    margin-bottom: 12px;
  }
  .dropdown-common-wrapper-bottom
    .dropdown-common-module.simple-column
    .dropdown-common-item-title {
    color: #595959;
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
  }
  .dropdown-common-wrapper-bottom
    .dropdown-common-module.simple-column
    .dropdown-common-item:after {
    content: none;
  }
  .dropdown-common-wrapper-bottom
    .dropdown-common-module.simple-column
    .dropdown-common-item:hover
    .dropdown-common-item-title {
    text-decoration: underline;
  }
  .dropdown-common-wrapper-bottom
    .dropdown-common-module.simple-column
    .dropdown-common-item:hover:after {
    content: none;
  }
  .dropdown-common-wrapper-bottom
    .dropdown-common-module.simple-column
    .dropdown-common-item
    + .dropdown-common-item {
    margin-top: 12px;
  }
  .dropdown-common-activity {
    border-radius: 8px;
    display: inline-block;
    height: 504px;
    min-width: 236px;
    overflow: hidden;
    padding: 24px 24px 40px;
    position: relative;
  }
  .dropdown-common-activity .link-bg {
    background-color: #f2f2f2;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: 0.2s;
    transition: 0.2s;
    z-index: 0;
  }
  .dropdown-common-activity:hover .link-bg {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }
  .dropdown-common-activity .activity-title {
    color: #191919;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    position: relative;
    z-index: 1;
  }
  .dropdown-common-activity .activity-desc {
    color: #595959;
    font-size: 13px;
    line-height: 20px;
    margin-top: 8px;
    position: relative;
    z-index: 1;
  }
  .dropdown-common-activity.islist:hover .link-bg {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
  }
  .dropdown-common-activity.islist .activity-title {
    color: #191919;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
  }
  .dropdown-common-activity.islist .activity-link {
    color: #595959;
    cursor: pointer;
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 16px;
    position: relative;
  }
  .dropdown-common-activity.islist .activity-link:hover {
    color: #191919;
    text-decoration: underline;
  }
  .has-activity .dropdown-common-module {
    max-width: 33.3%;
    min-width: 33.3%;
  }
  @media (max-width: 1440px) {
    .dropdown-common-container {
      padding: 36px 5% 20px;
    }
    .dropdown-common-wrapper-top {
      height: 30px;
    }
    .dropdown-common-wrapper-top .dropdown-link-title {
      font-size: 20px;
      height: 30px;
      line-height: 30px;
    }
    .dropdown-common-wrapper-bottom {
      margin-top: 24px;
    }
  }
  @media (max-width: 1280px) {
    .dropdown-common-wrapper-bottom .dropdown-common-wrapper-right {
      display: none;
    }
    .dropdown-common-wrapper-bottom .dropdown-common-module {
      max-width: 25%;
      min-width: 25%;
    }
    .dropdown-common-wrapper-bottom .dropdown-common-module-inner {
      padding-right: 16%;
    }
    .dropdown-common-wrapper-bottom .dropdown-common-module.column a:last-child {
      margin-bottom: 48px;
    }
    .dropdown-common-wrapper-bottom
      .dropdown-common-module
      .dropdown-common-item {
      margin-bottom: 32px;
    }
  }
  @media (max-width: 1024px) {
    .dropdown-common-container {
      padding: 36px 3% 20px;
    }
    .dropdown-common-wrapper-bottom {
      margin-top: 20px;
    }
    .dropdown-common-wrapper-bottom .dropdown-common-module,
    .dropdown-common-wrapper-bottom .has-activity .dropdown-common-module {
      max-width: 33%;
      min-width: 33%;
    }
    .dropdown-common-wrapper-bottom
      .dropdown-common-module
      .dropdown-common-item {
      margin-bottom: 28px;
    }
  }
  html[lang="ar-MENA"]
    .dropdown-common-wrapper-bottom
    .dropdown-common-module-inner {
    padding-left: 20%;
    padding-right: 0;
  }
  html[lang="ar-MENA"]
    .dropdown-common-wrapper
    .dropdown-common-module-title[href]:hover:after {
    margin-left: 0;
    margin-right: 12px;
  }
  html[lang="ar-MENA"]
    .dropdown-common-wrapper
    .dropdown-common-module-title[href]:after {
    margin-left: 0;
    margin-right: 8px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  html[lang="ar-MENA"] .dropdown-common-wrapper-top .dropdown-link {
    margin-right: 16px;
  }
  .link-searcher {
    display: inline-block;
    height: 32px;
    position: relative;
    z-index: 1;
  }
  .link-searcher input {
    border: 1px solid #c2c2c2;
    border-radius: 20px;
    color: #252b3a;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    padding-left: 40px;
    width: 100%;
  }
  .link-searcher input::-ms-clear {
    height: 0;
    width: 0;
  }
  .link-searcher input::-webkit-input-placeholder {
    color: #c2c2c2;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 1px;
  }
  .link-searcher input::-moz-placeholder {
    color: #c2c2c2;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 1px;
  }
  .link-searcher input:-ms-input-placeholder {
    color: #c2c2c2;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 1px;
  }
  .link-searcher input::-ms-input-placeholder {
    color: #c2c2c2;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 1px;
  }
  .link-searcher input::placeholder {
    color: #c2c2c2;
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 1px;
  }
  @media (max-width: 1280px) {
    .link-searcher input::-webkit-input-placeholder {
      overflow: hidden;
      width: inherit;
    }
    .link-searcher input::-moz-placeholder {
      overflow: hidden;
      width: inherit;
    }
    .link-searcher input:-ms-input-placeholder {
      overflow: hidden;
      width: inherit;
    }
    .link-searcher input::-ms-input-placeholder {
      overflow: hidden;
      width: inherit;
    }
    .link-searcher input::placeholder {
      overflow: hidden;
      width: inherit;
    }
  }
  .link-searcher .link-searcher-submit {
    background: transparent;
    border: none;
    height: 14px;
    left: 16px;
    line-height: 0;
    outline: none;
    padding: 0;
    position: absolute;
    top: 9px;
    width: 14px;
  }
  .link-searcher .link-searcher-submit i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAEFCu8CAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABkvfSiAAAESElEQVRIDbWWW2gcZRTHd6bdZNckbWmrRkFSrde2IKR9UBAxEVEQK0SfbBGTKnlojYKEJA+5X3YDkmBokYANARFkLSr2xT4sSQNWa2vf9KFWEBEXpF10o012TbL9na9zhm+mk5ggfjB7rv/zP99lvtlYbK2RSqXuc+2EqqqqqwFHPp//0yQMDw/faZS+vr6yKGB3+amlUukhEw38DAwMHOvv7/9LnOiHFWqSMFKBbAySL20Wp+u6GcmurKzcXiwWp3Ed7O3tdTZJUEYmk9lUX1+/LZvNLt70eL+CGhwcvFdM0WdmZkxFMb4LZHoJ4pN51IsSNVzHcU5HBcS3ma4OCg8dd8Tj8VN0+xP+KQk68hMeJJ8UXyDI6jy+srJyLpwM9bWenp7bkWbRJW6mMzk5Gc/lcqVyufwVFQPFtAixMrGYxs1uCYhqZ+j7CU0MSwUgP5KYv83od4STo2wI/ha/3xaVpP88ckcYMDo6WrOwsFDAXyC+VeI+UIyxsbHk/Px8jumYoPi88THyOk8LzxTgIwGgl7SmACTb0RIJnJiY2AJzVU1NTb6tra0YVSkA5ABfpM394UROx1vs44Tt91eVFmSrBDSE7siTTCa3YF/mULyHnbWBhhGmK4B219XVJZubm4MvAdmcqE7AKZgfg/m8FDCMApJ2okCSRHKa/SsC/kZsGe7IyMjDooTnIL7QOGrbLlV22o7VdBgv2TGXNnO2YzWdvOfsmNvd3S0voNwlH9iBsA5wBF9J/WZxaOM0gSPcdpH3gW4F9+Q9CvQPAMFrOLfz/MAKv1JdXX2Z09OE/SFFTR6vndwn5mX2gVJJ90t0HZJYUVFxv3enxBQcAGpylBRW1mFFYgYclbSazwL/tiajJNL+yxQ6hP4M8ja7qDffi8hPmc77nZ2dN78pdlJIjyRkKm+QdwKSuJ1P4R+xf+FZJHYXch9PBY8/yPmktrb2tdbWVrkwbhkBQoieJuMMxcwXB/CFRCLR1NHR8estSMshH5u5ubk0uHfUDfYEa39MbZU+IWRHARz3Alc5W3vb29t/18T1Suqcos5Lkg/pWUifsrFmJul0euvS0tKcF1iE7G7I/rAT16vPzs5mGhoaHiX/EZ5djY2N86zA14o3bxT/DB5UB3IKMvNpsHwbUnmx/FuUy+UFG2wIcSypk2VIqv4fZMLCBi5aQ0gX35NgAqx/s/77sEAbUpeXlwcVwASmVRfpH5qhoaEn2cezxuk4y8hn2fCs2Osd4+Pj2wqFwrc0/YCHOc4d9qaN9wnFKf8BIb0AQG+/63T4Nl+Fk0hzzdhg1Wn2ALOaBrdXfOTK/6UmrurPNUdlgFCdLOluCnyBvUd965EQ/QOpfVlMsUqvSwOKjyTUoEh5ZTjFz7PPL2LuAyw3TILC8oX6GftLrrXPurq6rmDH8Du8i/LxaRHbGz7xvxIqYqNyFeL0/0aoDXrE8jl9ldV49wb6NdsI0m5wOgAAAABJRU5ErkJggg==);
    background-size: 100% 100%;
    color: rgba(87, 93, 108, 0.8);
    display: inline-block;
    font-size: 16px;
    height: 14px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    width: 14px;
  }
  .link-searcher:hover input {
    border: 1px solid #595959;
  }
  .link-searcher:hover .link-searcher-submit i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAEFCu8CAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABkvfSiAAAEPklEQVRIDbWWS0xUVxjHZ+6MhVEQQZHYxISK2KolTdSFJsY0MaZNTGlCy4KX0AHZaNMSF+2SRIMs3CgQE1LIEF6NbdqmbsqiC5rYVlE2oAk+EmOMQKNGRYQZHuPvO73neu7lghDjSe6c7/H/vv95fmcCgaVaaWnpFssEBIPBhy7D/Pz8UwUoKSnJ0UJShKqqqlwHmkgk3lde1w/pj/M9F2NZWVk5OVSoAmE47UKjABgMizEUCl0QNOPJSiaTMUyFvb29QfGpVlxcHCJ1ptadXqIqKireE4PI9fX1KmMA9DUHZQsCENGCY5fXqXWLQVzUircP9/T0FEoay7K+I8vPfHcAtQvw1XCNMMBtC5wY92H828ApEepH3d3d2fTOyqnp1NbWrpqYmEjguMQQfJkYSpLEAb1warfsoD6C9nvZtK4DWLJusTnbTMKNGrRUD25S/M6wZIXQH5N5vTcwGo2mT01NPWMqzxhVhitQlLq6usjY2NgoonKKTRoBP8L0AjHK107yaodRAMtp9nZEfQM5o2thWZOZmfm4qakp7pfQFciKXWVIu71AknzD3M6ZdmdVZXEkCNApWXr5IpHIWsA3sZ/F/6cZqBgx3saYl5KSEonFYtMmQGT839OdDofDezs7Oy+LTTPmyXD8ggQEeyNdfHZ29l/RpVlc9g9E8M5BbGYj8TFTt6gfG0zDYjLDHDR9culkw1/b5ubmPjVBVkdHh1xAue8/mA6vzMgasCW0XS0OrBdZ8ury8nLfeqC3guFu1oHOAcD5CGMWSW5QDkqzs7Nvjo+PF5GwE7vCsYAyNXWZnUDJpPdLZKNJBdxKAjUlM9jALC4SGCSxVAFEci0OXeiRABZxHs+DJQMFyE35EmAZ3yH01Z50Mg25GL+kp6efb21t/f9N8YBM1ZcQkqMkaeFb5QIHg7fQ72GfhmgT/Yfo73gwP6WlpVVBLgVjQXMRQnSQ89EHKiRIkg7wFVGK7y+INAzy2IyMjMj9OaHNxLWwcce1rnuHELJjkDWLA/BD3r6d3Nj/NHC5PXslr88Xdp5+SD82Y9VMeDcy4vH4XzZoGrJ3IXtiApcrDw0NXSgoKPgI/Ha+XOSJ4eHhf3S8ulGTk5PbtIHZtUOmngZtW2nPgM0q+pkZrwgBzGojyxHR8hv0qUasq9AqQt6u68xMOSD8Sv/7MIJWJFLRTuoAykhMy9I7h4bNPgBZv+2cA/gJp9P1TpiBfjJFfR1/3K6QJ1/8TKKZQ/O1iXUIxVhTU5PDfg4gqupHwAu+b/Pz89s4+lIpfBsrsofnJIZzpw2QAljEU/ObrTudi1BbKysr82ZmZn5npDu0bZn9DDizWLQzwxoG7fyd8iU0k8uVYdaHuaOfEyiVRSpMKvIo/V30Pzh0v3Z1dcmLHMAmdVMen6jodnOIX0uoI1ba+xFzLhrfGqEeoBDzYjawQkdYlTMvATUQy1hnU85CAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
  }
  .link-searcher:hover .link-searcher-clear {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAFNQDtUAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIqADAAQAAAABAAAAIgAAAAACeqFUAAAE3ElEQVRYCe2XS2zURRzH9+1ud6EPE8WmDaKGcMEEG18HNAKRxAPVy5bQpnX7phxt9WCIcK0HTRD7bk1pfDSRyEGqCUkhMWkAD5zAVAlBEq0U2i7tdpNud9fPb7vz7/+17W4CF3GS2d/M7/Gd78xvZv6zDkeu0tfXtyQ2ZNrgY1H09vYu23oawh5ZBz637MAtPLMc41lpmJXLhGDur5uB/WS9t96yHW7dbGrhvWpSOQYGBk6ILjN2a2urF6dF5dTf3/8+7dvSd8qPlJGREf/q6uotp9NZg6xub2//YM2i+x0eHq4k+qxOtTaEKAYHB8sSicRPNI8z/rjeSVLvJXJWKWkfVCQzOrs5g7hfBTx6qS2FDAW/xXQ67WprawvmGnpoaKiLpep2uVzvtrS0nBM/A4goJicnPdPT01HWdYVElIpOCgMcYoBzbrf7o+bm5u417dqvBUQZWaRigP6hf5/gctqjgDYou17m3HYejydIsAfnGWqKWqEP1LctTEZHR4PxePweTndZm+3KmVy+lkqlpliLHtaiQ+lFaiCyoMz7AbokwcV6J30bsBrAvmV6x5jel3rbf60t+559/ko+8xJf1uYd5aulmIU6lUwmL2Pcq4x2EgC5iONk6Lyya9kRBdn5hiwdBnAPK39NOSmJPYbdYT4WBpAs0M84HqC9E+ebCgAGy4CnAA8pnZIWEDEQcBWxh1oJ0N9ZBmnaFgDxtwURA0C/MfIOWCWFAWuwBZkWm7loC2s2MOoudPKNCpSUlJTlApC4nEyYwgwstuIjH5AAtRjgBNJSbJkwlT/wLA0Gg9sIfJJ2AibzgNr6W5QwuIbzdr/fX1lXVycHUlJajE4+HZm+6PTFAAKDSzjv5i55ob6+/q7eEaAQNieDZL76epsGglG+Im94vd7dXH+39U6qDZDcvQIUUzqRGgijvMeF81xjY+N1vYO5zWaTG68I1kfMtv/72gpYNuz4+LgvGo12+ny+voaGhvua50NosM3queODJLnHDGchgnMXCfyYKh+NOJv9EEm9YA4spM+uOgleJzFF4MkOewtMuWy0YiGiLOykIYJqAAhKMLtwH9v4irLnIyHQQfyn+BZR42BEuJS+s4vNSUScAXGxQmeRByBThFzkXL2+2bGAQBjfr4CQO0gutQ9Jx2lkzrIhERUl+2ZhYeEC4FXo/NQ5ahXgfyofkazi24gfqEIgBvnPSMFx2puWvIgolOyrZYr+TgZxQWyGFarim/k8bSGaSSP2MxA4quLykQURUYDyVmb3/8rAFdQUpJ7AJimYgECYvrzLCiratVhQlMOxBQLyLXIzqPyRkCqTKp+YmPAiCy4FrQipeYoHpazEM1kCNwKBwF5SU86/CTlRmSOPnOSLWx0Oh5P5MsqLyNjY2NZYLHaZwXcA7ITInVAo9HJtbe28fiA260v0L1Ll3SD3xfekyvbtjc1QNiQi/7xWVlYuEvEi1cc9MEutampq+suAYupwfN+E7HnUcn/Iu6yHf21dJjdD15YIx9U9Nzf3I7OS16MfGeV0vBqJRH43RG/S4Q6qhsTX1AwhHgcnmYRccJZiIULwCU5EO55PU5eEDMtreYFakDZQgBkB8wtc5IpfpB7WP30l1EJEVoPL63PYd3OD3tkAv2ATqX6WVFdwEf5ScPBjF/AvVK0w3lahicAAAAAASUVORK5CYII=);
    background-size: 100% 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
    height: 14px;
    line-height: 14px;
    position: absolute;
    right: 12px;
    top: 10px;
    width: 14px;
  }
  .link-searcher.active .link-searcher-clear {
    display: block;
  }
  .header-nav-list > li:hover .header-nav-item-icon {
    opacity: 0;
    visibility: hidden;
  }
  .header-nav-list > li:hover .header-nav-item-icon-hover {
    opacity: 1;
    visibility: visible;
  }
  .header-nav-list > li.active .header-nav-item-icon,
  .header-nav-list > li.active .header-nav-item-icon-hover {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
  }
  .link-searcher-more {
    background: transparent;
    border: none;
    color: #252b3a;
    font-weight: 600;
    height: 100%;
    line-height: 0;
    outline: none;
    padding: 1px;
    position: absolute;
    right: 16px;
    top: 0;
  }
  .link-searcher-more a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  .link-searcher-more a .header-icon-arrow-right {
    margin-left: 5px;
    margin-top: 2px;
  }
  .link-searcher-more:hover {
    color: #191919;
  }
  html[lang="ar-MENA"] .link-searcher input {
    padding-left: 20px;
    padding-right: 20px;
  }
  html[lang="ar-MENA"] .link-searcher.active .link-searcher-clear {
    margin-right: 140px;
  }
  .dropdown-product-wrapper-left
    + .dropdown-product-wrapper-right
    .dropdown-product-content-link {
    padding-left: 48px;
  }
  .dropdown-product-content-link {
    color: #191919;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 16px;
  }
  @media (max-width: 1440px) {
    .dropdown-product-content-link {
      font-size: 20px;
      line-height: 30px;
    }
  }
  .dropdown-product-content-link a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .dropdown-product-content-link a[href]:hover {
    color: #191919;
    text-decoration: underline;
  }
  @media (max-width: 1440px) {
    .dropdown-product-content-link {
      margin-bottom: 12px;
    }
  }
  @media (max-width: 1024px) {
    .dropdown-product-content-link {
      margin-bottom: 8px;
    }
  }
  html[lang="ar-MENA"]
    .dropdown-product-wrapper-top
    .dropdown-product-wrapper-left {
    margin-left: 48px;
    margin-right: 0;
  }
  .dropdown-product-wrapper-left {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    z-index: 10;
  }
  .dropdown-product-nav-container {
    height: 100%;
    padding: 20px 0 0;
    position: relative;
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .dropdown-product-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: auto;
  }
  .dropdown-product-nav ul {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .dropdown-product-nav li + li {
    margin-top: 18px;
  }
  @media (max-width: 1599px) {
    .dropdown-product-nav li + li {
      margin-top: 16px;
    }
  }
  .dropdown-product-nav li:last-child {
    margin-bottom: 16px;
  }
  .dropdown-product-nav-menu {
    cursor: default;
    display: block;
    padding: 0;
    position: relative;
  }
  .dropdown-product-nav-menu[href] {
    cursor: pointer;
  }
  .dropdown-product-nav-menu-text {
    font-size: 14px;
    line-height: 20px;
    margin-right: 10px;
  }
  .dropdown-product-nav-menu-text span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #595959;
    display: inline-block;
    line-height: 18px;
    position: relative;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .dropdown-product-nav-menu-text span:before {
    background: #191919;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: calc(100% + 4px);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    width: 100%;
  }
  .dropdown-product-nav li.active span {
    color: #191919;
    font-weight: 600;
  }
  .header-dropdown-list.show-text .dropdown-product-nav-container {
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
  }
  [data-nav-index] {
    opacity: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .header-dropdown-list.show-text [data-nav-index] {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  .header-dropdown-list.show-text [data-nav-index="0"],
  .header-dropdown-list.show-text [data-nav-index] {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  .header-dropdown-list.show-text [data-nav-index="1"] {
    -webkit-transition-delay: 0.42s;
    transition-delay: 0.42s;
  }
  .header-dropdown-list.show-text [data-nav-index="2"] {
    -webkit-transition-delay: 0.44s;
    transition-delay: 0.44s;
  }
  .header-dropdown-list.show-text [data-nav-index="3"] {
    -webkit-transition-delay: 0.46s;
    transition-delay: 0.46s;
  }
  .header-dropdown-list.show-text [data-nav-index="4"] {
    -webkit-transition-delay: 0.48s;
    transition-delay: 0.48s;
  }
  .header-dropdown-list.show-text [data-nav-index="5"] {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
  }
  .header-dropdown-list.show-text [data-nav-index="6"] {
    -webkit-transition-delay: 0.52s;
    transition-delay: 0.52s;
  }
  .header-dropdown-list.show-text [data-nav-index="7"] {
    -webkit-transition-delay: 0.54s;
    transition-delay: 0.54s;
  }
  .header-dropdown-list.show-text [data-nav-index="8"] {
    -webkit-transition-delay: 0.56s;
    transition-delay: 0.56s;
  }
  .header-dropdown-list.show-text [data-nav-index="9"] {
    -webkit-transition-delay: 0.58s;
    transition-delay: 0.58s;
  }
  .header-dropdown-list.show-text [data-nav-index="10"] {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }
  .header-dropdown-list.show-text [data-nav-index="11"] {
    -webkit-transition-delay: 0.62s;
    transition-delay: 0.62s;
  }
  .header-dropdown-list.show-text [data-nav-index="12"] {
    -webkit-transition-delay: 0.64s;
    transition-delay: 0.64s;
  }
  .header-dropdown-list.show-text [data-nav-index="13"] {
    -webkit-transition-delay: 0.66s;
    transition-delay: 0.66s;
  }
  .header-dropdown-list.show-text [data-nav-index="14"] {
    -webkit-transition-delay: 0.68s;
    transition-delay: 0.68s;
  }
  .header-dropdown-list.show-text [data-nav-index="15"] {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
  }
  .header-dropdown-list.show-text [data-nav-index="16"] {
    -webkit-transition-delay: 0.72s;
    transition-delay: 0.72s;
  }
  .header-dropdown-list.show-text [data-nav-index="17"] {
    -webkit-transition-delay: 0.74s;
    transition-delay: 0.74s;
  }
  .header-dropdown-list.show-text [data-nav-index="18"] {
    -webkit-transition-delay: 0.76s;
    transition-delay: 0.76s;
  }
  .header-dropdown-list.show-text [data-nav-index="19"] {
    -webkit-transition-delay: 0.78s;
    transition-delay: 0.78s;
  }
  .active .dropdown-product-nav-menu .dropdown-product-nav-menu-text span:before,
  .dropdown-product-nav-menu:hover .dropdown-product-nav-menu-text span:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    width: 100%;
  }
  @media (max-width: 1440px) {
    .dropdown-product-nav-container {
      padding-top: 16px;
    }
  }
  @media (max-width: 1024px) {
    .dropdown-product-nav-container {
      padding-top: 12px;
    }
  }
  .dropdown-product-container {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 100%;
    max-height: calc(94vh - 80px);
    padding: 40px 50px 56px;
    position: relative;
  }
  .header-container.fixed .dropdown-product-container {
    max-height: calc(94vh - 55px);
  }
  #header.show-top-prompt .dropdown-product-container {
    max-height: calc(94vh - 122px);
  }
  #header.show-top-ad .dropdown-product-container {
    max-height: calc(94vh - 150px);
  }
  .dropdown-product-wrapper {
    margin: 0 auto;
    max-height: calc(94vh - 176px);
    padding: 0;
  }
  .header-container.fixed .dropdown-product-wrapper {
    max-height: calc(94vh - 151px);
  }
  #header.show-top-prompt .dropdown-product-wrapper {
    max-height: calc(94vh - 218px);
  }
  #header.show-top-ad .dropdown-product-wrapper {
    max-height: calc(94vh - 246px);
  }
  .dropdown-product-wrapper.autoheight {
    height: auto;
  }
  .dropdown-product-wrapper-top {
    z-index: 100;
  }
  .dropdown-product-wrapper-bottom,
  .dropdown-product-wrapper-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  .dropdown-product-wrapper-bottom {
    max-height: calc(94vh - 228px);
    z-index: 90;
  }
  .header-container.fixed .dropdown-product-wrapper-bottom {
    max-height: calc(94vh - 203px);
  }
  #header.show-top-prompt .dropdown-product-wrapper-bottom {
    max-height: calc(94vh - 270px);
  }
  #header.show-top-ad .dropdown-product-wrapper-bottom {
    max-height: calc(94vh - 298px);
  }
  .dropdown-product-wrapper-bottom.hide {
    display: none;
    height: auto;
  }
  .dropdown-product-wrapper-right {
    -webkit-box-flex: 20;
    -ms-flex: 20;
    flex: 20;
    overflow: auto;
    padding-bottom: 0;
    position: relative;
  }
  .dropdown-product-wrapper-right:after {
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 100%;
  }
  .dropdown-product-wrapper-right.showGradient:after {
    background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(#fff),
      to(hsla(0, 0%, 100%, 0))
    );
    background-image: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0));
  }
  .dropdown-product-body {
    height: 100%;
    padding-left: 16px;
  }
  .dropdown-product-content {
    display: none;
    height: 100%;
    overflow: auto;
    padding: 0 12px 0 16px;
    position: relative;
  }
  .dropdown-product-content .dropdown-product-content-middle {
    -webkit-box-flex: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 3;
    flex: 3;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-left: -16px;
  }
  .dropdown-product-content .dropdown-product-content-middle.has-activity {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }
  .dropdown-product-content
    .dropdown-product-content-middle
    .dropdown-product-column,
  .dropdown-product-content
    .dropdown-product-content-middle
    .dropdown-product-module {
    max-width: 33.3%;
    min-width: 33.3%;
  }
  .dropdown-product-content .dropdown-product-content-middle.has-padding {
    padding-left: 32px;
    padding-top: 16px;
  }
  .dropdown-product-content .dropdown-product-content-middle.column-space {
    margin-top: -32px;
  }
  .dropdown-product-content .dropdown-product-content-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .dropdown-product-content.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .dropdown-product-content-middle {
    -webkit-box-flex: 20;
    -ms-flex: 20;
    flex: 20;
  }
  @media (min-width: 1281px) {
    .dropdown-product-content-middle.has-activity .dropdown-product-column {
      max-width: 50%;
      min-width: 50%;
    }
  }
  .dropdown-product-item {
    background: #fff;
    border-radius: 8px;
    display: inline-block;
    padding: 16px;
    position: relative;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    width: 100%;
    z-index: 100;
  }
  .dropdown-product-item-icon {
    background: #fff;
    background-size: 100% 100%;
    border-radius: 6px;
    height: 24px;
    margin-bottom: 10px;
    width: 24px;
  }
  .dropdown-product-item-title {
    color: #191919;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 4px;
    word-break: break-word;
  }
  .dropdown-product-item-desc {
    color: #595959;
    font-size: 13px;
    line-height: 20px;
  }
  .dropdown-product-item:hover {
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .dropdown-product-item:hover .dropdown-product-item-title {
    text-decoration: underline;
  }
  .dropdown-product-column {
    padding: 48px 0 0 32px;
  }
  .dropdown-product-column-icon {
    background: #fff;
    background-size: 100% 100%;
    border-radius: 6px;
    height: 24px;
    margin-bottom: 10px;
    width: 24px;
  }
  .dropdown-product-column-title {
    color: #191919;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 16px;
  }
  .dropdown-product-column-title[href]:hover {
    text-decoration: underline;
  }
  .dropdown-product-column .dropdown-product-link {
    color: #595959;
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 12px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .dropdown-product-column .dropdown-product-link:last-child {
    margin-bottom: 0;
  }
  .dropdown-product-column .dropdown-product-link:hover {
    color: #191919;
    text-decoration: underline;
  }
  .dropdown-product-module {
    padding: 8px 16px;
  }
  .dropdown-product-module.noIcon {
    padding: 2px 16px;
    position: relative;
  }
  .dropdown-product-module.noIcon:hover {
    z-index: 101;
  }
  .dropdown-product-module.more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .dropdown-product-group .dropdown-product-item-more {
    padding-top: 16px;
  }
  .dropdown-product-column-more {
    margin-top: 48px;
    padding-left: 16px;
    width: 100%;
  }
  .dropdown-product-item-more {
    padding-left: 16px;
  }
  .dropdown-product-item-more .title {
    color: #595959;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 4px;
  }
  .dropdown-product-item-more .link {
    color: #191919;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
  }
  .dropdown-product-item-more .link .header-icon-arrow-right {
    padding-left: 4px;
  }
  .dropdown-product-item-more .link:hover {
    color: #191919;
    text-decoration: underline;
  }
  .dropdown-product-search-content {
    display: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -32px;
    max-height: calc(94vh - 216px);
    overflow: auto;
  }
  .header-container.fixed .dropdown-product-search-content {
    max-height: calc(94vh - 191px);
  }
  #header.show-top-prompt .dropdown-product-search-content {
    max-height: calc(94vh - 258px);
  }
  #header.show-top-ad .dropdown-product-search-content {
    max-height: calc(94vh - 286px);
  }
  .dropdown-product-search-content .dropdown-product-module {
    max-width: 20%;
    min-width: 20%;
  }
  .dropdown-product-search-content.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .dropdown-product-search-content .no-result {
    margin-left: 32px;
  }
  .dropdown-product-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  .dropdown-product-group.col-1 {
    width: 25%;
  }
  .dropdown-product-group.col-1 .dropdown-product-module {
    max-width: 100%;
    min-width: 100%;
  }
  .dropdown-product-group.col-2 {
    width: 50%;
  }
  .dropdown-product-group.col-2 .dropdown-product-module {
    max-width: 50%;
    min-width: 50%;
  }
  .dropdown-product-group.col-3 {
    width: 75%;
  }
  .dropdown-product-group.col-3 .dropdown-product-module {
    max-width: 33%;
    min-width: 33%;
  }
  .dropdown-product-group-title {
    color: #595959;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    margin: 16px 0 0 32px;
  }
  .dropdown-product-group-title[href]:hover {
    text-decoration: underline;
  }
  .dropdown-product-group-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  .dropdown-product-content-middle.has-activity {
    margin-right: -48px;
  }
  .dropdown-product-content-middle.has-activity .dropdown-product-module {
    max-width: 50%;
    min-width: 50%;
  }
  .dropdown-product-content-middle.has-activity .dropdown-product-group.col-1 {
    width: 33%;
  }
  .dropdown-product-content-middle.has-activity
    .dropdown-product-group.col-1
    .dropdown-product-module {
    max-width: 100%;
    min-width: 100%;
  }
  .dropdown-product-content-middle.has-activity .dropdown-product-group.col-2 {
    width: 66%;
  }
  .dropdown-product-content-middle.has-activity
    .dropdown-product-group.col-2
    .dropdown-product-module {
    max-width: 50%;
    min-width: 50%;
  }
  .dropdown-product-content-middle.has-activity .dropdown-product-group.col-3 {
    width: 100%;
  }
  .dropdown-product-content-middle.has-activity
    .dropdown-product-group.col-3
    .dropdown-product-module {
    max-width: 33%;
    min-width: 33%;
  }
  .dropdown-product-recommend {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    justify-content: center;
    padding-top: 16px;
  }
  .dropdown-product-recommend.mult {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 64px;
  }
  .dropdown-product-recommend .dropdown-product-recommend-title {
    color: #191919;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
  }
  .dropdown-product-recommend .activity-link {
    display: block;
    margin-right: 32px;
    padding: 24px 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .dropdown-product-recommend .activity-link-title {
    color: #191919;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
  }
  .dropdown-product-recommend .activity-link-desc {
    color: #595959;
    font-size: 13px;
    line-height: 20px;
  }
  .dropdown-product-recommend .activity-link + .activity-link {
    border-top: 1px solid rgba(0, 0, 0, 0.04);
  }
  .dropdown-product-activity {
    border-radius: 8px;
    display: inline-block;
    height: 504px;
    max-width: 236px;
    overflow: hidden;
    padding: 24px 24px 40px;
    position: relative;
    width: 100%;
  }
  .dropdown-product-activity .link-bg {
    background-color: #f2f2f2;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: 0.2s;
    transition: 0.2s;
    z-index: 0;
  }
  .dropdown-product-activity:hover .link-bg {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
  }
  .dropdown-product-activity .activity-title {
    color: #191919;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    position: relative;
    z-index: 1;
  }
  .dropdown-product-activity .activity-desc {
    color: #595959;
    font-size: 13px;
    line-height: 20px;
    margin-top: 8px;
    position: relative;
    z-index: 1;
  }
  .dropdown-product-activity.islist:hover .link-bg {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
  }
  .dropdown-product-activity.islist .activity-title {
    color: #191919;
    font-size: 20px;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
  }
  .dropdown-product-activity.islist .activity-link {
    color: #595959;
    cursor: pointer;
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 16px;
    position: relative;
  }
  .dropdown-product-activity.islist .activity-link:hover {
    color: #191919;
    text-decoration: underline;
  }
  @media (max-width: 1440px) {
    .dropdown-product-container {
      padding: 36px 5% 24px;
    }
    .dropdown-product-module {
      padding: 6px 16px;
    }
  }
  @media (max-width: 1280px) {
    .dropdown-product-item-title {
      font-size: 13px;
      line-height: 20px;
    }
    .dropdown-product-module {
      padding: 4px 16px;
    }
    .dropdown-product-item {
      padding: 16px;
    }
    .dropdown-product-item-desc {
      font-size: 12px;
      line-height: 18px;
    }
    .dropdown-product-content.has-activity .dropdown-product-recommend {
      display: none;
    }
    .dropdown-product-content
      .dropdown-product-content-middle
      .dropdown-product-column,
    .dropdown-product-content
      .dropdown-product-content-middle
      .dropdown-product-module {
      max-width: 50%;
      min-width: 50%;
    }
    .dropdown-product-content .dropdown-product-group.col-1 {
      width: 33%;
    }
    .dropdown-product-content
      .dropdown-product-group.col-1
      .dropdown-product-module {
      max-width: 100%;
      min-width: 100%;
    }
    .dropdown-product-content .dropdown-product-group.col-2 {
      width: 66%;
    }
    .dropdown-product-content
      .dropdown-product-group.col-2
      .dropdown-product-module {
      max-width: 50%;
      min-width: 50%;
    }
    .dropdown-product-content .dropdown-product-group.col-3 {
      width: 100%;
    }
    .dropdown-product-content
      .dropdown-product-group.col-3
      .dropdown-product-module {
      max-width: 33%;
      min-width: 33%;
    }
    .dropdown-product-module.noIcon {
      padding: 0 16px;
    }
  }
  @media (max-width: 1024px) {
    .dropdown-product-content
      .dropdown-product-content-middle
      .dropdown-product-column,
    .dropdown-product-content
      .dropdown-product-content-middle
      .dropdown-product-module {
      max-width: 50%;
      min-width: 50%;
    }
    .dropdown-product-content .dropdown-product-group.col-1 {
      width: 33%;
    }
    .dropdown-product-content
      .dropdown-product-group.col-1
      .dropdown-product-module {
      max-width: 100%;
      min-width: 100%;
    }
    .dropdown-product-content .dropdown-product-group.col-2 {
      width: 66%;
    }
    .dropdown-product-content
      .dropdown-product-group.col-2
      .dropdown-product-module {
      max-width: 50%;
      min-width: 50%;
    }
    .dropdown-product-content .dropdown-product-group.col-3 {
      width: 100%;
    }
    .dropdown-product-content
      .dropdown-product-group.col-3
      .dropdown-product-module {
      max-width: 33%;
      min-width: 33%;
    }
    .dropdown-product-container {
      padding: 28px 3% 48px;
    }
    .dropdown-product-module {
      padding: 6px 16px;
    }
    .dropdown-product-item {
      padding: 10px 16px;
    }
    .dropdown-product-wrapper-left {
      -webkit-box-flex: 5;
      -ms-flex: 5;
      flex: 5;
    }
    .dropdown-product-wrapper-right {
      -webkit-box-flex: 19;
      -ms-flex: 19;
      flex: 19;
    }
  }
  html[lang="ar-MENA"] .dropdown-product-group-title {
    margin: 16px 32px 0 0;
  }
  html[lang="ar-MENA"]
    .dropdown-product-item-more
    .link
    .header-icon-arrow-right {
    margin-left: 0;
    margin-right: 6px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  .header-prompt {
    background: #f5f5f5;
    display: none;
    padding: 12px 5%;
  }
  .show-top-prompt .header-prompt {
    display: block;
  }
  .header-prompt-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 0 40px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1600px;
  }
  .header-prompt-content,
  .header-prompt-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-prompt-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 18px;
  }
  .header-prompt-content i {
    color: #5e7ce0;
    font-size: 16px;
  }
  .header-prompt-content i:before {
    display: inline-block;
    margin-top: 1px;
  }
  .header-prompt-content p {
    color: #252b3a;
    font-size: 12px;
    margin-left: 8px;
    text-align: left;
  }
  .header-prompt-content p a {
    color: #4191fa;
  }
  .header-prompt-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
  }
  .header-prompt-radio p {
    color: #191919;
    font-size: 12px;
    white-space: nowrap;
  }
  .header-prompt-radio .header-prompt-closed {
    color: #191919;
    cursor: pointer;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    margin-left: 20px;
    margin-top: 1px;
    width: 16px;
  }
  .header-prompt-checkbox {
    border: 1px solid #999;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    margin-top: 1px;
    vertical-align: middle;
    width: 16px;
  }
  .header-prompt-checkbox:after {
    content: "";
    display: none;
  }
  .header-prompt-checkbox:hover {
    background-size: cover;
    border-color: #191919;
  }
  .header-prompt-checkbox.active {
    background: url(//portal.hc-cdn.com/cpage-pep-header-and-footer-hk/2.0.22/components/header/components/images/checked.png)
      no-repeat 50% / cover !important;
    border-color: #191919;
  }
  .header-user-info-list-prompt {
    padding: 4px 16px;
  }
  .header-user-info-list-prompt .prompt-link {
    color: #526ecc;
  }
  .header-user-info-list-prompt a,
  .header-user-info-list-prompt p {
    color: #252b3a;
    font-size: 14px;
    line-height: 18px;
  }
  .header-user-info-list-prompt > .header-user-info-split {
    padding: 16px 0 !important;
  }
  .header-user-info-list-prompt .logout:hover a {
    color: #191919;
  }
  @media (max-width: 768px) {
    .header-prompt {
      height: 120px;
      padding: 16px;
    }
    .header-prompt-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      align-items: center;
      -ms-flex-flow: column;
      flex-flow: column;
      height: 100%;
      justify-content: space-between;
    }
    .header-prompt-content {
      -webkit-box-pack: left;
      -ms-flex-pack: left;
      height: auto;
      justify-content: left;
      width: 100%;
    }
    .header-prompt-radio {
      display: block;
      margin-left: 0;
      margin-top: 8px;
      padding-left: 0;
      width: 100%;
    }
    .header-prompt-radio .header-prompt-checkbox,
    .header-prompt-radio > p {
      float: left;
    }
    .header-prompt-radio .header-prompt-closed {
      float: right;
    }
    .show-top-prompt .pagenav-wrapper.fixed {
      top: 168px !important;
    }
  }
  html[lang="ar-MENA"] .header-prompt-content p {
    margin-left: 0;
    margin-right: 8px;
    text-align: right;
  }
  html[lang="ar-MENA"] .header-prompt-radio {
    margin-left: 0;
  }
  html[lang="ar-MENA"] .header-prompt-radio .header-prompt-closed {
    margin-left: 0;
    margin-right: 20px;
  }
  html[lang="ar-MENA"] .header-prompt-checkbox {
    margin-left: 8px;
    margin-right: 0;
  }
  @media (max-width: 768px) {
    html[lang="ar-MENA"] .header-prompt-radio .header-prompt-checkbox,
    html[lang="ar-MENA"] .header-prompt-radio > p {
      float: right;
    }
    html[lang="ar-MENA"] .header-prompt-radio .header-prompt-closed {
      float: left;
    }
  }
  .inputted ~ .header-search-submit:hover {
    color: #191919;
    cursor: pointer;
  }
  .header-search .header-search-close {
    color: #575c6c;
    cursor: pointer;
    display: none;
    height: 18px;
    margin-top: -9px;
    padding: 1px;
    position: absolute;
    right: 50px;
    top: 50%;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    width: 18px;
  }
  .header-search .header-search-close:hover {
    color: #191919;
  }
  .header-search .header-search-close:after {
    border-left: 1px solid #8a8e99;
    content: "";
    height: 16px;
    left: 100%;
    margin-left: 7px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
  }
  .bottom-username {
    display: none;
  }
  @media (max-width: 1023px) {
    .header-icon-user {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMSAxaDIydjIySDF6Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMzkpIj48cGF0aCBkPSJNMCAzOWgyNHYyNEgweiIvPjxjaXJjbGUgc3Ryb2tlPSIjMjUyQjNBIiBzdHJva2Utd2lkdGg9IjIiIGN4PSIxMiIgY3k9IjUxIiByPSIxMCIvPjxwYXRoIGQ9Ik0xMiA1M2E0LjAwMiA0LjAwMiAwIDAgMCAwLTggNCA0IDAgMSAwIDAgOFoiIHN0cm9rZT0iIzI1MkIzQSIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBhdGggZD0iTTE4LjYwNCA1OC43NWE2LjY2OCA2LjY2OCAwIDAgMC0xMy4xNzYtLjIwOCIgc3Ryb2tlPSIjMjUyQjNBIiBzdHJva2Utd2lkdGg9IjIiLz48L2c+PC9nPjwvc3ZnPg==);
      background-position: 0 0;
      background-size: 100% 100%;
      display: inline-block;
      height: 22px;
      vertical-align: middle;
      width: 22px;
    }
    .header-menu-search-mb {
      padding-top: 1px;
    }
    .header-icon-search {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6Ii8+PGcgc3Ryb2tlPSIjMjUyQjNBIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Ik0xMC44NzQgMy40NGMtNC4xIDAtNy40MzYgMy4zMzUtNy40MzYgNy40MzVzMy4zMzYgNy40MzYgNy40MzYgNy40MzYgNy40MzYtMy4zMzYgNy40MzYtNy40MzYtMy4zMzUtNy40MzYtNy40MzYtNy40MzZaIi8+PHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJtMTYuMjExIDE2LjIxIDQuODkyIDQuOTAzIi8+PC9nPjwvZz48L3N2Zz4=);
      background-position: 0 0;
      background-size: 100% 100%;
      display: inline-block;
      height: 22px;
      vertical-align: middle;
      width: 22px;
    }
  }
  .header-verification i {
    line-height: 20px;
    margin-right: 5px;
  }
  .header-verification p {
    display: none;
    font-size: 12px;
    vertical-align: middle;
  }
  .header-verification:not(.active) p.state-unactive {
    color: #f83;
    display: inline-block;
    position: relative;
    top: -3px;
  }
  .header-verification:not(.active) .header-icon-verification {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMGE4IDggMCAxIDEgMCAxNkE4IDggMCAwIDEgOCAwWm0xIDExSDd2Mmgydi0yWm0wLThIN3Y3aDJWM1oiIGZpbGw9IiNGQTk4NDEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    background-size: 100% 100%;
    display: inline-block;
    height: 16px;
    position: relative;
    top: 3px;
    width: 16px;
  }
  .header-verification:not(.active) .header-icon-verification-on {
    display: none;
  }
  .header-verification.active p.state-active {
    color: #3dcaa6;
    display: inline-block;
    position: relative;
    top: -3px;
  }
  .header-verification.active .header-icon-verification {
    display: none;
  }
  .header-verification.active .header-icon-verification-on {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNOCAwYTggOCAwIDEgMCAwIDE2QTggOCAwIDAgMCA4IDBaIiBmaWxsPSIjNTBENEFCIi8+PHBhdGggc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9Ii42IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik02Ljc1MyAxMS4wNzYgNCA3Ljg5NGwuNTg4LS41IDIuMTU0IDEuOTE1TDExLjQ0IDVsLjU2MS41MTd6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 100% 100%;
    display: inline-block;
    height: 16px;
    position: relative;
    top: 2px;
    width: 16px;
  }
  @media (min-width: 769px) {
    .header-user-avator {
      display: none;
    }
    .header-top
      .header-main
      .header-tools
      .header-tools-list
      .header-user:hover
      .header-user-info,
    .header-user:hover .header-user-info {
      display: block;
    }
    .header-user:hover .header-user-name {
      color: #191919;
    }
    .header-user:hover .header-user-name i {
      border-top-color: #191919;
    }
    .header-user-info-list .logout .bottom-username {
      display: none !important;
    }
  }
  .header-mbnav {
    display: none;
  }
  @media (max-width: 768px) {
    .header-mbnav.show {
      background: #fff;
      display: block;
    }
    .header-mbnav.show .por-icon-more-new {
      display: inline-block;
      height: 6px;
      margin-left: 10px;
      margin-top: -4px;
      position: relative;
      vertical-align: middle;
      width: 15px;
    }
    .header-mbnav.show .por-icon-more-new:before {
      border-bottom: 1px solid;
      border-radius: 1px;
      bottom: 0;
      content: "";
      position: absolute;
      right: 0;
      width: 100%;
    }
    .header-mbnav.show .por-icon-more-new:after {
      border-bottom: 1px solid;
      border-radius: 1px;
      bottom: 0;
      content: "";
      position: absolute;
      right: 0;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transform-origin: right;
      transform-origin: right;
      width: 6px;
    }
    .header-mbnav.show .header-subsite-mb-search {
      border-color: #f0f0f0;
      border-style: solid;
      border-width: 11px 15px;
      display: block;
      height: 60px;
      width: 100%;
    }
    .header-mbnav.show .header-subsite-mb-search_icon {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAJ1BMVEVHcEwlKzolKzomKzskKzoiJzokKjokKzkgIEAlLDozMzMkKjolKjngRhJkAAAADXRSTlMA/sJo9RWJRwikBdksCnit1QAAAHNJREFUGNNjYMAHgidpmsLYbY7eW0QyIGxWRfUFXEVCAWBOkzCINNQAcxINQCSzGFiVE0S1CkgdsziEUwhSwOkF4SyZACSYNkA43AroHBRlUAO4wAbAjFbUQbJUUDAV4RzVRJEChEN5FBOQvMDTgO45kgEACg4X1N3ZmzUAAAAASUVORK5CYII=);
      background-size: 100% 100%;
      display: inline-block;
      height: 16px;
      margin-left: 10px;
      margin-top: 11px;
      width: 16px;
    }
    .header-mbnav.show .header-packup-container {
      bottom: 24px;
      display: block;
      height: 30px;
      pointer-events: none;
      position: fixed;
      width: 100%;
    }
    .header-mbnav.show .header-packup-container .header-packup-btn {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAS1BMVEVHcEzW19p8gIzu7u7u7u5bYW9la3ju7u7s7Ozv7+/w8PDx8fHv7+/v7+/29vbv7+/q6uru7u7v7+/u7u7t7e3n5+icoKjv7+9XXWy15MygAAAAGHRSTlMA6fi0VP785eTSMRG/gBtzDGh/lXLn8p+EvdM/AAABgElEQVRYw62X64KCIBCFSbBhhDQvme//pLuatrsuHNDp/LTOl9BclYrImaHXzNYy634wTh1S1XnayXdVrvve/nOvjPaeYXcNU1TcJI9igH1BGGivNSWla3B3TBni6G0aS1mykWPcKFu3kP9JB/QU/X7wHQwd1O4eKnsUYP/8FzXTYfHveNB0QlpwAbtrcHwOwFtmNXRSzZr/6AUs+nv4VR9a8JXL9XoBH7cLwCP/NCGCX2II+zFhjqYO+YupLBChQyeY/Y+ptIjwfQYH/XYqCRJcNAoXP80ASDBqQP4XABEG1SP/CgCEPpyIm38DxAlaBeO4WP1vwPIoFOkcBozjg3YAO47BdFDhZNme/gBiyaZwMcwAsAzAcoCWAXQkkLIBfSyUcwFDoqQnASaeznkAB0tiGuBhScsAdLiopgFVoqynAD7ZWKgYKdlYYGujjNYmbq7y9i4eMOQjjnzIEo958kFTPurKh235uC9fOOQrj3zpkq99H1g85avvB5bvY+v/F7TaYCWp7MIfAAAAAElFTkSuQmCC);
      background-size: 100% 100%;
      height: 30px;
      margin: 0 auto;
      pointer-events: auto;
      width: 30px;
    }
    .header-mb-icon {
      left: 5px;
      position: relative;
      top: 3px;
      vertical-align: top;
      width: 14px;
    }
    .header-mbnav {
      bottom: 0;
      height: 100vh;
      left: 0;
      position: absolute;
      right: 0;
      top: 48px;
    }
    .header-mbnav .header-packup-container {
      display: none;
    }
    .showPrompt .header-mbnav {
      top: 176px;
    }
    .header-mbnav-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      -webkit-transition: 0.3s;
      transition: 0.3s;
    }
    .header-mbnav-inner.show-next-level {
      -webkit-transform: translate(-100%);
      transform: translate(-100%);
    }
    .header-mbnav-level1,
    .header-mbnav-level2 {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 100%;
    }
    .header-mbnav-level1 {
      overflow-y: auto;
      padding-bottom: 168px;
      padding-top: 4px;
    }
    .header-mbnav-level1::-webkit-scrollbar {
      display: none;
    }
    .header-mbnav-level2-inner {
      display: none;
      height: 100%;
    }
    .header-mbnav-level2-inner.show {
      display: block;
    }
    .header-mbnav-level2-head {
      background-color: hsla(0, 0%, 100%, 0.1);
      height: 48px;
      padding: 13px 48px;
      position: relative;
      text-align: center;
    }
    .header-mbnav-level2-back {
      bottom: 0;
      left: 0;
      position: absolute;
      top: 0;
      width: 48px;
    }
    .header-mbnav-level2-back i {
      color: #252b3a;
      margin: 16px;
    }
    [data-name="language"] .header-mbnav-level2-item_link i {
      float: right;
    }
    .header-mbnav-level2-item_title {
      color: #252b3a;
      font-size: 14px;
      font-weight: 700;
    }
    .header-mbnav-level2-item_link {
      color: #252b3a;
      display: block;
      font-size: 14px;
      margin-top: 12px;
    }
    .header-mbnav-level2-item_link span {
      color: #191919;
      margin-left: 5px;
    }
    .header-mbnav-level2-item_link i {
      height: 16px;
      margin-top: 2px;
      width: 16px;
    }
    .header-mbnav-level2-item_link .por-icon-checked {
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAM1BMVEVHcEzCBRHGCxbDBhLEBRHCBRDDBRHCBRDPGBjCBRDCBRDBBhDGBxXCBxHEBxLBBhHBBRBjV6jrAAAAEHRSTlMAiRZMLJ1d9grS5qwjbja2uqP/3QAAAHxJREFUOMvtkksOgDAIRKVf+nXuf1qpLoxR6QGUdAEdmLyULssfkwhd1z3g1HnoDS4CXtE5AYl1gOgmAOFqSWTOqt4BZCRbDaCLJ0gDsFk6Ut1Tydqdy6xyH8MBUB7RmygoRgDyywu4NEzkvG6J/WB9AriwFnXJlYi/+Pk3+woFacAFcXQAAAAASUVORK5CYII=);
      background-size: 100% 100%;
    }
    .header-mbnav-level2-item .active {
      color: #191919;
      font-weight: 600;
    }
    .header-mbnav-level2-item + .header-mbnav-level2-item {
      border-top: 1px solid #dfe1e6;
      margin-top: 20px;
      padding-top: 20px;
    }
    .header-mbnav-level2-head-title {
      color: #252b3a;
      font-size: 16px;
      font-weight: 700;
      line-height: 22px;
    }
    .header-mbnav-level2-body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 100%;
    }
    .header-mbnav-leftmenu {
      background: #f5f5f5;
      position: relative;
      width: 120px;
      z-index: 10;
    }
    .header-mbnav-leftmenu:only-child {
      width: 100%;
    }
    .header-mbnav-collapses,
    .header-mbnav-menulist {
      height: 100%;
      overflow-y: auto;
    }
    .header-mbnav-collapses::-webkit-scrollbar,
    .header-mbnav-menulist::-webkit-scrollbar {
      display: none;
    }
    .header-mbnav-menulist {
      padding: 11px 0;
      position: relative;
    }
    .header-mbnav-menulist a {
      color: #252b3a;
      display: block;
      font-size: 14px;
      line-height: 22px;
      padding: 0 15px;
      position: relative;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
    }
    .header-mbnav-menulist a span {
      display: inline-block;
      padding: 12px 0;
      position: relative;
    }
    .header-mbnav-menulist a:after {
      background-color: #191919;
      bottom: 0;
      content: "";
      display: block;
      height: 16px;
      left: 0;
      position: absolute;
      top: 31%;
      -webkit-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transform-origin: left;
      transform-origin: left;
      -webkit-transition: 0.2s;
      transition: 0.2s;
      width: 2px;
    }
    .header-mbnav-menulist a i {
      margin-left: 8px;
    }
    .header-mbnav-menulist .header-mbnav-level1-link:active a {
      background: #fff;
      font-size: 14px;
      font-weight: 600;
    }
    .header-mbnav-menulist .header-mbnav-level1-link:active a:after {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
    .header-mbnav-menulist li.active a {
      background: #fff;
      font-size: 14px;
      font-weight: 600;
    }
    .header-mbnav-menulist li.active a:after {
      -webkit-transform: scaleX(1);
      transform: scaleX(1);
    }
    .header-mbnav-level2-menus-more {
      border-top: 1px solid hsla(0, 0%, 100%, 0.2);
      bottom: 0;
      left: 0;
      margin: 0 15px;
      padding: 16px 0 24px;
      position: absolute;
      right: 0;
    }
    .header-mbnav-level2-menus-more a {
      color: #252b3a;
    }
    .header-mbnav-level2-menus-more a i {
      margin-left: 8px;
    }
    .header-mbnav-collapses {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      background-color: #fff;
      flex-grow: 1;
      padding: 20px 15px 16px 20px;
      width: calc(100% - 120px);
    }
    .header-mbnav-collapses li {
      display: none;
    }
    .header-mbnav-collapses li.show {
      display: block;
      padding-bottom: 150px;
    }
    .header-mbnav-level2-content-index {
      color: #252b3a;
      font-size: 14px;
      font-weight: 600;
      line-height: 22px;
      padding: 0 0 16px;
    }
    .header-mbnav-level2-content-index .header-icon-arrow-right {
      height: 10px;
      width: 5px;
    }
    .header-mbnav-level2-content-index i {
      color: #191919;
      margin-left: 12px;
    }
    .header-mbnav-level2-content-index .product-nav-more a i:after,
    .header-mbnav-level2-content-index .product-nav-more a i:before {
      border-bottom: 1px solid;
      border-radius: 1px;
      bottom: 0;
      content: "";
      position: absolute;
      right: 0;
    }
    .header-mbnav-level2-content-index .header-mbnav-level3 {
      display: block;
      font-weight: 400;
      margin-top: 12px;
    }
    .header-collapse-head a {
      cursor: pointer;
    }
    .header-collapse-body {
      height: 0;
      overflow: hidden;
      -webkit-transition: 0.5s;
      transition: 0.5s;
    }
    .header-collapse-body .header-collapse-content {
      padding-left: 16px;
    }
    .header-collapse-body
      .header-collapse-content
      .header-collapse-level1
      .header-collapse-head {
      padding-top: 12px;
    }
    .header-collapse-body
      .header-collapse-content
      .header-collapse-level2-content-index {
      color: #252b3a;
      font-size: 14px;
      line-height: 22px;
      padding: 12px 0 0;
    }
    .header-collapse-body
      .header-collapse-content
      .header-collapse-level2-content-index
      .header-icon-arrow-right {
      margin-left: 10px;
    }
    .header-collapse.open > .header-collapse-body {
      height: auto;
    }
    .header-collapse.closed > .header-collapse-body > .header-collapse-content {
      display: none;
    }
    .header-collapse-level1
      > .header-collapse-head
      > a
      > .header-icon-arrow-down {
      margin-top: -3px;
    }
    .header-collapse > .header-collapse-head a {
      border-bottom: none;
      color: #252b3a;
      display: block;
      font-size: 14px;
      line-height: 22px;
      position: relative;
    }
    .header-mbnav-level1 .header-collapse > .header-collapse-head a {
      padding-bottom: 12px;
      padding-top: 12px;
    }
    .header-collapse-line {
      background: #dfe1e6;
      height: 1px;
      margin: 12px 0;
      width: 100%;
    }
    .header-collapse-line.no-splitLine {
      background: transparent;
    }
    .header-collapse-level1.open + .header-collapse-line {
      margin-top: 16px;
    }
    .header-collapse-level2 {
      padding-top: 16px;
    }
    .header-collapse-level2 + .header-collapse-level2,
    .header-collapse-level3 {
      padding-top: 12px;
    }
    .header-collapse-level2 .header-icon-arrow-down {
      margin-top: -3px;
    }
    .header-mbnav-hot-sale {
      color: #252b3a;
    }
    .header-mbnav-hot-sale-head {
      padding: 12px 15px;
    }
    .header-mbnav-hot-sale-body {
      background-color: rgba(0, 0, 0, 0.2);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    .header-mbnav-hot-sale-body > div {
      -webkit-box-flex: 0;
      border: 0 solid rgba(223, 225, 230, 0.2);
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .header-mbnav-hot-sale-body > div a {
      display: block;
    }
    .header-mbnav-hot-sale-body > div:first-child {
      border-width: 0 1px 1px 0;
    }
    .header-mbnav-hot-sale-body > div:first-child a {
      padding: 20px 15px 15px;
    }
    .header-mbnav-hot-sale-body > div:nth-child(2) {
      border-width: 0 0 1px;
    }
    .header-mbnav-hot-sale-body > div:nth-child(2) a {
      padding: 20px 15px 15px;
    }
    .header-mbnav-hot-sale-body > div:nth-child(3) {
      border-width: 0 1px 0 0;
    }
    .header-mbnav-hot-sale-body > div:nth-child(3) a {
      padding: 15px 15px 20px;
    }
    .header-mbnav-hot-sale-body > div:nth-child(4) a {
      padding: 20px 15px 15px;
    }
    .header-collapse > .header-collapse-head h2 {
      display: inline-block;
      width: calc(100% - 10px);
    }
    .header-collapse > .header-collapse-head h2 span {
      display: inline-block;
      max-width: calc(100% - 40px);
    }
    .header-collapse > .header-collapse-head h2 i.hot,
    .header-collapse > .header-collapse-head h2 i.new {
      margin-left: 4px;
      margin-top: 6px !important;
      vertical-align: top !important;
    }
    .header-collapse-level4 > .header-collapse-head a {
      padding-left: 55px;
      padding-right: 55px;
    }
    .header-collapse > .header-collapse-head .header-icon-arrow-down,
    .header-collapse > .header-collapse-head .header-icon-arrow-right-large {
      position: absolute;
      top: 50%;
      -webkit-transition: 0.35s;
      transition: 0.35s;
    }
    .header-collapse > .header-collapse-head .header-icon-arrow-down {
      right: 20px;
    }
    .header-collapse > .header-collapse-head .header-icon-arrow-right-large {
      margin-top: -5px;
      right: 24px;
    }
    .header-collapse.open > .header-collapse-head .header-icon-arrow-down {
      -webkit-transform: rotateX(180deg);
      transform: rotateX(180deg);
    }
    .header-mbnav-common-list a {
      color: #252b3a;
      display: block;
      font-size: 14px;
      line-height: 22px;
      padding: 11px 40px;
    }
    .mbnav-solution-list {
      padding: 10px 0;
    }
    .mbnav-solution-item {
      padding: 0 40px;
    }
    .mbnav-solution-item + .mbnav-solution-item {
      margin-top: 20px;
    }
    .mbnav-solution-title > a {
      color: #c3c5c6;
      display: block;
      font-size: 14px;
      line-height: 28px;
    }
    .mbnav-solution-sub {
      color: hsla(0, 0%, 100%, 0.5);
      font-size: 14px;
      line-height: 28px;
      margin-bottom: 10px;
      overflow: hidden;
    }
    .mbnav-solution-sub > li {
      float: left;
      margin-right: 20px;
    }
    .mbnav-solution-sub > a {
      display: block;
    }
    .mbnav-solution-sub > li:last-child {
      margin-right: 0;
    }
    .mbnav-solution-sub > li:last-child a {
      padding-right: 2px;
    }
    .mbnav-solution-sub > li:last-child a i {
      margin-top: -2px;
    }
    .mbnav-solution-sub .new {
      margin-right: 0 !important;
    }
  }
  .mb-more-link {
    color: #191919;
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    margin-top: 12px;
    padding-left: 16px;
  }
  .mb-more-link .header-icon-arrow-right {
    margin-left: 12px;
  }
  .header-collapse-lang a {
    border-bottom: 1px solid hsla(224, 7%, 43%, 0.2);
    color: #252b3a;
    display: block;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px 30px;
    position: relative;
  }
  .header-collapse-lang .header-icon-checked {
    margin-top: -6px;
    position: absolute;
    right: 19px;
    top: 50%;
  }
  .header-search-mb {
    display: none;
  }
  @media (max-width: 768px) {
    .header-search-mb {
      background: #0e1117;
      display: block;
      padding: 15px;
    }
    .header-search-mb-box {
      background-color: #252b3a;
      position: relative;
    }
    .search-mb-input {
      background-color: #0e1117;
      border: 1px solid #a0a2a8;
      border-radius: 2px;
      color: #a0a2a8;
      font-size: 14px;
      height: 40px;
      line-height: 22px;
      padding-left: 10px;
      padding-right: 80px;
      width: 100%;
    }
    .search-mb-input:focus {
      background-color: transparent;
      border: 1px solid #fff;
      color: #252b3a;
    }
    .search-mb-clear {
      background-size: cover;
      display: none;
      height: 40px;
      line-height: 0;
      padding: 12px;
      position: absolute;
      right: 40px;
      top: 0;
      width: 40px;
    }
    .search-mb-clear span {
      color: #666a75;
      font-size: 16px;
    }
    .search-mb-clear:after {
      border-right: 1px solid #666a75;
      content: "";
      height: 22px;
      margin-top: -11px;
      position: absolute;
      right: 0;
      top: 50%;
    }
    .search-mb-input.inputted ~ .search-mb-clear {
      display: block;
    }
    .search-mb-input:focus ~ .search-mb-clear span {
      color: #252b3a;
    }
    .search-mb-submit {
      background-color: transparent;
      border: none;
      color: #77787b;
      height: 40px;
      line-height: 0;
      outline: none;
      padding: 12px;
      position: absolute;
      right: 0;
      top: 0;
      width: 40px;
    }
    .search-mb-input:focus ~ .search-mb-submit i {
      color: #252b3a;
    }
    .header-collapse-level1 .header-collapse-line {
      display: none;
    }
    html[lang="ar-MENA"]
      .header-mbnav-level2-content-index
      .header-icon-arrow-right {
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg);
    }
    html[lang="ar-MENA"] .header-mbnav-level2-content-index i {
      margin-left: 0;
      margin-right: 12px;
    }
    html[lang="ar-MENA"] .header-mbnav-menulist a:after {
      left: auto;
      right: 0;
    }
    html[lang="ar-MENA"] .header-collapse > .header-collapse-head h2 span {
      float: none;
    }
    html[lang="ar-MENA"]
      .header-collapse
      > .header-collapse-head
      .header-icon-arrow-down {
      left: 20px;
      right: auto;
    }
  }
  .header-mbshearch {
    display: none;
    height: calc(100vh - 48px);
    margin-top: -1px;
  }
  .showPrompt .header-mbshearch {
    height: calc(100vh - 172px);
  }
  .header-mbshearch.show {
    display: block;
  }
  .header-mbshearch.show .header-mbshearch-input-box {
    border-color: #191919;
  }
  .header-mbshearch-innner {
    background-color: #f5f5f6;
    border-radius: 0 0 16px 16px;
  }
  .header-mbshearch-form {
    display: block;
    height: 60px;
    padding: 12px 20px 12px 15px;
  }
  .header-mbshearch-form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .header-mbshearch-form-row > div:first-child {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }
  .header-mbshearch-form-row > div:nth-child(2) {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
  }
  .header-mbshearch-input-box {
    background: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 18px;
    position: relative;
  }
  .header-mbshearch-input-box i {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6Ii8+PGcgc3Ryb2tlPSIjMjUyQjNBIiBzdHJva2Utd2lkdGg9IjIiPjxwYXRoIGQ9Ik0xMC44NzQgMy40NGMtNC4xIDAtNy40MzYgMy4zMzUtNy40MzYgNy40MzVzMy4zMzYgNy40MzYgNy40MzYgNy40MzYgNy40MzYtMy4zMzYgNy40MzYtNy40MzYtMy4zMzUtNy40MzYtNy40MzYtNy40MzZaIi8+PHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJtMTYuMjExIDE2LjIxIDQuODkyIDQuOTAzIi8+PC9nPjwvZz48L3N2Zz4=);
    background-size: 100% 100%;
    color: #252b3a;
    font-size: 12px;
    height: 16px;
    left: 12px;
    margin-top: -6px;
    position: absolute;
    top: 46%;
    width: 16px;
  }
  .header-mbshearch-input {
    background: transparent;
    border: none;
    color: #252b3a;
    height: 36px;
    padding-left: 40px;
    position: relative;
    width: 100%;
    z-index: 1;
  }
  .header-mbshearch-input:-ms-input-placeholder {
    color: #191919;
  }
  .header-mbshearch-input::-moz-placeholder {
    color: #191919;
  }
  .header-mbshearch-input::-webkit-input-placeholder {
    color: #191919;
  }
  .header-mbshearch-input::-ms-input-placeholder {
    color: #191919;
  }
  .header-mbshearch-input::placeholder {
    color: #191919;
  }
  .header-mbshearch-cancel {
    color: #595959;
    display: block;
    height: 36px;
    line-height: 36px;
    padding-left: 12px;
  }
  .header-mbshearch-droplist {
    background: #fff;
    border-radius: 0 0 16px 16px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    display: none;
    padding: 0 15px 12px;
  }
  .header-mbshearch-droplist.show {
    display: block;
  }
  .header-mbshearch-droplist a:active,
  .header-mbshearch-droplist a:active span,
  .header-mbshearch-droplist a:hover,
  .header-mbshearch-droplist a:hover span {
    color: #191919;
  }
  .header-mbshearch-droplist a:active i,
  .header-mbshearch-droplist a:hover i {
    border-color: #191919;
    color: #191919;
  }
  .header-mbshearch-droplist a:active[href]:after,
  .header-mbshearch-droplist a:hover[href]:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAmRJREFUSA3NVF1IU2EYfs45U8F0NUOLitIahAVC9HeRobeRpbW0DAShH5RaRCMwLwyCSAIDS0z6I2Zo1EUXXUZQFLbIjJGmZzSdtuVSNzVZa3Pb2zmnOmyyHXbCQS8ceH+f5/vO+74fQ4IghcKmEFuC/j8Jgs6vEL+kROyBGvH1Weltuo4sTBaNNTQRhSOK5ap/0dzrHkSCQSyvroKruQV8mQHhmdmEl1FNIBxXAitoa8H6W22Yff4C/TtK4B/k45JoRK9/YBAhjzduwkLnz8/DsivvRC0yNxfCZjiK/p2l0Hfega58rxwXFcZ9o4NGjKYYZzLGdq8TnG6ZlDrvGgd/sBq+d++x5mIjVjddEJB/ozD8/iryD9lQ0NGaDK6co929C9Bwsk2BIEbqzmDi/gPkVOyD3nwbbHYWMFR2iD5uLVacBDVB9/WbZNEsJeumbRRwjJHqJstHTqCsMNah8NlTBN3fMHquAYtOIPIGhh2I+HzgtNmLTBAKw3HaBPuxemhLirHuWjM0DMch5J2Gp/txgkvHd+cYKsCkp8nB0OQUbJU1+P7yFVadP4u1Vy4BHAtm0txN9tqToEhETk5GiR7TH31W8AeOYF4g2XC3XdjyShmCESdEZA9Nz8hOJWXK3AXn5av4S+DpegT78VNIy8vFxicPkbmlKLZczQiKueOt7fQGS0g4LY2aGiX9U+keyY6HJT0VsZTKFpuRISXw5Ycx12PBSmM98oVmRi9dDEI8ViVf4IuLPuiLqDc3nybudSqlSjGpBzGMyRjCOIIVVoj98+Ao1PwbgQLgwlBKNjmaJOUEvwClyg9zXMpx3AAAAABJRU5ErkJggg==);
  }
  .header-mbshearch-droplist a {
    color: #595959;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    overflow: hidden;
    padding: 8px 0;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .header-mbshearch-droplist a span {
    color: #191919;
    font-weight: 600;
  }
  .header-mbshearch-droplist a p {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .header-mbshearch-droplist a i {
    border: 1px solid #191919;
    border-radius: 2px;
    border-radius: 17px;
    color: #595959;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    line-height: 24px;
    margin-left: 12px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .header-mbshearch-droplist li.to-page a {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
  }
  .header-mbshearch-droplist li:not(.to-page) a {
    line-height: 22px;
  }
  .header-mbshearch-droplist li:first-child {
    padding-top: 12px;
  }
  .header-mbshearch-droplist li.to-page + li:not(.to-page) {
    margin-top: 12px;
  }
  .header-mbshearch-droplist li.to-page + li:not(.to-page) a {
    border-top: 1px solid rgba(122, 76, 76, 0.08);
    padding-top: 16px;
  }
  .header-mbshearch-droplist .J-mbshearch-hot {
    display: none;
  }
  .header-mbshearch-droplist .J-mbshearch-hot.show {
    display: block;
  }
  .header-mbshearch-droplist .J-mbshearch-history,
  .header-mbshearch-droplist .J-mbshearch-related {
    display: none;
  }
  .header-mbshearch-droplist .J-mbshearch-related.show {
    display: block;
  }
  .header-mbshearch-droplist .J-mbshearch-title {
    color: #191919;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 20px 0 12px;
  }
  .header-mbshearch-droplist .J-mbshearch-title span {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 14px;
    font-weight: 400;
    padding-left: 20px;
    position: relative;
  }
  .header-mbshearch-droplist .J-mbshearch-title span:before {
    background-image: url(//portal.hc-cdn.com/cpage-pep-header-and-footer-hk/2.0.22/components/header/components/images/del.svg);
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 16px;
  }
  .header-mbshearch-droplist .J-mbshearch-history-content {
    margin-bottom: -12px;
    margin-right: -12px;
    max-height: 76px;
    overflow: hidden;
  }
  .header-mbshearch-droplist .J-mbshearch-history-content .his-btn {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    color: #595959;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 26px;
    line-height: 18px;
    margin-bottom: 12px;
    margin-right: 12px;
    max-width: 240px;
    min-width: 58px;
    overflow: hidden;
    padding: 3px 8px;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    white-space: nowrap;
  }
  .header-mbshearch-droplist .J-mbshearch-history-content .his-btn:hover {
    border-color: #595959;
    color: #191919;
  }
  .header-mbshearch-droplist .J-mbshearch-popular .J-mbshearch-title {
    padding-bottom: 8px;
  }
  .header-mbshearch-droplist .J-mbshearch-popular li:first-child {
    padding-top: 0;
  }
  .header-mbshearch-droplist .J-mbshearch-popular a {
    color: #595959;
    display: block;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .header-mbshearch-droplist .J-mbshearch-popular a:hover {
    color: #191919;
    font-weight: 500;
  }
  @media (max-width: 768px) {
    html[lang="ar-MENA"] .header-mbshearch-input {
      padding-left: 0;
      padding-right: 40px;
    }
    html[lang="ar-MENA"] .header-mbshearch-input-box i {
      left: auto;
      right: 12px;
    }
    html[lang="ar-MENA"] .header-mbshearch-cancel {
      padding-left: 0;
      padding-right: 12px;
    }
    html[lang="ar-MENA"] .header-mbshearch-droplist .J-mbshearch-title span {
      float: left;
      padding-left: 0;
    }
    html[lang="ar-MENA"]
      .header-mbshearch-droplist
      .J-mbshearch-title
      span:before {
      left: auto;
      right: -20px;
    }
    html[lang="ar-MENA"] .mb-more-link .header-icon-arrow-right {
      margin-right: 12px;
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg);
    }
  }
  #footer {
    background: #f0f0f0 !important;
  }
  #footer .footer-wrapper:after,
  #footer .footer-wrapper:before {
    content: none;
  }
  #footer .footer-wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    padding: 0;
  }
  @media (max-width: 1775px) {
    #footer .footer-wrapper {
      padding: 0 5%;
    }
  }
  #footer .footer-link:hover {
    color: #191919;
    text-decoration: underline;
  }
  #footer .footer-law-mb {
    display: none;
  }
  #footer .footer-nav {
    background: #f0f0f0;
    padding-bottom: 39px;
    padding-top: 36px;
  }
  #footer .footer-nav .footer-nav-main {
    -webkit-box-flex: 19;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 19;
    flex: 19;
    justify-content: space-between;
  }
  #footer .footer-nav .footer-nav-main .footer-nav-column .footer-menu-title {
    color: #191919;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 24px;
  }
  #footer .footer-nav .footer-nav-main .footer-nav-column .footer-menu-link {
    color: #595959;
    display: block;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 12px;
  }
  #footer
    .footer-nav
    .footer-nav-main
    .footer-nav-column
    .footer-menu-link:hover {
    color: #191919;
    text-decoration: underline;
  }
  #footer .footer-nav .footer-nav-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 66px;
  }
  #footer .footer-nav .footer-nav-icons.footer-nav-icons-mb {
    display: none;
  }
  #footer .footer-copyright-container {
    background: #f0f0f0;
  }
  #footer .footer-copyright-container .footer-copyright-wrapper {
    border-top: 1px solid #e2e2e2;
    padding-bottom: 20px;
    padding-top: 23px;
  }
  #footer
    .footer-copyright-container
    .footer-copyright-wrapper
    .footer-copyright {
    color: #595959;
    font-size: 12px;
    line-height: 18px;
    max-width: 600px;
  }
  #footer
    .footer-copyright-container
    .footer-copyright-wrapper
    .footer-copyright
    p {
    font-size: 12px;
    line-height: 18px;
    margin-right: 10px;
  }
  #footer
    .footer-copyright-container
    .footer-copyright-wrapper
    .footer-copyright
    a,
  #footer
    .footer-copyright-container
    .footer-copyright-wrapper
    .footer-copyright
    span {
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
    margin-right: 10px;
  }
  .footer-nav-left {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
  }
  .footer-nav-left .footer-submenu-links {
    width: 100%;
  }
  .footer-nav-left .footer-submenu-links .footer-submenu-link {
    color: #191919;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .footer-nav-left .footer-submenu-links .footer-submenu-link:hover {
    text-decoration: underline;
  }
  @media (max-width: 1366px) {
    #footer .footer-nav {
      padding-bottom: 32px;
    }
    #footer .footer-nav .footer-nav-main {
      margin-left: 61px;
    }
    #footer .footer-nav .footer-nav-main .footer-nav-column .footer-menu-title {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 16px;
    }
    #footer .footer-nav .footer-nav-main .footer-nav-column .footer-menu-link {
      font-size: 12px;
      line-height: 18px;
    }
    #footer .footer-nav .footer-nav-icons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 66px;
    }
    #footer .footer-nav .footer-nav-icons.footer-nav-icons-mb {
      display: none;
    }
    .footer-nav-left,
    .footer-nav-left .footer-submenu-links {
      width: 197px;
    }
    .footer-nav-left .footer-submenu-links .footer-submenu-link {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 12px;
    }
    .footer-nav-left .footer-nav-icons i {
      height: 24px;
      width: 24px;
    }
    .footer-nav-left .footer-nav-icons > li + li {
      margin-left: 24px;
    }
    .footer-nav-left .footer-icon-wrapper {
      height: 24px;
      width: 24px;
    }
  }
  @media (max-width: 1024px) {
    #footer .footer-nav {
      padding-bottom: 32px;
    }
    #footer .footer-nav .footer-nav-main {
      margin-left: 42px;
    }
    #footer .footer-nav .footer-nav-main .footer-nav-column .footer-menu-title {
      font-size: 12px;
      line-height: 18px;
    }
    #footer .footer-nav .footer-nav-icons {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 66px;
    }
    #footer .footer-nav .footer-nav-icons.footer-nav-icons-mb {
      display: none;
    }
    .footer-nav-left,
    .footer-nav-left .footer-submenu-links {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
    }
  }
  @media (max-width: 768px) {
    #footer .footer-nav {
      padding: 24px 0 20px;
    }
    #footer .footer-nav .footer-nav-main {
      display: none;
    }
    #footer .footer-nav .footer-wrapper {
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    #footer .footer-nav .footer-wrapper,
    #footer .footer-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    #footer .footer-wrapper {
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
    }
    #footer
      .footer-copyright-container
      .footer-copyright-wrapper
      .footer-copyright {
      height: auto;
      margin-top: 8px;
      text-align: center;
    }
    #footer .footer-nav-left {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
    }
    #footer .footer-nav-left .footer-submenu-links {
      display: none;
    }
    #footer .footer-nav-left .footer-nav-icons {
      margin-top: 0;
    }
    #footer .footer-nav-left .footer-nav-icons > li + li {
      margin-left: 48px;
    }
  }
  .footer-nav-left-link {
    display: block;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 4px;
  }
  .footer-nav-icons > li + li {
    margin-left: 28px;
  }
  .footer-nav-icons a {
    display: block;
  }
  .footer-nav-icons i {
    background-size: 100% 100%;
    height: 32px;
    width: 32px;
  }
  .footer-icon-wrapper {
    height: 32px;
    position: relative;
    width: 32px;
  }
  .footer-icon-wrapper:hover .footer-icon {
    opacity: 0;
  }
  .footer-icon-wrapper:hover .footer-icon-hover {
    opacity: 1;
  }
  .footer-icon-wrapper .footer-icon {
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
  }
  .footer-icon-wrapper .footer-icon-hover {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
  }
  .footer-nav-icons p {
    float: left;
    font-size: 14px;
    line-height: 32px;
    margin-left: 10px;
  }
  .footer-law {
    color: #595959;
    float: right;
    font-size: 0;
    max-width: 580px;
    overflow: hidden;
    text-align: right;
  }
  .footer-law > li {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
  }
  .footer-law > li + li:before {
    content: "|";
    margin-left: 5px;
    margin-right: 5px;
  }
  html[lang="ar-MENA"] .footer-nav-icons > li + li {
    margin-left: 0;
    margin-right: 28px;
  }
  @media (max-width: 768px) {
    html[lang="ar-MENA"] #footer .footer-nav-left .footer-nav-icons > li + li {
      margin-left: 0;
      margin-right: 48;
    }
  }