/* General */
body {
  padding-right: 120px !important;
  box-sizing: border-box;
  /* fix base_response.css */
  min-width: 1000px !important;
}

.bg-associated {
  background-color: rgb(255, 228, 192);
  color: rgb(176, 55, 8);
}

.product-power-score {
width: 200px;
margin-right: 20px;
text-align: center;
}

.product-power-score>span {
font-size: 14px;
font-weight: bold;
}

.product-power-score>span i {
font-weight: normal;
margin-left: 5px;
}

.product-power-score > a {
font-weight: bold;
}

.product-power-percentile {
margin-top: 25px;
width: 200px;
height: 100px;
position: relative;
overflow: hidden;
}

.product-power-percentile .box {
width: 200px;
height: 200px;
border-left: 12px solid #6596EA;
border-top: 12px solid #6596EA;
border-right: 12px solid #E8E8E8;
border-bottom: 12px solid #E8E8E8;
border-radius: 50%;
box-sizing: border-box;
position: absolute;
top: 0;
transition: all ease 0.8s;
transform: rotate(var(--data-score));
}

.product-power-num {
position: absolute;
top: 40px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
text-align: center;
}

.product-power-num>span {
font-size: 28px;
font-weight: bold;
line-height: 38px;
}

.product-power-num .product-power-num-percentile {
font-size: 14px;
}

.product-power-num .product-power-num-percentile span {
font-weight: bold;
margin-right: 4px;
}

.product-power-num .product-power-num-percentile sup {
font-weight: normal;
}

.popover-index.popover {
z-index: 2001;
position: fixed;
}

.sticky-header-top .header2020:not(.is-mini),
.sticky-header-top .header2021:not(.is-mini) {
  right: 120px !important;
  width: auto !important;
}

@media (max-width: 1119px) {

  .header2020-portals,
  .header2020-trendings,
  .header2020-right>*:not(:first-child),
  .header2020-search-bar>.menu-box-menu .nav-cell:nth-child(n+4) {
      display: none !important;
  }
}

.page-footer .page-section-recently .page-section-inner {
  box-sizing: border-box;
}

.footer2021 .sticky-bottom-right {
  right: 120px;
  bottom: 140px;
}

.footer2021 .sticky-bottom-right .ico {
  margin: 0 2px;
  padding: 10px 0;
  width: 20px;
  font-size: 14px;
}

.footer2021 .sticky-bottom-right-text {
  display: none;
  position: absolute;
  right: 100%;
  top: 8px;
  padding: 0 5px;
  width: auto;
  height: 20px;
  border-radius: 4px 0 0 4px;
  background: #fff;
  white-space: nowrap;
}

.footer2021 .sticky-bottom-right>li:hover .sticky-bottom-right-text {
  display: block;
  text-decoration: none;
}

.dark-mode .footer2021 .sticky-bottom-right-text {
  background-color: #212121;
  color: #fff;
}

.footer2021 .floating-right-tools {
  right: 120px;
  bottom: auto;
  top: 54%;
  margin-top: 24px;
}

.footer2021 .floating-live.is-hide {
  width: 24px;
  height: 60px;
}

.footer2021 .floating-live.is-hide .vjs-top-bar {
  flex-direction: row-reverse;
}

.footer2021 .floating-live.is-hide .vjs-top-bar .vjs-live-logo {
  font-size: 14px;
  line-height: 32px;
  padding: 6px 0 10px;
  margin-right: 0;
  top: 0;
  border-radius: 8px 0 0 8px;
  writing-mode: vertical-lr;
}

.footer2021 .floating-live.is-hide .vjs-top-bar .vjs-live-logo::before {
  content: none;
}

.footer2021 .floating-live.is-hide .vjs-top-bar .ico-angle-down {
  display: none;
}

.footer2021 .floating-live.is-hide .vjs-top-bar .vjs-live-logo {
  line-height: 24px;
  font-size: 14px;
}

.footer2021 .sticky-bottom-right {
  right: 0;
  margin-bottom: 5px;
}
.footer2021 .sticky-bottom-right .ico {
  margin: 8px auto;
  padding: 2px 0;
  width: 20px;
  font-size: 16px;
}
.footer2021 .floating-to-top .ico {
  margin: 8px auto 0;
  padding: 5px 0;
  width: 20px;
  font-size: 16px;
}
.footer2021 .floating-more-button::before {
  bottom: -8px;
}
.footer2021 .floating-to-top {
  margin-bottom: 0;
  margin-top: 16px;
}
.footer2021 .floating-more-button {
  margin-top: 0;
  margin-bottom: 16px;
}
.footer2021 .floating-more-button .ico {
  margin: 0 auto;
  padding: 5px 0;
  width: 20px;
  font-size: 14px;
}
.footer2021 .floating-right-tools .line-horizontal,
.footer2021 .floating-to-top::before,
.footer2021 .floating-more-button::before {
  max-width: 16px;
}
.footer2021 .floating-right-controls.is-hide .floating-more-button + .line-horizontal {
  display: none;
}	
.floating-right-tools .floating-compare {
  width: 32px !important;
  height: 20px;
  color: #6e6e6e !important;
  font-weight: normal;
  margin: 8px 0;
  margin-bottom: 0;
}
.floating-right-tools .floating-compare:hover {
color: #6e6e6e !important;
}
.floating-compare::before {
  content: '';
  background-image: url("../../Nest/images/icons/AddToCompare_3x.png");
  width: 16px;
  height: 16px;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.footer2021 .sticky-bottom-right-text {
  display: none;
  position: absolute;
  right: 26px;
  top: -1px;
  padding: 2px 4px;
  width: auto;
  height: 20px;
  border-radius: 4px;
  background: #fff;
  white-space: nowrap;
  -webkit-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
-moz-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
-ms-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
-o-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
}
.floating-compare .sticky-bottom-right-text {
padding-bottom: 2px;
right: 32px;
}
.footer2021 .floating-right-controls.is-hide .floating-more-button span.sticky-bottom-right-text {
  display: none;
}
.footer2021 .sticky-bottom-right > li:hover .sticky-bottom-right-text,
.floating-compare:hover .sticky-bottom-right-text,
.footer2021 .floating-right-controls.is-hide .floating-more-button:hover span.sticky-bottom-right-text,
.footer2021 .floating-to-top:hover .sticky-bottom-right-text {
  display: block;
  text-decoration: none;
}
/* right mini*/
.footer2021 .floating-right-controls {
  width: 32px;
  padding: 5px 6px;
}
.footer2021 .sticky-bottom-right {
  right: 0;
}
.footer2021 .sticky-bottom-right > li:hover .sticky-bottom-right-text {
  display: block;
  text-decoration: none;
  color: #6e6e6e;
}
.dark-mode .footer2021 .sticky-bottom-right > li:hover .sticky-bottom-right-text {
  color: #fff;
}
.footer2021 .floating-more-button .Messages-num {
  right: 0;
  top: 2px;
}
.footer2021 .sticky-bottom-right .Messages-num {
  min-width: 14px;
border-radius: 16px;
padding: 0 3px;
font-size: 12px;
line-height: 14px;
}
.footer2021 .sticky-bottom-right .Messages-notice .Messages-num {
  right: -5px;
top: -4px;
}
.footer2021 .Messages-pop-content {
  right: 160px;
  bottom: 40px;
}
.footer2021 .sticky-bottom-right.is-left-mini .Messages-notice .Messages-num {
  right: -5px;
top: -4px;
  font-weight: normal;
}
.floating-right-tools .floating-compare .Messages-num {
right: 1px;
top: -8px;
font-weight: normal;
}
.footer2021 .sticky-bottom-right > #QR_Code_App:hover .sticky-bottom-right-text {
  display: none;
}
.footer2021 .floating-live {
  width: 32px;
  height: 58px;
  margin-bottom: 10px;
}
.footer2021 .floating-live .vjs-top-bar {
  flex-direction: row-reverse;
}
/* .footer2021 .floating-live .video-js {
  top: 0px;
  left: -134px;
} */
.footer2021 .floating-live .vjs-top-bar .vjs-live-logo {
  line-height: 32px;
  padding: 6px 0 10px;
  margin-right: 0;
  top: 0;
  border-radius: 4px 0 0 4px;
  writing-mode: vertical-lr;
}
.footer2021 .floating-live .vjs-top-bar .vjs-live-logo::before {
  position: absolute;
top: auto;
right: 12px;
  bottom: -14px;
  transform: rotate(90deg);
}

.footer2021 .floating-robot {
width: 30px;
height: 30px;
  margin-top: 8px;
  margin-right: 2px;
}
.footer2021 .floating-robot .floating-robot-icon {
  width: 26px;
  height: 26px;
}
.footer2021 .floating-robot:hover .sticky-bottom-right-text {
  right: 30px;
  top: 4px;
  font-size: 12px;
}


.compare-items-new .compare-sticky-bottom-right {
  right: 120px;
  bottom: 30px;
  -webkit-box-shadow: 0 0 10px 0 rgb(4 32 98 / 20%);
  -moz-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
  -ms-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
  -o-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
  box-shadow: 0 0 10px 0 rgb(4 32 98 / 20%);
}

.compare-items-new .compare-items-button[class*="bg-"] {
  max-width: 24px !important;
  width: auto !important;
  height: 80px !important;
}

.compare-items-new .compare-sticky-bottom-right .compare-items-button .section-subtitle-text {
  writing-mode: vertical-lr !important;
  overflow: hidden;
  width: 24px !important;
  line-height: 24px;
}

.compare-items-new .section-title-note,
.compare-items-new .ico-caret-left-solid {
  display: none !important;
}

.modal-open {
  overflow: hidden !important;
}

.modal-open .centerPopup.is-follow {
  margin-left: -17px;
}

/* .modal-open .pc-builder {
  right: 15px;
}

.sticky-header-top .modal-open .header2021:not(.is-mini) {
  right: 135px !important;
}
.sticky-header-top .modal-open {
  padding-right: 135px !important;
} */

.dynamic-module-iframe {
  display: block;
  width: 100%;
}

.dynamic-module-iframe iframe {
  width: 100% !important;
}

.dynamic-module-video-inner {
  position: relative;
  display: block;
  padding-top: 56.25%;
  width: 100%;
  height: 0;
  overflow: hidden;
}

.dynamic-module-video-inner iframe {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}

.item-cells-wrap.tile-cells.shadow-cells>.item-cell {
  padding: 15px 15px 10px 15px;
  border-color: #d9d9d9;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.20);
  border-radius: 5px;
}

.item-cells-wrap.tile-cells.shadow-cells>.item-cell .price-current {
  font-size: 16px;
}

.item-cells-wrap.tile-cells.shadow-cells>.item-cell .price-current sup {
  font-size: 16px;
  vertical-align: baseline;
  font-weight: bold;
}

.item-cells-wrap.tile-cells.has-video>.item-cell.video-cell {
  position: relative;
  padding: 0;
  border: 0;
}

.item-cells-wrap.has-video .editorial {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 6;
}

.item-cells-wrap.has-video .editorial:before {
  display: none;
}

.item-cells-wrap.has-video .editorial-summary-text {
  pointer-events: none;
}

.item-cells-wrap.has-showcase,
.item-cells-wrap.has-video {
  margin-bottom: 0 !important;
}

.item-cells-wrap.has-showcase .item-cell.display-flex {
  padding: 15px 30px;
  overflow: hidden;
}

.item-cells-wrap.has-showcase .item-cell-badge {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  background: #758d19;
  border-radius: 0 0 0 5px;
}

.item-cells-wrap.has-showcase .item-cell-title {
  margin: 0 0 8px 0;
  color: #CC4B00;
  font-size: 20px;
  font-weight: bold;
}

.item-cells-wrap.has-showcase .item-cell-info {
  margin: 0 0 5px 0;
  color: #707070;
}

.item-cells-wrap.has-showcase .pc-builder-buttons {
  margin: -2px;
}

.item-cells-wrap.has-showcase .pc-builder-buttons .btn,
.item-cells-wrap.has-video .pc-builder-buttons .btn {
  margin: 2px;
  width: 140px;
}
.item-cells-wrap .pc-builder-buttons .btn {
  margin: 2px;
}

@media (max-width: 1919px) {
  .item-cells-wrap.has-showcase .item-cell .item-img,
  .item-cells-wrap.has-video .item-cell .item-img {
      width: 100px !important;
  }
}

@media (max-width: 1679px) {
  .item-cells-wrap.has-showcase .item-cell .item-img,
  .item-cells-wrap.has-video .item-cell .item-img {
      width: 80px !important;
  }
}

@media (max-width: 1600px) {
  .item-cells-wrap.has-video .item-cell .item-img {
      width: 80px;
  }

  .item-cells-wrap.has-showcase .item-cell .item-img,
  .item-cells-wrap.has-video .item-cell .item-img {
      width: 60px !important;
  }
}

@media (max-width: 1420px) {
  .item-cells-wrap.has-video .video-cell {
      display: none;
  }

  .item-cells-wrap.four-cells.tile-cells.has-video:not(.no-gap)>.item-cell {
      margin-left: 20px;
      width: calc((100% - 20px * (3 - 1)) / 3);
  }

  .item-cells-wrap.has-video .item-cell .item-img {
      width: 120px;
  }

  .item-cells-wrap.four-cells.tile-cells.has-video:not(.no-gap)>.item-cell:nth-child(3n+1) {
      margin-left: 0;
  }

  .item-cells-wrap.has-showcase .item-cell.display-flex {
      padding: 15px 20px;
  }

  .item-cells-wrap.has-showcase .item-cell .items-list-view {
      -webkit-flex-direction: column;
      flex-direction: column;
      text-align: center;
      align-items: center;
  }

  .item-cells-wrap.has-showcase .item-cell .item-img {
      margin: 0 auto 10px auto;
      width: 100% !important;
      max-width: 90px;
  }
  .item-cells-wrap.has-video .item-cell .item-img {
      margin: 0 auto 10px auto;
      width: 100% !important;
      max-width: 60px;
  }
  .item-cells-wrap.has-video .item-cell .item-info {
      padding-left: 0;
  }

  .item-cells-wrap.has-showcase .item-cell .item-info {
      padding-left: 0;
  }
}
@media (max-width: 1299px) {
  .item-cells-wrap.has-video .item-cell .items-list-view {
      -webkit-flex-direction: column;
      flex-direction: column;
      text-align: center;
      align-items: center;
  }
}
@media (max-width: 1199px) {
  .item-cells-wrap.has-video .item-cell .item-img {
      margin-bottom: 10px;
      width: 100%;
  }

  .item-cells-wrap.has-video .items-list-view {
      -webkit-flex-direction: column;
      flex-direction: column;
  }

  .item-cells-wrap.has-video .items-list-view .item-info {
      padding-left: 0;
  }

  .item-cells-wrap.has-showcase .item-cell {
      width: calc((100% - 20px) / 2) !important;
  }

  .item-cells-wrap.has-showcase .item-cell:nth-child(3n+1) {
      margin-left: 20px !important;
  }

  .item-cells-wrap.has-showcase .item-cell:nth-child(2n+1) {
      margin-left: 0 !important;
  }

  .item-cells-wrap.has-showcase .item-cell .items-list-view {
      -webkit-flex-direction: row;
      flex-direction: row;
      text-align: left;
      align-items: unset;
  }

  .item-cells-wrap.has-showcase .item-cell .item-img {
      margin: 0;
      width: 100px !important;
  }
  .item-cells-wrap.has-video .item-cell .item-img {   
      width: 100px !important;
  }

  .item-cells-wrap.has-showcase .item-cell .item-info {
      padding-left: 10px;
  }
}

/* PC Builder */
.pc-builder {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 120px;
  background: #F4F5F7;
  -webkit-box-shadow: -2px 0 6px rgba(0, 0, 0, .3);
  -moz-box-shadow: -2px 0 6px rgba(0, 0, 0, .3);
  box-shadow: -2px 0 6px rgba(0, 0, 0, .3);
  z-index: 9;
}

.pc-builder-control {
  position: absolute;
  top: 50%;
  left: -32px;
  margin-top: -16px;
  padding: 16px 8px;
  font-size: 16px;
  background: #F4F5F7;
  -webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, .3);
  -moz-box-shadow: -4px 0 4px rgba(0, 0, 0, .3);
  box-shadow: -4px 0 4px rgba(0, 0, 0, .3);
  border-radius: 3px 0 0 3px;
  z-index: 10;
  cursor: pointer;
}

.pc-builder-control i {
  display: block;
}

.pc-builder-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: #fff;
  background: #00283A;
}

.pc-builder-header .pc-builder-badge-beta {
  position: absolute;
  top: 2px;
  right: 2px;
  color: #fff;
  padding: 1px 3px;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  background: #c70e00;
  border-radius: 3px;
}

.pc-builder-msg {
  margin: 10px 15px 0 15px;
}

.pc-builder-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 10px 15px;
  background-image: linear-gradient(180deg,#75A4F7 0%, #C3E7FF 100%);
}

.pc-builder-info-wrap {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.pc-builder-info-wrap .message {
  margin-top: 5px;
}
.pc-builder-info-wrap .message-information {
  color: #CC4100;
}
.pc-builder-info-wrap .message.message-note .message-icon:before {
  color: #C09411;
}

.dark-mode .pc-builder-info {
  background-image: linear-gradient(180deg,#424242 0%, #6e6e6e 100%);
}
.dark-mode .pc-builder-info-wrap .message-information {
  color: #FF6600;
}

.pc-builder-name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin: 6px 0 0 0;
  line-height: 1.65;
}

.pc-builder-name-text {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.pc-builder-name strong {
  margin: 0 10px 0 0;
  font-size: 16px;
}

.dark-mode .pc-builder-name strong {
  color: #f7f7f7 !important;
}

.pc-builder-name a {
  margin: 0 0 0 10px;
  color: #212121;
  font-size: 16px;
}

.pc-builder-name a:hover {
  color: #05F;
}

.pc-builder-name a.is-edit {
  position: relative;
  z-index: 1;
}

.pc-builder-name a.is-remove {
  position: relative;
  margin-left: -8px;
  padding-left: 18px;
  z-index: 0;
}

.pc-builder-name a.is-disabled {
  color: #B8B8B8;
  cursor: not-allowed;
  pointer-events: none;
}

.pc-builder-name a.is-remove:hover {
  color: #C1240B;
}

.pc-builder-name .pc-builder-name-form {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

.pc-builder-name .pc-builder-name-form .form-text {
  -ms-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  width: auto;
}

.pc-builder-share {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.pc-builder-share-btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 8px;
}
.pc-builder-share-btns > span {
  font-size: 13px;
  margin-right: 3px;
}
.pc-builder-share a {
  margin-left: 5px;
  width: 20px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background-color: #636363;
  border-radius: 100%;
  display: inline-block;
}

.pc-builder-share a:hover {
  background: #1061CD;
}

.pc-builder-share-link {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 0 5px;
  justify-content: flex-end;
}
.pc-builder-share-link .ico {
  font-size: 20px;
  margin-right: 10px;
  cursor: pointer;
  color: #636363;
}
.pc-builder-share-link .ico.menu:hover .menu-body {
  display: flex;
}
.pc-builder-share-link .ico.menu .menu-body {
  padding: 2px 9px;
  border-radius: 4px;
  display: none;
  align-items: center;
  height: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.pc-builder-share-link .ico.menu .menu-body .menu-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.pc-builder-share-link .ico.menu.at-top > .menu-body > .menu-arrow:before {
  left: -8px;
}
.pc-builder-share-link .ico.menu.at-top > .menu-body > .menu-arrow, 
.pc-builder-share-link .ico.menu.at-top > .menu-body > .menu-arrow:before {
  border-width: 8px 8px 0 8px;
}
.pc-builder-share-link .ico.menu .menu-body span {
  color: #707070;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
}
.pc-builder-share-url {
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 13px;
  text-overflow: ellipsis;
}

.pc-builder-share-action {
  position: relative;
}

.pc-builder-share-action .btn {
  padding: 3px 0.425em;
  font-size: 11px;
}

.pc-builder-share-action .menu-box-menu {
  left: auto;
  right: 0;
}

.pc-builder-share-action .menu-box-menu-arrow {
  left: auto;
  right: 10px;
}

.pc-builder-share-action .menu-box-menu p {
  padding: 5px 15px;
  white-space: nowrap;
}

.pc-builder-share-link input {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin: 0 0 0 5px;
  color: #707070;
  font-size: 12px;
  text-overflow: ellipsis;
  background: transparent;
  border: 0;
}

.pc-builder-share-link input::-moz-selection {
  color: #fff;
  background: #3c4a65;
}

.pc-builder-share-link input::selection {
  color: #fff;
  background: #3c4a65;
}

.pc-builder-summary {
  margin: 0 0 0 30px;
  width: 240px;
  font-size: 11px;
}

.pc-builder-summary li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 5px 0;
}

.pc-builder-summary label {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  color: #707070;
}

.pc-builder-summary .open-popup {
  text-decoration: underline;
}

.pc-builder-th {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

.pc-builder-td {
  padding: 10px 0;
  font-size: 14px;
  font-weight: bold;
}

.pc-builder-td:first-child {
  width: 140px;
  box-sizing: border-box;
  text-align: center;
}

a.pc-builder-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 12px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

a.pc-builder-title .fa {
  font-size: 16px;
}

a.pc-builder-title span {
  margin-left: 8px;
  line-height: 1.1;
}

.pc-builder-body {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}

.pc-builder-body .swiper-container {
  width: 100%;
  height: 100%;
}

.pc-builder-body .swiper-slide {
  height: auto;
}

.pc-builder-body:hover .swiper-scrollbar {
  opacity: 1 !important;
}

.pc-builder-desc {
  padding: 15px 8px;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
}

.pc-builder-total .open-popup {
  text-decoration: underline;
}

.pc-builder-icon {
  display: block;
  padding: 15px 8px 20px 8px;
  color: #707070;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
}

.pc-builder-icon .item-img {
  margin: 0 auto 8px auto;
  width: 80px;
  background: #fff;
}

.pc-builder-icon .item-img:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 125px;
  background: rgba(0, 0, 0, 1);
  opacity: .04;
  filter: alpha(opacity=4);
}

.pc-builder-icon .item-img[class*="combo-"] img {
  margin: 0 auto;
  width: 48%;
}

.pc-builder-icon .item-img.combo-two-imgs img:nth-child(1) {
  right: auto;
}

.pc-builder-icon .item-img.combo-two-imgs img:nth-child(2) {
  left: auto;
}

.pc-builder-icon .item-img.combo-three-imgs img:nth-child(1) {
  bottom: auto;
}

.pc-builder-icon .item-img.combo-three-imgs img:nth-child(2) {
  top: auto;
  right: auto;
}

.pc-builder-icon .item-img.combo-three-imgs img:nth-child(3) {
  top: auto;
  left: auto;
}

.pc-builder-icon .item-img.combo-four-imgs img:nth-child(1) {
  right: auto;
  bottom: auto;
}

.pc-builder-icon .item-img.combo-four-imgs img:nth-child(2) {
  left: auto;
  bottom: auto;
}

.pc-builder-icon .item-img.combo-four-imgs img:nth-child(3) {
  right: auto;
  top: auto;
}

.pc-builder-icon .item-img.combo-four-imgs img:nth-child(4) {
  left: auto;
  top: auto;
}

.pc-builder-checkbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.pc-builder-checkbox .form-checkbox {
  margin: 0;
  padding-left: 16px;
}

.combo-more-imgs-more {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 48%;
  overflow: hidden;
}

.combo-more-imgs-more:before {
  content: '';
  display: block;
  padding-top: 75%;
  background: #fff;
}

.combo-more-imgs-more:after {
  content: '...';
  position: absolute;
  top: calc(50% - 27px);
  left: 0;
  right: 0;
  text-align: center;
  color: #757575;
  font-weight: bold;
  font-size: 36px;
  line-height: 1;
}

.swiper-slide .pc-builder-icon span {
  display: block;
  color: #05f;
  font-size: 13px;
}

a.pc-builder-icon:hover,
a.pc-builder-icon.is-active {
  color: #707070;
  background: #fff;
}

a.pc-builder-icon:hover .item-img:after,
a.pc-builder-icon.is-active .item-img:after {
  display: none;
}

a.pc-builder-icon span {
  color: #222;
}

.pc-builder-icon .diy-accessories {
  position: relative;
  width: 90px;
  margin: 0 auto;
  height: 64px;
}

.pc-builder-icon .diy-accessories .diy-monitor {
  position: absolute;
  font-size: 60px;
  top: -8px;
  left: 0
}

.pc-builder-icon .diy-accessories .diy-keyboard {
  position: absolute;
  font-size: 32px;
  bottom: -6px;
  left: 14px;
}

.pc-builder-icon .diy-accessories .diy-headset {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 32px;
}

.pc-builder-icon .diy-accessories .diy-mouse {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 32px;
}

/* share popup */
.modal-share-pop.show {
  z-index: 2001;
}
.modal-share-pop .modal-dialog.modal-md {
  max-width: 966px;
}
.modal-share-pop .modal-content {
  padding: 20px 25px 25px 25px;
}
.modal-share-pop .modal-title {
  font-size: 24px;
}
.modal-share-pop .modal-header {
  margin-bottom: 5px;
}
.modal-share-pop .modal-header .close {
  margin-top: 0;
}
.modal-share-pop .modal-body > p {
  font-size: 20px;
  font-weight: 600;
}
.modal-share-box {
  border: 1px solid #979797;
  padding: 20px 25px;
  border-radius: 8px;
  font-size: 22px;
  max-height: 60vh;
}
.modal-share-box strong {
  font-weight: 600;
  display: block;
  margin-bottom: 20px;
}
.modal-share-box p {
  margin-bottom: 20px;
}
.modal-share-box p:last-child {
  margin-bottom: 0;
}
.modal-share-buttons {
  margin-top: 25px;
  text-align: center;
}
.modal-share-buttons .button[class*="bg-"] {
  margin: 0 15px;
  padding: 13px 55px;
  font-size: 20px;
}
.modal-share-list {
  margin-top: 25px;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
}
.modal-share-list label {
  display: flex;
  align-items: center;
  margin-right: 28px;
  cursor: pointer;
}
.modal-share-list .ico {
  font-size: 30px;
  margin-left: 5px;
}
.modal-share-list label input {
  accent-color: #212121;
  width: 18px;
  height: 18px;
}

/* PC Builder FAQ */
.pc-builder-faq-modal {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 1000;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pc-builder-faq-btn {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 100%;
  background: #222;
  opacity: 0.9;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.50);
}

.pc-builder-faq-btn span {
  position: relative;
  color: #fff;
  font-size: 26px;
  z-index: 1;
}

.pc-builder-faq-btn:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.popover.popover-pc-builder-faq.bs-popover-top {
  margin: 10px 15px;
  border: 0;
  background: none;
  box-shadow: none;
}

.pc-builder-faq-contents {
  display: none;
}

.pc-builder-faq-contents.is-2-col {
  -webkit-flex-flow: wrap row;
  flex-flow: wrap row;
  width: 480px;
  margin: -10px;
}

.pc-builder-faq-contents.is-2-col .pc-builder-faq-col {
  width: 50%;
}

.pc-builder-faq-contents.is-2-col .pc-builder-faq-col .editorial {
  margin: 10px;
  min-width: 0;
}

.popover-pc-builder-faq.popover.show {
  max-width: none;
}

.popover .pc-builder-faq-contents {
  display: block;
}

.popover .pc-builder-faq-contents.is-2-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.popover-pc-builder-faq .popover-body {
  padding: 0;
}

.popover-pc-builder-faq .editorial {
  margin: 0 0 20px 0;
  min-width: 235px;
  border: 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.50);
}

.popover-pc-builder-faq .editorial:last-child {
  margin-bottom: 0;
}

.popover-pc-builder-faq .editorial-summary-text {
  pointer-events: none;
}

.popover-pc-builder-faq .editorial.only-text.animated .editorial-summary:hover {
  background: #eee !important;
}

.popover-pc-builder-tips.show {
  z-index: 2001;
  max-width: 365px;
  -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, .3);
  -ms-box-shadow: 0px 1px 10px rgba(0, 0, 0, .3);
  -o-box-shadow: 0px 1px 10px rgba(0, 0, 0, .3);
  box-shadow: 0px 1px 10px rgba(0, 0, 0, .3);
} 
.popover-pc-builder-tips.popover .arrow {
  width: 19px;
  height: 10px;
}
.popover-pc-builder-tips.bs-popover-bottom, 
.popover-pc-builder-tips.bs-popover-auto[x-placement^="bottom"] {
  margin-top: 10px;
}
.popover-pc-builder-tips.bs-popover-bottom > .arrow, 
.popover-pc-builder-tips.bs-popover-auto[x-placement^="bottom"] > .arrow {
  top: -8px;
}
.popover-pc-builder-tips.bs-popover-bottom > .arrow::after, 
.popover-pc-builder-tips.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  border-width: 0 10px 10px 10px;
}
.popover-pc-builder-tips.bs-popover-bottom > .arrow::before, 
.popover-pc-builder-tips.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  border-width: 0 10px 10px 10px;
}


.popover-pc-builder-tips.bs-popover-top, 
.popover-pc-builder-tips.bs-popover-auto[x-placement^="top"] {
  margin-bottom: 10px;
}
.popover-pc-builder-tips.bs-popover-top > .arrow, 
.popover-pc-builder-tips.bs-popover-auto[x-placement^="top"] > .arrow {
  bottom: -8px;
}
.popover-pc-builder-tips.bs-popover-top > .arrow::after, 
.popover-pc-builder-tips.bs-popover-auto[x-placement^="top"] > .arrow::after {
  border-width: 10px 10px 0 10px;
}
.popover-pc-builder-tips.bs-popover-top > .arrow::before, 
.popover-pc-builder-tips.bs-popover-auto[x-placement^="top"] > .arrow::before {
  border-width: 10px 10px 0 10px;
}


.popover-pc-builder-tips.bs-popover-right, 
.popover-pc-builder-tips.bs-popover-auto[x-placement^="right"] {
  margin-left: 10px;
}
.popover-pc-builder-tips.bs-popover-right > .arrow, 
.popover-pc-builder-tips.bs-popover-auto[x-placement^="right"] > .arrow {
  left: -8px;
  width: 10px;
  height: 19px;
}
.popover-pc-builder-tips.bs-popover-right > .arrow::after, 
.popover-pc-builder-tips.bs-popover-auto[x-placement^="right"] > .arrow::after {
  border-width: 10px 10px 10px 0;
  left: 0;
}
.popover-pc-builder-tips.bs-popover-right > .arrow::before, 
.popover-pc-builder-tips.bs-popover-auto[x-placement^="right"] > .arrow::before {
  border-width: 10px 10px 10px 0;
}


.popover-pc-builder-tips.bs-popover-left, 
.popover-pc-builder-tips.bs-popover-auto[x-placement^="left"] {
  margin-right: 10px;
}
.popover-pc-builder-tips.bs-popover-left > .arrow, 
.popover-pc-builder-tips.bs-popover-auto[x-placement^="left"] > .arrow {
  right: -8px;
  width: 10px;
  height: 19px;
}
.popover-pc-builder-tips.bs-popover-left > .arrow::after, 
.popover-pc-builder-tips.bs-popover-auto[x-placement^="left"] > .arrow::after {
  border-width: 10px 0 10px 10px;
  right: 0;
}
.popover-pc-builder-tips.bs-popover-left > .arrow::before, 
.popover-pc-builder-tips.bs-popover-auto[x-placement^="left"] > .arrow::before {
  border-width: 10px 0 10px 10px;
}


.popover-pc-builder-tips .popover-body {
  padding: 20px;
  font-size: 16px;
  line-height: 20px;
}

.dark-mode .popover-pc-builder-tips.popover {
  background: #202020 !important;
}

/* modal-power-bar */
.product-power-nav {
  border-radius: 4px;
  width: 70%;
  max-width: 250px;
}

.product-power-nav .product-power-nav-buttons {
  position: relative;
  display: inline-flex;
  padding: 1px 0 2px;
  border-radius: 30px;
  width: 100%;
}

.product-power-nav .product-power-nav-buttons .button {
  position: relative;
  z-index: 2;
  width: 100px;
  height: 24px;
  margin: 0 3px;
  border-width: 0;
  border-radius: 12px;
  color: #212121;
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: calc(100% / 3);
  max-width: 77px;
}

.product-power-nav .product-power-nav-buttons .button:hover {
  border-color: transparent;
  transform: scale(1);
}

.product-power-nav .product-power-nav-buttons .button:focus {
  border-color: transparent;
  box-shadow: 0 0 0 0 transparent;
}

.product-power-nav .product-power-nav-buttons .button-slide {
  position: absolute;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 0.43769px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 700;
}

.product-power-nav-buttons .button:nth-of-type(1).is-slide~.button-slide {
  transform: translateX(-1%);
}

.product-power-nav-buttons .button:nth-of-type(2).is-slide~.button-slide {
  transform: translateX(104%);
}

.product-power-nav-buttons .button:nth-of-type(3).is-slide~.button-slide {
  transform: translateX(212%);
}

.product-power-nav-buttons .button:nth-of-type(4).is-slide~.button-slide {
  transform: translateX(308%);
}

.product-power-nav .product-power-nav-buttons .button.is-slide {
  opacity: 0;
  color: inherit;
}
#modal-power-bar.show {
  z-index: 2010;
}
#modal-power-bar .modal-content {
  padding: 0;
}

#modal-power-bar .modal-xl {
  max-width: 970px;
}

#modal-power-bar .modal-content .modal-header {
  padding: 40px 0 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  box-shadow: none;
  margin-bottom: 0;
}

#modal-power-bar .modal-content .modal-header .product-power-nav {
  max-width: 250px;
}

#modal-power-bar .modal-content .modal-header .modal-title {
  width: 100%;
  font-weight: 400;
  text-align: center;
  margin-bottom: 0;
  position: relative;
}

#modal-power-bar .modal-content .modal-header .modal-title .close {
  margin: 0;
  position: absolute;
  right: 20px;
  top: -20px;
  transform: translateY(0);
  color: #d9d9d9;
}

#modal-power-bar .modal-content .modal-header .modal-title .close:hover {
  color: #222;
}

#modal-power-bar .modal-content .modal-body {
  padding: 0 0px 40px 40px;
}

#modal-power-bar .modal-content .modal-body .item-cells-wrap {
  max-height: 550px;
}

#modal-power-bar .modal-content .modal-body .item-cells-wrap.scrollbar {
  padding-right: 0;
}

#modal-power-bar .modal-content .modal-body .item-cells-wrap.six-cells>.item-cell {
  max-width: 142px;
  margin-right: 9px;
  margin-top: 15px;
}

#modal-power-bar .modal-content .modal-body .item-cells-wrap.six-cells>.item-cell:nth-child(-n+6) {
  margin-top: 0;
}

#modal-power-bar .modal-content .modal-body .item-cells-wrap.six-cells>.item-cell:nth-child(6n) {
  margin-right: 0;
}

#modal-power-bar .modal-content .modal-body .item-cells-wrap.six-cells>.item-cell .game-img {
  width: 142px;
  height: 190px;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: hidden;
}

#modal-power-bar .modal-content .modal-body .item-cells-wrap.six-cells>.item-cell .game-img img {
  width: 142px;
  height: 190px;
}

#modal-power-bar .modal-content .modal-body .item-cells-wrap.six-cells>.item-cell .game-score {
  text-align: center;
  background-color: #FFE4C0;
  padding: 5px 0;
  color: #212121;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25);
  margin-top: -14px;
  font-size: 20px;
  max-height: 37px;
  box-sizing: border-box;
  z-index: 2;
  position: relative;
}
#modal-power-bar .modal-content .modal-body .item-cells-wrap.six-cells>.item-cell .game-score.no-play {
  font-size: 18px;
  padding: 7px 0;
}
#modal-power-bar .modal-content .modal-body .item-cells-wrap.six-cells>.item-cell .game-score>strong {
  margin-right: 4px;
  color: #CC4100;
}
#modal-power-bar .modal-content .modal-body .item-cells-wrap.six-cells>.item-cell .game-score.is-shop {
  padding-right: 50px;
  text-align: right;
}
#modal-power-bar .modal-content .modal-body .item-cells-wrap.six-cells>.item-cell .game-score.is-shop.no-play {
  font-size: 12px;
  line-height: 28px;
  padding-right: 44px;
}
#modal-power-bar .modal-content .modal-body .item-cells-wrap.six-cells>.item-cell .game-score.is-shop.no-play i {
  font-size: 20px;
}
#modal-power-bar .modal-content .modal-body .item-cells-wrap.six-cells>.item-cell .game-score i {
  background-color: #FEC98D;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 27px 0 0 27px;
}

#modal-power-bar .modal-content .modal-body .item-cells-wrap.six-cells>.item-cell span {
  margin-top: 2px;
  font-size: 18px;
}

#modal-power-bar .modal-content .modal-body .item-cells-wrap.six-cells>.item-cell span>strong {
  color: #CC4100;
  margin-right: 4px;
}

#modal-power-bar .modal-content .modal-header .product-power-nav-left {
  position: absolute;
  left: 0;
  top: 35px;
  padding: 7px 13px 7px 8px;
  background-color: #FEC98D;
  border-radius: 0 27px 27px 0;
  font-size: 14px;
}
#modal-power-bar .modal-content .modal-header .product-power-nav-left .ico {
  margin-right: 5px;
  font-size: 17px;
  vertical-align: middle;
  font-weight: 600;
}

#modal-power-bar .modal-content .modal-body .item-cells-wrap.five-cells>.item-cell {
  max-width: 170px;
  margin-right: 10px;
  margin-top: 10px;
}

#modal-power-bar .modal-content .modal-body .item-cells-wrap.five-cells>.item-cell:nth-child(-n+5) {
  margin-top: 0;
}

#modal-power-bar .modal-content .modal-body .item-cells-wrap.five-cells>.item-cell:nth-child(5n) {
  margin-right: 0;
}

#modal-power-bar .modal-content .modal-body .item-cells-wrap.five-cells>.item-cell .game-img {
  width: 170px;
  height: 130px;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: hidden;
}

#modal-power-bar .modal-content .modal-body .item-cells-wrap.five-cells>.item-cell .game-img img {
  width: 170px;
  height: 130px;
}

#modal-power-bar .modal-content .modal-body .item-cells-wrap.five-cells>.item-cell .game-score {
  text-align: center;
  background-color: #FCE6C9;
  padding: 5px 0;
  color: #212121;
  border-radius: 0 0 4px 4px;
  box-shadow: none;
  margin-top: -32px;
  font-size: 18px;
  max-height: 32px;
  box-sizing: border-box;
  z-index: 2;
}

#modal-power-bar .modal-content .modal-body .item-cells-wrap.five-cells>.item-cell .game-score.no-play {
  font-size: 18px;
  padding: 5px 0;
}

#modal-power-bar .modal-content .modal-body .item-cells-wrap.five-cells>.item-cell .game-score>strong {
  margin-right: 4px;
  color: #CC4100;
}

#modal-power-bar .modal-content .modal-body .item-cells-wrap.five-cells>.item-cell span {
  margin-top: 2px;
  font-size: 18px;
}

#modal-power-bar .modal-content .modal-body .item-cells-wrap.five-cells>.item-cell span>strong {
  color: #CC4100;
  margin-right: 4px;
}

.modal-power-mark {
  margin-top: 20px;
  margin-right: 40px;
  padding: 10px 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.modal-power-mark .left {
  display: flex;
  flex-direction: column;
}

.modal-power-mark .left img {
  width: 120px;
  margin-bottom: 10px;
}

.modal-power-list {
  display: flex;
}

.modal-power-list .item-cell {
  min-height: 0;
  width: auto;
  width: 68px;
  height: 68px;
  position: relative;
  margin-left: 84px;
}

.modal-power-list .item-cell strong {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 15px;
  font-size: 20px;
  font-weight: 900;
  color: #CC4100;
  line-height: 28px;
}

.modal-power-list .item-cell span {
  font-size: 12px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 36px;
  white-space: nowrap;
}

.modal-power-list .item-cell .ico {
  font-size: 68px;
  color: #D1D1D1;
}

.modal-power-text {
  margin-top: 20px;
  font-size: 12px;
  line-height: 18px;
  margin-right: 40px;
}

.modal-power-text p+p {
  margin-top: 5px;
}

.modal-power-link {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #E8E8E8;
  font-size: 14px;
  margin-right: 40px;
}

.modal-power-link a {
  font-weight: bold;
  text-decoration: underline;
}

.dark-mode .product-power-info {
  background-color: #212121;
  color: #fff;
}

.dark-mode .product-power-info-3d {
  background-color: #fff;
}

.dark-mode .product-power-info-group .fa-Crosshair-thin {
  color: rgba(255, 255, 255, 0.1);
}

.dark-mode .product-power-items {
  background-color: #000;
}

.dark-mode .product-power-info-group strong {
  font-size: 14px;
  color: #fff;
}

.dark-mode .product-power-items-percentile,
.dark-mode .product-power-items-score strong,
.dark-mode .product-power-nav .product-power-nav-buttons .button {
  color: #fff;
}

.dark-mode .product-power-tips {
  color: #adadad;
}

.dark-mode .product-power-nav .product-power-nav-buttons .button:hover {
  color: #8EAFF0;
}

.dark-mode .product-power>.display-flex,
.dark-mode .product-benchmarks .product-features-list {
  border-color: #363636;
}

.dark-mode .modal-power-list .item-cell .ico {
  color: #424242;
}

.dark-mode .modal-power-list .item-cell strong,
.dark-mode #modal-power-bar .modal-content .modal-body .item-cells-wrap.five-cells>.item-cell .game-score>strong,
.dark-mode .product-power-items-container .item-cell .game-score>strong {
  color: #FF6600;
}

.dark-mode .product-power-percentile .box {
  border-left: 12px solid #146ADB;
  border-top: 12px solid #146ADB;
  border-right: 12px solid #363636;
  border-bottom: 12px solid #363636;
}

/* power bar */

/* modal-power-bar */

/* PC Builder Modal */
.modal-open.is-chartgpt .pc-builder {
  right: 0;
}

.modal.right.modal-pc-builder .modal-dialog.modal-lg {
  width: 840px;
  max-width: 840px;
}

.modal.right.modal-pc-builder .modal-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.modal.right.fade.modal-pc-builder .modal-dialog.modal-lg {
  right: -840px;
}

.modal.right.fade.show.modal-pc-builder .modal-dialog {
  right: 0;
}

.modal.modal-pc-builder .modal-footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 10px 10px 10px 20px;
}

.modal.modal-pc-builder .modal-footer:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  opacity: 1;
  filter: alpha(opacity=80);
  z-index: 0;
}

.modal.modal-pc-builder .modal-footer-msg {
  position: relative;
  margin-right: 10px;
  z-index: 1;
  font-size: 11px;
  color: #636363;
  max-width: 220px;
}

.modal.modal-pc-builder .modal-footer-actions {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  position: relative;
  margin: 0 0 0 20px;
  z-index: 1;
}
.modal.modal-pc-builder .modal-footer-action {
  width: 100%;
}
.modal.modal-pc-builder .modal-footer-actions .modal-footer-savings {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.modal.modal-pc-builder .modal-footer-actions .modal-footer-savings .total-btn {
  flex-direction: column;
  justify-content: flex-end;
  text-align: right;
  margin-left: 30px;
}
.modal.modal-pc-builder .modal-footer-actions .modal-footer-savings .total-btn span {
  font-weight: normal;
  display: block;
  margin-bottom: 5px;
}
.modal.modal-pc-builder .modal-footer-actions .modal-footer-savings .total-btn strong {
  font-size: 16px;
}
.modal.modal-pc-builder .modal-footer-actions .modal-footer-buttons {
  text-align: right;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-left: 10px;
}
.modal.modal-pc-builder .modal-footer-actions .modal-footer-savings .modal-footer-saving:not(.total-btn) {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: center;
  margin-left: 15px;
}
.modal.modal-pc-builder .modal-footer-actions .modal-footer-savings.n-red-d7 .modal-footer-saving span, 
.modal.modal-pc-builder .modal-footer-actions .modal-footer-savings.n-red-d7 .modal-footer-saving strong {
  color: var(--n-red-d7);
}
.dark-mode .modal.modal-pc-builder .modal-footer-actions .modal-footer-savings.n-red-d7 .modal-footer-saving span, 
.dark-mode .modal.modal-pc-builder .modal-footer-actions .modal-footer-savings.n-red-d7 .modal-footer-saving strong {
color: var(--n-red-l7);
}
.modal.modal-pc-builder .modal-footer-actions .modal-footer-savings .modal-footer-saving i {
cursor: pointer;
color: rgb(99, 99, 99);
margin-left: 4px;
}
.modal.modal-pc-builder .modal-footer-actions .modal-footer-savings .modal-footer-saving i:hover {
color: rgb(0, 85, 255);
}

.modal.modal-pc-builder .product-power-score {
width: 125px;
margin-bottom: 0;
text-align: center;
}
.modal.modal-pc-builder .product-power-percentile {
width: 120px;
height: 60px;
margin-top: 5px;
margin-bottom: 5px;
position: relative;
overflow: hidden;
}
.modal.modal-pc-builder .product-power-percentile .box {
width: 120px;
height: 120px;
}
.product-power-percentile .box {
width: 200px;
height: 200px;
border-left: 12px solid #6596EA;
border-top: 12px solid #6596EA;
border-right: 12px solid #E8E8E8;
border-bottom: 12px solid #E8E8E8;
border-radius: 50%;
box-sizing: border-box;
position: absolute;
top: 0;
transition: all ease 0.8s;
transform: rotate(var(--data-score));
}
.modal.modal-pc-builder .product-power-score>span {
font-size: 13px;
color: #212121;
font-weight: bold;
}
.modal.modal-pc-builder .product-power-score>span i {
color: #636363;
font-weight: normal;
margin-left: 5px;
}
.modal.modal-pc-builder .product-power-num>span {
font-size: 15px;
line-height: 38px;
font-weight: bold;
}
.product-power-num .product-power-num-percentile span {
font-weight: bold;
margin-right: 4px;
}
.modal.modal-pc-builder .product-power-num {
top: 12px;
position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  text-align: center;
  color: #212121;
}
.modal.modal-pc-builder .product-power-num .product-power-num-percentile {
font-size: 12px;
margin-top: -9px;
}
.modal.modal-pc-builder .product-power-score > a {
font-weight: bold;
font-size: 12px;
margin-top: 5px;
}
.dark-mode .modal.modal-pc-builder .product-power-score>span,
.dark-mode .modal.modal-pc-builder .product-power-score>span i,
.dark-mode .modal.modal-pc-builder .product-power-num,
.dark-mode .modal.modal-pc-builder .modal-footer-actions .modal-footer-savings .modal-footer-saving i {
color: #f7f7f7;
}

.modal.modal-pc-builder .modal-footer-actions .modal-footer-saving:not(.total-btn) span {
  font-weight: normal;
}
.modal.modal-pc-builder .modal-footer-actions .modal-footer-savings .modal-footer-saving:not(.total-btn) strong {
  margin-left: 5px;
  font-size: 14px;
}
.modal.modal-pc-builder .modal-footer-actions .modal-footer-saving {
  margin-bottom: 2px;
  font-size: 12px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.modal.modal-pc-builder .modal-footer-msg .modal-footer-savings .modal-footer-saving span {
  white-space: nowrap;
  margin-right: 5px;
  display: inline-block;
}
.modal.modal-pc-builder .modal-footer-msg .modal-footer-savings .modal-footer-saving i {
  cursor: pointer;
  margin-left: 4px;
}
.modal.modal-pc-builder .modal-footer-msg .modal-footer-savings .modal-footer-saving i:hover {
  color: #05F;
}
.modal.modal-pc-builder .modal-footer-actions .modal-footer-saving span {
  color: #212121;
  font-weight: bold;
}
.modal.modal-pc-builder .modal-footer-actions .btn {
  margin-left: 15px;
  padding: 0 24px;
  height: 30px;
}

.modal.modal-pc-builder .modal-footer-actions .open-popup {
  padding-left: 0;
  margin-top: 6px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: bold;
}

.modal.modal-pc-builder .modal-footer-msg .modal-footer-savings {
  color: #212121;
}
.modal.modal-pc-builder .modal-footer-msg .modal-footer-savings .modal-footer-saving {
  margin-bottom: 5px;
}
.modal.modal-pc-builder .modal-footer-msg .modal-footer-savings .modal-footer-saving strong {
  font-size: 14px;
}
.modal.modal-pc-builder .pc-builder {
  right: 0;
  width: 100%;
  max-width: 840px;
}
.modal.modal-pc-builder .modal-footer-actions .modal-footer-saving.total-btn {
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 5px;
}
.modal.modal-pc-builder .modal-footer-actions .modal-footer-saving.total-btn span {
  font-weight: normal;
}
.modal.modal-pc-builder .modal-footer-actions .modal-footer-saving.total-btn strong {
  font-size: 18px;
  margin-left: 10px;
  font-weight: 900;
}

.dark-mode .modal.modal-pc-builder .modal-footer-msg .modal-footer-savings {
  color: #E3E3E3;
}
.dark-mode .modal.modal-pc-builder .modal-footer-msg .modal-footer-savings .modal-footer-saving i:hover {
  color: #98c6ff;
}

.modal.modal-pc-builder .pc-builder-lists {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding: 0 60px;
  overflow: hidden;
}

.modal.modal-pc-builder .pc-builder-lists .swiper-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -ms-flex-align: center;
  align-items: center;
}

.modal.modal-pc-builder .pc-builder-lists .swiper-slide {
  width: auto;
}

.modal.modal-pc-builder .pc-builder-lists .swiper-slide a {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
}

.modal.modal-pc-builder .pc-builder-lists .swiper-slide a span {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modal.modal-pc-builder .pc-builder-lists a:hover:after,
.modal.modal-pc-builder .pc-builder-lists a.is-active:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4px;
  background: #cc4e00;
}

.modal.modal-pc-builder .pc-builder-lists .swiper-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
  z-index: 9;
}

.modal.modal-pc-builder .pc-builder-lists .swiper-btn.swiper-button-disabled {
  display: none;
}

.modal.modal-pc-builder .pc-builder-lists .swiper-btn-prev {
  left: 40px;
  padding: 0 20px 0 5px;
  background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #00283a 40%, #00283a 100%);
}

.modal.modal-pc-builder .pc-builder-lists .swiper-btn-next {
  right: 40px;
  padding: 0 5px 0 20px;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #00283a 40%, #00283a 100%);
}

.modal.modal-pc-builder .pc-builder-header .btn {
  margin: 7px 15px;
}

.modal.modal-pc-builder .pc-builder-body .swiper-container {
  padding-bottom: 125px;
  box-sizing: border-box;
}

.modal.modal-pc-builder .pc-builder-icon {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 140px;
  box-sizing: border-box;
}

.modal.modal-pc-builder .pc-builder-icon span:first-child {
  margin: 30px 0 0 0;
}

.modal.modal-pc-builder .pc-builder .swiper-slide {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: auto;
}

.modal.modal-pc-builder .pc-builder .swiper-slide.is-disabled .item-img {
  opacity: 0.3;
  filter: grayscale(1);
}

.modal.modal-pc-builder .pc-builder .swiper-slide.is-disabled .item-info,
.modal.modal-pc-builder .pc-builder .swiper-slide.is-disabled .price {
  color: #999;
}

.modal.modal-pc-builder .item-cells-wrap.tile-cells {
  margin-bottom: 0;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

.modal.modal-pc-builder .item-cells-wrap.tile-cells>.item-cell {
  margin: 0;
  padding: 15px;
  background: none;
  border-bottom: 1px solid #d9d9d9;
}

.modal.modal-pc-builder .item-cells-wrap.tile-cells>.item-cell-msg {
  display: block;
  margin: 15px 15px 5px 15px;
}

.modal.modal-pc-builder .item-cell .item-img {
  position: relative;
  max-width: 100px;
}

.modal.modal-pc-builder .item-img-box-tag {
  border-radius: 0 0 4px 4px;
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  line-height: 16px;
  color: #CC4100;
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  backdrop-filter: blur(10px);
  padding: 0 2px;
  display: flex;
  align-items: center;
}
.modal.modal-pc-builder .item-img-box-tag i {
  margin-right: 2px;
  color: #C09411;
}
.item-img-box-content {
  display: none;
}
.popover-ranking.show {
  z-index: 2001 !important;
}

.modal.modal-pc-builder .item-cells-wrap.tile-cells>.item-cell .item-img:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 125px;
  background: rgba(0, 0, 0, 1);
  opacity: .04;
  filter: alpha(opacity=4);
}

.modal.modal-pc-builder .item-cells-wrap.tile-cells .item-cell-add {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  min-height: 0;
  padding: 15px 0;
}

.modal.modal-pc-builder .item-cells-wrap.tile-cells .item-cell+.item-cell-add {
  margin: -1px 0 0 0;
  padding: 0 0 15px 0;
  background: #F4F5F7;
}

.modal.modal-pc-builder .item-cell .item-promo {
  margin-bottom: 0;
  color: #DB1600;
}

.modal.modal-pc-builder .item-cell .tag-list {
  margin-top: 5px;
}

.modal.modal-pc-builder .item-cell .item-badge {
  margin: 5px 0 0 0;
}

.modal.modal-pc-builder .item-cell .item-badge .flags {
  margin-left: 3px;
}

.modal.modal-pc-builder .item-cell .item-badge .flags-right:before {
  margin-left: -3px;
}

.modal.modal-pc-builder .item-cell .item-badge .flags-right:after {
  left: 3px;
}

.modal.modal-pc-builder .item-cell .btn-message {
  padding: 0;
}

.modal.modal-pc-builder .item-cell .item-qty {
  min-width: 80px;
  text-align: left;
  padding-left: 10px;
}
.modal.modal-pc-builder .item-cell .item-qty .form-text {
  padding: 8;
  border: 0;
  width: 40px;
  height: 36px;
  font-size: 12px;
  border: 1px solid #e3e3e3;
}
.modal.modal-pc-builder .item-cell .item-qty .form-text:focus {
  box-shadow: none;
}
.modal.modal-pc-builder .item-cell .item-qty .item-qty-limit {
  text-align: center;
}
.modal.modal-pc-builder .item-cell .item-qty .qty-box {
  width: 80px;
  height: 24px;
  border-radius: 12px;
  border: 1px #707070 solid;
  background-color: transparent;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 2px;
  color: #000;
}
.modal.modal-pc-builder .item-cell .item-qty .qty-box .qty-box-minus, 
.modal.modal-pc-builder .item-cell .item-qty .qty-box .qty-box-plus {
  cursor: pointer;
  width: 23%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #A9C1F4;
  padding: 1px 5px;
}
.modal.modal-pc-builder .item-cell .item-qty .qty-box .qty-box-minus:disabled, 
.modal.modal-pc-builder .item-cell .item-qty .qty-box .qty-box-plus:disabled {
  opacity: .3;
  cursor: default;
  pointer-events: none;
}
.modal.modal-pc-builder .item-cell .item-qty .qty-box .qty-box-input, 
.modal.modal-pc-builder .item-cell .item-qty .qty-box .qty-box-minus, 
.modal.modal-pc-builder .item-cell .item-qty .qty-box .qty-box-plus {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.modal.modal-pc-builder .item-cell .item-qty .qty-box .ico:not(.disabled):hover, 
.modal.modal-pc-builder .item-cell .item-qty .qty-box .ico:not(.disabled):active {
  color: #3B83FF;
}
.modal.modal-pc-builder .item-cell .item-qty .qty-box .qty-box-input, 
.modal.modal-pc-builder .item-cell .item-qty .qty-box .qty-box-minus, 
.modal.modal-pc-builder .item-cell .item-qty .qty-box .qty-box-plus {
  height: 100%;
  font-size: 13px;
  color: #000;
  background-color: transparent;
  border-color: transparent;
  z-index: 2;
}
.modal.modal-pc-builder .item-cell .item-qty .qty-box .qty-box-input {
  width: 54%;
  cursor: auto;
}
.dark-mode .modal.modal-pc-builder .item-cell .item-qty .qty-box .qty-box-input {
  background: transparent!important;
  border-color: transparent !important;
}
.dark-mode .modal.modal-pc-builder .item-cell .item-qty .qty-box-minus, 
.dark-mode .modal.modal-pc-builder .item-cell .item-qty .qty-box-plus {
  background: transparent !important;
  border: 1px solid transparent !important;
}
.dark-mode .modal.modal-pc-builder .item-cell .item-qty .qty-box .ico:not(.disabled):hover, 
.dark-mode .modal.modal-pc-builder .item-cell .item-qty .qty-box .ico:not(.disabled):active {
  color: #ffa33a !important;
}


.modal.modal-pc-builder .item-cell .item-action {
  width: 110px;
}

.modal.modal-pc-builder .item-cell .item-remove {
  width: 58px;
  padding-left: 30px;
  padding-right: 10px;
  -webkit-align-self: center;
  align-self: center;
}

.modal.modal-pc-builder .item-cell .item-remove a {
  font-size: 20px;
  color: #707070;
}

.modal.modal-pc-builder .item-cell .item-remove a:hover {
  color: #C1240B;
}

.modal.modal-pc-builder .item-cell .item-remove a.is-disabled {
  color: #B8B8B8;
  cursor: not-allowed;
  pointer-events: none;
}

.modal.modal-pc-builder .item-cell .price-was,
.modal.modal-pc-builder .item-cell .price-save,
.modal.modal-pc-builder .item-cell .price-note,
.modal.modal-pc-builder .item-cell .price-ship {
  display: none;
}

.modal.modal-pc-builder .item-cell .price-current {
  font-size: 16px;
  font-weight: bold;
  height: auto;
}

.modal.modal-pc-builder .item-cell .price-current sup {
  font-size: 16px;
  vertical-align: 0;
  font-weight: bold;
}

.modal.modal-pc-builder .item-cell .price-drop img {
  width: 14px;
  margin-right: 4px;
}

.modal.modal-pc-builder .item-cell .price-drop {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #CC4100;
  font-weight: normal;
  white-space: nowrap;
}
.modal.modal-pc-builder .item-cell .price-sale {
  margin-top: 5px;
  display: inline-block;
}

.modal.modal-pc-builder .item-cell .price-map {
  font-size: 14px;
}

.modal.modal-pc-builder .item-cell-action {
  padding: 40px 0;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
}

.modal.modal-pc-builder .item-cell-form {
  padding: 15px 14px;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
  box-sizing: border-box;
}

.modal.modal-pc-builder .item-cell-form .is-type {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 155px;
}

.modal.modal-pc-builder .item-cell-form .is-type .dropdown .dropdown-text {
  padding: 0 1em;
  height: 32px;
}

.modal.modal-pc-builder .item-cell-form .is-type .dropdown .dropdown-text span {
  font-size: 13px;
}

.modal.modal-pc-builder .item-cell-form .is-type .dropdown .menu-box-menu {
  top: 32px;
}

.modal.modal-pc-builder .item-cell-form .is-type .dropdown.top .menu-box-menu {
  top: auto;
  bottom: 32px;
}

.modal.modal-pc-builder .item-cell-form .is-name {
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  width: 100%;
}

.modal.modal-pc-builder .item-cell-form .is-qty {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 67px;
}

.modal.modal-pc-builder .item-cell-form .is-qty .item-qty {
  min-width: 55px;
  width: 55px;
}

.modal.modal-pc-builder .item-cell-form .is-price {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 155px;
}

.modal.modal-pc-builder .item-cell-form .is-checkbox {
  text-align: center;
}

.modal.modal-pc-builder .item-cell-form .is-checkbox .form-checkbox {
  margin: 0;
}

.modal.modal-pc-builder .item-cell-form .form-button-area {
  padding: 0;
  text-align: center;
}

.modal-pc-builder-pdp .items-list-view .item-img,
.modal-pc-builder-pdp .items-list-view .item-info {
  margin-top: -30px;
}

.modal-pc-builder-pdp .items-list-view .price {
  margin-top: -20px;
  text-align: right;
}

.modal-pc-builder-pdp .items-list-view .price .price-current {
  width: auto;
}

.modal-pc-builder-pdp .items-list-view .price-save-label:before {
  right: 100%;
  border-bottom: 16px solid #cc4e00;
  border-left: 10px solid transparent;
}

.modal-pc-builder-pdp .items-list-view .price-save-percent:after {
  display: none;
}

.modal-pc-builder-pdp .items-list-view .item-promo {
  margin-bottom: 6px;
}

.modal-pc-builder-pdp .item-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin: 15px 0;
}

.modal-pc-builder-pdp .item-branding .item-rating {
  float: none;
  min-width: 0;
}

.modal-pc-builder-pdp .item-branding .link-more {
  position: relative;
  top: 1px;
  margin: 0 0 0 15px;
  font-size: 13px;
}

.modal-pc-builder-pdp .item-actions .btn {
  margin: 0 0 0 12px;
}

.modal-pc-builder-pdp .tab-panes .tab-pane {
  padding: 15px;
}

.modal-pc-builder-check .message-block {
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
  border-top: 1px solid #eee;
}

.modal-pc-builder-check .message-block p+p {
  margin: 15px 0 0 0;
}

.modal-pc-builder-check .pc-builder-service img {
  display: block;
  margin: 15px auto 0 auto;
  width: 120px;
}


/* pc-builder combo modal */
.modal-pc-builder-combo .modal-dialog {
  max-width: 1254px;
  min-width: 800px;
  padding-left: 17px;
}
.modal-pc-builder-combo .modal-header {
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
}
.modal-pc-builder-combo .modal-header .close {
  margin: 0;
}
.modal-pc-builder-combo .swiper-box-top-combo-title > p {
  font-size: 20px;
  text-transform: capitalize;
  line-height: 28px;
}
.modal-pc-builder-combo .swiper-box-top-combo-title > span {
  font-size: 12px;
}
.modal-pc-builder-combo .product-combo-box .tab-panes .tab-pane {
  padding: 0;
  border: none;
}
.modal-pc-builder-combo .product-contents .product-combo-box .product-buy-combo {
  margin: 0;
  padding: 15px;
  margin-top: 15px;
}
.modal-pc-builder-combo .product-combo-box .product-buy-combo .main-package-item i.fa-plus {
  margin: auto 15px;
}
.modal-pc-builder-combo .product-combo-box .package_summary_swiper {
  width: calc(100% - 128px);
  background: transparent;
  padding-top: 0 !important;
}
.dark-mode .modal-pc-builder-combo .product-combo-box .package_summary_swiper {
  background: transparent !important;
}
.modal-pc-builder-combo .product-combo-box .package_summary_swiper .item-note {
  text-align: center;
}
.modal-pc-builder-combo .product-combo-box .package_summary_swiper .swiper-container {
  margin: 0;
}
.modal-pc-builder-combo .product-combo-box .product-buy-combo .left {
  width: calc(100% - 280px);
}
.modal-pc-builder-combo .product-combo-box .product-buy-combo .left .item-title {
  margin-bottom: 8px;
}
.modal-pc-builder-combo .product-combo-box .product-buy-combo .summary-wrap {
  margin-left: 10px;
  height: auto !important;
}
.modal-pc-builder-combo .product-combo-box .product-buy-combo .summary-wrap .summary-content-subtotal {
  padding: 15px 20px;
}
.modal-pc-builder-combo .product-combo-box .product-buy-combo .summary-wrap .summary-content-savings {
  background-color: #fff;
  padding: 10px 20px 5px;
}
.modal-pc-builder-combo .product-combo-box .product-buy-combo .summary-wrap .summary-content-savings::before,
.modal-pc-builder-combo .product-combo-box .product-buy-combo .summary-wrap .summary-content-savings::after {
  content: none;    
}
.modal-pc-builder-combo .product-combo-box .product-buy-combo .left .message-information strong {
  color: #FF3729;
}

.modal-pc-builder-combo .product-combo-box .row.has-side-left>.row-side {
  padding: 15px 0 0;
  margin-left: 0;
  width: 178px;
}
.modal-pc-builder-combo .product-combo-box .row.has-side-left>.row-side .item-container {
  padding-left: 0;
  padding-right: 15px;
}
.modal-pc-builder-combo .product-combo-box .row-side .item-note {
  top: -50px !important;
}
.modal-pc-builder-combo .product-combo-box .tab-panes .tab-pane .swiper-box {
  padding: 20px 0 0;
}
.modal-pc-builder-combo .product-combo-box .tab-tags {
  padding-left: 192px;
  margin-left: 0 !important;
  min-height: 34px;
}
.modal-pc-builder-combo .product-combo-box .tab-tags .item-note {
  position: absolute;
  text-transform: uppercase;
  font-weight: 600;
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
}
.modal-pc-builder-combo .product-combo-box .multiple-choice-card .item-container {
  padding: 0;
}
.modal-pc-builder-combo .product-combo-box .row-body .row-body-inner {
  padding: 0;
}
.modal-pc-builder-combo .product-combo-box .row-body .row-body-inner .swiper-box-arrow-next {
  background-image: linear-gradient(270deg, rgba(255,255,255,0.6) 0%,  rgba(255, 255, 255, 0.2) 41%, rgba(255, 255, 255, 0) 100%);
}
.modal-pc-builder-combo .product-combo-box .row-body .row-body-inner .swiper-box-arrow-prev {
  background-image: linear-gradient(90deg, rgba(255,255,255,0.6) 0%,  rgba(255, 255, 255, 0.2) 41%, rgba(255, 255, 255, 0) 100%);
}
.dark-mode .modal-pc-builder-combo .product-combo-box .row-body .row-body-inner .swiper-box-arrow-next {
  background-image: linear-gradient(270deg, #212121 0%, rgb(33, 33, 33) 41%, rgba(33, 33, 33, 0) 100%);
}
.dark-mode .modal-pc-builder-combo .product-combo-box .row-body .row-body-inner .swiper-box-arrow-prev {
  background-image: linear-gradient(90deg, #212121 0%, rgb(33, 33, 33) 41%, rgba(33, 33, 33, 0) 100%);
}
.modal-pc-builder-combo .product-combo-box .tab-content .row.has-side-left > .row-body {
  padding: 0 0 0 15px;
  width: calc(100% - 195px);
}
.modal-pc-builder-combo .product-combo-box .row-body-inner .swiper-container {
  margin: 0;
}
.modal-pc-builder-combo .swiper-box.no-loop .swiper-box-arrow-prev.swiper-button-disabled, 
.modal-pc-builder-combo .swiper-box.no-loop .swiper-box-arrow-next.swiper-button-disabled {
  opacity: 0;
}
.modal-pc-builder-combo .item-container-grid .item-title {
  font-weight: normal;
  min-height: 54px;
}
.modal-pc-builder-combo .product-combo-box .multiple-choice-card .item-container .item-branding {
  min-height: 19px;
}
.modal-pc-builder-combo .product-combo-box .multiple-choice-card .item-container .price {
  min-height: 28px;
}
.modal-pc-builder-combo .product-combo-box .multiple-choice-card .item-container .price-current {
  height: auto;
  font-size: 20px;
}
.modal-pc-builder-combo .product-combo-box .multiple-choice-card .item-container .price-map {
  height: 18px;
  margin: 0;
  font-size: 13px;
  min-height: 28px;
}
.modal-pc-builder-combo .product-combo-box .multiple-choice-card .item-container .price-current sup {
  font-size: 13px;
  vertical-align: super;
}
.modal-pc-builder-combo .product-combo-box .multiple-choice-card .item-container .item-options {
  margin-top: 5px;
  font-size: 13px;
  color: #2A69DF;
  height: 18px;
}
.modal-pc-builder-combo .product-combo-box .multiple-choice-card .item-container .item-options a:hover {
  text-decoration: underline;
}
.modal-pc-builder-combo .badge {
  padding: 0 4px;
}
.modal-pc-builder-combo .item-img .badge-container .badge > span {
  text-overflow: unset;
}
.modal-pc-builder-combo .product-combo-box .multiple-choice-card .item-sponsored,
.modal-pc-builder-combo .product-combo-box .multiple-choice-card .item-negspa {
  position: absolute;
  left: 10px;
  top: 5px;
}
.modal-pc-builder-combo .swiper-box .item-sponsored.menu-box .article,
.modal-pc-builder-combo .swiper-box .item-negspa.menu-box .article {
  min-width: 120px;
  padding: 5px;
}


.popover-pc-builder-combo.popover.show {
  z-index: 2001;
}
@media (max-width: 899px) {
  .modal-pc-builder-combo .product-combo-box .multiple-choice-card .item-container .price {
      height: 36px;
  }
}
.pc-builder-score {
  margin-top: 8px;
}
.pc-builder-score .display-flex {
  display: inline-flex !important;
  padding: 6px 10px;
  box-sizing: border-box;
  background-color: #E8E8E8;
  border-radius: 4px;
}
.pc-builder-score .ico {
  cursor: pointer;
}
.pc-builder-score .display-flex .left {
  margin-right: 20px;
}
.pc-builder-score .display-flex .left > strong {
  margin: 0 10px 0 3px;
  font-size: 14px;
}
.pc-builder-score .display-flex .left sup {
  margin-right: 3px;
}
.pc-builder-score .display-flex .right {
  color: #1061CD;
  font-weight: bold;
  align-content: center;
}
.modal-build-list .item-cell-top .pc-builder-score {
  margin-top: 12px;
}
.modal-build-list .item-cell-top .pc-builder-score .display-flex {
  background-color: transparent;
  flex-wrap: wrap;
  align-items: baseline;
}

.dark-mode .pc-builder-score .display-flex {
  background-color: #212121;
}
.dark-mode .pc-builder-score .display-flex .right a {
  color: #8BB2F1;
}


/* pc-builder chartgpt */
.item-boxs-new {
  margin-bottom: 20px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
}

.item-boxs-new .item-search-cell {
  width: 500px;
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  position: relative;
}

.item-boxs-new .item-search-cell .item-search-wrap {
  flex: auto;
}
.item-boxs-new .item-search-cell .item-search-wrap h3 {
  position: relative;
  margin-bottom: 10px;
  color: transparent;
  background-image: linear-gradient(128deg, #724BC1 0% , #146ADB 60%);
  -webkit-background-clip: text;
  font-size: 16px;
  line-height: 22px;
  font-weight: 900;
}
.dark-mode .item-boxs-new .item-search-cell .item-search-wrap h3 {
  background-image: none;
  color: #6596EA;
}
.dark-mode .item-bar-search .input-group {
  background-color: #121212;
}

.item-boxs-new .item-search-cell .item-reback-button {
  width: 24px;
  height: 32px;
  border-radius: 4px 0 0 4px;
  background: rgba(25, 70, 184, 0.2);
  font-size: 20px;
  cursor: pointer;
  z-index: 2;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  /* margin-left: 5px; */
  display: none;
  min-width: 24px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.dark-mode .item-boxs-new .item-search-cell .item-reback-button,
.dark-mode .item-back-button {
  background-color: #121212 !important;
}
.item-boxs-new.is-left-build::before {
  content: none;
}
.item-boxs-new.is-left-build .item-search-cell {
  /* padding-right: 0; */
  position: relative;
}
.item-boxs-new .item-search-cell::before,
.item-boxs-new.is-left-build .item-search-cell::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('../../Nest/images/bgs/Aibg2.png');
  background-size: 100% 100%;
  border-radius: 4px;
}
.item-boxs-new.is-builded .item-search-cell::before {
  content: none;
}

.pc_builder_links {
  float: right;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #d9d9d9;
  background: #fff;
  color: #222;
  padding: 10px 12px;
  height: 40px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  background-size: 100%;
  /* background-image: linear-gradient(90deg,rgb(106, 75, 203) 0% , rgb(0, 155, 173) 100% ); */
  background-image: linear-gradient(40deg,#B2D3F3 0% , #F3ECF4 85%);
}
.pc_builder_links a{
  padding-right: 10px;
  font: bold 14px/1 'Open Sans Condensed','Arial Narrow','Helvetica Narrow', arial, helvetica, sans-serif;
  display: flex;
  align-items: center;
  position: relative;
}
.pc_builder_links a:first-child::before {
  content: "\f06d";
  font-size: 18px;
  color: #FF3729;
  font-weight: bold;
  font-family: 'new-desktop' !important;
  margin-right: 1px;
}
.pc_builder_links a .ico {
  color: #FF3729;
  font-weight: bold;
  font-size: 18px;
}
.pc_builder_links a:nth-child(2) {
  padding-left: 10px;
  padding-right: 0;
  position: relative;
}
.pc_builder_links a:nth-child(2)::before{
  content: '';
  width: 1px;
  height: 10px;
  background-color: #000;
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
}
.dark-mode .pc_builder_links a{
  color: #222 !important;
}
.dark-mode .pc_builder_links a:hover{
  color: #0066ff !important;
} 

.item-boxs-new.is-left-build .item-cells-wrap-section {
  padding-left: 15px;
  margin-left: 0;
  margin-right: 15px;
}
.item-boxs-new.is-left-build .item-cells-wrap-section .item-cells-wrap.four-cells.is-normal {
  padding-left: 0;
}
.item-boxs-new .item-cells-wrap-section > div {
  height: 100%
}
.item-boxs-new.is-left-build .item-search-cell .item-reback-button {
  display: flex;
}

.item-boxs-new.is-builded .item-search-cell .item-reback-button {
  display: none;
}

.item-reback-button .ico {
  color: #fff;
  font-weight: bold;
  margin-right: 6px;
}

.item-boxs-new .item-cells-wrap-section {
  width: calc(100% - 510px);
  height: auto;
  /* -webkit-flex-shrink: 1;
  flex-shrink: 1; */
  flex: auto;
  position: relative;
  width: auto;
  /* max-width: 870px; */
  padding: 15px;
  /* padding-left: 0; */
  background-color: #f4f5f6;
  margin-right: 15px;
  border-radius: 4px;
}
.item-boxs-new .item-cells-wrap-section .item-cells-wrap.is-less .item-list-swiper .swiper-slide:last-child {
  max-width: 680px;
}
.item-boxs-new .item-cells-wrap-section .item-cells-wrap.is-less .item-list-swiper .swiper-slide:last-child .item-cell {
  background-color: transparent;
  justify-content: center;
}
.item-boxs-new .item-cells-wrap-section .item-cells-wrap.is-less .item-list-swiper .swiper-slide:last-child .item-cell .empty-icon {
  width: 140px;
  min-width: 140px;
  height: 140px;
  background: url(../../Nest/images/empty/Illus_Searching@2x.png) no-repeat;
  background-size: 100%;
  margin-right: 20px;
}
.item-boxs-new.is-builded .item-cells-wrap-section {
  background-color: transparent;
}
.item-boxs-new .item-cells-wrap-section.is-long-price .item-list-swiper .pc-builder-icon .item-container {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
}
.item-boxs-new .item-cells-wrap-section.is-long-price .item-list-swiper .pc-builder-icon .item-action {
  float: unset;
  width: 100%;
  margin-top: 10px;
}
.item-boxs-new .item-cells-wrap-section.is-long-price .item-list-swiper .pc-builder-icon .item-action .price {
  display: flex;
  align-items: center;
  padding-left: 0;
  justify-content: center;
}
.item-boxs-new .item-cells-wrap-section.is-long-price .item-list-swiper .pc-builder-icon .item-action .price .price-map {
  margin-bottom: 0;
  margin-right: 5px;
}
.dark-mode .item-boxs-new .item-cells-wrap-section {
  background-color: #353535;
  margin-left: 0;
}

.item-boxs-new .item-cells-wrap {
  height: 100%;
}

.item-boxs-new:not(.is-absolute) .item-cells-wrap.four-cells:not(.is-normal),
.item-boxs-new.is-builded:not(.is-absolute) .item-cells-wrap.four-cells.is-normal {
  display: none;
}
.item-boxs-new.is-builded.is-absolute .item-cells-wrap.four-cells.is-normal {
  position: absolute;
  left: 15px;
  top: 15px;
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  visibility: hidden;
}

.item-boxs-new.is-builded .item-cells-wrap.four-cells:not(.is-normal),
.item-boxs-new:not(.is-absolute) .item-cells-wrap.four-cells.is-normal {
  display: block;
}

.item-boxs-new.is-builded .item-cells-wrap-section {
  margin-left: 0;
}

.item-list-swiper {
  width: 100%;
  height: 100%;
  position: relative;
}

.item-list-swiper .swiper-slide {
  max-width: 280px;
  margin-left: 5px;
  margin-right: 5px;
  height: auto;
  border-radius: 4px;
}

.item-boxs-new .item-cells-wrap.four-cells.is-normal .item-list-swiper .swiper-slide {
  max-width: 280px;
}

.item-boxs-new .item-cells-wrap.four-cells.is-normal .item-list-swiper .item-container {
  -webkit-flex-direction: unset;
  flex-direction: unset;
  margin-bottom: 20px;
}

.item-boxs-new .item-cells-wrap.four-cells.is-normal .item-list-swiper .item-cell {
  padding: 20px 15px;
  justify-content: center;
}
.item-boxs-new .item-cells-wrap.four-cells.is-normal .item-list-swiper .item-cell.video-cell {
  padding: 0;
}

.item-boxs-new .item-cells-wrap.four-cells.is-normal .item-list-swiper .item-cell.video-cell img {
  max-height: 180px;
}
.item-boxs-new .item-cells-wrap.four-cells.is-normal .item-list-swiper .item-cell.video-cell .editorial {
  border: none !important;
}
.item-boxs-new .item-cells-wrap.four-cells.is-normal .item-list-swiper .item-cell.video-cell .editorial-single>.editorial-inner {
  background-color: transparent !important;
}

.item-boxs-new .item-cells-wrap.four-cells.is-normal .item-list-swiper .item-cell a.badge {
  margin-bottom: 10px;
  white-space: nowrap;
  margin-right: 0;
  font-size: 12px;
  transform: scale(0.86);
  transform-origin: left;
}

.item-boxs-new .item-search-cell,
.item-list-swiper .item-cell {
  border: none;
  box-shadow: none;
  border-radius: 4px;
}

.item-list-swiper .item-cell {
  height: 100%;
  background: rgba(255, 255, 255);
}

.item-boxs-new .item-search-cell {
  height: auto;
}

.item-list-swiper .swiper-container {
  height: 100%;
}

.item-list-swiper .swiper-button-black.swiper-button-next,
.item-list-swiper .swiper-button-black.swiper-button-prev {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background-color: transparent;
  border: 2px #d1d1d1 solid;
  -webkit-justify-content: center;
  justify-content: center;
  color: #212121;
  background-color: #fff;
  padding: 0;
  background-image: none !important;
  z-index: 8;
}
.item-list-swiper .swiper-button-black.swiper-button-next {
  right: 5px;
}
.item-list-swiper .swiper-button-black.swiper-button-prev {
  left: 5px;
}

.item-list-swiper .swiper-button-black:after {
  font-size: 14px;
  line-height: normal;
  font-weight: bold;
}

.item-list-swiper .swiper-button-black.swiper-button-disabled {
  display: none;
}

.item-list-swiper .swiper-button-black:hover {
  border-color: #1946B8;
  color: #1946B8;
}

.item-list-swiper .swiper-button-prev {
  left: 0;
}

.item-list-swiper .swiper-button-next {
  right: 0;
}

.item-list-swiper .item-container {
  -webkit-flex-direction: column;
  flex-direction: column;
  align-items: center;
}

.item-list-swiper .item-container .item-info {
  text-align: left;
  padding: 0;
  width: auto;
  margin-left: 5px;
}
.item-view.is-table {
  position: relative;
}

.item-view.is-table .table-vertical tr:nth-child(2):hover {
  background: #e9f8ff;
}

.dark-mode  .item-view.is-table .table-vertical tr:nth-child(2) {
  background-color: #202020;
}
.item-view.is-table .table-vertical tr:hover:not(.is-select) {
  background: #e9f8ff;
}
.dark-mode .item-view.is-table .table-vertical tr:hover:not(.is-select) {
  background: #202020;
}
.item-view.is-table .table-vertical tr.is-select,
.item-view.is-table .table-vertical tr.is-select:hover {
  background-color: #fff3e2;
}
.dark-mode .item-view.is-table .table-vertical tr.is-select,
.dark-mode .item-view.is-table .table-vertical tr.is-select:hover {
  background-color: #461608 !important;
}

.item-view.is-table .item-title .item-promo {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  font-size: 13px;
  font-weight: 400;
}
.item-view.is-table .item-title .item-tips {
  font-size: 13px;
  color: #1E852C;
  margin-bottom: 5px;
  font-weight: 400;
}
.dark-mode .item-view.is-table .item-title .item-tips {
  color: #5FA664;
}
.item-list-swiper .item-container .item-img {
  min-height: 90px;
}

.item-cells-wrap.has-showcase .item-list-swiper .pc-builder-buttons {
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.item-cells-wrap.has-showcase .item-list-swiper .pc-builder-buttons>.btn {
  width: calc(100% - 10px);
  margin: 5px 5px 0 5px !important;
}

.item-bar-search .input-group {
  height: 36px;
  background-color: #fff;
  border-radius: 20px;
}

.item-bar-search .input-text>input {
  height: 36px;
  padding: 15px 35px 15px 10px;
  font-size: 14px;
  border-radius: 3px;
  box-shadow: none;
  border-radius: 20px;
  /* background: linear-gradient(60deg,rgba(210,231,249,0.55) 0% , rgba(242,241,249,0.55) 100% ); */
}
.item-bar-search .input-text.has-clear > input {
  padding-right: 25px;
}
.item-bar-search .input-group .input-text:not(:last-child) > input {
  border-radius: 20px;
}
.item-bar-search .input-group .input-text:not(:last-child) > span {
  position: absolute;
  left: 15px;
  color: #858585;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  font-style: italic;
}
.dark-mode .item-bar-search .input-group .input-text:not(:last-child) > input {
  box-shadow: none;
}
.item-bar-search .input-text>input:focus,
.selecteds-item-Customize .input-text>input:focus {
  border-color: #2A69DF;
  box-shadow: 0 0 0 1px rgba(42, 105, 223, 0.5);
}

.item-bar-search .input-text .input-selected-item {
  background-color: #E3EAFC;
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 4px;
  position: absolute;
  align-items: center;
  left: 105px;
  display: none;
}
.item-bar-search .input-text .input-selected-item span {
  color: #6E6E6E;
  margin-right: 5px;
}

.item-bar-search .input-text .input-selected-item i {
  color: #949494;
  cursor: pointer;
}

/* .item-bar-search .input-text.is-focus>input {
  padding-left: 300px;
} */

.item-bar-search .input-text .input-focus-text {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #858585;
  position: absolute;
  left: 10px;
  top: 12px;
  display: none;
}

.item-bar-search .input-text.is-focus .input-focus-text {
  display: block;
}
.item-bar-search .input-text.is-focus .input-selected-item {
  display: flex;
}

.item-bar-search .input-group .input-text ~ button {
  color: #fff;
  padding: 0 8px;
  margin-left: 5px;
  border-radius: 20px;
  max-width: 128px;
  box-sizing: border-box;
  background-image: linear-gradient(90deg,rgb(106, 75, 203) 0% , #1D67D8 100% )
}
.item-bar-search .input-group .input-text ~ button:hover .ico-chat {
  color: #fff;
}
.item-bar-search .input-text.has-clear>button:disabled {
  background-image: linear-gradient(90deg,#575757 0% , #575757 100% );
}

.item-bar-search .input-text.has-clear>button:hover {
  background-color: #3A60C2;
  color: #fff;
}
.dark-mode .item-bar-search .input-text.has-clear>button:hover {
  box-shadow: none;
}

.item-bar-search .item-boxs-tag {
  position: absolute;
  right: 4px;
  top: -24px;
}
.item-bar-search .item-boxs-tag .stickier {
  position: relative;
}
.item-bar-search .item-boxs-tag .stickier:after {
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -4px;
  display: block;
  content: "";
  border-color: transparent;
  border-top-color: #cc4b00;
  border-style: solid;
  border-width: 4px 4px 0;
}

.item-bar-search .button>.ico-search {
  font-size: 18px;
  font-weight: bold;
}

.item-bar-search .button>.ico-svg {
  margin: 0;
  background: url('../../Nest/images/icons/AI.svg');
  width: 14px;
  height: 14px;
  background-size: 100% 100%;
}
/* .dark-mode .item-bar-search .button>.ico-svg {
  background: url('../../Nest/images/icons/OpenAI_dark.svg');
  background-size: 100%;
} */

.dark-mode .item-bar-search .button>.ico svg {
  fill: #212121;
}

.item-bar-search .button>.ico-chat {
  font-size: 14px;
  font-family: 'Open Sans Condensed' !important;
  font-weight: 600;
  letter-spacing: 1px;
  margin-left: 3px;
  margin-right: 0;
}

.item-bar-search .input-text.has-clear .input-text-clear {
  top: 10px;
  right: 7px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #6E6E6E;
  background-color: #D1D1D1;
}

.item-bar-search .input-text.has-clear>button:focus {
  box-shadow: none;
}

.item-hot-search {
  position: relative;
  margin-top: 20px;
}

.item-hot-search .item {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 4px;
  white-space: nowrap;
  text-align: center;
  margin: 0 5px 10px;
  width: auto;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
}

.item-primary {
  background-color: #f2f2f2;
  color: #212121;
}

.item-hot {
  background-color: #FFEEEB;
  color: #e0331f;
}

.item-hot-search .item:hover {
  text-decoration: underline;
}

.item-hot-search .item-primary:hover {
  color: #212121 !important;
}

.item-hot-search .item-hot:hover {
  color: #e0331f !important;
}

.item-search-wrap .menu-body {
  border-radius: 8px;
  outline: 0;
  right: 0;
  /* background: linear-gradient(60deg,rgba(210,231,249,1) 0% , rgba(242,241,249,1) 100% ); */
}
.dark-mode .item-search-wrap .menu-body {
  background: #212121;
}
.item-search-wrap .menu-body .header2021-search-list {
  max-width: none;
}
.item-search-wrap .menu-body .header2021-search-list .button.header2021-search-list-del:hover {
  transform: scale(1);
}

.item-search-wrap .menu.is-active .menu-body,
.item-search-wrap .menu-list-container-inner .menu-list-cell {
  width: 100%;
}

.item-search-wrap .menu-list-container-inner .menu-list-cell {
  /* margin-bottom: 10px; */
}

.item-search-wrap .menu .section-title {
  padding-right: 0;
  font-size: 14px;
}

.item-search-wrap .recent-search-list ul>li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}

.item-search-wrap .recent-search-list .menu-list-link,
.item-search-wrap .recent-search-list>div {
  -webkit-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.item-search-wrap .recent-search-list .menu-list-link {
  padding-left: 0;
}

.item-search-wrap .recent-search-list .scrollbar {
  max-height: 240px;
}

.item-search-wrap .recent-search-list li:hover {
  background-color: #e4ebfd;
  color: #2a69df;
}

.item-search-wrap .recent-search-list li .button:hover {
  transform: scale(1);
}

.item-search-wrap .selecteds-item,
.item-search-wrap .selecteds-item-normal {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding: 3px 5px;
  line-height: 18px;
  border-radius: 4px;
}
.item-search-wrap .selecteds-item-normal {
  background-color: #fff;
  border-radius: 4px;
  padding: 3px 5px;
  box-sizing: border-box;
}


.item-search-wrap .menu-list-container-inner .selecteds-item-list {
  margin-bottom: 20px;
}

.selecteds-item-normal-list {
  border-bottom: 1px #EBE7E7 solid;
}

.selecteds-item-normal-list:last-child {
  border-bottom: none;
}

.selecteds-item-normal-list .menu-list ul {
  margin-left: 10px;
}

.selecteds-item-normal-list .menu-list ul>li {
  display: inline-block;
  border-radius: 4px;
  margin: 7px 5px;
}

.selecteds-item-normal-list .menu-list ul>li.is-active {
  background: transparent;
}

.selecteds-item-normal-list .menu-list ul>li.is-active a,
.selecteds-item-normal-list .menu-list ul>li.is-active a:hover {
  background-color: #146ADB;
  color: #fff;
}
.dark-mode .selecteds-item-normal-list .menu-list ul>li.is-active {

}
.dark-mode .selecteds-item-normal-list .menu-list ul>li.is-active a,
.dark-mode .selecteds-item-normal-list .menu-list ul>li.is-active a:hover {
  color: #fff;
  background-color: #424242;
}
.selecteds-item-normal-list .menu-list {
  display: flex;
  align-items: center;
}

.dark-mode .selecteds-item-normal-list .menu-list {
  background-color: transparent;
}

.selecteds-item-normal-list .menu-list>label {
  font-weight: 700;
  display: inline-block;
}
.selecteds-item-Customize {
  padding: 2px 4px;
}
.selecteds-item-Customize .input-text > input {
  border-radius: 4px;
  padding: 6px 12px;
  height: 32px;
  max-width: 160px;
}
.selecteds-item-Customize .input-text.has-clear .input-text-clear {
  top: 6px;
  right: 8px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #858585;
  background-color: #ECF1FE;
}
.selecteds-item-Customize .input-text,
.selecteds-item-Customize.is-active span {
  display: none;
}
.selecteds-item-Customize.is-active .input-text,
.selecteds-item-Customize.is-active button,
.selecteds-item-Customize.is-active .line-horizontal {
  display: block;
}
.selecteds-item-Customize span {
  font-size: 14px;
  color: #1946B8;
  line-height: 20px;
  cursor: pointer;
}
.selecteds-item-Customize span:hover {
  text-decoration: underline;
}
.selecteds-item-Customize span i {
  font-size: 12px;
  margin-right: 2px;
}
.selecteds-item-Customize button {
  color: #1946B8;
  font-size: 13px;
  margin-left: 5px;
  display: none;
}
.selecteds-item-Customize.is-price .input-text > input{
  max-width: 68px;
  padding-right: 30px;
  padding-left: 10px;
}
.selecteds-item-Customize.is-price .input-text.has-clear .input-text-clear {
  right: 5px;
}
.selecteds-item-Customize .line-horizontal {
  width: 8px;
  height: 1px;
  background-color: #d8d8d8;
  margin: 0 4px;
  display: none;
}


.menu-list-container-selected {
  border-bottom: 1px #ededed solid;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.menu-selected-box .section-title {
  padding-top: 0;
  padding-bottom: 5px;
}

.menu-selected-box .section-title-text {
  font-size: 13px;
  font-weight: 700;
  font-style: normal;
  color: #707070;
  text-transform: capitalize;
}

.item-search-wrap .section-right>.button {
  text-transform: capitalize;
}

.item-search-wrap .selecteds-item-normal-list {
  -webkit-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  border: none;
}


.item-boxs-new .masker.opacity-30 {
  background: rgba(240, 240, 240, .4);
  z-index: 12;
  z-index: 9;
}
.item-boxs-new .masker img {
  width: 50px;
}

.recommend-item .goods-img {
  max-width: 100px;
  height: 100px;
}

.recommend-item .goods-info {
  padding: 5px 5px 12px 0;
  padding: 0;
}

.recommend-item .recommend-content {
  display: flex;
  align-items: center;
  line-height: 16px;
  margin-top: 5px;
}

.recommend-item .recommend-content span {
  color: #6E6E6E;
  min-width: 25px;
  text-align: left;
}

.recommend-item .recommend-content>i {
  font-size: 16px;
  width: 16px;
  height: 14px;
  font-weight: bold;
  position: relative;
}
.recommend-item .recommend-content>i img {
  width: 10px;
  height: 10px;
  position: absolute;
  right: -5px;
  bottom: -2px;
}

.recommend-item .recommend-spec-titlle {
  font-weight: 700;
  text-transform: capitalize;
}

.dark-mode .recommend-item .recommend-content>i,
.dark-mode .recommend-item .recommend-spec {
  color: #e3e3e3;
}

.recommend-item .recommend-spec {
  width: calc(100% - 40px);
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  text-transform: capitalize;
  color: #212121;
}

.recommend-item .price-current {
  font-size: 18px;
  font-weight: bold;
  height: auto;
}

.recommend-item .price-current .fa-info-circle {
  cursor: pointer;
  position: relative;
  color: #6e6e6e;
  font-size: 12px;
  line-height: 12px;
}

.dark-mode .recommend-item .price-current .fa-info-circle {
  color: #fff;
}

.recommend-item .price-current .fa-info-circle:hover {
  color: #1946B8;
}

.recommend-item-action {
  /* -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox; */
  display: inline-block;
  /* flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; */
}

.popover-recommend-info .menu-body {
  display: block;
  width: 200px;
}

.popover-recommend-info .menu-body .review {
  padding: 15px;
  word-wrap: break-word;
}

.popover-recommend-info .popover-body {
  padding: 0;
}

.popover-recommend-info.show {
  min-width: 200px;
  border-radius: 4px;
  border: none;
  z-index: 2100;
  margin: 0;
  margin-top: 12px;
  height: 84px;
}

.popover-recommend-info.popover .arrow {
  width: 20px;
  height: 10px;
  z-index: 100;
  /* top: calc(-10px); */
}

.popover-recommend-info.bs-popover-bottom>.arrow::before,
.popover-recommend-info.bs-popover-auto[x-placement^="bottom"]>.arrow::before {
  top: 0;
  border-width: 0 10px 10px 10px;
  border-bottom-color: #fff;
}

.popover-recommend-info.bs-popover-bottom>.arrow::after,
.popover-recommend-info.bs-popover-auto[x-placement^="bottom"]>.arrow::after {
  top: 1px;
  border-width: 0 10px 10px 10px;
  border-bottom-color: #fff;
}

.item-search-wrap .recommend-item li {
  background-color: #f7f7f7;
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 10px;
}

.item-search-wrap .recommend-item li:hover {
  background-color: #EFF0F5;
}

.item-list-swiper .recommend-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 10px 15px;
  box-sizing: border-box;
}

.modal-build-list .modal-md {
  max-width: 94vw;
}

.modal-build-list .modal-md .modal-content {
  padding: 20px 0 30px;
}
.modal-build-list .modal-md .modal-content .masker.opacity-30 {
  background: rgba(0, 0, 0, .3);
  z-index: 100;
}
.modal-build-list .modal-md .modal-content .item-bar-search .input-group {
  z-index: 110;
}
.modal-build-list .modal-md.is-cell1 {
  max-width: 40vw;
  min-width: 800px;
}
.modal-build-list .modal-md.is-cell2 {
  max-width: 80vw;
  min-width: 900px;
}
.modal-build-list .modal-md.is-cell1 .item-cells-group,
.modal-build-list .modal-md.is-cell2 .item-cells-group {
  max-width: 100%;
}
.modal-build-list .modal-md.is-cell1 .modal-header .modal-title,
.modal-build-list .modal-md.is-cell2 .modal-header .modal-title {
  flex-wrap: wrap;
}
.modal-build-list .modal-md.is-cell1 .modal-header .modal-title .modal-build-tips {
  margin-left: 0;
}
.modal-build-list .modal-md.is-cell1 .item-search-wrap .selecteds-item-normal-list {
  width: 100%;
}
.modal-build-list .modal-md.is-cell2 .item-search-wrap .selecteds-item-normal-list {
  width: 50%;
}
.modal-build-list .modal-md.is-cell1 .item-cells-groups.is-active .item-cells .scrollbar,
.modal-build-list .modal-md.is-cell2 .item-cells-groups.is-active .item-cells .scrollbar {
  max-height: 40vh;
}
.modal-build-list .modal-md.is-cell1 .item-cells .scrollbar {
  max-height: 40vh;
}
.modal-build-list .modal-header {
  margin-bottom: 15px;
  padding: 0 30px;
}
.modal-build-list .modal-header .modal-title {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
  font-weight: 800;
}
.modal-build-list .modal-header .modal-title span {
  font-style: italic;
  text-transform: uppercase;
  margin-right: 20px;
}
.modal-build-list .modal-header .modal-title .modal-build-tips {
  color: #6E6E6E;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  margin-left: 0;
  text-transform: none;
}
.modal-build-list .item-boxs-new.is-builded {
  background-color: #fff;
}
.modal-build-list .item-boxs-new.is-builded::before {
  content: none;
}
.dark-mode .modal-build-list .item-boxs-new {
  background-color: transparent !important;
}
.dark-mode .modal-build-list .item-boxs-new.is-builded {
  background-color: transparent !important;
}
.dark-mode .modal-build-list .item-boxs-new .item-search-cell {
  background: transparent !important;
}
.dark-mode .modal-build-list .modal-header .modal-title .modal-build-tips {
  color: #858585;
}
.dark-mode .modal-build-list .selecteds-item-normal-list {
  border: 1px solid #505050 !important;
  box-sizing: border-box;
}
.dark-mode .modal-build-list .selecteds-item-normal-list:last-child {
  border-bottom: 1px;
}
.dark-mode .modal-build-list .item-cells-group {
  background-color: #424242;
}
.modal-build-list .modal-header .modal-title .modal-build-tips strong {
  color: #1946B8;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  margin: 0 3px;
}
.dark-mode .modal-build-list .modal-header .modal-title .modal-build-tips strong {
  color: #7af;
}
.modal-build-list .modal-header .modal-title .modal-build-tips strong .ico {
  font-weight: bold;
}
.modal-build-list .modal-header .tag-list {
  margin-left: 15px;
}

.modal-build-list .modal-header .close {
  margin: -10px -20px 0 0;
}

.modal-build-list .modal-body {
  padding: 0 30px;
}
.modal-build-list .item-cells {
  padding: 0 5px 10px 15px;
  display: flex;
  display: -webkit-flex;
  flex-grow: 1;
  -webkit-flex-grow: 1;
  position: relative;
}
.modal-build-list .item-cells-groups {
  display: flex;
  display: -webkit-flex;
  position: relative;
  z-index: 1;
}
.dark-mode .modal-build-list .item-cells-groups.is-active .item-cells .scrollbar::-webkit-scrollbar {
  background-color: transparent;
}
.modal-build-list .item-cells-groups.two-cell .item-cells-group {
  max-width: calc(100% / 2 - 10px);
}
.modal-build-list .item-cells-groups.one-cell .item-cells-group {
  max-width: calc(100%);
}
.modal-build-list .item-cells-groups.is-normal {
  min-height: 240px;
  background-color: #EFF4FB;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.dark-mode .modal-build-list .item-cells-groups.is-normal {
  background-color: #555;
}
.modal-build-list .item-cells-groups.is-normal .review .empty-icon {
  width: 140px;
  min-width: 140px;
  height: 140px;
  background: url(../../Nest/images/empty/Illus_Searching@2x.png) no-repeat;
  background-size: 100%;
  margin-right: 20px;
}
.modal-build-list .recommend-item-action {
  cursor: pointer;
  margin-right: 0;
}
.modal-build-list .recommend-item-action:hover {
  color: #05F;
}
.dark-mode .modal-build-list .recommend-item-action:hover {
  color: #D87F03;
}
.modal-build-list .item-cell-action .modal-footer-buttons{
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.modal-build-list .item-cell-action .modal-footer-buttons button {

  margin-left: 5px;
  margin-bottom: 2px;
  margin-top: 2px;
}
.modal-build-list .item-cells-group {
  background-color: #f7f7f7;
  border-radius: 8px;
  width: 100%;
  max-width: calc(100% / 3 - 13px);
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-direction: column;
  -webkit-flex-direction: column;
}
.modal-build-list .item-cells-group:not(:last-child) {
  margin-right: 20px;
}
.modal-build-list .item-cell-top {
  min-height: 50px;
  width: 100%;
  /* padding: 20px 0 10px; */
  margin-bottom: 8px;
  position: relative;
  box-sizing: border-box;
  border-radius: 8px 8px 0 0;
  text-align: center;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.modal-build-list .selecteds-item-wrap {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.modal-build-list .item-search-wrap .selecteds-item-normal-list {
  width: 50%;
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
}
.modal-build-list .selecteds-item-wrap {
  background-color: transparent;
}
.modal-build-list .selecteds-builder-icon {
  width: 68px;
  background-color: #F4F5F6;
}
.dark-mode .modal-build-list .selecteds-builder-icon {
  background-color: #262626;
}
.modal-build-list .selecteds-item-normal-list .menu-list ul>li {
  margin: 9px 5px;
}
.modal-build-list .selecteds-item-normal-list .menu-list ul>li.is-active a, 
.modal-build-list .selecteds-item-normal-list .menu-list ul>li.is-active a:hover {
  background-color: #FEF9D7;
  color: #8E5601;
  font-weight: 600;
}
.modal-build-list .item-cell-action-helpful .btn {
  border-radius: 16px;
}
.modal-build-list .product-power-percentile {
  margin-top: 15px;
}
.modal-build-list .item-cell-top .product-power-score {
  margin: 0 0 0 30px;
  padding-left: 130px;
  position: relative;
}
.modal-build-list .item-cell-top .product-power-score > span {
  position: absolute;
  left: 0;
  bottom: 26px;
  font-size: 12px;
}
.modal-build-list .item-cell-top .product-power-score > a {
  position: absolute;
  left: 14px;
  bottom: 5px;
}
.modal-build-list .item-cell-top .product-power-percentile .box {
  width: 100px;
  height: 100px;
  border-left: 6px solid #6596EA;
  border-top: 6px solid #6596EA;
  border-right: 6px solid #E8E8E8;
  border-bottom: 6px solid #E8E8E8;
}
.dark-mode .modal-build-list .item-cell-top .product-power-percentile .box {
  
}
.modal-build-list .item-cell-top .product-power-percentile {
  width: 100px;
  height: 50px;
}
.modal-build-list .item-cell-top .product-power-num {
  top: 15px;
}
.modal-build-list .item-cell-top .product-power-num>span {
  font-size: 14px;
  line-height: 16px;
}
.modal-build-list .item-cell-top .product-power-num .product-power-num-percentile {
  font-size: 12px;
}
.modal-build-list .item-cell-top p {
  font-size: 14px;
  font-weight: normal;
  padding-top: 14px;
}
.modal-build-list .item-cell-top.is-info .item-cell-badge {
  top: -15px;
}
.modal-build-list .item-cell-top .item-cell-badge {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  padding: 10px 30px;
  text-align: center;
  border-radius: 8px 0 8px 0;
  box-sizing: border-box;
}
.item-cell-note {
  margin: 5px 12px 7px 15px;
  background-color: #fff;
  border: 1px solid;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
}
.item-cell-note.is-active {
  text-align: right;
}
.item-cell-note.is-active p {
  max-height: none;
  text-align: left;
}
.item-cell-note p {
  font-size: 12px;
  max-height: 33px;
  overflow: hidden;
}
.item-cell-note span {
  font-size: 12px;
  padding-left: 5px;
  position: absolute;
  right: 6px;
  bottom: 9px;
  background-color: #fff;
  font-weight: bold;
  cursor: pointer;
}
.item-cell-note.is-active span {
  display: inline-block;
  position: relative;
  bottom: auto;
  right: 0;
  text-align: right;
}
.item-cell-note.is-active i {
  transform: rotate(0);
}
.item-cell-note span i {
  transform: rotate(180deg);
  position: relative;
  top: 1px;
}
.modal-build-list .item-cell-top.is-popular {
  background-image: linear-gradient(180deg, rgba(255, 228, 192, 1) 0% , rgba(255, 228, 192, 0) 100%);
}
.modal-build-list .item-cell-top.is-popular .product-power-percentile .box {
  border-left-color: #CC4100;
  border-top-color: #CC4100;
}
.modal-build-list .item-cell-note.is-popular {
  border-color: #FEC98D;
  background-color: #FCF2E4;
}
.modal-build-list .item-cell-note.is-popular span {
  background-color: #FCF2E4;
  color: #8E2B0D;
}
.dark-mode .modal-build-list .item-cell-note.is-popular {
  background-color: #461608;
  border-color: #9e7c56;
}
.dark-mode .modal-build-list .item-cell-note.is-popular span {
  background-color: #461608;
  color: #FF8500;
}
.dark-mode .modal-build-list .item-cell-top.is-popular {
  background-image: linear-gradient(180deg, rgba(70, 22, 8, 1) 0% , rgba(70, 22, 8, 0) 100%);
}
.modal-build-list .item-cell-top.is-popular .item-cell-badge {
  background: linear-gradient(90deg, #CC4100 0%, #FF8500 100%);
}
.modal-build-list .item-cell-top.is-beta1 {
  background-image: linear-gradient(180deg, rgba(221, 237, 232) 0% , rgba(221, 237, 232,0) 100%);
}
.modal-build-list .item-cell-top.is-beta1 .product-power-percentile .box {
  border-left-color: #0C855F;
  border-top-color: #0C855F;
}
.modal-build-list .item-cell-note.is-beta1 {
  border-color: #BBDBC0;
  background-color: #ECF5ED;
}
.modal-build-list .item-cell-note.is-beta1 span {
  background-color: #ECF5ED;
  color: #0C855F;
}
.dark-mode .modal-build-list .item-cell-note.is-beta1 {
  background-color: #032b1f;
  border-color: #9e7c56;
}
.dark-mode .modal-build-list .item-cell-note.is-beta1 span {
  background-color: #032b1f;
  color: #52ca9d;
}
.dark-mode .modal-build-list .item-cell-top.is-beta1 {
  background-image: linear-gradient(180deg, rgba(3, 43, 31) 0% , rgba(3, 43, 31,0) 100%);
}
.modal-build-list .item-cell-top.is-beta1 .item-cell-badge {
  background: linear-gradient(90deg, #087051 0%, #3F9776 100%);
}
.modal-build-list .item-cell-top.is-beta2 {
  /* background-color: #E5ECF6; */
  background-image: linear-gradient(180deg, rgba(229, 236, 246,1) 0% , rgba(229, 236, 246,0) 100%);
}
.modal-build-list .item-cell-top.is-beta2 .product-power-percentile .box {
  border-left-color: #156BDB;
  border-top-color: #156BDB;
}
.modal-build-list .item-cell-note.is-beta2 {
  border-color: #C3D4ED;
  background-color: #EFF4FB;
}
.modal-build-list .item-cell-note.is-beta2 span {
  background-color: #EFF4FB;
  color: #166BDB;
}
.dark-mode .modal-build-list .item-cell-note.is-beta2 {
  background-color: #05225e;
  border-color: #9e7c56;
}
.dark-mode .modal-build-list .item-cell-note.is-beta2 span {
  background-color: #05225e;
  color: #66a7ff;
}
.dark-mode .modal-build-list .item-cell-top.is-beta2 {
  background-image: linear-gradient(180deg, rgba(5, 34, 94,1) 0% , rgba(5, 34, 94,0) 100%);
}
.modal-build-list .item-cell-top.is-beta2 .item-cell-badge {
  background: linear-gradient(90deg, #1061CD 0%, #4187E5 100%);
}
.modal-build-list .item-cells .scrollbar {
  max-height: 54vh;
  padding-right: 10px;
  width: 100%;
}
.modal-build-list .item-cells-groups.is-active .item-cells .scrollbar {
  max-height: 44vh;
}
.dark-mode .modal-build-list .item-cells .scrollbar::-webkit-scrollbar {
  background-color: transparent;
}
.modal-build-list .input-text .menu-body .menu-list-container {
  padding: 15px 10px;
}
.modal-build-list .input-text .menu-body .menu-list-container .section-title {
  padding: 10px 20px 0 10px;
}
.modal-build-list .input-text .menu-list-link {
  padding: 10px;
}
.modal-build-list .item-cells .scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.modal-build-list .item-cells .scrollbar::-webkit-scrollbar-thumb {
  background-color: #BFBFBF;
}
.item-cell-action-helpful {
  min-width: 88px;
  display: flex;
  justify-content: flex-start;

}
.item-cell-action-helpful .btn {
  width: 32px;
  height: 32px;
  text-align: center;
  padding: 0;
  margin-right: 10px;
}
.dark-mode .item-cell-action-helpful .btn {
  background-color: transparent;
  border: 1px solid #505050;
}
.item-cell-action-helpful .btn:last-child {
  margin-right: 0;
}
.item-cell-action-helpful .btn.is-active i {
  color: #CC4E00;
}
.item-cell-action-helpful .btn i {
  color: #6E6E6E;
}
.dark-mode .item-cell-action-helpful .btn i {
  color: #949494;
}
.dark-mode .item-cell-action-helpful .btn.is-active i {
  color: #CC4E00;
}
.item-cell-action-helpful .btn:hover i {
  color: #CC4E00;
}
.item-cell-action-helpful .btn:hover i.fa-spin {
  color: #084BA6;
}
.item-cell-action-helpful .btn .fa{
  font-size: 16px;
}
.item-cell-action-helpful .btn .fas{
  font-size: 14px;
}
.item-cell-action-helpful .btn .fa-external {
  background-image: url("../../Nest/images/icons/arrow-up-right-from-square-regular.svg");
  background-size: 100%;
  width: 16px;
  height: 16px;
  filter: brightness(0) invert(1) saturate(0);
}
.item-cell-action-helpful .btn.is-share {
  background-color: #1061CD;
}
.item-cell-action-helpful .btn.is-share:hover .menu-body {
  display: block;
}
.item-cell-action-helpful .btn.is-share .menu-body {
  left: 50%;
  transform: translateX(-50%);   
  padding: 2px 5px;
}
.item-cell-action-helpful .btn.is-share .menu-body span {
  white-space: nowrap;
  font-size: 12px;
  color: #707070;
  font-weight: 600;
  text-transform: none;
  line-height: 18px;
  font-family: "open sans";
}
.item-cell-action-helpful .btn.is-share .menu-body .menu-arrow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.modal-build-list .item-cells .scrollbar .pc-builder-share-link {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #fff;
  border-radius: 8px 0 0 0;
  padding: 3px 10px;
}
.modal-build-list .item-cells .scrollbar .pc-builder-share-link .pc-builder-share-url {
  font-size: 14px;
}
.modal-build-list .item-cells .scrollbar .pc-builder-share-link i {
  font-size: 15px;
}
.dark-mode .modal-build-list .item-cells .scrollbar .pc-builder-share-link {
  background-color: #212121;
}
.dark-mode .item-cell-action-helpful .btn.is-share .menu-body span,
.dark-mode .pc-builder-share-link .ico.menu .menu-body span {
  color: #fff;
}
.dark-mode .pc-builder-share-btns > span,
.dark-mode .pc-builder-share-link .ico,
.dark-mode .pc-builder-share-link {
  color: #f7f7f7;
}
.modal-build-list .modal-build-message {
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.modal-build-list .modal-build-message i {
  font-size: 20px;
  color: #E05E00;
  margin-right: 6px;
}
.modal-build-list .modal-build-message span {
  font-size: 14px;
}

.modal-build-list .item-cell {
  -webkit-flex-direction: unset;
  flex-direction: unset;
  min-height: auto;
  padding: 8px 0;
  margin-bottom: 10px;
}
.modal-build-list .item-cell:last-child {
  margin-bottom: 0;
}

.modal-build-list .item-helpful-action {
  min-width: 40px;
  margin-left: 20px;
  font-size: 16px;
  color: #6E6E6E;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-build-list .item-helpful-action i {
  cursor: pointer;
}
.modal-build-list .item-helpful-action i.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.modal-build-list .item-helpful-action .fas {
  font-size: 14px;
}
.modal-build-list .fas.fa-spin {
  pointer-events: none;
}
.modal-build-list .item-helpful-action i.is-active {
  color: #CC4E00;
}
.modal-build-list .item-helpful-action i:not(.is-active):hover {
  color: #CC4E00;
}
.dark-mode .modal-build-list .item-helpful-action {
  color: #949494;
}
.modal-build-list .item-cell .item-container {
  display: flex;
  width: 100%;
}

.modal-build-list .item-cell .item-img {
  min-width: 55px;
  max-width: 55px;
  margin: 0 10px 0 0;
}

.modal-build-list .item-cell>i {
  font-size: 24px;
  width: 24px;
  height: 24px;
  display: none;
}

.modal-build-list .price {
  margin-bottom: 0;
}

.modal-build-list .price-current {
  font-size: 14px;
  font-weight: bold;
  height: auto;
}

.modal-build-list .price-current sup {
  vertical-align: unset;
  font-size: 14px;
}

.modal-build-list .item-info {
  flex: auto;
  padding-right: 15px;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.modal-build-list .item-info p {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow-wrap: break-word;
  word-break: break-word;
  text-overflow: ellipsis;
  max-height: 56px;
  -webkit-line-clamp: 3;
  line-height: 1.3;
  font-size: 14px;
  overflow: hidden;
}

.modal-build-list .item-info .item-promo {
  font-size: 13px;
  line-height: 1.36;
  margin: 5px 0px;
}

.modal-build-list .item-info .tag-list {
  margin-top: 5px;
}
.modal-build-list .item-info .tag-text {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  text-overflow: ellipsis;
  max-height: 20px;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.modal-build-list .item-action .price .price-map{
  font-size: 14px;
  white-space: nowrap;
  display: block;
  margin-top: auto;
  height: auto;
  font-weight: bold;
}

.modal-build-list .item-cell>i.ico-computer-speaker {
  font-size: 16px;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  display: none;
}

/* .qty-box {
  position: relative;
  box-sizing: border-box;
  margin: 0 10px 0 0;
  width: 60px;
  height: 36px;
  overflow: hidden;
  border: 1px solid #e3e3e3;
  text-align: left;
  background: #fff;
}
.qty-box-input {
  padding: 10px 8px;
  border: 0;
  width: 24px;
  font-size: 12px;
} */
/* .qty-box-minus, .qty-box-plus {
  display: inline-block;
  position: absolute;
  right: 1px;
  box-sizing: border-box;
  width: 20px;
  height: 18px;
  border: 1px solid #e3e3e3;
  background: #fff;
  color: #666;
  font-size: 7px;
  line-height: 15px;
  text-align: center;
  cursor: pointer;
}
.qty-box-minus:hover,
.qty-box-plus:hover {
  background: #e3e3e3;
  color: #000;
}
.qty-box-plus {
  top: 0;
  height: 19px;
}
.qty-box-minus {
  top: 18px;
} */

.dark-mode .modal-build-list .modal-footer .price-map {
  color: #adadad;
}

.modal-build-list .item-cell-action {
  /* display: flex;
  justify-content: space-between;
  align-items: center; */
  padding: 10px 15px;
  border-top: 2px solid #EAEAEA;
}
.dark-mode .modal-build-list .item-cell-action {
  border-top: 2px solid #555;
}
.modal-build-list .item-cell-action .price {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.modal-build-list .item-cell-action .price-map {
  display: block;
  margin-top: 0;
  height: auto;
  font-size: 13px;
  color: #6E6E6E;
  margin-right: 5px;
  font-weight: normal;
  line-height: 16px;
}
.dark-mode .modal-build-list .item-cell-action .price-map {
  color: #E3E3E3;
}

.modal-build-list .item-cell-action .item-combo-price {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 10px;
  flex-wrap: wrap;
    column-gap: 20px;
}
.modal-build-list .item-cell-action .item-action{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-build-list .item-cell-action .item-combo-price .price-current.text-orange,
.modal-build-list .item-cell-action .item-combo-price .price-current.text-orange sup {

  font-size: 13px;
}

.modal-build-list .item-cell-action .price-current sup {
  font-size: 16px;
}
.modal-build-list .modal-footer {
  border: none;
  padding-top: 0;
  padding: 0 30px;
  margin-top: 15px;
}
.modal-build-list .modal-footer {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.modal-build-list .modal-footer .modal-footer-l {
  width: 58%;
  padding-right: 10px;
  flex-shrink: 1;
  -webkit-flex-shrink: 1;
}
.modal-build-list .modal-footer .modal-footer-l span {
  color: #6E6E6E;
  font-size: 12px;
}
.dark-mode .modal-build-list .modal-footer .modal-footer-l span {
  color: #e3e3e3;
}
.modal-build-list .modal-footer .modal-footer-l span strong {
  color: #1946B8;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
}
.dark-mode .modal-build-list .modal-footer .modal-footer-l span strong {
  color: #7af;
}
.modal-build-list .modal-footer .modal-footer-l span strong .ico {
  font-weight: bold;
}
.modal-build-list .modal-footer .modal-footer-r {
  display: flex;
  flex: auto;
  align-items: center;
  justify-content: flex-end;
}
.modal-build-list .modal-footer .price-current,
.modal-build-list .modal-footer .price-current sup {
  font-size: 18px;
  font-weight: bold;
}
.modal-build-list .modal-footer .price li {
  width: 100%;
  text-align: right;
}

.modal-build-list .modal-footer .price-map {
  display: block;
  height: auto;
  margin-top: 0;
  font-size: 14px;
  color: #6E6E6E;
  font-weight: 400;
  white-space: nowrap;
}

.modal-build-list .modal-footer .btn {
  margin-left: 15px;
  white-space: nowrap;
}
.modal-build-list .item-boxs-new {
  margin-bottom: 30px;
  min-height: 0;
}
.modal-build-list .item-boxs-new .item-search-cell {
  width: 100%;
  max-width: none;
  padding: 0;
}
.modal-build-list .item-boxs-new .item-search-cell::before {
  content: none;
}
.modal-build-list .item-boxs-new .item-bar-search {
  margin-bottom: 10px;
}
.modal-build-list .input-group .input-text.is-active .menu-body {
  width: auto;
}
.modal-build-list .input-group .input-text:not(:last-child) > input {
  border-radius: 4px;
  /* border: none; */
  background: linear-gradient(60deg,rgba(210,231,249,0.55) 0% , rgba(242,241,249,0.55) 100% );

}
.modal-build-list .item-bar-search .input-group > button {
  min-width: 200px;
  margin-left: 15px;
  background: #6077A2;
  color: #fff;
  padding: 0 10px;
  border-radius: 3px;
  max-width: none;
  box-sizing: border-box;
  background-image: linear-gradient(90deg,rgb(106, 75, 203) 0% , rgb(0, 155, 173) 100% );
}
.modal-build-list .item-bar-search .input-group > button:disabled {
  background-image: none;
}
.modal-build-list .item-bar-search .button>.ico-chat {
  margin-left: 7px;
}
.modal-build-list .item-bar-search .input-text.has-clear .input-text-clear {
  width: 20px;
  height: 20px;
  right: 7px;
  top: 10px;
  color: #6E6E6E;
  background-color: #D1D1D1;
  line-height: 20px;
}
.modal-build-list .modal-dialog-thumbs {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  transition: all 0.5s;
  z-index: 2;
}
.modal-build-list .modal-dialog-thumbs .alert-info {
  border-color: #9CC9B9;
  background: #EDF6F3;
}
.dark-mode .modal-build-list .modal-dialog-thumbs .alert-info {
  border-color: #087051;
  background-color: #032B1F;
}
.modal-build-list .modal-dialog-thumbs .alert p {
  font-size: 14px;
  color: #0C855F;
  margin-left: 5px;
  font-weight: 600;
}
.modal-build-list .modal-dialog-thumbs .alert-body {
  padding: 0;
}
.modal-build-list .modal-dialog-thumbs .alert.is-vertical .alert-icon {
  margin-bottom: 0;
}
.modal-build-list .modal-dialog-thumbs .fa {
  font-size: 16px;
  color: #0C855F;
}
.modal-build-list .modal-dialog-thumbs .alert.is-vertical {
  -webkit-flex-direction: unset;
  flex-direction: unset;
  align-items: center;
}
.modal-build-list .modal-build-keywords .selecteds-item-wrap {
  display: none;
}
.modal-build-list .modal-build-keywords.is-active .selecteds-item-wrap {
  display: flex;
}
.modal-build-list .modal-build-keywords-text {
  text-align: center;
  color: #1946B8;
  margin-left: 15px;
}
.dark-mode .modal-build-list .modal-build-keywords-text {
  color: #6694EA;
}
.modal-build-list .modal-build-keywords.is-active .selecteds-item-wrap {
  margin-bottom: 10px;
}
.modal-build-list .modal-build-keywords-text span {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.modal-build-list .modal-build-keywords-text span:hover strong {
  text-decoration: underline;
}
.modal-build-list .modal-build-keywords-text span i {
  font-size: 18px;
  margin-left: 5px;
  transform: rotate(180deg);
  margin-top: -2px;
}
.modal-build-list .modal-build-keywords-text.is-active span i {
  transform: rotate(0);
  margin-top: 0;
}

/* item-boxs-new */
.item-boxs-new {
  border-radius: 8px;
  min-height: 200px;
  position: relative;
}
.item-boxs-new.is-builded::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('../../Nest/images/bgs/AIbg.png');
  background-size: 100% 100%;
  border-radius: 4px;
}
.nav-x-body-top-bar .item-boxs-new.is-builded::before {
  content: none;
}
.dark-mode .nav-x-body-top-bar .item-boxs-new,
.dark-mode .nav-x-body-top-bar .item-boxs-new .item-search-cell {
  background-color: #555 !important;
  background-image: none;
}
.nav-x-body-top-bar .item-boxs-new {
  min-height: 30px;
  margin-bottom: 0;
  float: right;
  display: inline-block !important;
  margin-right: 10px;
  top: -5px;
  background-image: url(../../Nest/images/bgs/AIbg.png);
  background-size: 100%;
  padding: 10px;
}
.nav-x-body-top-bar .item-boxs-new .item-bar-search {
  margin-bottom: 0;
}
.nav-x-body-top-bar .item-boxs-new .item-search-cell {
  width: 100%;
  padding: 0;
  max-width: none;
}
.nav-x-body-top-bar .item-bar-search .input-group {
  height: 30px;
}
.nav-x-body-top-bar .item-bar-search .input-group .input-text ~ button {
  height: 30px;
  margin-left: 0;
}
.nav-x-body-top-bar.has-search-bar .nav-x-body-top-bar-right {
  padding: 13px 1em;
}
.nav-x-body-top-bar.has-search-bar .page-title-text {
  line-height: 46px;
}
.nav-x-body-top-bar.has-search-bar .nav-x .nav-x-title {
  height: 46px;
  line-height: 46px;
}
.nav-x-body-top-bar .item-bar-search .input-group .input-text:not(:last-child) > input {
  height: 26px;
  min-width: 450px;
  padding: 12px 35px 12px 10px;
  box-shadow: 0 0 0 1px #AAC5E9;
  background: #fff;
  border-radius: 3px 0 0 3px;
}
.dark-mode .nav-x-body-top-bar .item-bar-search .input-group .input-text:not(:last-child) > input {
  box-shadow: 0 0 0 1px #505050;
}
.nav-x-body-top-bar  .item-bar-search .menu-list-container {
  padding: 10px;
}
.nav-x-body-top-bar .item-bar-search .input-text.has-clear .input-text-clear {
  top: 5px;
  right: 10px;
}
.nav-x-body-top-bar .item-search-wrap .menu-body {
  background: #fff;
}
.dark-mode .nav-x-body-top-bar .item-search-wrap .menu-body {
  background: #212121;
}
.nav-x-body-top-bar .item-search-wrap .menu .section-title {
  padding-left: 10px;
  padding-bottom: 0;
}
.nav-x-body-top-bar  .item-bar-search .menu-list-link {
  padding: 10px;
}
.dark-mode .item-boxs-new.is-builded::before,
.dark-mode .item-boxs-new .item-search-cell::before, 
.dark-mode .item-boxs-new.is-left-build .item-search-cell::before {
  content: none;
}

.item-boxs-new.is-builded {
  background-color: #F4F6F7;
}

.item-boxs-new .item-search-cell {
  /* flex: auto; */
  /* width: 45%; */
  width: 634px;
  padding: 15px 15px 8px;
  /* background-color: #F4F6F7; */
  z-index: 2;
}

.item-boxs-new .item-cells-wrap-section {
  width: calc(100% - 634px);
}

.item-boxs-new .item-search-cell,
.item-list-swiper .item-cell {
  box-shadow: 0 0 0 transparent;
}

.item-boxs-new.is-builded.is-empty .item-cells-wrap-section {
  background-color: transparent;
}

.item-boxs-new.is-builded.is-empty .item-cells-wrap-section .review {
  height: 100%;
  padding: 0;
  padding-left: 15px;
}

.item-boxs-new.is-builded.is-empty .item-cells-wrap-section .review .empty-icon {
  width: 140px;
  min-width: 140px;
  height: 140px;
  background: url('../../Nest/images/empty/Illus_Searching@2x.png') no-repeat;
  background-size: 100%;
  margin-right: 20px;
}

.item-boxs-new.is-builded.is-empty .item-cells-wrap-section .review .empty-icon.is-wrong {
  background: url('../../Nest/images/empty/Illus_PDP_404@2x.png') no-repeat;
  background-size: 100%;
}

.item-boxs-new.is-builded.is-empty .item-cells-wrap-section .review p {
  max-width: 480px;
  font-size: 14px;
  line-height: 20px;
}

.item-boxs-new.is-init .item-cells-wrap-section {
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.item-boxs-new.is-init .item-cells-wrap.four-cells.is-normal .item-list-swiper .swiper-slide:nth-last-child(n+3):first-child,
.item-boxs-new.is-init .item-cells-wrap.four-cells.is-normal .item-list-swiper .swiper-slide:nth-last-child(n+3):first-child ~ .swiper-slide {
  max-width: calc(33% - 5px);
  min-width: 274px;
}
.item-boxs-new.is-init .item-cells-wrap.four-cells.is-normal .item-list-swiper .swiper-slide:nth-last-child(n+4):first-child,
.item-boxs-new.is-init .item-cells-wrap.four-cells.is-normal .item-list-swiper .swiper-slide:nth-last-child(n+4):first-child ~ .swiper-slide {
  max-width: calc(25% - 10px);
  min-width: 274px;
}
.item-boxs-new.is-init .item-list-swiper .item-container {
  justify-content: center;
  -webkit-justify-content: center;
}
.item-boxs-new.is-init .item-cells-wrap.four-cells.is-normal .item-list-swiper .item-cell.video-cell img {
  max-height: none;
}
.item-boxs-new .item-ai-banner {
  width: 100%;
  max-width: 45%;
  background-color: lightcyan;
  padding: 0 25px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  border-radius: 4px;
}
.item-boxs-new .item-ai-banner .menu-body {
  width: 100%;
}
.item-boxs-new .item-ai-banner .menu-list-container {
  padding: 15px 10px;
}
.item-boxs-new .item-ai-banner .menu-list-container .section-title {
  padding: 15px 20px 0;
}
.item-boxs-new .item-ai-banner .menu-list-link {
  padding: 10px;
}
.item-search-wrap .selecteds-item {
  margin-right: 10px;
}

.selecteds-item-wrap label {
  min-width: 86px;
  margin-right: 10px;
}

.section-remove {
  margin-left: auto;
}

.selecteds-item-normal-list {
  width: 100%;
  position: relative;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

.selecteds-item-normal-list .menu-list {
  display: flex;
  align-items: center;
  width: 100%;
}

.selecteds-item-wrap {
  /* margin-top:15px; */
  background-color: #f8f8f8;
  border: 1px #EBE7E7 solid;
}

.item-boxs-new .item-bar-search {
  margin-bottom: 8px;
}

.item-hot-search {
  margin-left: -5px;
}

.selecteds-builder-icon {
  width: 24px;
  height: 100%;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.selecteds-builder-icon>i {
  font-size: 24px;
  line-height: 20px;
}

.selecteds-builder-icon>i.ico {
  font-size: 20px;
  width: 24px;
  height: 24px;
  background: url('../../Nest/images/icons/square-price-thin.svg');
  background-size: 100% 100%;
}
.dark-mode .selecteds-builder-icon>i.ico {
  font-size: 20px;
  width: 24px;
  height: 24px;
  background: url('../../Nest/images/icons/square-price-thin-dark.svg');
  background-size: 100% 100%;
}
.selecteds-builder-icon>i.ico img {
  width: 24px;
  height: 24px;
  margin: 2px auto;
  display: block;
}

.item-list-swiper .pc-builder-icon {
  display: block;
  border: none;
  padding: 0;
}

.item-list-swiper .pc-builder-icon .item-container {
  -webkit-flex-direction: unset;
  flex-direction: unset;
  display: flex;
  justify-content: center;
}

.item-boxs-new .pc-builder-icon .item-img.combo-three-imgs img:nth-child(1) {
  right: auto;
  height: 100%;
  width: 66.6%;
}

.item-boxs-new .pc-builder-icon .item-img.combo-three-imgs img:nth-child(2) {
  top: 0;
  right: 0;
  left: auto;
  width: 33.3%;
}

.item-boxs-new .pc-builder-icon .item-img.combo-three-imgs img:nth-child(3) {
  top: auto;
  left: auto;
  width: 33.3%;
}

.item-boxs-new .pc-builder-icon .item-button-area {
  margin: 10px 0;
}

.item-list-swiper .pc-builder-icon .item-container .item-img {
  width: 100%;
  max-width: 150px;
  min-height: 75px;
  max-height: 75px;
  float: left;
  margin: 0;
}

.item-list-swiper .pc-builder-icon .item-img:after {
  background-color: transparent;
  max-width: 150px;
}

.item-list-swiper .pc-builder-icon .item-action {
  float: right;
  width: calc(100% - 150px);
}

.item-list-swiper .pc-builder-icon .item-action .price {
  margin: 0;
  padding-left: 15px;
}

.item-list-swiper .pc-builder-icon .item-action .price .price-map {
  display: block;
  height: 16px;
  font-size: 12px;
  color: #6E6E6E;
  margin-bottom: 5px;
  margin-top: 0;
}

.dark-mode .item-list-swiper .pc-builder-icon .item-action .price .price-map {
  color: #e3e3e3;
}

.item-list-swiper .pc-builder-icon .item-action .price .price-current {
  font-size: 14px;
  color: #212121;
  white-space: nowrap;
}

.item-list-swiper .pc-builder-icon .item-action .price .price-current sup {
  vertical-align: unset;
  font-size: 14px;
}

.item-list-swiper .recommend-item .button:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* recommend-content-popover show*/
.item-list-swiper .recommend-item .goods-info .link-more {
  font-size: 13px;
  justify-content: center;
  display: flex;
  margin-top: 5px;
}

.item-list-swiper .recommend-item .goods-info .link-more,
.item-list-swiper .recommend-item .goods-info .link-more>span {
  color: #1946B8;
  text-decoration: unset;
}

.item-list-swiper .recommend-item .goods-info .link-more:hover,
.item-list-swiper .recommend-item .goods-info .link-more:hover span {
  color: #1946B8;
}

.dark-mode .item-list-swiper .recommend-item .goods-info .link-more, 
.dark-mode .item-list-swiper .recommend-item .goods-info .link-more>span {
  color: #7af !important;
}

.item-list-swiper .recommend-item .goods-info .link-more:hover span {
  text-decoration: underline;
}

.item-list-swiper .recommend-item .goods-info .link-more>span:first-child {
  margin-right: 2px;
}

.recommend-content-popover.show {
  width: 400px;
  max-width: initial;
  border-radius: 4px;
  border: none;
  z-index: 1060;
  height: auto;
}

.recommend-content-popover.show .popover-body {
  padding: 15px;
}

.recommend-content-popover.show .menu-body {
  position: relative;
  min-height: 100px;
  width: 100%;
  min-width: initial;
  display: block;
}

.pc-builder-icon .goods-info .recommend-item {
  display: none;
}

.recommend-content-popover.show .recommend-item {
  position: relative;
  min-height: 100px;
  width: 100%;
  display: block;
}

.recommend-price {
  font-weight: 600;
}

.recommend-content-popover.show .recommend-spec {
  margin-right: 10px;
}

.recommend-content-mask {
  position: fixed;
  z-index: 1059;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0);
}

.item-list-swiper .tag-list a.bg-blue:hover {
  color: #fff;
}

.dark-mode .item-list-swiper .tag-list a.bg-blue {
  color: #fff;
}

.item-back-button {
  width: 24px;
  height: 32px;
  border-radius: 4px 0 0 4px;
  background: rgba(25, 70, 184, 0.2);
  position: absolute;
  right: 0;
  top: 0;
  font-size: 20px;
  cursor: pointer;
  z-index: 2;
  display: none;
}

.item-boxs-new.is-builded .item-back-button {
  display: flex;
}
.item-search-cell .item-back-button {
  display: none !important;
}

.item-back-button img,
.item-boxs-new .item-search-cell .item-reback-button img {
  width: 14px;
  height: 14px;
  margin-right: 5px;
}

/*** darkmode ***/
.dark-mode .item-boxs-new {
  /* background-color: #121212 !important; */
}

.dark-mode .selecteds-item-wrap {
  background-color: #333 !important;
  border: none;
}

.dark-mode .selecteds-builder-icon>i {
  color: #e3e3e3;
  fill: #e3e3e3;
}
.dark-mode .item-search-wrap .selecteds-item-normal {
  background-color: #000;
  color: #fff;
}

.dark-mode .selecteds-item-normal-list {
  border-color: #505050 !important;
}

.dark-mode .item-boxs-new .item-search-cell {
  background: #353535 !important;
  border-color: #353535 !important;
}

.dark-mode .item-list-swiper .item-cell:not(.is-gray-background) {
  background: #000 !important;
  border-color: #000 !important;
}
.dark-mode .item-list-swiper .editorial {
  background: #000 !important;
}

.dark-mode .item-primary {
  background-color: #f2f2f2;
  color: #212121 !important;
}

.dark-mode .item-hot {
  background-color: #FFEEEB;
  color: #cc4b00 !important;
}

.dark-mode .item-list-swiper .swiper-button-black {
  border-color: #555 !important;
  color: #555 !important;
  background-color: #202020 !important;
}

.dark-mode .item-list-swiper .swiper-button-black:hover {
  border-color: #8EAFF0 !important;
  color: #8EAFF0 !important;
}

.dark-mode .item-bar-search .input-text>input:focus {
  border-color: #A9C1F4 !important;
}


.dark-mode .item-list-swiper a.pc-builder-icon:hover {
  color: inherit !important;
  background-color: transparent !important;
}

@media (min-width: 2100px) { 
  .item-list-swiper .swiper-slide {
      max-width: 310px;
  }
  .item-boxs-new .item-search-cell {
      max-width: 640px;
  }
  .nav-x-body-top-bar .item-bar-search .input-group .input-text:not(:last-child) > input {
      min-width: 550px;
  }
}
@media (max-width: 1980px) {
  .item-boxs-new .item-cells-wrap-section {
      width: calc(100% - 725px);
  }

  .nav-x-body-top-bar .item-bar-search .input-group .input-text:not(:last-child) > input {
      min-width: 450px;
  }
}

@media (max-width: 1919px) {
  .item-boxs-new .item-list-swiper .item-cell .item-img {
      width: 120px !important;
  }
}
@media (max-width: 1799px) {
  .item-boxs-new.is-init .item-cells-wrap.four-cells.is-normal .item-list-swiper .item-cell.video-cell img {
      max-height: 180px;
  }
}

@media (max-width: 1699px) {
  /* .item-boxs-new .item-search-cell {
      width: 540px;
  } */

  /* .item-boxs-new .item-cells-wrap-section {
      width: calc(100% - 645px);
  } */

  .modal-build-list .item-cells .scrollbar {
      max-height: 52vh;
  }
  .modal-build-list .item-cells-groups.is-active .item-cells .scrollbar {
      max-height: 40vh;
  }

  .nav-x-body-top-bar .item-bar-search .input-group .input-text:not(:last-child) > input {
      min-width: 400px;
  }
  .modal-build-list .item-cell-action .price:last-child {
    width: 100%;
  }

}
@media (max-width: 1499px) { 
  .modal-build-list .item-cells .scrollbar {
      max-height: 52vh;
  }
  .modal-build-list .item-cells-groups.is-active .item-cells .scrollbar {
      max-height: 40vh;
  }
  .modal-build-list .modal-md.is-cell1 .item-cells-groups.is-active .item-cells .scrollbar, .modal-build-list .modal-md.is-cell2 .item-cells-groups.is-active .item-cells .scrollbar {
      max-height: 26vh;
  }

  .item-boxs-new {
      -webkit-flex-direction: column-reverse;
      flex-direction: column-reverse;
  }
  .item-boxs-new.is-init .item-cells-wrap-section {
      width: auto;
      margin-top: 0;
  }
  .item-boxs-new .item-search-cell {
      width: calc(100%);
      border-radius: 4px 4px 0 0;
  }

  .item-boxs-new.is-left-build .item-search-cell {
      padding-right: 15px;
  }
  .item-boxs-new .item-search-cell {
      position: relative;
      max-width: 100%;
  }
  .item-boxs-new .item-cells-wrap-section .item-cells-wrap {
      min-height: 220px;
  }

  .item-boxs-new.is-left-build .item-cells-wrap-section .item-cells-wrap.four-cells.is-normal {
      padding-left: 0;
  }
  .item-boxs-new .item-list-swiper .item-cell .item-img {
      margin: 0 auto;
  }

  .item-boxs-new .item-cells-wrap-section {
      width: auto;
      margin: 0;
      max-width: none;
      margin-top: 15px;
  }
  .item-boxs-new.is-builded .item-cells-wrap-section {
      padding-top: 30px;
      margin-top: 0;
  }
  .item-boxs-new.is-left-build .item-cells-wrap-section {
      padding-top: 15px;
      margin-left: 0;
      margin-top: 15px;
      margin-right: 0;
  }
  .dark-mode .item-boxs-new .item-cells-wrap-section {
      padding-left: 15px;
  }
  .item-boxs-new .item-cells-wrap-section {
      padding-left: 15px;
      padding-top: 15px;
  }
  .item-boxs-new .item-cells-wrap.four-cells.is-normal .item-list-swiper .swiper-slide {
      max-width: 266px;
  }
  .item-boxs-new.is-builded.is-empty .item-cells-wrap-section .review {
      padding-left: 0;
  }
  .modal-build-list .item-action .price .price-map:last-child{
    width: 100%;
    margin-left: auto;
  }
}
@media (max-width: 1420px) {
  /* .item-boxs-new .item-search-cell {
      width: 500px;
  } */

  /* .item-boxs-new .item-cells-wrap-section {
      width: calc(100% - 545px);
  } */

  .item-list-swiper .swiper-slide {
      max-width: 330px;
      margin-left: 5px;
      margin-right: 5px;
  }

  .item-search-wrap .selecteds-item-normal {
      font-size: 12px;
  }

  .selecteds-builder-icon>i {
      font-size: 24px;
      line-height: 24px;
  }

  .item-list-swiper .item-container .item-info {
      margin-top: 10px;
  }
}

@media (max-width: 1399px) { 
  .modal-build-list .item-helpful-action {
      margin-left: 10px;
  }
  .modal-build-list .item-info {
      padding-right: 10px;
  }
  .modal-build-list .item-cell .item-container {
      /* flex-wrap: wrap; */
  }
  .modal-build-list .item-boxs-new {
      margin-bottom: 20px;
  }
  .modal-build-list .modal-build-keywords.is-active .selecteds-item-wrap {
      margin-bottom: 5px;
  }
  .selecteds-item-normal-list .menu-list ul>li {
      margin: 8px 5px;
  }
  .modal-build-list .modal-md.is-cell1 .item-cells-groups.is-active .item-cells .scrollbar{
      max-height: 21vh;
  }
  .modal-build-list .modal-md.is-cell2 .item-cells-groups.is-active .item-cells .scrollbar  {
      max-height: 24vh;
  }
  .modal-build-list .item-cells .scrollbar {
      max-height: 40vh;
  }
  .modal-build-list .item-cells-groups.is-active .item-cells .scrollbar {
      max-height: 30vh;
  }
  .modal-build-list .item-cell .item-img {
      min-width: 40px;
      margin-left: 0;
  }
  .modal-build-list .item-cells {
      padding-left: 10px;
      padding-right: 0;
  }
  .modal-build-list .item-cell>i {
      width: 20px;
      height: 20px;
      font-size: 20px;
  }
  .modal-build-list .item-cells-group:not(:last-child) {
      margin-right: 10px;
  }
  .modal-build-list .item-cells-group {
      max-width: calc(100% /3 - 6px);
  }
  .nav-x-body-top-bar .item-bar-search .input-group .input-text:not(:last-child) > input {
      min-width: 250px;
  }
  .modal-build-list .item-action .price .price-map{
      font-size: 14px;
      white-space: wrap;
      display: block;
      margin-top: auto;
      height: auto;
      font-weight: bold;
      min-width: 80px;
    }
    .modal-build-list .item-cell-top .product-power-score {
      margin-left: 10px;
    }
    .modal-build-list .item-cell-top .item-cell-badge {
      font-size: 14px;
      padding: 10px;
      white-space: nowrap;
    }
    .modal-build-list .item-cell-top .product-power-score {
      padding-left: 110px;
    }
    .modal-build-list .product-power-percentile {
      margin-top: 5px;
    }
}
@media (max-width: 1299px) {
  .modal-build-list .item-cells .scrollbar {
      max-height: 36vh;
  }
  .modal-build-list .item-cells-groups.is-active .item-cells .scrollbar {
      max-height: 30vh;
  }
  .modal-build-list .modal-header {
      padding: 0 30px 0 15px;
  }
  .modal-build-list .modal-body {
      padding: 0 15px;
  }

  .item-boxs-new.is-builded .item-back-button {
      top: auto;
      bottom: 0;
      width: 32px;
      height: 24px;
      -webkit-box-pack: center!important;
      -webkit-justify-content: center!important;
      -ms-flex-pack: center!important;
      justify-content: center!important;
  }
  .item-boxs-new.is-builded .item-back-button img {
      margin: 0;
      transform: rotate(90deg);
  }
  /* .item-boxs-new.is-builded .item-search-cell .item-back-button {
      display: flex !important;
      bottom: -16px;
      transform: translateY(0);
      top: auto;
  } */

  

  
  .item-boxs-new.is-left-build .item-search-cell .item-reback-button {
      position: absolute;
      right: 0;
      left: auto;
      bottom: 0;
      top: auto;
      transform: translateY(0);
      width: 32px;
      height: 24px;
      -webkit-box-pack: center!important;
      -webkit-justify-content: center!important;
      -ms-flex-pack: center!important;
      justify-content: center!important;
  }
  .item-boxs-new.is-left-build .item-search-cell .item-reback-button img {
      margin: 0;
      transform: rotate(90deg);
  }


  .item-list-swiper .swiper-slide {
      /* max-width: calc(100% / 2 - 10px); */
      margin-left: 5px;
      margin-right: 5px;
  }
  .modal-build-list .item-cell-action .item-combo-price .price{
    width: 100%;
    margin-left: auto;
  }

}

@media (max-width: 1199px) {
  .item-boxs-new .item-list-swiper .item-cell {
      width: 100% !important;
  }


  .item-boxs-new .item-cells-wrap.has-showcase .item-cell .items-list-view {
      -webkit-flex-direction: column;
      flex-direction: column;
  }

  .nav-x-body-top-bar .item-bar-search .input-group .input-text:not(:last-child) > input {
      min-width: 200px;
  }
}
@media (max-width: 1099px) {
  .modal-build-list .item-cells-groups.is-active .item-cells .scrollbar {
      max-height: 24vh;
  }
}
@media (max-width: 999px) {
  .item-boxs-new {
      padding: 10px 5px;
  }

  .item-boxs-new .item-search-cell {
      height: auto;
  }

  .item-list-swiper .recommend-item .button {
      padding-left: 10px;
      padding-right: 10px;
      font-size: 12px;
  }

  .item-list-swiper .recommend-item .price-current {
      font-size: 14px;
  }

  .item-boxs-new .item-search-cell,
  .item-list-swiper .item-cell {
      padding: 10px;
  }
  .modal-build-list .item-cells.scrollbar {
      max-height: 50vh;
  }
  .nav-x-body-top-bar .item-bar-search .input-group .input-text:not(:last-child) > input {
      min-width: 180px;
  }
}
/* pc-builder chartgpt */



/* Left Side Panel */
body.has-side-left {
  padding-right: 0 !important;
  padding-left: 120px;
}

.has-side-left .pc-builder {
  right: auto;
  left: 0;
  -webkit-box-shadow: 2px 0 6px rgba(0, 0, 0, .3);
  -moz-box-shadow: 2px 0 6px rgba(0, 0, 0, .3);
  box-shadow: 2px 0 6px rgba(0, 0, 0, .3);
}

.has-side-left .pc-builder-control {
  right: -32px;
  left: auto;
  border-radius: 0 3px 3px 0;
  -webkit-box-shadow: 4px 0 4px rgba(0, 0, 0, .3);
  -moz-box-shadow: 4px 0 4px rgba(0, 0, 0, .3);
  box-shadow: 4px 0 4px rgba(0, 0, 0, .3);
}

.has-side-left .fa-arrow-circle-left:before {
  content: "\f0a9";
}

.has-side-left .modal-pc-builder .fa-arrow-circle-right:before {
  content: "\f0a8";
}

.has-side-left .modal.right.fade.modal-pc-builder .modal-dialog.modal-lg {
  right: auto;
  left: -840px;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}

.has-side-left .modal.right.fade.show.modal-pc-builder .modal-dialog {
  right: auto;
  left: 0;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .modal-pc-builder-pdp .modal-content {
      padding-top: 0;
  }

  .modal-pc-builder-pdp .modal-header .close {
      position: relative;
      top: 30px;
  }

  .modal-pc-builder-pdp .modal-body.auto-height {
      overflow: hidden;
  }

  .modal-pc-builder-pdp .items-list-view .item-img,
  .modal-pc-builder-pdp .items-list-view .item-info {
      margin-top: 0;
  }

  .modal-pc-builder-pdp .items-list-view .price {
      margin-top: 10px;
  }

  .modal.modal-pc-builder .modal-footer {
      left: auto;
      width: 840px;
      box-sizing: border-box;
  }
}

/* Dark Mode */
.dark-mode .pc-builder-header {
  background: #212121 !important;
}

.dark-mode .pc-builder,
.dark-mode .pc-builder-control,
.dark-mode .pc-builder-share-link input {
  background: #212121 !important;
}

.dark-mode .pc-builder-desc,
.dark-mode .pc-builder-icon,
.dark-mode .pc-builder-th {
  border-color: #555 !important;
}

.dark-mode .swiper-slide .pc-builder-icon span {
  color: #7af !important;
}

.dark-mode .modal.modal-pc-builder .pc-builder-icon,
.dark-mode .pc-builder-header .pc-builder-badge-beta {
  color: #E3E3E3 !important;
}

.dark-mode .pc-builder-icon .item-img,
.dark-mode .pc-builder-icon .item-img:after,
.dark-mode .pc-builder-icon .item-img:before {
  background: none !important;
}

.dark-mode a.pc-builder-icon:hover,
.dark-mode a.pc-builder-icon.is-active {
  background: #555 !important;
  border-color: #777 !important;
}

.dark-mode a.pc-builder-icon:hover span {
  color: #EA9D28 !important;
}

.dark-mode .pc-builder-summary label,
.dark-mode .item-cells-wrap.has-showcase .item-cell-info {
  color: #BBB !important;
}

.dark-mode .pc-builder-share-link input::-moz-selection {
  color: #E3E3E3 !important;
  background: #555 !important;
}

.dark-mode .pc-builder-share-link input::selection {
  color: #E3E3E3 !important;
  background: #555 !important;
}

.dark-mode .item-cells-wrap.tile-cells.shadow-cells>.item-cell {
  background: #333 !important;
  border-color: #555 !important;
}
.dark-mode .modal.modal-pc-builder .item-cells-wrap.tile-cells>.item-cell {
  background: #212121 !important;
  border-color: #555 !important;
}

.dark-mode .modal.modal-pc-builder .modal-footer:after {
  background: #202020 !important;
}

.dark-mode .pc-builder-share a {
  background: #202020 !important;
  border-color: #202020 !important;
}

.dark-mode .combo-more-imgs-more {
  opacity: 0.65 !important;
  transition: opacity 0.3s !important;
}

.dark-mode .combo-more-imgs-more:hover {
  opacity: 1 !important;
}

.dark-mode .pc-builder-name a.is-disabled {
  color: #777 !important;
}

.dark-mode .pc-builder-faq-btn {
  background: #fff !important;
}

.dark-mode .pc-builder-faq-btn span {
  color: #222 !important;
}

.dark-mode .popover.popover-pc-builder-faq.bs-popover-top {
  background: none !important;
}

.dark-mode .popover-pc-builder-faq .editorial-summary-title {
  color: #E3E3E3 !important;
}

.dark-mode .popover-pc-builder-faq .editorial.only-text.animated .editorial-summary:hover {
  background: #333 !important;
}

.dark-mode .modal-pc-builder-check .message-block,
.dark-mode .modal-pc-builder-pdp .tab-panes .tab-pane,
.dark-mode .modal.modal-pc-builder .item-cell-action,
.dark-mode .modal.modal-pc-builder .item-cell-form {
  border-color: #555 !important;
}

.dark-mode .modal.modal-pc-builder .pc-builder-lists .swiper-btn-prev {
  background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #202020 40%, #202020 100%) !important;
}

.dark-mode .modal.modal-pc-builder .pc-builder-lists .swiper-btn-next {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #202020 40%, #202020 100%) !important;
}

.dark-mode .modal.modal-pc-builder .item-cell .item-remove a.is-disabled {
  color: #777 !important;
}
.dark-mode .modal.modal-pc-builder .modal-footer-actions .modal-footer-saving span {
  color: #E3E3E3;
}
.badge{
    display: inline-block;
    padding: 0 10px;
    margin: 0 5px 5px 0;
    height: 24px;
    line-height: 22px;
    font-size: 10px;
    font-weight: bold;
    font-family: 'Open Sans','Arial Narrow','Helvetica Narrow', arial, helvetica, sans-serif;
    text-transform: uppercase;
    box-sizing: border-box;
    border-radius: 12px;
    vertical-align: middle;
    background-color: white;
    cursor: default;
    transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
  }
  a.badge{
    cursor: pointer;
  }
  .badge > *{
    display: inline-block;
    vertical-align: middle;
  }
  .badge > * + *{
    margin-left: 3px;
  }
  .badge > *:first-child{
    margin-left: 0;
  }
  .badge > img,
  .badge > svg{
    max-width: 80px;
    max-height: 16px;
  }
  .badge > svg { width: auto; }
  .badge > span { font-size: 11px; }
  .badge > strong {
      font-style: italic;
      font-weight: bold;
      font-size: 14px;
      text-transform: uppercase;
  }
  .badge > i{
    width: 13px;
    height: 13px;
    font-size: 13px;
    text-align: center;
  }
  /*badge theme*/
  a.badge.only-border:hover{
    color: white!important;
  }
  .badge.only-border{
    line-height: 20px;
  }
  .badge.only-border{
    background-color: rgba(255, 255, 255, 0.9);
  }
  .badge-red,
  .badge-red *,
  .badge-blue,
  .badge-blue *,
  .badge-gray,
  .badge-gray *{
    color: white!important;
  }
  .badge-red > svg,
  .badge-blue > svg,
  .badge-gray > svg {
    padding: 0 2px;
    fill: #fff;
  }
  .badge-red:hover > svg,
  .badge-blue:hover > svg,
  .badge-gray:hover > svg {
    fill: #000;
  }
  .badge-red{
    background-color: rgba(198, 58, 0, 0.9);
  }
  a.badge-red:hover{
    background-color: rgba(198, 58, 0, 1);
  }
  a.badge-red:hover *{
    color: white!important;
  }
  .badge-red.only-border{
    border: 1px solid rgba(198, 58, 0, 1);
    color: rgba(198, 58, 0, 1)!important;
  }
  .badge-red.only-border *{
    color: rgba(198, 58, 0, 1)!important;
  }
  .badge-blue{
    background-color: rgba(31, 97, 173, 0.9);
  }
  a.badge-blue:hover{
    background-color: rgba(31, 97, 173, 1);
  }
  a.badge-blue:hover *{
    color: white!important;
  }
  .badge-blue.only-border{
    border: 1px solid rgba(31, 97, 173, 1);
    color: rgba(31, 97, 173, 1)!important;
  }
  .badge-blue.only-border *{
    color: rgba(31, 97, 173, 1)!important;
  }
  .badge-gray{
    background-color: rgba(0, 0, 0, 0.4);
  }
  a.badge-gray:hover{
    color: #222!important;
    background-color: rgba(255, 255, 255, 1);
  }
  a.badge-gray:hover *{
    color: #222!important;
  }
  .badge-gray.only-border {
    border: 1px solid rgba(0, 0, 0, 0.4);
    color: rgba(0, 0, 0, 0.8)!important;
  }
  .badge-gray.only-border * {
    color: rgba(0, 0, 0, 0.8)!important;
  }
  
  .badge-green,
  a.badge-green,
  a.badge-green.only-border:hover {
      background: #0C855F;
      color: #fff!important;
  }
  a.badge-green:hover { background-color: rgba(12, 133, 95, 0.9); }
  .badge-green.only-border,
  a.badge-green.only-border {
      border: 1px solid #0C855F;
      color: #0C855F!important;
  }
  .badge-green *,
  a.badge-green.only-border:hover * { color: #fff!important; }
  .badge-green.only-border * { color: #0C855F!important; }
  
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, i, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ul, ol, li,
form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: normal;
	font-family: inherit;
	text-decoration: none;
	-webkit-text-size-adjust: none;
	-ms-interpolation-mode: bicubic;
}
strong { font-weight: bold; }
html { font-size: 62.5%; }
body { font-size: 1em; }
html, body { height: 100%; }
:focus { outline: 0; }
ul, ol { list-style: none; }
textarea { resize: none; }
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
caption, th, td {
	font-weight: normal;
	/*text-align: left;*/
}
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; }
blockquote, q { quotes: "" ""; }
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/*input[type="search"]::-webkit-search-cancel-button,*/
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.fix { *clear: left; }
.fix:after {
	clear: both;
	display: table;
	content: " ";
	visibility: hidden;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

@font-face {
	font-family: 'new-desktop';
	src:  url(../fonts/new-desktop.eot?ac4gx669);
	src:  url(../fonts/new-desktop.eot?ac4gx669#iefix) format('embedded-opentype'),
	url(../fonts/new-desktop.ttf?ac4gx669) format('truetype'),
	url(../fonts/new-desktop.woff2?ac4gx669) format('woff2'),
	url(../fonts/new-desktop.woff?ac4gx669) format('woff'),
	url(../fonts/new-desktop.svg?ac4gx669#new-desktop) format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.ico {
	display: inline-block;
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'new-desktop' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ico-spin {
	-webkit-animation: ico-spin 1s linear infinite;
	animation: ico-spin 1s linear infinite;
}
@-webkit-keyframes ico-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
	}
}
@keyframes ico-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
	}
}

.ico-phone:before {
  content: "\e920";
}
.ico-phone-solid:before {
  content: "\e9201";
}
.ico-globe-solid:before {
  content: "\e9204";
}
.ico-globe-regular:before {
  content: "\e9205";
}
.ico-address-card-solid:before {
  content: "\e9202";
}
.ico-location-solid:before {
  content: "\e9203";
}
.ico-clock-regular:before {
  content: "\f920";
}
.ico-location-dot-regular:before {
  content: "\f921";
}
.ico-headset-light:before {
  content: "\f922";
}
.ico-quote:before {
  content: "\f924";
}
.ico-arrows-left-right-to-line:before {
  content: "\f923";
}
.ico-calendar-alt:before {
  content: "\e946";
}
.ico-calendar-clock-solid::before {
  content: "\e9a3";
}
.ico-cube::before {
  content: "\f1b2";
}
.ico-cubes::before {
  content: "\f1b3";
}
.ico-calendar-check::before {
  content: "\f1b4";
}
.ico-wire-transfer::before {
  content: "\f1b5";
}
.ico-download:before {
  content: "\e947";
}
.ico-gift:before {
  content: "\e948";
}
.ico-mobile-android-alt:before {
  content: "\e949";
}
.ico-mobile-thin:before {
  content: "\e989";
}
.ico-mobile-solid:before {
  content: "\e989a";
}
.ico-sms-regular:before {
  content: "\e94a";
}
.ico-sync:before {
  content: "\e94b";
}
.ico-truck-moving:before {
  content: "\e94c";
}
.ico-history-regular:before {
  content: "\e95c";
}
.ico-ban-regular:before {
  content: "\e96c";
}
.ico-truck-moving-solid:before {
  content: "\e94d";
}
.ico-bookmark:before {
  content: "\e941";
}
.ico-bookmark-solid:before {
  content: "\e942";
}
.ico-shield-check:before {
  content: "\e93e";
}
.ico-shield-check-solid:before {
  content: "\e93ea";
}
.ico-shield-check-b:before {
  content: "\e93eb";
}
.ico-return:before {
  content: "\e93ec";
}
.ico-sort-solid:before {
  content: "\f0d7";
}
.ico-sort-solid-up.is-down {
  transform: rotate(180deg);
}
.ico-sort-solid-up .path1:before {
  content: "\f0d71";
}
.ico-sort-solid-up .path2:before {
  content: "\f0d72";
  margin-left: -0.63em;
  opacity: 0.4;
}
.ico-arrow-left-solid:before {
  content: "\f0d8";
}
.ico-arrow-up-solid:before {
  content: "\f0d3";
}
.ico-arrow-right:before {
  content: "\f0d1";
}
.ico-caret-left-solid:before {
  content: "\f0d9";
}
.ico-caret-right-solid:before {
  content: "\f0da";
}
.ico-angle-down:before {
  content: "\f107";
}
.ico-angle-down-light:before {
  content: "\f108";
}
.ico-angle-left:before {
  content: "\f104";
}
.ico-angle-right:before {
  content: "\f105";
}
.ico-angle-right-circle:before {
  content: "\f106";
}
.ico-circle-caret-up-solid:before {
  content: "\f109";
}
.ico-circle-xmark-solid:before {
  content: "\f110";
}
.ico-circle-play-solid:before {
  content: "\f111";
}
.ico-circle-up-solid:before {
  content: "\f112";
}
.ico-angle-left-big:before {
  content: "\f1004";
}
.ico-angle-right-big:before {
  content: "\f1005";
}
.ico-angle-up:before {
  content: "\e90c";
}
.ico-angle-up-light:before {
  content: "\e90ca";
}
.ico-angle-upup:before {
  content: "\e90c1";
}
.ico-angle-right-right:before {
  content: "\e90c2";
}
.ico-angle-down-down:before {
  content: "\e90c3";
}
.ico-circle-ellipsis-vertical:before {
  content: "\e90c4";
}
.ico-sort-regular:before {
  content: "\e93f";
}
.ico-sort-up-regular:before {
  content: "\e93c";
}
.ico-badreview:before {
  content: "\e991";
}
.ico-thumbs-up-solid:before {
  content: "\e997";
}
.ico-thumbs-down-solid:before {
  content: "\e998";
}
.ico-favorable:before {
  content: "\e992";
}
.ico-brush-solid:before {
  content: "\e993";
}
.ico-sort-down-regular:before {
  content: "\e93d";
}
.ico-wrench-light:before {
  content: "\e940";
}
.ico-maximize-regular:before {
  content: "\e940a";
}
.ico-box-open:before {
  content: "\e93b";
}
.ico-thumbtack:before {
  content: "\e93a";
}
.ico-moon:before {
  content: "\e937";
}
.ico-sun:before {
  content: "\e938";
}
.ico-moon-solid:before {
  content: "\e937b";
}
.ico-sun-solid:before {
  content: "\e938b";
}
.ico-paperclip-regular:before {
  content: "\f0c6";
}
.ico-bars:before {
  content: "\f0c9";
}
.ico-filter-fewer:before {
  content: "\f0c1";
}
.ico-filter-list-solid:before {
  content: "\f0c2";
}
.ico-film-solid:before {
  content: "\f0c3";
}
.ico-image-solid:before {
  content: "\f0c4";
}
.ico-album-solid:before {
  content: "\f0c5";
}
.ico-map-marker-alt:before {
  content: "\e936";
}
.ico-map-marker:before {
  content: "\e9362";
}
.ico-share-alt:before {
  content: "\e935";
}
.ico-share-alt-solid:before {
  content: "\e9351";
}
.ico-Crosshair-thin:before {
  content: "\f9e3";
}
.ico-share-solid:before {
  content: "\f9e2";
}
.ico-car-mechanic:before {
  content: "\e926";
}
.ico-compact-disc:before {
  content: "\e928";
}
.ico-computer-speaker:before {
  content: "\e929";
}
.ico-drone-alt:before {
  content: "\e92a";
}
.ico-flower-daffodil:before {
  content: "\e92b";
}
.ico-football-ball:before {
  content: "\e92c";
}
.ico-gamepad-alt:before {
  content: "\e92d";
}
.ico-headphones:before {
  content: "\e92e";
}
.ico-headset-regular:before {
  content: "\e96a";
}
.ico-bell-on-regular:before {
  content: "\e96b";
}
.ico-tags-regular:before {
  content: "\e96d";
}
.ico-ballot-check-regular:before {
  content: "\e96f";
}
.ico-store-regular:before {
  content: "\e97a1";
}
.ico-tv-fill:before {
  content: "\e97b1";
}
.ico-appliances-fill:before {
  content: "\e97c";
}
.ico-tv:before {
  content: "\e97d";
}
.ico-all-room:before {
  content: "\e961";
}
.ico-kitchen:before {
  content: "\e962";
}
.ico-living-room:before {
  content: "\e963";
}
.ico-family-room:before {
  content: "\e964";
}
.ico-game-room:before {
  content: "\e965";
}
.ico-bedroom:before {
  content: "\e966";
}
.ico-bathroom:before {
  content: "\e967";
}
.ico-garage:before {
  content: "\e968";
}
.ico-back-yard:before {
  content: "\e969";
}
.ico-office:before {
  content: "\e96e";
}
.ico-smart-home:before {
  content: "\e97e";
}
.ico-smart-home-dark:before {
  content: "\e97e1";
}
.ico-appliances:before {
  content: "\e97f";
}
.ico-laptop:before {
  content: "\e92f";
}
.ico-print:before {
  content: "\e930";
}
.ico-router:before {
  content: "\e931";
}
.ico-shovel-snow:before {
  content: "\e932";
}
.ico-tshirt:before {
  content: "\e933";
}
.ico-arrow-to-top:before {
  content: "\e925";
}
.ico-grid-view:before {
  content: "\e923";
}
.ico-list-view:before {
  content: "\e924";
}
.ico-list-solid:before {
  content: "\e934a";
}
.ico-file-alt:before {
  content: "\e921";
}
.ico-gem:before {
  content: "\e922";
}
.ico-barcode-alt:before {
  content: "\e91e";
}
.ico-qrcode-regular:before {
  content: "\e91e1";
}
.ico-qrcode-light:before {
  content: "\e91e2";
}
.ico-store:before {
  content: "\e91f";
}
.ico-store-solid:before {
  content: "\e95f";
}
.ico-spinner:before {
  content: "\e91d";
}
.ico-loader-solid:before {
  content: "\e95d";
}
.ico-redo:before {
  content: "\e91b";
}
.ico-undo:before {
  content: "\e91c";
}
.ico-cog:before {
  content: "\e912";
}
.ico-id-card:before {
  content: "\e913";
}
.ico-id-card-small:before {
  content: "\e913a";
}
.ico-sign-out:before {
  content: "\e914";
}
.ico-bell:before {
  content: "\f0f3";
}
.ico-user:before {
  content: "\f007";
}
.ico-user-circle:before {
  content: "\f009";
}
.ico-vector:before {
  content: "\f008";
}
.ico-flag:before {
  content: "\f001";
}
.ico-shopping-cart:before {
  content: "\f07a";
}
.ico-shopping-cart-light:before {
  content: "\f07b";
}
.ico-shop:before {
  content: "\f07c";
}
.ico-shopping-basket:before {
  content: "\f07d";
}
.ico-video:before {
  content: "\f03d";
}
.ico-fire:before {
  content: "\f06d";
}
.ico-search:before {
  content: "\f002";
}
.ico-search-long:before {
  content: "\f003";
}
.ico-clone:before {
  content: "\e90d";
}
.ico-book-reader:before {
  content: "\e900";
}
.ico-eye:before {
  content: "\e9001";
}
.ico-eye-solid:before {
  content: "\f06e";
}
.ico-eye-solid-slash:before {
  content: "\f070";
}
.ico-box-alt:before {
  content: "\e901";
}
.ico-box-alt-check:before {
  content: "\e901a";
}
.ico-tools:before {
  content: "\f7d9";
}
.ico-comment-dots:before {
  content: "\e943";
}
.ico-comment-alt-dots-light:before {
  content: "\e94e";
}
.ico-comment-alt-edit:before {
  content: "\e903";
}
.ico-pen-regular:before {
  content: "\e903a";
}
.ico-pen-to-square:before {
  content: "\e903b";
}
.ico-comment-alt-lines:before {
  content: "\e904";
}
.ico-comment-alt-smile:before {
  content: "\e939";
}
.ico-comments-alt:before {
  content: "\e905";
}
.ico-graduation-cap:before {
  content: "\e906";
}
.ico-info-circle:before {
  content: "\e927";
}
.ico-info-circle-solid:before {
  content: "\e927a";
}
.ico-info-circle-regular:before {
  content: "\e94f";
}
.ico-exclamation-circle:before {
  content: "\e934";
}
.ico-exclamation-circle-regular:before {
  content: "\e950";
}
.ico-exclamation-circle-solid:before {
  content: "\e952";
}
.ico-exclamation-triangle:before {
  content: "\f071";
}
.ico-question-circle:before {
  content: "\e908";
}
.ico-question-circle-solid:before {
  content: "\f059";
}
.ico-face-smile:before {
  content: "\e994";
}
.ico-comments-question:before {
  content: "\e995";
}
.ico-face-weary:before {
  content: "\e996";
}
.ico-trash-alt:before {
  content: "\e909";
}
.ico-trash-solid:before {
  content: "\e909a";
}
.ico-pen-line:before {
  content: "\e903c";
}
.ico-tags-solid:before {
  content: "\f0a1";
}
.ico-promo-tags-solid:before {
  content: "\f0a4";
}
.ico-trophy-solid:before {
  content: "\f0a2";
}
.ico-trophy-star:before {
  content: "\f09a";
}
.ico-circle-dollar-solid:before {
  content: "\f0a3";
}
.ico-circle-dollar-light:before {
  content: "\f0a5";
}
.ico-circle-dollar-regular:before {
  content: "\f0aa";
}
.ico-dollar-sign:before {
  content: "\f0ad";
}
.ico-percent-solid:before {
  content: "\f0ab";
}
.ico-object-group-light:before {
  content: "\f0ac";
}
.ico-trophy:before {
  content: "\f091";
}
.ico-trophy-alt:before {
  content: "\e90a";
}
.ico-wreath:before {
  content: "\f7e2";
}
.ico-hourglass-half:before {
  content: "\f8e2";
}
.ico-badge-percent-solid:before {
  content: "\e917";
}
.ico-badge-percent:before {
  content: "\e918";
}
.ico-heart-sharp:before {
  content: "\f0001";
}
.ico-bell-sharp:before {
  content: "\f0002";
}
.ico-exclamation-sharp:before {
  content: "\f0003";
}
.ico-heart-solid:before {
  content: "\e90b";
}
.ico-heart:before {
  content: "\f004";
}
.ico-heart-broken-solid:before {
  content: "\e919";
}
.ico-heart-broken:before {
  content: "\e91a";
}
.ico-plus:before {
  content: "\e907";
}
.ico-plus-circle:before {
  content: "\e957";
}
.ico-square-plus-solid:before {
  content: "\e957a";
}
.ico-square-minus-solid:before {
  content: "\e957b";
}
.ico-square-kanban:before {
  content: "\e957c";
}
.ico-m-solid:before {
  content: "\e957d";
}
.ico-minus:before {
  content: "\e90e";
}
.ico-minus-circle:before {
  content: "\e90f";
}
.ico-check:before {
  content: "\e902";
}
.ico-check-solid:before {
  content: "\e981";
}
.ico-check-circle:before {
  content: "\e910";
}
.ico-check-circle-regular:before {
  content: "\e951";
}
.ico-check-circle-solid:before {
  content: "\e945";
}
.ico-circle-check-solid:before {
  content: "\f940";
}
.ico-chart-line-down-solid:before {
  content: "\f941";
}
.ico-times:before {
  content: "\f00d";
}
.ico-xmark-light:before {
  content: "\f00c";
}
.ico-times-circle:before {
  content: "\e911";
}
.ico-repeat-solid:before {
  content: "\f0d4";
}
.ico-envelope:before {
  content: "\f0e0";
}
.ico-email-solid:before {
  content: "\f0e0a";
}
.ico-envelope-solid:before {
  content: "\f0e2";
}
.ico-pause-solid:before {
  content: "\e915";
}
.ico-play-solid:before {
  content: "\e916";
}
.ico-play:before {
  content: "\f04b";
}
.ico-youtube:before {
  content: "\f167";
}
.ico-instagram:before {
  content: "\f16d";
}
.ico-screen:before {
  content: "\f17d";
}
.ico-linkedin-in:before {
  content: "\f0e1";
}
.ico-pinterest:before {
  content: "\f0d2";
}
.ico-twitch:before {
  content: "\f1e8";
}
.ico-discord:before {
  content: "\f392";
}
.ico-facebook-f:before {
  content: "\f39e";
}
.ico-facebook-solid:before {
  content: "\f39f";
}
.ico-message:before {
  content: "\f098";
}
.ico-message-solid:before {
  content: "\f092";
}
.ico-twitter:before {
  content: "\f099";
}
.ico-lightbulb-on-solid:before {
  content: "\f093";
}
.ico-mixer:before {
  content: "\e056";
}
.ico-keyboard-light:before {
  content: "\e660";
}
.ico-tiktok:before {
  content: "\e944";
}
.ico-label:before {
  content: "\e970";
}
.ico-Location:before {
  content: "\e971";
}
.ico-shipment:before {
  content: "\e972";
}
.ico-ups:before {
  content: "\e973";
}
.ico-willcall:before {
  content: "\e974";
}
.ico-arrow-trend-up-solid:before {
  content: "\e975";
}
.ico-table-list-regular:before {
  content: "\e976";
}
.ico-share-square-regular:before {
  content: "\e977";
}
.ico-crosshairs-light:before {
  content: "\e978";
}
.ico-VR-Ready {
  font-size: 32px;
  width: 32px;
  height: 32px;
  position: relative;
}
.ico-VR-Ready .path1:before {
  content: "\e979";
  color: rgb(33, 33, 33);
  opacity: 0.5;
}
.ico-VR-Ready .path2:before {
  content: "\e97a";
  color: rgb(0, 0, 0);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.ico-VR-Ready .path3:before {
  content: "\e97b";
  color: rgb(33, 33, 33);
  opacity: 0.9;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.ico-360:before {
  content: "\f101";
}
.ico-facebook-solid-circle {
  font-size: 32px;
  width: 32px;
  height: 32px;
  position: relative;
}
.ico-facebook-solid-circle .path1:before {
  content: "\f39fb";
  color: #1278F3;
}
.ico-facebook-solid-circle .path2:before {
  content: "\f39fa";
  color: transparent;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.ico-facebook-solid-circle .path3:before {
  content: "\f39fc";
  color: transparent;
  opacity: 0.9;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.ico-play-circle:before {
  content: "\f40fa";
}
.ico-border-360:before {
  content: "\f41fa";
}
.ico-comment-dots-solid .path1:before {
  content: "\f42fa";
  color: rgb(255, 255, 255);
  opacity: 0.1;
}
.ico-comment-dots-solid .path2:before {
  content: "\f42fb";
  margin-left: -1.3251953125em;
  color: rgb(216, 216, 216);
  opacity: 0.15;
}
.ico-comment-dots-solid .path3:before {
  content: "\f42fc";
  margin-left: -1.3251953125em;
  color: rgb(216, 216, 216);
  opacity: 0.15;
}
.ico-comment-dots-solid .path4:before {
  content: "\f42fd";
  margin-left: -1.3251953125em;
  color: rgb(216, 216, 216);
  opacity: 0.15;
}
.ico-twitter-circle .path1:before {
  content: "\f43fa";
  color: rgb(30, 161, 248);
}
.ico-twitter-circle .path2:before {
  content: "\f43fb";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ico-pinterest-circle .path1:before {
  content: "\f44fa";
  color: rgb(255, 255, 255);
}
.ico-pinterest-circle .path2:before {
  content: "\f44fb";
  margin-left: -1em;
  color: rgb(230, 0, 35);
}
.ico-pinterest-p:before {
  content: "\f44fc";
}
.ico-link-horizontal-light:before {
  content: "\f44fd";
}
.ico-zoom-in:before {
  content: "\f45fa";
}
.ico-diy-memory:before {
  content: "\f46fa";
}
.ico-diy-core-clock:before {
  content: "\f47fa";
}
.ico-diy-boost-clock:before {
  content: "\f48fa";
}
.ico-diy-interface:before {
  content: "\f49fa";
}
.ico-diy-hdmi:before {
  content: "\f50fa";
}
.ico-diy-display-port:before {
  content: "\f51fa";
}
.ico-homepage:before {
  content: "\f52fa";
}
.ico-shipping:before {
  content: "\f53fa";
}
.ico-box-border:before {
  content: "\f54fa";
}
.ico-check-vector .path1:before {
  content: "\f55fa";
  color: rgb(0, 0, 0);
}
.ico-check-vector .path2:before {
  content: "\f55fb";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.ico-check-vector .path3:before {
  content: "\f55fc";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ico-check-vector .path4:before {
  content: "\f55fd";
  margin-left: -1em;
  color: rgb(23, 19, 48);
}
.ico-messages:before {
  content: "\f56fa";
}
.ico-lightbulb-exclamation:before {
  content: "\f57fa";
}
.ico-boost-clock:before {
  content: "\f60fa";
}
.ico-core-clock:before {
  content: "\f61fa";
}
.ico-display-port:before {
  content: "\f62fa";
}
.ico-hdmi:before {
  content: "\f63fa";
}
.ico-interface:before {
  content: "\f64fa";
}
.ico-memory-interface:before {
  content: "\f65fa";
}
.ico-memory-size:before {
  content: "\f66fa";
}
.ico-memory-type:before {
  content: "\f67fa";
}
.ico-power-connector:before {
  content: "\f68fa";
}
.ico-wattage:before {
  content: "\f69fa";
}
.ico-check-solid-v:before {
  content: "\e982";
}
.ico-confirmation_error:before {
  content: "\e983";
}
.ico-shield-check-v:before {
  content: "\e984";
}
.ico-confirmation_su:before {
  content: "\e985";
}
.ico-shipping-step2:before {
  content: "\e9a0";
}
.ico-shipping-step3:before {
  content: "\e9a1";
}
.ico-truck-fast-light:before {
  content: "\e9a4";
}
.ico-badge-percent-light:before {
  content: "\e9a5";
}
.ico-boxes-packing-light:before {
  content: "\e9a6";
}
.ico-shipping-step1:before {
  content: "\e9a2";
}
.ico-waveform-lines-regular:before {
  content: "\f79fa";
}
.ico-reddit-alien:before {
  content: "\f79fd";
}
.ico-code-solid:before {
  content: "\e9002";
}
.ico-reddit-alien-solid:before {
  content: "\e9003";
}
.ico-text-solid:before {
  content: "\e9004";
}
.ico-copy-solid:before {
  content: "\e9005";
}
.ico-x-twitter:before {
  content: "\e901b";
}
.ico-link-regular:before {
  content: "\e901c";
}
.ico-compare::before {
  content: "\e800";
}
.ico-affiliate::before {
  content: "\e801";
}
.ico-saving::before {
  content: "\e802";
}
.ico-images::before {
  content: "\e803";
}
.ico-star::before {
  content: "\e804";
}
.ico-share-top::before {
  content: "\e805";
}
.ico-rebate-card::before {
  content: "\e806";
}
.ico-best-deal:before {
  content: "\e807";
}

/* fonts */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Light'), 
		 local('OpenSans-Light'),
		 url('https://fonts.gstatic.com/s/opensans/v20/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2') format('woff2'),
		 url('https://fonts.gstatic.com/s/opensans/v20/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff') format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), 
		 local('OpenSans'),
		 url('https://fonts.gstatic.com/s/opensans/v20/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2') format('woff2'),
		 url('https://fonts.gstatic.com/s/opensans/v20/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff') format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans Semi-bold'), 
		 local('OpenSans-Semi-bold'),
		 url('https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UNirkOUuhpKKSTjw.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), 
		 local('OpenSans-Bold'),
		 url('https://fonts.gstatic.com/s/opensans/v20/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2') format('woff2'),
		 url('https://fonts.gstatic.com/s/opensans/v20/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff') format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: local('Open Sans Extra-bold'), 
		 local('OpenSans-Extra-bold'),
		 url('https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN8rsOUuhpKKSTjw.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 300;
	src: local('Open Sans Light Italic'),
		 local('OpenSansLight-Italic'),
		 url('https://fonts.gstatic.com/s/opensans/v20/PRmiXeptR36kaC0GEAetxtTIkQYohD4BpHvJ3NvbHoA.woff2') format('woff2'),
		 url('https://fonts.gstatic.com/s/opensans/v20/PRmiXeptR36kaC0GEAetxvR_54zmj3SbGZQh3vCOwvY.woff') format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: local('Open Sans Italic'),
		 local('OpenSans-Italic'),
		 url('https://fonts.gstatic.com/s/opensans/v20/xjAJXh38I15wypJXxuGMBogp9Q8gbYrhqGlRav_IXfk.woff2') format('woff2'),
		 url('https://fonts.gstatic.com/s/opensans/v20/xjAJXh38I15wypJXxuGMBrrIa-7acMAeDBVuclsi6Gc.woff') format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 600;
	src: local('Open Sans Semi-bold Italic'), 
		 local('OpenSans-Semi-bold-Italic'),
		 url('https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UNirkOUuhpKKSTjw.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	src: local('Open Sans Bold Italic'),
		 local('OpenSans-BoldItalic'),
		 url('https://fonts.gstatic.com/s/opensans/v20/PRmiXeptR36kaC0GEAetxv79_ZuUxCigM2DespTnFaw.woff2') format('woff2'),
		 url('https://fonts.gstatic.com/s/opensans/v20/PRmiXeptR36kaC0GEAetxhbnBKKEOwRKgsHDreGcocg.woff') format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 800;
	src: local('Open Sans Extra-bold Italic'), 
		 local('OpenSans-Extra-bold-Italic'),
		 url('https://fonts.gstatic.com/s/opensans/v20/memnYaGs126MiZpBA-UFUKW-U9hrIqOxjaPX.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	src: local('Montserrat Black'), 
		 local('Montserrat-Black'),
		 url('https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_epG3gnD_vx3rCs.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
@font-face {
	font-family: 'Montserrat solid';
	font-style: normal;
	font-weight: 700;
	src: local('Montserrat Solid'), 
		 local('Montserrat-Solid'),
		 url(../fonts/Montserrat-Solid.ttf) format('ttf'),
		 url(../fonts/Montserrat-Solid.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}


body,
select,
button,
input,
textarea,
.button {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif, Helvetica, Arial;
	line-height: 20px;
}

.font-s {
	font-size: 12px;
	line-height: 16px;
}
.font-m {
	font-size: 14px;
	line-height: 20px;
}
.font-l {
	font-size: 16px;
	line-height: 22px;
}
.font-xl {
	font-size: 20px;
	line-height: 28px;
}
.font-xxl {
	font-size: 24px;
	line-height: 34px;
}
.font-xxxl {
	font-size: 28px;
	line-height: 40px;
}
@media (max-width: 999px) {
	.font-xxxl {
		font-size: 24px;
		line-height: 34px;
	}
	.font-xxl {
		font-size: 20px;
		line-height: 28px;
	}
}
@media (max-width: 799px) {
	.font-xxxl {
		font-size: 20px;
		line-height: 28px;
	}
	.font-xxl {
		font-size: 16px;
		line-height: 22px;
	}
}
@media (max-width: 599px) {
	.font-xl {
		font-size: 16px;
		line-height: 22px;
	}
}
@media (max-width: 599px) {
	.font-l {
		font-size: 14px;
		line-height: 20px;
	}
}





/**
 * Swiper 6.7.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 23, 2021
 */

 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  display: none;
  overflow: hidden;
  outline: 0;
  box-sizing: border-box;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal-dialog > iframe {
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0,0,0,.2);
  pointer-events: auto;
}
.modal-dialog.modal-iframe-scrollable > iframe {
	box-shadow: none;
}
.modal-dialog iframe {
  pointer-events: auto;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

.modal-loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center!important;
  -webkit-align-items: center!important;
  -ms-flex-align: center!important;
  align-items: center!important;
  -webkit-box-pack: center!important;
  -webkit-justify-content: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important;
  z-index: 9;
}

.modal-loader .loader {
  padding: 20px 30px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 4px 8px rgba(0,0,0,.2);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}

.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
  flex: 1 1 auto;
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}

.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px;
  width: 100%;
  box-sizing: border-box;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0,0,0,.2);
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1990;
  min-width: 100vw;
  min-height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.3;
}

.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}

.modal-header .close {
  margin: -15px -7px 0 0;
  padding: 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #d9d9d9;
  font-size: 18px;
  background: none;
  border: 0;
  cursor: pointer;
}

.modal-header .close:hover {
  color: #222;
}

.modal-header .close i {
  position: relative;
  top: 2px;
}

.modal-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}

.modal-title .message.no-bg .message-icon:before {
  top: 3px;
}
.modal-subtitle {
	margin-bottom: 20px;
	font-size: 15px;
}
.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.modal-body.auto-height {
  flex: unset;
}

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
  border-top: 1px solid #eee;
}

.modal-footer > .btn {
  margin: 0 0 0 12px;
}
.modal-footer > .button {
	margin-left: 10px;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 500px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.modal.left .modal-dialog.modal-lg,
.modal.right .modal-dialog.modal-lg {
  width: 700px;
  max-width: 700px;
}

.modal.left .modal-content,
.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
  border-radius: 0;
}

.modal.left.fade .modal-dialog {
  left: -500px;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade .modal-dialog.modal-lg {
  left: -700px;
}

.modal.left.fade.show .modal-dialog {
  left: 0;
}

.modal.right.fade .modal-dialog {
  right: -500px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade .modal-dialog.modal-lg {
  right: -700px;
}

.modal.right.fade.show .modal-dialog {
  right: 0;
}

.modal-dialog {
	max-width: 500px;
	margin: 1.75rem auto;
}
.modal-dialog-scrollable {
	max-height: calc(100% - 3.5rem);
}
.modal-dialog-scrollable .modal-content {
	max-height: calc(100vh - 3.5rem);
}
.modal-dialog-centered {
	min-height: calc(100% - 3.5rem);
}
.modal-dialog-centered::before {
	height: calc(100vh - 3.5rem);
}
.modal-sm {
	max-width: 300px;
}
.modal-md {
	max-width: 640px;
}
.modal-lg {
	max-width: 800px;
	min-width: 760px;
}
.modal-xl {
	max-width: 1220px;
	min-width: 960px;
}

.modal.modal-flexible-width {
	text-align: center;
}
.modal.modal-flexible-width .modal-dialog {
	display: -webkit-inline-flex;
	display: inline-flex;
	text-align: left;
}

.modal-body > .message.is-vertical:first-child {
	margin-top: 0;
}


/* no padding */
.modal-content.no-padding .modal-header {
	margin: 0;
	padding: 20px;
}


/* responsive */
@media (max-width: 599px) {
	.modal-content {
		padding: 15px;
	}
}


/* dark mode */

.dark-mode .modal-content {
	background: #333 !important;
}
.dark-mode .modal-loader .loader {
  color: #bbb !important;
  background: #222 !important;
}
.dark-mode .modal .message.is-vertical .message-wrapper {
  background: #333 !important;
}

.modal-recommend-swiper-link-normal .swiper-box-top-title a {
  display: inline;
  font-size: 20px;
  text-decoration: none;
  margin-left: 0;
  vertical-align: middle;
}
.modal-recommend-swiper-link-normal .swiper-box-top{
  margin-top: 10px;
}
.page-content {
	margin: 0 auto;
/* 	max-width: 1920px; */
}
.page-content-inner {
	margin: 0 auto;
	max-width: 1800px;
	box-sizing: border-box;
}

.page-section {
	position: relative;
	margin-top: 60px;
}
.page-section .page-section {
	margin-top: 20px;
}
.page-section:first-child {
	margin-top: 0;
}
.page-section[class*="bg-"] {
	padding: 60px 0;
}
.page-section .page-section[class*="bg-"] {
	padding: 30px 0;
}
.page-content > .page-section[class*="bg-"] + .page-section[class*="bg-"] {
	margin-top: 0;
}
.page-section[class*="bd-"] {
	border-width: 1px;
	border-style: solid;
}
.page-nav + .page-section {
	margin-top: 30px;
}
.module-section,
.module-section-combo {
	position: relative;
	margin-top: 30px;
}
.module-section:first-child {
	margin-top: 0;
}
.module-section[class*="bg-"] .section-title {
	margin: 0;
	padding: 20px;
}
.module-section .swiper-pagination {
	position: relative;
}
.section-bottom {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 20px;
	padding: 0 30px;
}
.section-bottom > .button + .button {
	margin-left: 20px;
}
.section-left,
.section-right {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	min-width: 0;
}
.section-right {
	margin-left: 20px;
}
.section-right > .line-vertical {
	margin: 0 10px;
	height: 10px;
}
.section-right > .line-vertical-new {
	margin: 0 10px 0 20px;
	height: 20px;
	background: #d3d3d3;
}
.display-inline-block {
	display: inline-block;
}


/* title */
.section-title,
.section-subtitle {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 20px;
}
.section-subtitle {
	margin-bottom: 15px
}
.section-title-text,
.section-subtitle-text {
	display: block;
	font-style: italic;
	font-weight: 800;
}
.section-title-text {
	text-transform: uppercase;
}
.section-title-text.font-xl,
.section-title.flex-wrap .section-title-text.font-xl ~ .section-title-note.width-100 {
	margin-left: 20px;
}
.section-title-text.font-xxxl,
.section-title.flex-wrap .section-title-text.font-xxxl ~ .section-title-note.width-100 {
	margin-left: 30px;
}
.section-title-text.font-xl:last-child,
.section-title-text.font-xl ~ .section-right {
	margin-right: 20px;
}
.section-title-text.font-xxxl:last-child,
.section-title-text.font-xxxl ~ .section-right {
	margin-right: 30px;
}
.section-title .section-right,
.section-subtitle .section-right {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}
.section-title-text.font-xxxl {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
}
.section-title-note {
	display: inline-block;
	font-style: normal;
	font-weight: normal;
}
/* ----title in grid-col with bg */
.grid-col[class*="bg-"] > .section-title {
	margin-top: 15px;
	margin-bottom: 20px;
}



/* radius */
.radius-s {
	border-radius: 4px;
}
.radius-m {
	border-radius: 8px;
}
.radius-xl {
	border-radius: 24px;
}



/* split line */
.line-vertical {
	display: block;
	width: 1px;
	height: 100%;
	overflow: hidden;
	font-size: 0;
}
.line-horizontal {
	display: block;
	width: 100%;
	height: 1px;
	/* overflow: hidden; */
	font-size: 0;
	text-align: center;
	position: relative;
}
.line-horizontal span {
	position: absolute;
	z-index: 1;
	padding: 0 20px;
	top: 50%;
	left: 50%;
	/* transform: translate3d(-50%, -50%, 0); */
	transform: translate(-50%,-50%);
}



/* grid */
.grid {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	box-sizing: border-box;
}
.grid-col {
	order: 0;
	-webkit-box-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%;
	box-sizing: border-box;
}
.grid-col[class*="bd-"] {
	border-width: 1px;
	border-style: solid;
}
/* ----cols gap */
.grid.gap-10px {
	margin: 0 10px;
	/* margin-bottom: -10px; */
}
.grid.gap-10px > .grid-col {
	margin: 0 5px;
	/* margin-bottom: 5px; */
}
.grid.gap-20px {
	margin: 0 20px;
	margin-bottom: -20px;
}
.grid.gap-20px > .grid-col {
	margin: 0 10px;
	margin-bottom: 20px;
}
.grid.gap-30px {
	margin: 0 15px;
	margin-bottom: -30px;
}
.grid.gap-30px > .grid-col {
	margin: 0 15px;
	margin-bottom: 30px;
}
.grid .grid.gap-20px {
	margin-left: 10px;
	margin-right: 10px;
}
.grid + .grid.gap-20px {
	margin-top: 20px;
}
/* ----cols border */
.grid.bd-gray > .grid-col {
	position: relative;
	border-width: 1px 0 0 1px;
	border-style: solid;
}
.grid.bd-gray > .grid-col:before,
.grid.bd-gray > .grid-col:after {
	content: '';
	position: absolute;
}
.grid.bd-gray > .grid-col:before {
	top: 0;
	bottom: 0;
	right: -1px;
	width: 1px;
}
.grid.bd-gray > .grid-col:after {
	left: 0;
	right: 0;
	bottom: -1px;
	height: 1px;
}
/* ----cols width */
.grid-col.col-wide {
	-webkit-flex-shrink: 1;
	flex-shrink: 1;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
}
.grid.col-w-105px > .grid-col,
.grid > .grid-col.col-w-105px {
	width: auto;
	min-width: 105px;
}
.grid.col-w-105px > .grid-col.col-wide {
	width: calc(100% - 105px);
}
.grid.col-w-105px.gap-5px > .grid-col.col-wide {
	width: calc(100% - 115px);
}
.grid.col-w-160px > .grid-col,
.grid > .grid-col.col-w-160px {
	width: 160px;
}
.grid.col-w-160px > .grid-col.col-wide {
	width: calc(100% - 160px);
}
.grid.col-w-160px.gap-20px > .grid-col.col-wide {
	width: calc(100% - 200px);
}
.grid.col-w-200px > .grid-col,
.grid > .grid-col.col-w-200px {
	width: 200px;
}
.grid.col-w-200px > .grid-col.col-wide {
	width: calc(100% - 200px);
}
.grid.col-w-200px.gap-20px > .grid-col.col-wide {
	width: calc(100% - 240px);
}
.grid.col-w-255px > .grid-col,
.grid > .grid-col.col-w-255px {
	width: 255px;
}
.grid.col-w-255px > .grid-col.col-wide {
	width: calc(100% - 255px);
}
.grid.col-w-255px.gap-20px > .grid-col.col-wide {
	width: calc(100% - 295px);
}
.grid.col-w-260px > .grid-col,
.grid > .grid-col.col-w-260px {
	width: 260px;
}
.grid.col-w-260px > .grid-col.col-wide {
	width: calc(100% - 260px);
}
.grid.col-w-260px.gap-20px > .grid-col.col-wide {
	width: calc(100% - 230px);
}
.grid.col-w-300px > .grid-col,
.grid > .grid-col.col-w-300px {
	width: 300px;
}
.grid.col-w-300px > .grid-col.col-wide {
	width: calc(100% - 300px);
}
.grid.col-w-300px.gap-20px > .grid-col.col-wide {
	width: calc(100% - 340px);
}
.grid.col-w-400px > .grid-col,
.grid > .grid-col.col-w-400px {
	width: 400px;
}
.grid.col-w-400px > .grid-col.col-wide {
	width: calc(100% - 400px);
}
.grid.col-w-400px.gap-20px > .grid-col.col-wide {
	width: calc(100% - 440px);
}
.grid.col-w-420px > .grid-col,
.grid > .grid-col.col-w-420px {
	width: 420px;
}
.grid.col-w-420px > .grid-col.col-wide {
	width: calc(100% - 460px);
}
.grid.col-w-420px.gap-20px > .grid-col.col-wide {
	width: calc(100% - 440px);
}
.grid.col-w-484px > .grid-col,
.grid > .grid-col.col-w-484px {
	width: 484px;
}
.grid.col-w-484px > .grid-col.col-wide {
	width: calc(100% - 484px);
}
.grid.col-w-484px.gap-20px > .grid-col.col-wide {
	width: calc(100% - 524px);
}
.grid.col-w-500px > .grid-col,
.grid > .grid-col.col-w-500px {
	width: 500px;
}
.grid.col-w-500px > .grid-col.col-wide {
	width: calc(100% - 500px);
}
.grid.col-w-500px.gap-20px > .grid-col.col-wide {
	width: calc(100% - 540px);
}
.grid.col-w-540px > .grid-col,
.grid > .grid-col.col-w-540px {
	width: 540px;
}
.grid.col-w-540px > .grid-col.col-wide {
	width: calc(100% - 540px);
}
/* ----cols height */
.grid.col-h-240px > .grid-col,
.grid > .grid-col.col-h-240px {
	height: 240px;
}
.grid.col-h-240px > .grid-col.col-h-2x,
.grid > .grid-col.col-h-480px {
	height: 480px;
}
.grid.gap-20px.col-h-240px > .grid-col.col-h-2x,
.grid.gap-20px > .grid-col.col-h-480px {
	height: 500px;
}
.grid.col-h-160px > .grid-col,
.grid > .grid-col.col-h-160px {
	height: 160px;
}
.grid.col-h-160px > .grid-col.col-h-2x,
.grid > .grid-col.col-h-320px {
	height: 320px;
}
.grid.gap-10px.col-h-160px > .grid-col.col-h-2x,
.grid.gap-10px > .grid-col.col-h-320px {
	height: 330px;
}

/* ----cols width fixed */
.grid.col-w-11 > .grid-col { max-width: calc(100% / 11); }
.grid.col-w-10 > .grid-col { max-width: calc(100% / 10); }
.grid.col-w-9 > .grid-col { max-width: calc(100% / 9); }
.grid.col-w-8 > .grid-col { max-width: calc(100% / 8); }
.grid.col-w-7 > .grid-col { max-width: calc(100% / 7); }
.grid.col-w-6 > .grid-col { max-width: calc(100% / 6); }
.grid.col-w-5 > .grid-col { max-width: calc(100% / 5); }
.grid.col-w-4 > .grid-col { max-width: calc(100% / 4); }
.grid.col-w-3 > .grid-col { max-width: calc(100% / 3); }
.grid.col-w-2 > .grid-col { max-width: calc(100% / 2); }
.grid.col-w-1 > .grid-col { max-width: 100%; }

.grid.col-w-11.gap-20px > .grid-col { max-width: calc(100% / 11 - 8px); }
.grid.col-w-10.gap-20px > .grid-col { max-width: calc(100% / 10 - 20px); }
.grid.col-w-9.gap-20px > .grid-col { max-width: calc(100% / 9 - 20px); }
.grid.col-w-8.gap-20px > .grid-col { max-width: calc(100% / 8 - 20px); }
.grid.col-w-7.gap-20px > .grid-col { max-width: calc(100% / 7 - 20px); }
.grid.col-w-7.gap-30px > .grid-col { max-width: calc(100% / 7 - 30px); }
.grid.col-w-6.gap-20px > .grid-col { max-width: calc(100% / 6 - 20px); }
.grid.col-w-5.gap-20px > .grid-col { max-width: calc(100% / 5 - 20px); }
.grid.col-w-5.gap-30px > .grid-col { max-width: calc(100% / 5 - 30px); }
.grid.col-w-4.gap-20px > .grid-col { max-width: calc(100% / 4 - 20px); }
.grid.col-w-3.gap-20px > .grid-col { max-width: calc(100% / 3 - 20px); }
.grid.col-w-2.gap-20px > .grid-col { max-width: calc(100% / 2 - 20px); }
.grid.col-w-1.gap-20px > .grid-col { max-width: calc(100% - 20px); }

.grid.col-w-9.gap-10px > .grid-col { max-width: calc(100% / 9 - 10px); }
.grid.col-w-8.gap-10px > .grid-col { max-width: calc(100% / 8 - 10px); }
.grid.col-w-7.gap-10px > .grid-col { max-width: calc(100% / 7 - 10px); }
.grid.col-w-6.gap-10px > .grid-col { max-width: calc(100% / 6 - 10px); }
.grid.col-w-5.gap-10px > .grid-col { max-width: calc(100% / 5 - 10px); }
.grid.col-w-4.gap-10px > .grid-col { max-width: calc(100% / 4 - 10px); }
.grid.col-w-3.gap-10px > .grid-col { max-width: calc(100% / 3 - 10px); }
.grid.col-w-2.gap-10px > .grid-col { max-width: calc(100% / 2 - 10px); }
.grid.col-w-1.gap-10px > .grid-col { max-width: calc(100% - 10px); }

.grid.col-w-9 > .grid-col.col-wide { max-width: calc(100% / 9 * 8); }
.grid.col-w-8 > .grid-col.col-wide { max-width: calc(100% / 8 * 7); }
.grid.col-w-7 > .grid-col.col-wide { max-width: calc(100% / 7 * 6); }
.grid.col-w-6 > .grid-col.col-wide { max-width: calc(100% / 6 * 5); }
.grid.col-w-5 > .grid-col.col-wide { max-width: calc(100% / 5 * 4); }
.grid.col-w-4 > .grid-col.col-wide { max-width: calc(100% / 4 * 3); }
.grid.col-w-3 > .grid-col.col-wide { max-width: calc(100% / 3 * 2); }

.grid.col-w-9.gap-20px > .grid-col.col-wide { max-width: calc(100% / 9 * 8 - 20px); }
.grid.col-w-8.gap-20px > .grid-col.col-wide { max-width: calc(100% / 8 * 7 - 20px); }
.grid.col-w-7.gap-20px > .grid-col.col-wide { max-width: calc(100% / 7 * 6 - 20px); }
.grid.col-w-6.gap-20px > .grid-col.col-wide { max-width: calc(100% / 6 * 5 - 20px); }
.grid.col-w-5.gap-20px > .grid-col.col-wide { max-width: calc(100% / 5 * 4 - 20px); }
.grid.col-w-4.gap-20px > .grid-col.col-wide { max-width: calc(100% / 4 * 3 - 20px); }
.grid.col-w-3.gap-20px > .grid-col.col-wide { max-width: calc(100% / 3 * 2 - 20px); }
/* ----grid height */
.grid.col-h-240px.grid-h-2x { height: 480px; }
.grid.col-h-240px.gap-20px.grid-h-2x { height: 520px; } 
.grid.col-h-160px.grid-h-2x {
	height: 320px; 
}
.grid.col-h-160px.gap-10px.grid-h-2x { 
   height: 340px; 
} 
/* ----grid direction column */
.grid.direction-column {
	-webkit-flex-direction: column;
	flex-direction: column;
}
.grid.direction-column.col-w-400px > .grid-col,
.grid.direction-column > .grid-col.col-w-400px {
	max-width: calc(100% / 3);
}
.grid.direction-column.gap-20px.col-w-400px > .grid-col,
.grid.direction-column.gap-20px > .grid-col.col-w-400px {
	max-width: calc(100% / 3 - 20px);
}



/* similar items container */
.grid > .grid-col.similar-goods-box {
	order: 1;
	position: relative;
	width: 100%;
	max-width: none;
	min-width: 0;
}
.grid.gap-20px > .grid-col.similar-goods-box {
	padding: 0 30px;
	width: calc(100% - 20px);
	max-width: none !important;
}
.grid.gap-20px > .grid-col.similar-goods-box .goods-container {
	height: 100%;
}
.grid.gap-20px > .grid-col.similar-goods-box .goods-img {
	margin-left: auto;
	margin-right: auto;
	max-width: 250px;
}
.grid > .grid-col.similar-goods-box ~ .grid-col {
	order: 2;
}
.similar-goods-box .swiper-slide {
	padding-left: 1px;
	height: auto;
}
.similar-goods-box .swiper-button-prev,
.similar-goods-box .swiper-button-next {
	width: 40px;
	height: 80px;
}
.similar-goods-box .empty-icon-l {
	width: 100px;
	height: 100px;
}
.similar-goods-box .swiper-button-gray.swiper-button-prev {
	border-radius: 0 40px 40px 0;
}
.similar-goods-box .swiper-button-gray.swiper-button-next {
	border-radius: 40px 0 0 40px;
}
/* ----show */
.show-similar .ico-angle-down {
	transform: rotate(0deg);
	transition: transform 0.3s;
}
.grid-col.show-similar-goods .show-similar .ico-angle-down {
	transform: rotate(180deg);
}
/* ----close */
.similar-goods-box-close {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}
.similar-goods-box-close .ico {
	line-height: 30px;
}

.grid[class*="col-w-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col,
.grid[class*="col-w-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col,
.grid[class*="col-w-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col,
.grid[class*="col-w-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col,
.grid[class*="col-w-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
.grid[class*="col-w-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
.grid[class*="col-w-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
.grid[class*="col-w-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
	order: 2;
}

/* ----9 cols */
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+8) + .grid-col,
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+8) + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-9 > .grid-col.similar-goods-box:nth-child(9n+9) + .grid-col {
	order: 0;
}
/* ----8 cols */
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+7) + .grid-col,
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+7) + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-8 > .grid-col.similar-goods-box:nth-child(8n+8) + .grid-col {
	order: 0;
}
/* ----7 cols */
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col,
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col,
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col,
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col,
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col,
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col,
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col,
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col,
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col + .grid-col,
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col,
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col + .grid-col,
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+6) + .grid-col,
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+6) + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-7 > .grid-col.similar-goods-box:nth-child(7n+7) + .grid-col {
	order: 0;
}
/* ----6 cols */
.grid.col-w-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col,
.grid.col-w-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col,
.grid.col-w-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col,
.grid.col-w-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
.grid.col-w-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col,
.grid.col-w-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col,
.grid.col-w-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col + .grid-col,
.grid.col-w-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col,
.grid.col-w-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col + .grid-col,
.grid.col-w-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-6 > .grid-col.similar-goods-box:nth-child(6n+5) + .grid-col,
.grid.col-w-6 > .grid-col.similar-goods-box:nth-child(6n+5) + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-6 > .grid-col.similar-goods-box:nth-child(6n+6) + .grid-col {
	order: 0;
}
/* ----5 cols */
.grid.col-w-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col,
.grid.col-w-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col,
.grid.col-w-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col + .grid-col,
.grid.col-w-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col,
.grid.col-w-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col + .grid-col,
.grid.col-w-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-5 > .grid-col.similar-goods-box:nth-child(5n+4) + .grid-col,
.grid.col-w-5 > .grid-col.similar-goods-box:nth-child(5n+4) + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-5 > .grid-col.similar-goods-box:nth-child(5n+5) + .grid-col {
	order: 0;
}
/* ----4 cols */
.grid.col-w-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col,
.grid.col-w-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col + .grid-col,
.grid.col-w-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-4 > .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col,
.grid.col-w-4 > .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-4 > .grid-col.similar-goods-box:nth-child(4n+4) + .grid-col {
	order: 0;
}

.grid.col-w-4 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col,
.grid.col-w-4 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col + .grid-col,
.grid.col-w-4 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col + .grid-col + .grid-col,
.grid.col-w-4 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-4 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col,
.grid.col-w-4 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col + .grid-col,
.grid.col-w-4 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-4 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(4n+4) + .grid-col,
.grid.col-w-4 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(4n+4) + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-4 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(4n+5) + .grid-col {
	order: 0;
}
.grid.col-w-4 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(4n+6) {
	order: 0;
}


/* ----3 cols */
.grid.col-w-3 > .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col,
.grid.col-w-3 > .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col + .grid-col {
	order: 0;
}
.grid.col-w-3 > .grid-col.similar-goods-box:nth-child(3n+3) + .grid-col {
	order: 0;
}
/* ----2 cols */
.grid.col-w-2 > .grid-col.similar-goods-box:nth-child(2n+2) + .grid-col {
	order: 0;
}



/* 
	
xxl == max-width: 1799px;
xl  == max-width: 1599px;
l   == max-width: 1399px;
m   == max-width: 1199px;
s   == max-width: 999px;
xs  == max-width: 799px;
xxs == max-width: 599px;
	
*/
.xxl-marker,
.xl-marker,
.l-marker,
.m-marker,
.s-marker,
.xs-marker,
.xxs-marker {
	display: none;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 1px;
	height: 0;
	border: 0;
	outline: none;
	overflow: hidden;
	font-size: 0;
	pointer-events: none;
}
@media (max-width: 1799px) {
	.xxl-marker { display: block; }
	.xxl-hide { display: none !important; }
	.grid[class*="col-w-xxl-"] > .grid-col { width: 100%; }
	.grid.col-w-xxl-9 > .grid-col { max-width: calc(100% / 9); }
	.grid.col-w-xxl-8 > .grid-col { max-width: calc(100% / 8); }
	.grid.col-w-xxl-7 > .grid-col { max-width: calc(100% / 7); }
	.grid.col-w-xxl-6 > .grid-col { max-width: calc(100% / 6); }
	.grid.col-w-xxl-5 > .grid-col { max-width: calc(100% / 5); }
	.grid.col-w-xxl-4 > .grid-col { max-width: calc(100% / 4); }
	.grid.col-w-xxl-3 > .grid-col { max-width: calc(100% / 3); }
	.grid.col-w-xxl-2 > .grid-col { max-width: calc(100% / 2); }
	.grid.col-w-xxl-1 > .grid-col { max-width: 100%; }
	
	.grid.col-w-xxl-9.gap-20px > .grid-col { max-width: calc(100% / 9 - 20px); }
	.grid.col-w-xxl-8.gap-20px > .grid-col { max-width: calc(100% / 8 - 20px); }
	.grid.col-w-xxl-7.gap-20px > .grid-col { max-width: calc(100% / 7 - 20px); }
	.grid.col-w-xxl-7.gap-30px > .grid-col { max-width: calc(100% / 7 - 30px); }
	.grid.col-w-xxl-6.gap-20px > .grid-col { max-width: calc(100% / 6 - 20px); }
	.grid.col-w-xxl-5.gap-20px > .grid-col { max-width: calc(100% / 5 - 20px); }
	.grid.col-w-xxl-4.gap-20px > .grid-col { max-width: calc(100% / 4 - 20px); }
	.grid.col-w-xxl-3.gap-20px > .grid-col { max-width: calc(100% / 3 - 20px); }
	.grid.col-w-xxl-2.gap-20px > .grid-col { max-width: calc(100% / 2 - 20px); }
	.grid.col-w-xxl-1.gap-20px > .grid-col { max-width: calc(100% - 20px); }
	
	.grid.col-w-xxl-9 > .grid-col.col-wide { max-width: calc(100% / 9 * 8); }
	.grid.col-w-xxl-8 > .grid-col.col-wide { max-width: calc(100% / 8 * 7); }
	.grid.col-w-xxl-7 > .grid-col.col-wide { max-width: calc(100% / 7 * 6); }
	.grid.col-w-xxl-6 > .grid-col.col-wide { max-width: calc(100% / 6 * 5); }
	.grid.col-w-xxl-5 > .grid-col.col-wide { max-width: calc(100% / 5 * 4); }
	.grid.col-w-xxl-4 > .grid-col.col-wide { max-width: calc(100% / 4 * 3); }
	.grid.col-w-xxl-3 > .grid-col.col-wide { max-width: calc(100% / 3 * 2); }
	.grid.col-w-xxl-2 > .grid-col.col-wide { max-width: 50%; }
	.grid.col-w-xxl-1 > .grid-col.col-wide { max-width: 100%; }
	
	.grid.col-w-xxl-9.gap-20px > .grid-col.col-wide { max-width: calc(100% / 9 * 8 - 20px); }
	.grid.col-w-xxl-8.gap-20px > .grid-col.col-wide { max-width: calc(100% / 8 * 7 - 20px); }
	.grid.col-w-xxl-7.gap-20px > .grid-col.col-wide { max-width: calc(100% / 7 * 6 - 20px); }
	.grid.col-w-xxl-6.gap-20px > .grid-col.col-wide { max-width: calc(100% / 6 * 5 - 20px); }
	.grid.col-w-xxl-5.gap-20px > .grid-col.col-wide { max-width: calc(100% / 5 * 4 - 20px); }
	.grid.col-w-xxl-4.gap-20px > .grid-col.col-wide { max-width: calc(100% / 4 * 3 - 20px); }
	.grid.col-w-xxl-3.gap-20px > .grid-col.col-wide { max-width: calc(100% / 3 * 2 - 20px); }
	.grid.col-w-xxl-2.gap-20px > .grid-col.col-wide { max-width: calc(50% - 20px); }
	.grid.col-w-xxl-1.gap-20px > .grid-col.col-wide { max-width: calc(100% - 20px); }
	
	/* ----reset */
	.grid[class*="col-w-xxl-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col,
	.grid[class*="col-w-xxl-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col,
	.grid[class*="col-w-xxl-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xxl-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xxl-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xxl-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xxl-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xxl-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 2;
	}
	.grid[class*="col-w-xxl-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col,
	.grid[class*="col-w-xxl-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col,
	.grid[class*="col-w-xxl-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xxl-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xxl-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xxl-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xxl-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xxl-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 2;
	}
	/* ----9 cols */
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+8) + .grid-col,
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+8) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-9 > .grid-col.similar-goods-box:nth-child(9n+9) + .grid-col {
		order: 0;
	}
	/* ----8 cols */
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+7) + .grid-col,
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+7) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-8 > .grid-col.similar-goods-box:nth-child(8n+8) + .grid-col {
		order: 0;
	}
	/* ----7 cols */
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col,
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col,
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col,
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col,
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col,
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col,
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col,
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col + .grid-col,
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+6) + .grid-col,
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+6) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-7 > .grid-col.similar-goods-box:nth-child(7n+7) + .grid-col {
		order: 0;
	}
	/* ----6 cols */
	.grid.col-w-xxl-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col,
	.grid.col-w-xxl-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col,
	.grid.col-w-xxl-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col,
	.grid.col-w-xxl-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col,
	.grid.col-w-xxl-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col,
	.grid.col-w-xxl-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col + .grid-col,
	.grid.col-w-xxl-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-6 > .grid-col.similar-goods-box:nth-child(6n+5) + .grid-col,
	.grid.col-w-xxl-6 > .grid-col.similar-goods-box:nth-child(6n+5) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-6 > .grid-col.similar-goods-box:nth-child(6n+6) + .grid-col {
		order: 0;
	}
	/* ----5 cols */
	.grid.col-w-xxl-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col,
	.grid.col-w-xxl-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col,
	.grid.col-w-xxl-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxl-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col,
	.grid.col-w-xxl-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col + .grid-col,
	.grid.col-w-xxl-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-5 > .grid-col.similar-goods-box:nth-child(5n+4) + .grid-col,
	.grid.col-w-xxl-5 > .grid-col.similar-goods-box:nth-child(5n+4) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-5 > .grid-col.similar-goods-box:nth-child(5n+5) + .grid-col {
		order: 0;
	}
	/* ----4 cols */
	.grid.col-w-xxl-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col,
	.grid.col-w-xxl-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col + .grid-col,
	.grid.col-w-xxl-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-4 > .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col,
	.grid.col-w-xxl-4 > .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-4 > .grid-col.similar-goods-box:nth-child(4n+4) + .grid-col {
		order: 0;
	}

	.grid.col-w-xxl-4 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col,
	.grid.col-w-xxl-4 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col + .grid-col,
	.grid.col-w-xxl-4 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-4 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(4n+4) + .grid-col,
	.grid.col-w-xxl-4 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(4n+4) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-4 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(4n+5) + .grid-col {
		order: 0;
	}



	/* ----3 cols */
	.grid.col-w-xxl-3 > .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col,
	.grid.col-w-xxl-3 > .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-3 > .grid-col.similar-goods-box:nth-child(3n+3) + .grid-col {
		order: 0;
	}

	.grid.col-w-xxl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col,
	.grid.col-w-xxl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col + .grid-col,
	.grid.col-w-xxl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+3) + .grid-col,
	.grid.col-w-xxl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+3) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+4) + .grid-col {
		order: 0;
	}
	.grid.col-w-xxl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+5) {
		order: 0;
	}
	/* ----2 cols */
	.grid.col-w-xxl-2 > .grid-col.similar-goods-box:nth-child(2n+2) + .grid-col {
		order: 0;
	}
}
@media (max-width: 1599px) {
	.xl-marker { display: block; }
	.xl-hide { display: none !important; }
	.grid[class*="col-w-xl-"] > .grid-col { width: 100%; }
	.grid.col-w-xl-9 > .grid-col { max-width: calc(100% / 9); }
	.grid.col-w-xl-8 > .grid-col { max-width: calc(100% / 8); }
	.grid.col-w-xl-7 > .grid-col { max-width: calc(100% / 7); }
	.grid.col-w-xl-6 > .grid-col { max-width: calc(100% / 6); }
	.grid.col-w-xl-5 > .grid-col { max-width: calc(100% / 5); }
	.grid.col-w-xl-4 > .grid-col { max-width: calc(100% / 4); }
	.grid.col-w-xl-3 > .grid-col { max-width: calc(100% / 3); }
	.grid.col-w-xl-2 > .grid-col { max-width: calc(100% / 2); }
	.grid.col-w-xl-1 > .grid-col { max-width: 100%; }
	
	.grid.col-w-xl-9.gap-20px > .grid-col { max-width: calc(100% / 9 - 20px); }
	.grid.col-w-xl-8.gap-20px > .grid-col { max-width: calc(100% / 8 - 20px); }
	.grid.col-w-xl-7.gap-20px > .grid-col { max-width: calc(100% / 7 - 20px); }
	.grid.col-w-xl-7.gap-30px > .grid-col { max-width: calc(100% / 7 - 30px); }
	.grid.col-w-xl-6.gap-20px > .grid-col { max-width: calc(100% / 6 - 20px); }
	.grid.col-w-xl-5.gap-20px > .grid-col { max-width: calc(100% / 5 - 20px); }
	.grid.col-w-xl-4.gap-20px > .grid-col { max-width: calc(100% / 4 - 20px); }
	.grid.col-w-xl-3.gap-20px > .grid-col { max-width: calc(100% / 3 - 20px); }
	.grid.col-w-xl-2.gap-20px > .grid-col { max-width: calc(100% / 2 - 20px); }
	.grid.col-w-xl-1.gap-20px > .grid-col { max-width: calc(100% - 20px); }
	
	.grid.col-w-xl-9 > .grid-col.col-wide { max-width: calc(100% / 9 * 8); }
	.grid.col-w-xl-8 > .grid-col.col-wide { max-width: calc(100% / 8 * 7); }
	.grid.col-w-xl-7 > .grid-col.col-wide { max-width: calc(100% / 7 * 6); }
	.grid.col-w-xl-6 > .grid-col.col-wide { max-width: calc(100% / 6 * 5); }
	.grid.col-w-xl-5 > .grid-col.col-wide { max-width: calc(100% / 5 * 4); }
	.grid.col-w-xl-4 > .grid-col.col-wide { max-width: calc(100% / 4 * 3); }
	.grid.col-w-xl-3 > .grid-col.col-wide { max-width: calc(100% / 3 * 2); }
	.grid.col-w-xl-2 > .grid-col.col-wide { max-width: 50%; }
	.grid.col-w-xl-1 > .grid-col.col-wide { max-width: 100%; }
	
	
	.grid.col-w-xl-9.gap-20px > .grid-col.col-wide { max-width: calc(100% / 9 * 8 - 20px); }
	.grid.col-w-xl-8.gap-20px > .grid-col.col-wide { max-width: calc(100% / 8 * 7 - 20px); }
	.grid.col-w-xl-7.gap-20px > .grid-col.col-wide { max-width: calc(100% / 7 * 6 - 20px); }
	.grid.col-w-xl-6.gap-20px > .grid-col.col-wide { max-width: calc(100% / 6 * 5 - 20px); }
	.grid.col-w-xl-5.gap-20px > .grid-col.col-wide { max-width: calc(100% / 5 * 4 - 20px); }
	.grid.col-w-xl-4.gap-20px > .grid-col.col-wide { max-width: calc(100% / 4 * 3 - 20px); }
	.grid.col-w-xl-3.gap-20px > .grid-col.col-wide { max-width: calc(100% / 3 * 2 - 20px); }
	.grid.col-w-xl-2.gap-20px > .grid-col.col-wide { max-width: calc(50% - 20px); }
	.grid.col-w-xl-1.gap-20px > .grid-col.col-wide { max-width: calc(100% - 20px); }
	
	/* ----reset */
	.grid[class*="col-w-xl-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col,
	.grid[class*="col-w-xl-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col,
	.grid[class*="col-w-xl-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xl-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xl-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xl-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xl-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xl-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 2;
	}
	/* ----9 cols */
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+8) + .grid-col,
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+8) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-9 > .grid-col.similar-goods-box:nth-child(9n+9) + .grid-col {
		order: 0;
	}
	/* ----8 cols */
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+7) + .grid-col,
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+7) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-8 > .grid-col.similar-goods-box:nth-child(8n+8) + .grid-col {
		order: 0;
	}
	/* ----7 cols */
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col,
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col,
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col,
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col,
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col,
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col,
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col,
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col + .grid-col,
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+6) + .grid-col,
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+6) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-7 > .grid-col.similar-goods-box:nth-child(7n+7) + .grid-col {
		order: 0;
	}
	/* ----6 cols */
	.grid.col-w-xl-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col,
	.grid.col-w-xl-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col,
	.grid.col-w-xl-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col,
	.grid.col-w-xl-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col,
	.grid.col-w-xl-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col,
	.grid.col-w-xl-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col + .grid-col,
	.grid.col-w-xl-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-6 > .grid-col.similar-goods-box:nth-child(6n+5) + .grid-col,
	.grid.col-w-xl-6 > .grid-col.similar-goods-box:nth-child(6n+5) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-6 > .grid-col.similar-goods-box:nth-child(6n+6) + .grid-col {
		order: 0;
	}
	/* ----5 cols */
	.grid.col-w-xl-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col,
	.grid.col-w-xl-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col,
	.grid.col-w-xl-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xl-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col,
	.grid.col-w-xl-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col + .grid-col,
	.grid.col-w-xl-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-5 > .grid-col.similar-goods-box:nth-child(5n+4) + .grid-col,
	.grid.col-w-xl-5 > .grid-col.similar-goods-box:nth-child(5n+4) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-5 > .grid-col.similar-goods-box:nth-child(5n+5) + .grid-col {
		order: 0;
	}
	/* ----4 cols */
	.grid.col-w-xl-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col,
	.grid.col-w-xl-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col + .grid-col,
	.grid.col-w-xl-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-4 > .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col,
	.grid.col-w-xl-4 > .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-4 > .grid-col.similar-goods-box:nth-child(4n+4) + .grid-col {
		order: 0;
	}
	/* ----3 cols */
	.grid.col-w-xl-3 > .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col,
	.grid.col-w-xl-3 > .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-3 > .grid-col.similar-goods-box:nth-child(3n+3) + .grid-col {
		order: 0;
	}

	.grid.col-w-xl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col,
	.grid.col-w-xl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col + .grid-col,
	.grid.col-w-xl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+3) + .grid-col,
	.grid.col-w-xl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+3) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+4) + .grid-col {
		order: 0;
	}
	.grid.col-w-xl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+5) {
		order: 0;
	}
	.grid.col-w-4 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(4n+6) {
		order: 1;
	}


	/* ----2 cols */
	.grid.col-w-xl-2 > .grid-col.similar-goods-box:nth-child(2n+2) + .grid-col {
		order: 0;
	}
}
@media (max-width: 1399px) {
	.l-marker { display: block; }
	.l-hide { display: none !important; }
	.grid[class*="col-w-l-"] > .grid-col { width: 100%; }
	.grid.col-w-l-9 > .grid-col { max-width: calc(100% / 9); }
	.grid.col-w-l-8 > .grid-col { max-width: calc(100% / 8); }
	.grid.col-w-l-7 > .grid-col { max-width: calc(100% / 7); }
	.grid.col-w-l-6 > .grid-col { max-width: calc(100% / 6); }
	.grid.col-w-l-5 > .grid-col { max-width: calc(100% / 5); }
	.grid.col-w-l-4 > .grid-col { max-width: calc(100% / 4); }
	.grid.col-w-l-3 > .grid-col { max-width: calc(100% / 3); }
	.grid.col-w-l-2 > .grid-col { max-width: calc(100% / 2); }
	.grid.col-w-l-1 > .grid-col { max-width: 100%; }
	
	.grid.col-w-l-9.gap-20px > .grid-col { max-width: calc(100% / 9 - 20px); }
	.grid.col-w-l-8.gap-20px > .grid-col { max-width: calc(100% / 8 - 20px); }
	.grid.col-w-l-7.gap-20px > .grid-col { max-width: calc(100% / 7 - 20px); }
	.grid.col-w-l-7.gap-30px > .grid-col { max-width: calc(100% / 7 - 30px); }
	.grid.col-w-l-6.gap-20px > .grid-col { max-width: calc(100% / 6 - 20px); }
	.grid.col-w-l-5.gap-20px > .grid-col { max-width: calc(100% / 5 - 20px); }
	.grid.col-w-l-4.gap-30px > .grid-col { max-width: calc(100% / 4 - 30px); }
	.grid.col-w-l-4.gap-20px > .grid-col { max-width: calc(100% / 4 - 20px); }
	.grid.col-w-l-3.gap-20px > .grid-col { max-width: calc(100% / 3 - 20px); }
	.grid.col-w-l-2.gap-20px > .grid-col { max-width: calc(100% / 2 - 20px); }
	.grid.col-w-l-1.gap-20px > .grid-col { max-width: calc(100% - 20px); }
	
	.grid.col-w-l-9 > .grid-col.col-wide { max-width: calc(100% / 9 * 8); }
	.grid.col-w-l-8 > .grid-col.col-wide { max-width: calc(100% / 8 * 7); }
	.grid.col-w-l-7 > .grid-col.col-wide { max-width: calc(100% / 7 * 6); }
	.grid.col-w-l-6 > .grid-col.col-wide { max-width: calc(100% / 6 * 5); }
	.grid.col-w-l-5 > .grid-col.col-wide { max-width: calc(100% / 5 * 4); }
	.grid.col-w-l-4 > .grid-col.col-wide { max-width: calc(100% / 4 * 3); }
	.grid.col-w-l-3 > .grid-col.col-wide { max-width: calc(100% / 3 * 2); }
	.grid.col-w-l-2 > .grid-col.col-wide { max-width: 50%; }
	.grid.col-w-l-1 > .grid-col.col-wide { max-width: 100%; }
	
	.grid.col-w-l-9.gap-20px > .grid-col.col-wide { max-width: calc(100% / 9 * 8 - 20px); }
	.grid.col-w-l-8.gap-20px > .grid-col.col-wide { max-width: calc(100% / 8 * 7 - 20px); }
	.grid.col-w-l-7.gap-20px > .grid-col.col-wide { max-width: calc(100% / 7 * 6 - 20px); }
	.grid.col-w-l-6.gap-20px > .grid-col.col-wide { max-width: calc(100% / 6 * 5 - 20px); }
	.grid.col-w-l-5.gap-20px > .grid-col.col-wide { max-width: calc(100% / 5 * 4 - 20px); }
	.grid.col-w-l-4.gap-20px > .grid-col.col-wide { max-width: calc(100% / 4 * 3 - 20px); }
	.grid.col-w-l-3.gap-20px > .grid-col.col-wide { max-width: calc(100% / 3 * 2 - 20px); }
	.grid.col-w-l-2.gap-20px > .grid-col.col-wide { max-width: calc(50% - 20px); }
	.grid.col-w-l-1.gap-20px > .grid-col.col-wide { max-width: calc(100% - 20px); }
	
	/* ----reset */
	.grid[class*="col-w-l-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col,
	.grid[class*="col-w-l-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col,
	.grid[class*="col-w-l-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-l-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-l-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-l-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-l-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-l-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 2;
	}
	/* ----9 cols */
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+8) + .grid-col,
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+8) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-9 > .grid-col.similar-goods-box:nth-child(9n+9) + .grid-col {
		order: 0;
	}
	/* ----8 cols */
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+7) + .grid-col,
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+7) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-8 > .grid-col.similar-goods-box:nth-child(8n+8) + .grid-col {
		order: 0;
	}
	/* ----7 cols */
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col,
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col,
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col,
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col,
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col,
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col,
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col,
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col + .grid-col,
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+6) + .grid-col,
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+6) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-7 > .grid-col.similar-goods-box:nth-child(7n+7) + .grid-col {
		order: 0;
	}
	/* ----6 cols */
	.grid.col-w-l-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col,
	.grid.col-w-l-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col,
	.grid.col-w-l-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col,
	.grid.col-w-l-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col,
	.grid.col-w-l-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col,
	.grid.col-w-l-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col + .grid-col,
	.grid.col-w-l-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-6 > .grid-col.similar-goods-box:nth-child(6n+5) + .grid-col,
	.grid.col-w-l-6 > .grid-col.similar-goods-box:nth-child(6n+5) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-6 > .grid-col.similar-goods-box:nth-child(6n+6) + .grid-col {
		order: 0;
	}
	/* ----5 cols */
	.grid.col-w-l-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col,
	.grid.col-w-l-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col,
	.grid.col-w-l-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-l-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col,
	.grid.col-w-l-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col + .grid-col,
	.grid.col-w-l-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-5 > .grid-col.similar-goods-box:nth-child(5n+4) + .grid-col,
	.grid.col-w-l-5 > .grid-col.similar-goods-box:nth-child(5n+4) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-5 > .grid-col.similar-goods-box:nth-child(5n+5) + .grid-col {
		order: 0;
	}
	/* ----4 cols */
	.grid.col-w-l-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col,
	.grid.col-w-l-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col + .grid-col,
	.grid.col-w-l-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-4 > .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col,
	.grid.col-w-l-4 > .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-4 > .grid-col.similar-goods-box:nth-child(4n+4) + .grid-col {
		order: 0;
	}
	/* ----3 cols */
	.grid.col-w-l-3 > .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col,
	.grid.col-w-l-3 > .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-l-3 > .grid-col.similar-goods-box:nth-child(3n+3) + .grid-col {
		order: 0;
	}
	/* ----2 cols */
	.grid.col-w-l-2 > .grid-col.similar-goods-box:nth-child(2n+2) + .grid-col {
		order: 0;
	}
}
@media (max-width: 1199px) {
	.m-marker { display: block; }
	.m-hide { display: none !important; }
	.grid[class*="col-w-m-"] > .grid-col { width: 100%; }
	.grid.col-w-m-9 > .grid-col { max-width: calc(100% / 9); }
	.grid.col-w-m-8 > .grid-col { max-width: calc(100% / 8); }
	.grid.col-w-m-7 > .grid-col { max-width: calc(100% / 7); }
	.grid.col-w-m-6 > .grid-col { max-width: calc(100% / 6); }
	.grid.col-w-m-5 > .grid-col { max-width: calc(100% / 5); }
	.grid.col-w-m-4 > .grid-col { max-width: calc(100% / 4); }
	.grid.col-w-m-3 > .grid-col { max-width: calc(100% / 3); }
	.grid.col-w-m-2 > .grid-col { max-width: calc(100% / 2); }
	.grid.col-w-m-1 > .grid-col { max-width: 100%; }
	
	.grid.col-w-m-9.gap-20px > .grid-col { max-width: calc(100% / 9 - 20px); }
	.grid.col-w-m-8.gap-20px > .grid-col { max-width: calc(100% / 8 - 20px); }
	.grid.col-w-m-7.gap-20px > .grid-col { max-width: calc(100% / 7 - 20px); }
	.grid.col-w-m-7.gap-30px > .grid-col { max-width: calc(100% / 7 - 30px); }
	.grid.col-w-m-6.gap-20px > .grid-col { max-width: calc(100% / 6 - 20px); }
	.grid.col-w-m-5.gap-20px > .grid-col { max-width: calc(100% / 5 - 20px); }
	.grid.col-w-m-4.gap-20px > .grid-col { max-width: calc(100% / 4 - 20px); }
	.grid.col-w-m-3.gap-20px > .grid-col { max-width: calc(100% / 3 - 20px); }
	.grid.col-w-m-2.gap-20px > .grid-col { max-width: calc(100% / 2 - 20px); }
	.grid.col-w-m-1.gap-20px > .grid-col { max-width: calc(100% - 20px); }
	
	.grid.col-w-m-9 > .grid-col.col-wide { max-width: calc(100% / 9 * 8); }
	.grid.col-w-m-8 > .grid-col.col-wide { max-width: calc(100% / 8 * 7); }
	.grid.col-w-m-7 > .grid-col.col-wide { max-width: calc(100% / 7 * 6); }
	.grid.col-w-m-6 > .grid-col.col-wide { max-width: calc(100% / 6 * 5); }
	.grid.col-w-m-5 > .grid-col.col-wide { max-width: calc(100% / 5 * 4); }
	.grid.col-w-m-4 > .grid-col.col-wide { max-width: calc(100% / 4 * 3); }
	.grid.col-w-m-3 > .grid-col.col-wide { max-width: calc(100% / 3 * 2); }
	.grid.col-w-m-2 > .grid-col.col-wide { max-width: 50%; }
	.grid.col-w-m-1 > .grid-col.col-wide { max-width: 100%; }
	
	.grid.col-w-m-9.gap-20px > .grid-col.col-wide { max-width: calc(100% / 9 * 8 - 20px); }
	.grid.col-w-m-8.gap-20px > .grid-col.col-wide { max-width: calc(100% / 8 * 7 - 20px); }
	.grid.col-w-m-7.gap-20px > .grid-col.col-wide { max-width: calc(100% / 7 * 6 - 20px); }
	.grid.col-w-m-6.gap-20px > .grid-col.col-wide { max-width: calc(100% / 6 * 5 - 20px); }
	.grid.col-w-m-5.gap-20px > .grid-col.col-wide { max-width: calc(100% / 5 * 4 - 20px); }
	.grid.col-w-m-4.gap-20px > .grid-col.col-wide { max-width: calc(100% / 4 * 3 - 20px); }
	.grid.col-w-m-3.gap-20px > .grid-col.col-wide { max-width: calc(100% / 3 * 2 - 20px); }
	.grid.col-w-m-2.gap-20px > .grid-col.col-wide { max-width: calc(50% - 20px); }
	.grid.col-w-m-1.gap-20px > .grid-col.col-wide { max-width: calc(100% - 20px); }
	
	.grid.direction-column.col-h-240px.grid-h-m-3x { height: 720px; }
	.grid.direction-column.col-h-240px.gap-20px.grid-h-m-3x { height: 780px; }
	
	/* ----reset */
	.grid[class*="col-w-m-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col,
	.grid[class*="col-w-m-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col,
	.grid[class*="col-w-m-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-m-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-m-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-m-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-m-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-m-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 2;
	}
	.grid[class*="col-w-m-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col,
	.grid[class*="col-w-m-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col,
	.grid[class*="col-w-m-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-m-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-m-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-m-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-m-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-m-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 2;
	}
	/* ----9 cols */
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+8) + .grid-col,
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+8) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-9 > .grid-col.similar-goods-box:nth-child(9n+9) + .grid-col {
		order: 0;
	}
	/* ----8 cols */
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+7) + .grid-col,
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+7) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-8 > .grid-col.similar-goods-box:nth-child(8n+8) + .grid-col {
		order: 0;
	}
	/* ----7 cols */
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col,
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col,
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col,
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col,
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col,
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col,
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col,
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col + .grid-col,
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+6) + .grid-col,
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+6) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-7 > .grid-col.similar-goods-box:nth-child(7n+7) + .grid-col {
		order: 0;
	}
	/* ----6 cols */
	.grid.col-w-m-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col,
	.grid.col-w-m-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col,
	.grid.col-w-m-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col,
	.grid.col-w-m-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col,
	.grid.col-w-m-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col,
	.grid.col-w-m-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col + .grid-col,
	.grid.col-w-m-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-6 > .grid-col.similar-goods-box:nth-child(6n+5) + .grid-col,
	.grid.col-w-m-6 > .grid-col.similar-goods-box:nth-child(6n+5) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-6 > .grid-col.similar-goods-box:nth-child(6n+6) + .grid-col {
		order: 0;
	}
	/* ----5 cols */
	.grid.col-w-m-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col,
	.grid.col-w-m-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col,
	.grid.col-w-m-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-m-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col,
	.grid.col-w-m-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col + .grid-col,
	.grid.col-w-m-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-5 > .grid-col.similar-goods-box:nth-child(5n+4) + .grid-col,
	.grid.col-w-m-5 > .grid-col.similar-goods-box:nth-child(5n+4) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-5 > .grid-col.similar-goods-box:nth-child(5n+5) + .grid-col {
		order: 0;
	}
	/* ----4 cols */
	.grid.col-w-m-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col,
	.grid.col-w-m-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col + .grid-col,
	.grid.col-w-m-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-4 > .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col,
	.grid.col-w-m-4 > .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-4 > .grid-col.similar-goods-box:nth-child(4n+4) + .grid-col {
		order: 0;
	}
	/* ----3 cols */
	.grid.col-w-m-3 > .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col,
	.grid.col-w-m-3 > .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-3 > .grid-col.similar-goods-box:nth-child(3n+3) + .grid-col {
		order: 0;
	}

	.grid.col-w-m-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col,
	.grid.col-w-m-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col + .grid-col,
	.grid.col-w-m-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+3) + .grid-col,
	.grid.col-w-m-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+3) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+4) + .grid-col {
		order: 0;
	}
	.grid.col-w-m-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+5) {
		order: 0;
	}



	/* ----2 cols */
	.grid.col-w-m-2 > .grid-col.similar-goods-box:nth-child(2n+2) + .grid-col {
		order: 0;
	}

	.grid.col-w-m-2 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(2n+2) + .grid-col,
	.grid.col-w-m-2 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(2n+2) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-m-2 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(2n+3) + .grid-col {
		order: 0;
	}
	.grid.col-w-m-2 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(2n+4) {
		order: 0;
	}
	.grid.col-w-xxl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+5),
	.grid.col-w-xl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+5) {
		order: 1;
	}
	.grid.col-w-xxl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(2n+4),
	.grid.col-w-xl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(2n+4) {
		order: 0;
	}
}
@media (max-width: 999px) {
	.section-title:not(.modal-header),
	.section-subtitle:not(.modal-header) {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.s-marker { display: block; }
	.s-hide { display: none !important; }
	.grid[class*="col-w-s-"] > .grid-col { width: 100%; }
	.grid.col-w-s-9 > .grid-col { max-width: calc(100% / 9); }
	.grid.col-w-s-8 > .grid-col { max-width: calc(100% / 8); }
	.grid.col-w-s-7 > .grid-col { max-width: calc(100% / 7); }
	.grid.col-w-s-6 > .grid-col { max-width: calc(100% / 6); }
	.grid.col-w-s-5 > .grid-col { max-width: calc(100% / 5); }
	.grid.col-w-s-4 > .grid-col { max-width: calc(100% / 4); }
	.grid.col-w-s-3 > .grid-col { max-width: calc(100% / 3); }
	.grid.col-w-s-2 > .grid-col { max-width: calc(100% / 2); }
	.grid.col-w-s-1 > .grid-col { max-width: 100%; }
	
	.grid.col-w-s-9.gap-20px > .grid-col { max-width: calc(100% / 9 - 20px); }
	.grid.col-w-s-8.gap-20px > .grid-col { max-width: calc(100% / 8 - 20px); }
	.grid.col-w-s-7.gap-20px > .grid-col { max-width: calc(100% / 7 - 20px); }
	.grid.col-w-s-7.gap-30px > .grid-col { max-width: calc(100% / 7 - 30px); }
	.grid.col-w-s-6.gap-20px > .grid-col { max-width: calc(100% / 6 - 20px); }
	.grid.col-w-s-5.gap-20px > .grid-col { max-width: calc(100% / 5 - 20px); }
	.grid.col-w-s-4.gap-20px > .grid-col { max-width: calc(100% / 4 - 20px); }
	.grid.col-w-s-3.gap-20px > .grid-col { max-width: calc(100% / 3 - 20px); }
	.grid.col-w-s-2.gap-20px > .grid-col { max-width: calc(100% / 2 - 20px); }
	.grid.col-w-s-1.gap-20px > .grid-col { max-width: calc(100% - 20px); }
	
	.grid.col-w-s-9 > .grid-col.col-wide { max-width: calc(100% / 9 * 8); }
	.grid.col-w-s-8 > .grid-col.col-wide { max-width: calc(100% / 8 * 7); }
	.grid.col-w-s-7 > .grid-col.col-wide { max-width: calc(100% / 7 * 6); }
	.grid.col-w-s-6 > .grid-col.col-wide { max-width: calc(100% / 6 * 5); }
	.grid.col-w-s-5 > .grid-col.col-wide { max-width: calc(100% / 5 * 4); }
	.grid.col-w-s-4 > .grid-col.col-wide { max-width: calc(100% / 4 * 3); }
	.grid.col-w-s-3 > .grid-col.col-wide { max-width: calc(100% / 3 * 2); }
	.grid.col-w-s-2 > .grid-col.col-wide { max-width: 50%; }
	.grid.col-w-s-1 > .grid-col.col-wide { max-width: 100%; }
	
	.grid.col-w-s-9.gap-20px > .grid-col.col-wide { max-width: calc(100% / 9 * 8 - 20px); }
	.grid.col-w-s-8.gap-20px > .grid-col.col-wide { max-width: calc(100% / 8 * 7 - 20px); }
	.grid.col-w-s-7.gap-20px > .grid-col.col-wide { max-width: calc(100% / 7 * 6 - 20px); }
	.grid.col-w-s-6.gap-20px > .grid-col.col-wide { max-width: calc(100% / 6 * 5 - 20px); }
	.grid.col-w-s-5.gap-20px > .grid-col.col-wide { max-width: calc(100% / 5 * 4 - 20px); }
	.grid.col-w-s-4.gap-20px > .grid-col.col-wide { max-width: calc(100% / 4 * 3 - 20px); }
	.grid.col-w-s-3.gap-20px > .grid-col.col-wide { max-width: calc(100% / 3 * 2 - 20px); }
	.grid.col-w-s-2.gap-20px > .grid-col.col-wide { max-width: calc(50% - 20px); }
	.grid.col-w-s-1.gap-20px > .grid-col.col-wide { max-width: calc(100% - 20px); }
	
	/* ----reset */
	.grid[class*="col-w-s-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col,
	.grid[class*="col-w-s-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col,
	.grid[class*="col-w-s-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-s-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-s-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-s-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-s-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-s-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 2;
	}

	.grid[class*="col-w-s-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col,
	.grid[class*="col-w-s-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col,
	.grid[class*="col-w-s-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-s-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-s-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-s-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-s-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-s-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 2;
	}
	/* ----9 cols */
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+8) + .grid-col,
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+8) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-9 > .grid-col.similar-goods-box:nth-child(9n+9) + .grid-col {
		order: 0;
	}
	/* ----8 cols */
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+7) + .grid-col,
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+7) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-8 > .grid-col.similar-goods-box:nth-child(8n+8) + .grid-col {
		order: 0;
	}
	/* ----7 cols */
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col,
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col,
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col,
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col,
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col,
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col,
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col,
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col + .grid-col,
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+6) + .grid-col,
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+6) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-7 > .grid-col.similar-goods-box:nth-child(7n+7) + .grid-col {
		order: 0;
	}
	/* ----6 cols */
	.grid.col-w-s-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col,
	.grid.col-w-s-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col,
	.grid.col-w-s-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col,
	.grid.col-w-s-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col,
	.grid.col-w-s-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col,
	.grid.col-w-s-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col + .grid-col,
	.grid.col-w-s-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-6 > .grid-col.similar-goods-box:nth-child(6n+5) + .grid-col,
	.grid.col-w-s-6 > .grid-col.similar-goods-box:nth-child(6n+5) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-6 > .grid-col.similar-goods-box:nth-child(6n+6) + .grid-col {
		order: 0;
	}
	/* ----5 cols */
	.grid.col-w-s-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col,
	.grid.col-w-s-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col,
	.grid.col-w-s-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-s-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col,
	.grid.col-w-s-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col + .grid-col,
	.grid.col-w-s-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-5 > .grid-col.similar-goods-box:nth-child(5n+4) + .grid-col,
	.grid.col-w-s-5 > .grid-col.similar-goods-box:nth-child(5n+4) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-5 > .grid-col.similar-goods-box:nth-child(5n+5) + .grid-col {
		order: 0;
	}
	/* ----4 cols */
	.grid.col-w-s-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col,
	.grid.col-w-s-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col + .grid-col,
	.grid.col-w-s-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-4 > .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col,
	.grid.col-w-s-4 > .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-4 > .grid-col.similar-goods-box:nth-child(4n+4) + .grid-col {
		order: 0;
	}
	/* ----3 cols */
	.grid.col-w-s-3 > .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col,
	.grid.col-w-s-3 > .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-3 > .grid-col.similar-goods-box:nth-child(3n+3) + .grid-col {
		order: 0;
	}

	.grid.col-w-s-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col,
	.grid.col-w-s-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col + .grid-col,
	.grid.col-w-s-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+3) + .grid-col,
	.grid.col-w-s-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+3) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-s-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+4) + .grid-col {
		order: 0;
	}
	.grid.col-w-s-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+5) {
		order: 0;
	}
	.grid.col-w-xxl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(2n+4) {
		order: 1;
	}
	.grid.col-w-xxl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+5) {
		order: 0;
	}


	/* ----2 cols */
	.grid.col-w-s-2 > .grid-col.similar-goods-box:nth-child(2n+2) + .grid-col {
		order: 0;
	}

	.grid.col-w-m-2 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(2n+4) {
		order: 1;
	}
}
@media (max-width: 799px) {
	.xs-marker { display: block; }
	.xs-hide { display: none !important; }
	.grid[class*="col-w-xs-"] > .grid-col { width: 100%; }
	.grid.col-w-xs-9 > .grid-col { max-width: calc(100% / 9); }
	.grid.col-w-xs-8 > .grid-col { max-width: calc(100% / 8); }
	.grid.col-w-xs-7 > .grid-col { max-width: calc(100% / 7); }
	.grid.col-w-xs-6 > .grid-col { max-width: calc(100% / 6); }
	.grid.col-w-xs-5 > .grid-col { max-width: calc(100% / 5); }
	.grid.col-w-xs-4 > .grid-col { max-width: calc(100% / 4); }
	.grid.col-w-xs-3 > .grid-col { max-width: calc(100% / 3); }
	.grid.col-w-xs-2 > .grid-col { max-width: calc(100% / 2); }
	.grid.col-w-xs-1 > .grid-col { max-width: 100%; }
	
	.grid.col-w-xs-9.gap-20px > .grid-col { max-width: calc(100% / 9 - 20px); }
	.grid.col-w-xs-8.gap-20px > .grid-col { max-width: calc(100% / 8 - 20px); }
	.grid.col-w-xs-7.gap-20px > .grid-col { max-width: calc(100% / 7 - 20px); }
	.grid.col-w-xs-7.gap-30px > .grid-col { max-width: calc(100% / 7 - 30px); }
	.grid.col-w-xs-6.gap-20px > .grid-col { max-width: calc(100% / 6 - 20px); }
	.grid.col-w-xs-5.gap-20px > .grid-col { max-width: calc(100% / 5 - 20px); }
	.grid.col-w-xs-4.gap-20px > .grid-col { max-width: calc(100% / 4 - 20px); }
	.grid.col-w-xs-3.gap-20px > .grid-col { max-width: calc(100% / 3 - 20px); }
	.grid.col-w-xs-2.gap-20px > .grid-col { max-width: calc(100% / 2 - 20px); }
	.grid.col-w-xs-1.gap-20px > .grid-col { max-width: calc(100% - 20px); }
	
	.grid.col-w-xs-9 > .grid-col.col-wide { max-width: calc(100% / 9 * 8); }
	.grid.col-w-xs-8 > .grid-col.col-wide { max-width: calc(100% / 8 * 7); }
	.grid.col-w-xs-7 > .grid-col.col-wide { max-width: calc(100% / 7 * 6); }
	.grid.col-w-xs-6 > .grid-col.col-wide { max-width: calc(100% / 6 * 5); }
	.grid.col-w-xs-5 > .grid-col.col-wide { max-width: calc(100% / 5 * 4); }
	.grid.col-w-xs-4 > .grid-col.col-wide { max-width: calc(100% / 4 * 3); }
	.grid.col-w-xs-3 > .grid-col.col-wide { max-width: calc(100% / 3 * 2); }
	.grid.col-w-xs-2 > .grid-col.col-wide { max-width: 50%; }
	.grid.col-w-xs-1 > .grid-col.col-wide { max-width: 100%; }
	
	.grid.col-w-xs-9.gap-20px > .grid-col.col-wide { max-width: calc(100% / 9 * 8 - 20px); }
	.grid.col-w-xs-8.gap-20px > .grid-col.col-wide { max-width: calc(100% / 8 * 7 - 20px); }
	.grid.col-w-xs-7.gap-20px > .grid-col.col-wide { max-width: calc(100% / 7 * 6 - 20px); }
	.grid.col-w-xs-6.gap-20px > .grid-col.col-wide { max-width: calc(100% / 6 * 5 - 20px); }
	.grid.col-w-xs-5.gap-20px > .grid-col.col-wide { max-width: calc(100% / 5 * 4 - 20px); }
	.grid.col-w-xs-4.gap-20px > .grid-col.col-wide { max-width: calc(100% / 4 * 3 - 20px); }
	.grid.col-w-xs-3.gap-20px > .grid-col.col-wide { max-width: calc(100% / 3 * 2 - 20px); }
	.grid.col-w-xs-2.gap-20px > .grid-col.col-wide { max-width: calc(50% - 20px); }
	.grid.col-w-xs-1.gap-20px > .grid-col.col-wide { max-width: calc(100% - 20px); }
	
	.grid.direction-column.col-h-240px.grid-h-xs-auto,
	.grid.direction-column.col-h-240px.gap-20px.grid-h-xs-auto {
		height: auto;
	}
	.grid.direction-column.col-h-160px.grid-h-xs-auto,
	.grid.direction-column.col-h-160px.gap-20px.grid-h-xs-auto,
	.grid.direction-column.col-h-160px.gap-10px.grid-h-xs-auto {
		height: auto;
	}
	
	/* ----reset */
	.grid[class*="col-w-xs-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col,
	.grid[class*="col-w-xs-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col,
	.grid[class*="col-w-xs-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xs-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xs-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xs-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xs-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xs-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 2;
	}

	.grid[class*="col-w-xs-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col,
	.grid[class*="col-w-xs-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col,
	.grid[class*="col-w-xs-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xs-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xs-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xs-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xs-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xs-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 2;
	}
	/* ----9 cols */
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+8) + .grid-col,
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+8) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-9 > .grid-col.similar-goods-box:nth-child(9n+9) + .grid-col {
		order: 0;
	}
	/* ----8 cols */
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+7) + .grid-col,
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+7) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-8 > .grid-col.similar-goods-box:nth-child(8n+8) + .grid-col {
		order: 0;
	}
	/* ----7 cols */
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col,
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col,
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col,
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col,
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col,
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col,
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col,
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col + .grid-col,
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+6) + .grid-col,
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+6) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-7 > .grid-col.similar-goods-box:nth-child(7n+7) + .grid-col {
		order: 0;
	}
	/* ----6 cols */
	.grid.col-w-xs-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col,
	.grid.col-w-xs-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col,
	.grid.col-w-xs-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col,
	.grid.col-w-xs-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col,
	.grid.col-w-xs-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col,
	.grid.col-w-xs-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col + .grid-col,
	.grid.col-w-xs-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-6 > .grid-col.similar-goods-box:nth-child(6n+5) + .grid-col,
	.grid.col-w-xs-6 > .grid-col.similar-goods-box:nth-child(6n+5) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-6 > .grid-col.similar-goods-box:nth-child(6n+6) + .grid-col {
		order: 0;
	}
	/* ----5 cols */
	.grid.col-w-xs-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col,
	.grid.col-w-xs-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col,
	.grid.col-w-xs-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xs-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col,
	.grid.col-w-xs-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col + .grid-col,
	.grid.col-w-xs-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-5 > .grid-col.similar-goods-box:nth-child(5n+4) + .grid-col,
	.grid.col-w-xs-5 > .grid-col.similar-goods-box:nth-child(5n+4) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-5 > .grid-col.similar-goods-box:nth-child(5n+5) + .grid-col {
		order: 0;
	}
	/* ----4 cols */
	.grid.col-w-xs-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col,
	.grid.col-w-xs-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col + .grid-col,
	.grid.col-w-xs-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-4 > .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col,
	.grid.col-w-xs-4 > .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-4 > .grid-col.similar-goods-box:nth-child(4n+4) + .grid-col {
		order: 0;
	}
	/* ----3 cols */
	.grid.col-w-xs-3 > .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col,
	.grid.col-w-xs-3 > .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-3 > .grid-col.similar-goods-box:nth-child(3n+3) + .grid-col {
		order: 0;
	}
	/* ----2 cols */
	.grid.col-w-xs-2 > .grid-col.similar-goods-box:nth-child(2n+2) + .grid-col {
		order: 0;
	}

	.grid.col-w-xs-2 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(2n+2) + .grid-col,
	.grid.col-w-xs-2 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(2n+2) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-2 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(2n+3) + .grid-col {
		order: 0;
	}
	.grid.col-w-xs-2 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(2n+4) {
		order: 0;
	}
	.grid.col-w-s-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+5) {
		order: 1;
	}
	.grid.col-w-xxl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(3n+5) {
		order: 1;
	}
	.grid.col-w-xxl-3 > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(2n+4) {
		order: 0;
	}

}
@media (max-width: 599px) {
	.page-section { margin-top: 30px; }
	.page-section[class*="bg-"] {
		padding: 30px 0;
	}
	.section-bottom {
		margin: 16px 0 8px 0;
	}
	.xxs-marker { display: block; }
	.xxs-hide { display: none !important; }
	.xxs-w-100 { width: 100%; }
	.grid.gap-20px {
		margin: 0 4px;
		margin-bottom: -8px;
	}
	.grid.gap-20px > .grid-col {
		margin: 0 4px;
		margin-bottom: 8px;
	}
	.grid .grid.gap-20px {
		margin-left: 4px;
		margin-right: 4px;
	}
	.grid + .grid.gap-20px {
		margin-top: 8px;
	}
	
	.grid.col-w-2.gap-20px > .grid-col,
	.grid.col-w-s-2.gap-20px > .grid-col {
		max-width: calc(100% / 2 - 8px);
	}
	
	.grid.col-w-1.gap-20px > .grid-col,
	.grid.col-w-1.gap-20px > .grid-col.col-wide,
	.grid.col-w-s-1.gap-20px > .grid-col,
	.grid.col-w-s-1.gap-20px > .grid-col.col-wide,
	.grid.col-w-xs-1.gap-20px > .grid-col,
	.grid.col-w-xs-1.gap-20px > .grid-col.col-wide {
		max-width: calc(100% - 8px);
	}
	
	.grid[class*="col-w-xxs-"] > .grid-col { width: 100%; }
	.grid.col-w-xxs-9 > .grid-col { max-width: calc(100% / 9); }
	.grid.col-w-xxs-8 > .grid-col { max-width: calc(100% / 8); }
	.grid.col-w-xxs-7 > .grid-col { max-width: calc(100% / 7); }
	.grid.col-w-xxs-6 > .grid-col { max-width: calc(100% / 6); }
	.grid.col-w-xxs-5 > .grid-col { max-width: calc(100% / 5); }
	.grid.col-w-xxs-4 > .grid-col { max-width: calc(100% / 4); }
	.grid.col-w-xxs-3 > .grid-col { max-width: calc(100% / 3); }
	.grid.col-w-xxs-2 > .grid-col { max-width: calc(100% / 2); }
	.grid.col-w-xxs-1 > .grid-col { max-width: 100%; }
	
	.grid.col-w-xxs-9.gap-20px > .grid-col { max-width: calc(100% / 9 - 8px); }
	.grid.col-w-xxs-8.gap-20px > .grid-col { max-width: calc(100% / 8 - 8px); }
	.grid.col-w-xxs-7.gap-20px > .grid-col { max-width: calc(100% / 7 - 8px); }
	.grid.col-w-xxs-7.gap-30px > .grid-col { max-width: calc(100% / 7 - 30px); }
	.grid.col-w-xxs-6.gap-20px > .grid-col { max-width: calc(100% / 6 - 8px); }
	.grid.col-w-xxs-5.gap-20px > .grid-col { max-width: calc(100% / 5 - 8px); }
	.grid.col-w-xxs-4.gap-20px > .grid-col { max-width: calc(100% / 4 - 8px); }
	.grid.col-w-xxs-3.gap-20px > .grid-col { max-width: calc(100% / 3 - 8px); }
	.grid.col-w-xxs-2.gap-20px > .grid-col { max-width: calc(100% / 2 - 8px); }
	.grid.col-w-xxs-1.gap-20px > .grid-col { max-width: calc(100% - 8px); }
	
	.grid.col-w-xxs-9 > .grid-col.col-wide { max-width: calc(100% / 9 * 8); }
	.grid.col-w-xxs-8 > .grid-col.col-wide { max-width: calc(100% / 8 * 7); }
	.grid.col-w-xxs-7 > .grid-col.col-wide { max-width: calc(100% / 7 * 6); }
	.grid.col-w-xxs-6 > .grid-col.col-wide { max-width: calc(100% / 6 * 5); }
	.grid.col-w-xxs-5 > .grid-col.col-wide { max-width: calc(100% / 5 * 4); }
	.grid.col-w-xxs-4 > .grid-col.col-wide { max-width: calc(100% / 4 * 3); }
	.grid.col-w-xxs-3 > .grid-col.col-wide { max-width: calc(100% / 3 * 2); }
	.grid.col-w-xxs-2 > .grid-col.col-wide { max-width: 50%; }
	.grid.col-w-xxs-1 > .grid-col.col-wide { max-width: 100%; }
	
	.grid.col-w-xxs-9.gap-20px > .grid-col.col-wide { max-width: calc(100% / 9 * 8 - 8px); }
	.grid.col-w-xxs-8.gap-20px > .grid-col.col-wide { max-width: calc(100% / 8 * 7 - 8px); }
	.grid.col-w-xxs-7.gap-20px > .grid-col.col-wide { max-width: calc(100% / 7 * 6 - 8px); }
	.grid.col-w-xxs-6.gap-20px > .grid-col.col-wide { max-width: calc(100% / 6 * 5 - 8px); }
	.grid.col-w-xxs-5.gap-20px > .grid-col.col-wide { max-width: calc(100% / 5 * 4 - 8px); }
	.grid.col-w-xxs-4.gap-20px > .grid-col.col-wide { max-width: calc(100% / 4 * 3 - 8px); }
	.grid.col-w-xxs-3.gap-20px > .grid-col.col-wide { max-width: calc(100% / 3 * 2 - 8px); }
	.grid.col-w-xxs-2.gap-20px > .grid-col.col-wide { max-width: calc(50% - 8px); }
	.grid.col-w-xxs-1.gap-20px > .grid-col.col-wide { max-width: calc(100% - 8px); }
	
	/* ----reset */
	.grid[class*="col-w-xxs-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col,
	.grid[class*="col-w-xxs-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col,
	.grid[class*="col-w-xxs-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xxs-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xxs-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xxs-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xxs-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xxs-"] > .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 2;
	}

	.grid[class*="col-w-xxs-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col,
	.grid[class*="col-w-xxs-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col,
	.grid[class*="col-w-xxs-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xxs-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xxs-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xxs-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xxs-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid[class*="col-w-xxs-"] > .banenr-goods-box ~ .grid-col.similar-goods-box:nth-child(n) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 2;
	}
	/* ----9 cols */
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+5) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+6) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+7) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+8) + .grid-col,
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+8) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-9 > .grid-col.similar-goods-box:nth-child(9n+9) + .grid-col {
		order: 0;
	}
	/* ----8 cols */
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+4) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+5) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+6) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+7) + .grid-col,
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+7) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-8 > .grid-col.similar-goods-box:nth-child(8n+8) + .grid-col {
		order: 0;
	}
	/* ----7 cols */
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col,
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col,
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col,
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col,
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+3) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col,
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col,
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+4) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col,
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col + .grid-col,
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+5) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+6) + .grid-col,
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+6) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-7 > .grid-col.similar-goods-box:nth-child(7n+7) + .grid-col {
		order: 0;
	}
	/* ----6 cols */
	.grid.col-w-xxs-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col,
	.grid.col-w-xxs-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col,
	.grid.col-w-xxs-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-6 > .grid-col.similar-goods-box:nth-child(6n+2) + .grid-col + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col,
	.grid.col-w-xxs-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col,
	.grid.col-w-xxs-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-6 > .grid-col.similar-goods-box:nth-child(6n+3) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col,
	.grid.col-w-xxs-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col + .grid-col,
	.grid.col-w-xxs-6 > .grid-col.similar-goods-box:nth-child(6n+4) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-6 > .grid-col.similar-goods-box:nth-child(6n+5) + .grid-col,
	.grid.col-w-xxs-6 > .grid-col.similar-goods-box:nth-child(6n+5) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-6 > .grid-col.similar-goods-box:nth-child(6n+6) + .grid-col {
		order: 0;
	}
	/* ----5 cols */
	.grid.col-w-xxs-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col,
	.grid.col-w-xxs-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col,
	.grid.col-w-xxs-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col + .grid-col,
	.grid.col-w-xxs-5 > .grid-col.similar-goods-box:nth-child(5n+2) + .grid-col + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col,
	.grid.col-w-xxs-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col + .grid-col,
	.grid.col-w-xxs-5 > .grid-col.similar-goods-box:nth-child(5n+3) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-5 > .grid-col.similar-goods-box:nth-child(5n+4) + .grid-col,
	.grid.col-w-xxs-5 > .grid-col.similar-goods-box:nth-child(5n+4) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-5 > .grid-col.similar-goods-box:nth-child(5n+5) + .grid-col {
		order: 0;
	}
	/* ----4 cols */
	.grid.col-w-xxs-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col,
	.grid.col-w-xxs-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col + .grid-col,
	.grid.col-w-xxs-4 > .grid-col.similar-goods-box:nth-child(4n+2) + .grid-col + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-4 > .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col,
	.grid.col-w-xxs-4 > .grid-col.similar-goods-box:nth-child(4n+3) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-4 > .grid-col.similar-goods-box:nth-child(4n+4) + .grid-col {
		order: 0;
	}
	/* ----3 cols */
	.grid.col-w-xxs-3 > .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col,
	.grid.col-w-xxs-3 > .grid-col.similar-goods-box:nth-child(3n+2) + .grid-col + .grid-col {
		order: 0;
	}
	.grid.col-w-xxs-3 > .grid-col.similar-goods-box:nth-child(3n+3) + .grid-col {
		order: 0;
	}
	/* ----2 cols */
	.grid.col-w-xxs-2 > .grid-col.similar-goods-box:nth-child(2n+2) + .grid-col {
		order: 0;
	}
	
	.grid.gap-20px > .grid-col.similar-goods-box {
		padding: 0;
	}
	.similar-goods-box .swiper-slide {
		padding-left: 0;
	}
	.similar-goods-box .goods-operate {
		display: none;
	}
}




@media (min-width: 600px) {
	.xxs-show { display: none !important; }
}
@media (min-width: 700px) {
	.xms-show { display: none !important; }
}
@media (min-width: 800px) {
	.xs-show { display: none !important; }
}
@media (min-width: 1000px) {
	.s-show { display: none !important; }
}
@media (min-width: 1200px) {
	.m-show { display: none !important; }
}
@media (min-width: 1400px) {
	.l-show { display: none !important; }
}
@media (min-width: 1600px) {
	.xl-show { display: none !important; }
}
@media (min-width: 1800px) {
	.xxl-show { display: none !important; }
}





/* sticky */
.sticky-top {
  position: sticky;
  top: 0px;
}



/* hide body scrollbar */
body.no-scroll {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
body.no-scroll .page-content {
	position: relative;
}



/* back to top */
.floating-right-tools {
	position: fixed;
	right: -1px;
	bottom: 170px;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	transition: bottom 0.3s;
	z-index: 500;
}
.floating-right-tools.is-active {
	z-index: 1999;
}
.floating-right-tools.is-active .floating-robot-tips {
	display: block;
}
.floating-right-tools.is-active .floating-robot .sticky-bottom-right-text {
	display: none !important;
}
.floating-right-controls {
	border-radius: 8px 0 0 8px;
	padding: 5px 3px;
	box-sizing: border-box;
	width: 70px;
} 
.floating-right-controls.is-hide .floating-more-button {
	margin-bottom: 0;
	margin-top: 0;
}
.floating-right-controls.is-hide .floating-more-button::before {
	content: none;
}
.floating-right-controls.is-hide .sticky-bottom-right {
	opacity: 0;
	display: none;
}
.floating-right-controls.is-hide .floating-more-button span.ico-angle-down-down {
	display: none;
}
.floating-right-controls.is-hide .floating-more-button span:not(.ico-angle-down-down) {
	display: block;
}
.floating-right-tools .line-horizontal {
	max-width: 48px;
	margin: 0 auto;
	background-color: #e8e8e8;
}
.floating-right-tools .sticky-bottom-right {
	position: unset;
	max-width: 70px;
}
.floating-more-button {
	cursor: pointer;
	border-radius: 4px;
	color: #6e6e6e;
	position: relative;
	margin-top: 5px;
	margin-bottom: 20px;
}
.floating-more-button::before {
	content: '';
	width: 48px;
	height: 1px;
	background-color: #e8e8e8;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
}
.floating-more-button .ico {
	display: block;
	margin: 0 auto;
	padding: 4px 0;
	width: 60px;
	font-size: 20px;
	line-height: 1;
	text-align: center;
}
.floating-more-button span:not(.ico-angle-down-down) {
	display: none;
}
.floating-more-button .ico-circle-ellipsis-vertical {
	font-size: 24px;
}
.floating-more-button .Messages-num {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	min-width: 8px;
	right: 11px;
	top: 4px;
	padding: 0;
}

.floating-more-button .line-horizontal {
	margin-top: 10px;
}
.floating-more-button:hover {
	background-color: #E8E8E8;
}
.floating-to-top {
	cursor: pointer;
	border-radius: 4px;
	color: #6e6e6e;
	position: relative;
	margin-top: 20px;
	margin-bottom: 5px;
}
.floating-to-top::before {
	content: '';
	width: 48px;
	height: 1px;
	background-color: #e8e8e8;
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
}
.floating-to-top:hover {
	background-color: #E8E8E8;
}
.floating-live {
	position: unset;
	margin-bottom: 10px;
}
.sticky-bottom-right {
	z-index: 500;
	cursor: pointer;
	/* transition: bottom 0.3s; */
	margin-bottom: 9px;
	margin-top: 5px;
	border-radius: 8px 0 0 8px;
	opacity: 0.96;
	transition: all 0.3s;
	/* height: 200px; */
}
.sticky-bottom-right > li {
	position: relative;
	color: #6e6e6e;
	border-radius: 4px;
}
.floating-compare {
	background-color: #146ADB;
	padding: 2px 4px;
	box-sizing: border-box;
	position: relative;
	color: #fff;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0;
	width: 70px;
	border-radius: 4px 0 0 4px;
	cursor: pointer;
}
.floating-compare .Messages-num {
	right: 1px;
	top: -8px;
	font-weight: normal;
}
.floating-compare:hover {
	background-color: #4388E2;
	color: #fff;
}
.floating-compare .sticky-bottom-right-text {
	padding-bottom: 0;
}
.floating-robot {
	width: 56px;
	height: 56px;
	background: #242332;
	margin: 10px auto 0;
	background-size: contain;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	-webkit-box-shadow: 0 3px 10px rgb(0 0 0 / 50%);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,.5);
	-ms-box-shadow: 0 3px 10px rgba(0,0,0,.5);
	-o-box-shadow: 0 3px 10px rgba(0,0,0,.5);
	box-shadow: 0 3px 10px rgb(0 0 0 / 50%);
	margin: 0 auto 10px 0 !important;
}
.floating-robot .sticky-bottom-right-text {
	display: none;
}
.floating-robot:hover .sticky-bottom-right-text {
	position: absolute;
	top: 16px;
	padding: 2px 4px;
	width: auto;
	height: 20px;
	border-radius: 4px;
	background: #fff;
	color: #212121;
	white-space: nowrap;
	-webkit-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
	-moz-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
	-ms-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
	-o-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
	box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
	padding-bottom: 0;
	right: 55px;
	display: block;
	text-decoration: none;
	font-size: 14px;
}
.dark-mode .floating-robot:hover .sticky-bottom-right-text {
	background-color: #212121;
	color: #fff;
}
.dark-mode .floating-robot {
	background: #464462;
}
.floating-robot .floating-robot-icon {
	width: 48px;
	height: 48px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.floating-robot .floating-robot-icon img {
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	/* animation: robot_scaleAnimation 1s ease-in-out infinite; */
}
@keyframes robot_scaleAnimation {
  0%, 100% {
    transform: scale(1); 
  }
  50% {
    transform: scale(1.2);
  }
}
/* @keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px); 
  }
  50% {
    transform: translateX(5px);
  }
  75% {
    transform: translateX(-5px); 
  }
  100% {
    transform: translateX(0);
  }
} */
.sticky-bottom-right > li:hover {
	background-color: #E8E8E8;
}
.dark-mode .sticky-bottom-right > li {
	color: #adadad;
}
.sticky-bottom-right > #Dark_Mode {
	display: none;
}
.sticky-bottom-right > li > a {
	display: block;
}
.sticky-bottom-right .ico,
.floating-to-top .ico {
	display: block;
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 60px;
	font-size: 24px;
	line-height: 1;
	text-align: center;
}
.sticky-bottom-right #QR_Code_App .QR-Code-content {
	display: none;
}
.sticky-bottom-right-text {
	display: block;
	padding-bottom: 5px;
	width: 100%;
	font-size: 12px;
	text-align: center;
	transform: scale(0.9);
}
/* dark-mode */
.dark-mode .sticky-bottom-right > li,
.dark-mode .floating-to-top,
.dark-mode .floating-more-button {
	color: #949494;
}
.dark-mode .sticky-bottom-right > li:hover,
.dark-mode .floating-to-top:hover,
.dark-mode .floating-more-button:hover {
	background-color: #363636;
}
.dark-mode .floating-compare {
	background-color: #6198E4;
	color: #212121;
}
.dark-mode .floating-to-top::before,
.dark-mode .floating-more-button::before {
	background-color: #363636;
}
@media (max-width: 1999px) {
	.sticky-bottom-right {
		right: 0;
		margin-bottom: 5px;
	}
	.sticky-bottom-right .ico {
		margin: 8px auto;
		padding: 2px 0;
		width: 20px;
		font-size: 16px;
	}
	.floating-to-top .ico {
		margin: 8px auto 0;
		padding: 5px 0;
		width: 20px;
		font-size: 16px;
	}
	.floating-more-button::before {
		bottom: -8px;
	}
	.floating-to-top {
		margin-bottom: 0;
		margin-top: 16px;
	}
	.floating-more-button {
		margin-top: 0;
		margin-bottom: 16px;
	}
	.floating-more-button .ico {
		margin: 0 auto;
		padding: 5px 0;
		width: 20px;
		font-size: 14px;
	}
	.floating-right-tools .line-horizontal,
	.floating-to-top::before,
	.floating-more-button::before {
		max-width: 16px;
	}
	.floating-right-controls.is-hide .floating-more-button + .line-horizontal {
		display: none;
	}	
	.floating-compare {
		width: 32px;
		height: 20px;
		color: #6e6e6e;
		font-weight: normal;
		margin: 8px 0;
		margin-bottom: 0;
	}
	.floating-robot {
		width: 30px;
		height: 30px;
		margin-top: 8px;
		margin-right: 2px;
	}
	.floating-robot .floating-robot-icon {
		width: 26px;
		height: 26px;
	}
	.floating-compare:hover {
		color: #6e6e6e;
	}
	.floating-compare::before {
		content: '';
		background-image: url("../../Nest/images/icons/AddToCompare_3x.png");
		width: 16px;
		height: 16px;
		background-size: 100% 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	.sticky-bottom-right-text {
		display: none;
		position: absolute;
		right: 26px;
		top: -1px;
		padding: 2px 4px;
		width: auto;
		height: 20px;
		border-radius: 4px;
		background: #fff;
		white-space: nowrap;
		-webkit-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
    -moz-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
    -ms-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
    -o-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
    box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
	}
	.floating-compare .sticky-bottom-right-text {
		padding-bottom: 2px;
		right: 32px;
	}
	.floating-robot:hover .sticky-bottom-right-text {
		right: 30px;
		top: 4px;
		font-size: 12px;
	}
	.floating-right-controls.is-hide .floating-more-button span.sticky-bottom-right-text {
		display: none;
	}
	.sticky-bottom-right > li:hover .sticky-bottom-right-text,
	.floating-compare:hover .sticky-bottom-right-text,
	.floating-right-controls.is-hide .floating-more-button:hover span.sticky-bottom-right-text,
	.floating-to-top:hover .sticky-bottom-right-text {
		display: block;
		text-decoration: none;
	}
	.dark-mode .sticky-bottom-right-text {
		background-color: #212121;
		color: #fff;
	}
	/* right mini*/
	.floating-right-controls {
		width: 32px;
		padding: 5px 6px;
	}
	.sticky-bottom-right {
		right: 0;
	}
	.sticky-bottom-right > li:hover .sticky-bottom-right-text {
		display: block;
		text-decoration: none;
	}
	.dark-mode .sticky-bottom-right-text {
		background-color: #212121;
		color: #fff;
	}
	.compare-items-new .compare-items-button[class*="bg-"] {
		max-width: 32px;
		height: 80px;
		padding: 0;
		border-radius: 8px 0 0 8px;
		line-height: 30px;
		white-space: normal;
		display: -webkit-flex;
		display: flex;
	}
	.compare-items-new .section-title-note,
	.compare-items-new .ico-caret-left-solid {
		display: none;  
	}
	.compare-items-new .compare-items-button .section-subtitle {
		text-transform:uppercase;
		font-size: 12px;
		font-weight: 700;
	}
	.compare-items-new .compare-sticky-bottom-right .compare-items-button .section-subtitle-text {
		writing-mode: vertical-lr;
		width: 32px;
		height: 60px;
		overflow: hidden;
	}
	.compare-items-new .compare-sticky-bottom-right {
		bottom: 26px;
	}
	.sticky-bottom-right > li:last-child .ico {
		border-bottom: none;
	}
}
@media (max-width: 799px) {
	/* .sticky-bottom-right {
		transform: translateY(0);
		bottom: 130px;
	} */
	.floating-right-tools {
		bottom: 230px;
	}
	.floating-right-tools .sticky-bottom-right {
		bottom: 0 !important;
		position: relative;
		transform: none;
		z-index: 2;
	}
}



/* loading */
.loading {
	padding: 80px 0;
	text-align: center;
}
.loading .ico {
	display: block;
	margin: 0 auto;
	width: 80px;
	height: 80px;
	font-size: 80px;
}
.loading-m { padding: 40px 0; }
.loading-m .ico {
	width: 40px;
	height: 40px;
	font-size: 40px;
}
.loading-s { padding: 20px 0; }
.loading-s .ico {
	width: 20px;
	height: 20px;
	font-size: 20px;
}
/* masker */
.masker {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: fixed;
	z-index: 2499;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(0, 0, 0, 0);
}
.masker.opacity-30 {
	background: rgba(0, 0, 0, .3);
	color: #fff;
}
.masker.is-inside {
	position: absolute;
}
.masker.zindex-mid {
	z-index: 1599;
}
.masker.zindex-sm {
	z-index: 1199;
}
.dark-mode .masker.opacity-30 {
	background: rgba(0, 0, 0, .7);
}
/* preload */
@-webkit-keyframes preload-assembler {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes preload-assembler {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes preload-assembler {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
.preload-assembler {
	position: relative;
	width: 100%;
	min-height: 20px;
	pointer-events: none;
	text-indent: -999vw;
}
.preload-assembler.font-s {
	min-height: 16px;
}
.preload-assembler:after {
    content: '';
    display: block !important;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-size: 400% 400%;
    -webkit-animation: preload-assembler 2s ease-in-out infinite forwards;
    -moz-animation: preload-assembler 2s ease-in-out infinite forwards;
    animation: preload-assembler 2s ease-in-out infinite forwards;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.radius-m.preload-assembler:after {
	border-radius: 8px;
}
.goods-img.preload-assembler {
	height: auto;
}
.goods-list.is-vertical .goods-container > .goods-img[class*="bg-"].preload-assembler, 
.goods-container.is-vertical > .goods-img[class*="bg-"].preload-assembler {
	margin-bottom: 2px;
}
.goods-rating.preload-assembler {
	box-sizing: border-box;
	width: 100px;
	min-height: 18px;
}
.goods-brand.preload-assembler {
	width: 70px;
	min-height: 28px;
}
.goods-price-current.preload-assembler {
	width: 100px;
	min-height: 28px;
}
.goods-price-was.preload-assembler {
	width: 50px;
	min-height: 16px;
}
.goods-price-ship.preload-assembler {
	width: 100px;
	min-height: 16px;
}
.goods-title > .preload-assembler,
.preload-paragraph > .preload-assembler {
	min-height: 18px;
}
.goods-title > .preload-assembler + .preload-assembler,
.preload-paragraph > .preload-assembler + .preload-assembler {
	margin-top: 4px;
}
.goods-title > .preload-assembler:last-child {
	width: 90%;
}
.preload-paragraph > .preload-assembler:last-child {
	width: 70%;
}
.goods-button-area > .preload-assembler {
	width: 100px;
	min-height: 24px;
}

.dark-mode .logo-light {
	display: none;
}
.dark-mode .logo-dark {
	display: inline-block;
}
.logo-dark {
	display: none;
}


/* hover animation */
.button,
.toggle,
.header2021-search-button > button {
	transform: scale(1);
	transition: transform 200ms cubic-bezier(1, 0.88, 0.13, 1.54);
}
.button:hover,
.toggle:hover,
.header2021-search-button > button:hover {
	transform: scale(1.05);
}


/* buttons */
.button {
	position: relative;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 8px 0;
	height: 40px;
	border-radius: 20px;
	outline: 0;
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
	background-color: transparent;
	box-sizing: border-box;
	color: inherit;
	font-weight: bold;
	white-space: nowrap;
	cursor: pointer;
	text-transform: uppercase;
}
.button[class*="bg-"] {
	padding-left: 24px;
	padding-right: 24px;
}
.button > .ico {
	font-size: 14px;
}
.button > .ico,
.button > .flag,
.button > span {
	margin: 0 5px;
}
.button > .ico:first-child,
.button > .flag:first-child,
.button > span:first-child {
	margin-left: 0;
}
.button > .ico:last-child,
.button > .flag:last-child,
.button > span:last-child {
	margin-right: 0;
}
.button:disabled,
.button.is-disabled {
	cursor: default;
	pointer-events: none;
}
.button span::first-letter,
.link-more::first-letter,
.link-more span::first-letter {
	text-transform: uppercase;
}
.button-m {
	padding: 3px 0;
	height: 30px;
	font-size: 12px;
}
.button-m[class*="bg-"] {
	padding-left: 20px;
	padding-right: 20px;
}
.button-s {
	padding: 0;
	height: 24px;
	font-size: 11px;
}
.button-s[class*="bg-"] {
	padding-left: 12px;
	padding-right: 12px;
}
.button.is-loading {
	cursor: default;
	pointer-events: none;
	width: 102px;
}
.button.follow-btn {
	width: 102px;
}


/* paginations */
.paginations {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.paginations .button {
	margin: 0 5px;
	padding-left: 0;
	padding-right: 0;
	width: 40px;
}
.paginations .paginations-prev .ico-angle-right {
	transform: rotate(180deg);
}
@media (max-width: 599px) {
	.paginations > li .button {
		display: none;
	}
	.paginations > li .button.is-active,
	.paginations > li:first-child .button,
	.paginations > li:nth-child(2) .button,
	.paginations > li:nth-last-child(2) .button,
	.paginations > li:last-child .button {
		display: inline-flex;
	}
}



/* links */
a {
	cursor: pointer;
}
/* ----more */
.link-more {
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	white-space: nowrap;
}
.link-more > span {
	margin: 0 5px;
	font-weight: bold;
}
.link-more > span:first-child {
	margin-left: 0;
}
.link-more > span:last-child {
	margin-right: 0;
}
.link-more:hover > span {
	text-decoration: underline;
}
/* ----underline */
.link-underline {
	text-decoration: underline;
}
/* ----links container */
.links {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.links > .line-vertical {
	margin: 0 10px;
	height: 10px;
}



/* error message */
.form-error-msg {
	display: none;
	position: absolute;
	z-index: 10;
	top: 100%;
	box-sizing: border-box;
	margin-top: 2px;
	padding: 4px 10px;
}
.form-error-msg:before {
	content: '';
	position: absolute;
	bottom: 100%;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent;
}
/* ----positions */
.form-error-msg.at-left {
	left: 0;
}
.form-error-msg.at-left:before {
	left: 10px;
}
.form-error-msg.at-right {
	right: 0;
}
.form-error-msg.at-right:before {
	right: 10px;
}



/* input text and textarea */
input.input-text::-webkit-search-cancel-button,
input.input-text::-webkit-search-decoration,
input.input-text::-ms-clear,
input.input-text[type="password"]::-ms-clear, 
input.input-text[type="password"]::-ms-reveal,
input.input-text[type="password"]::-webkit-credentials-auto-fill-button {
	display: none;
	-webkit-appearance: none;
	appearance: none;
	visibility: hidden;
	pointer-events: none;
}
input::-ms-clear,
input::-ms-reveal,
input[type="password"]::-ms-clear, 
input[type="password"]::-ms-reveal {
	display: none;
	-webkit-appearance: none;
	appearance: none;
	visibility: hidden;
	pointer-events: none;
}
.input-text [type="search"]::-webkit-search-cancel-button,
.input-text [type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
	appearance: none;
}
.input-text,
.input-textarea {
	position: relative;
}
.input-text {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.input-text > input,
.input-textarea > textarea {
	display: block;
	margin: 1px 0;
	padding: 7px 12px;
	width: 100%;
	height: 38px;
	border-radius: 8px;
	outline: 0;
	border-width: 1px;
	border-style: solid;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.input-textarea > textarea {
	padding-bottom: 16px;
	height: 120px;
}
.input-text-icon {
	position: absolute;
	left: 12px;
	top: 6px;
	pointer-events: none;
}
.input-text-clear {
	position: absolute;
	top: 6px;
	right: 10px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	text-align: center;
	line-height: 28px;
	opacity: 0;
}
.input-text-icon ~ input {
	padding-left: 42px;
}
.input-text.has-clear > input {
	padding-right: 48px;
}
.input-text.has-clear > input:focus ~ .input-text-clear,
.input-text.has-clear.is-active .input-text-clear {
	opacity: 1;
	display: block;
	cursor: pointer;
}
.input-text-counter {
	position: absolute;
	right: 10px;
	bottom: 1px;
	background-color: rgba(255, 255, 255, 0.8);
}
.input-text .input-text-select {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	position: absolute;
	padding: 0 15px;
}
.input-text .input-text-select > select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 1em;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
}
.input-text .input-text-select-name {
	display: inline-block;
	margin-right: 5px;
	white-space: nowrap;
}
.input-text .input-text-select ~ input {
	padding-left: 50px;
}
/* ----price */
.input-text:before {
	content: attr(data-currency);
}
.input-text.is-reverse {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.input-text.is-reverse > input {
	text-align: right;
}
.input-text[data-currency] > input {
	margin-left: 5px;
}
.input-text[data-currency].is-reverse > input {
	margin: 0 5px 0 0;
}
/* ----special */
.input-text > input[type="file"]::file-selector-button {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 0 0;
	padding: 2px 5px;
	box-sizing: border-box;
	border: 1px solid #d1d1d1;
	border-radius: 4px;
	background-color: #fff;
	font-size: 12px;
	line-height: 16px;
}
/* ----error */
.goods-select.show-error .form-error-msg,
.input-text.show-error .form-error-msg,
.input-textarea.show-error .form-error-msg {
	display: block;
}
/* ----size */
.input-text-m > input {
	padding: 4px 12px;
	height: 28px;
	font-size: 12px;
}
.input-text-m.has-clear > input {
	padding-right: 40px;
}
.input-text-m .input-text-clear {
	top: 3px;
	right: 8px;
	width: 24px;
	height: 24px;
	line-height: 24px;
}



/* dropdown */
.input-select {
	display: block;
	position: relative;
	width: 100%;
	min-width: 0;
}
.input-select select {
	display: none;
	padding: 10px;
}
.input-select-text {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	box-sizing: border-box;
	padding: 0 12px;
	border-radius: 8px;
	border-width: 1px;
	border-style: solid;
	height: 40px;
	cursor: pointer;
}
.input-select-text span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.input-select-text .ico {
	margin-left: 5px;
}
.input-select-searchbar {
	margin: 15px 15px 0 15px;
}
.input-select .input-select-no-results {
	padding: 10px 15px;
}
.menu-list-container .input-select-no-results > i,
.input-select .input-select-no-results > i {
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 90%;
	display: inline-block;
	vertical-align: middle;
}
.input-select .menu-body {
	width: 100%;
	min-width: 250px;
}
.input-select .menu-list-cell { width: 100%; }
.input-select .menu-list {
	max-height: 350px;
}
.input-select .menu-list-link.bg-transparent-lightblue {
	cursor: pointer;
}
.input-select .menu-list-link em {
	font-weight: bold;
}
.input-select .menu-list-link.padding-left {
	padding-left: 35px !important;
}
/* ----error */
.input-select.show-error .form-error-msg {
	display: block;
}
.input-select.is-disabled { pointer-events: none; }

/* ----select size */
.input-select-m .input-select-text{
	height: 30px;
}
.input-select-m .input-select-searchbar input {
	padding: 4px 12px;
	height: 28px;
}
.input-select-m .input-select-searchbar.has-clear > input {
	padding-right: 40px;
}
.input-select-m .input-select-searchbar .input-text-clear {
	top: 5px;
	width: 20px;
	height: 20px;
	line-height: 20px;
}

/* SSL select */
.goods-select {
	display: inline-block;
    position: relative;
	max-width: 100%;
    white-space: nowrap;
}
.goods-select > select {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 1em;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	line-height: 40px;
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 13px;
	-webkit-appearance: none;
	   -moz-appearance: none;
	   		appearance: none;
}
.goods-select-name {
	display: inline-flex;
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	margin: 0;
    border-radius: 3px;
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    background: #fff;
    font-size: 13px;
    vertical-align: middle;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	padding: 7px 1em;
	border-radius: 8px;
	height: 40px;
	position: relative;
    padding-right: 2.5em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.goods-select.width-100 .goods-select-name {
	width: 100%;
}
.goods-select-name + .ico  {
	position: absolute;
    right: 13px;
    line-height: 40px;
    top: 50%;
    transform: translateY(-50%);
}




/* inputs, buttons combined box */
.input-combined {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	box-sizing: border-box;
	padding: 4px;
	border-radius: 8px;
	border-width: 1px;
	border-style: solid;
	height: 40px;
}
.input-combined .line-vertical {
	margin: 0 10px;
	height: 10px;
}
.input-combined .paginations .button {
	width: auto;
}
.button-combined {
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	box-sizing: border-box;
	border-radius: 4px;
}
.button-combined .button {
	padding: 7px;
	border-radius: 0;
}
.button-combined .button:first-child {
	border-radius: 4px 0 0 4px;
}
.button-combined .button:last-child {
	border-radius: 0 4px 4px 0;
}



/* checkbox and radiobutton */
.input-check,
.input-radio {
	position: relative;
	display: inline-block;
	padding-left: 30px;
	min-height: 30px;
	vertical-align: top;
	cursor: pointer;
}
.input-radio .form-error-msg {
	min-width: 138px;
}
.input-check-mark,
.input-radio-mark {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 30px;
	height: 30px;
	border-width: 1px;
	border-style: solid;
	box-sizing: border-box;
	border-radius: 2px;
}
.input-radio-mark {
	border-radius: 50%;
}
.input-check-text,
.input-radio-text {
	padding: 5px;
	word-wrap: break-word;
	word-break: break-word;
	text-overflow: ellipsis;
}
.input-check input[type="checkbox"],
.input-radio input[type="radio"] {
	position: absolute;
	z-index: 1;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.input-check:hover .input-check-text,
.input-radio:hover .input-radio-text {
	text-decoration: underline;
}
.input-check input[type="checkbox"]:checked + .input-check-mark:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 3px;
	width: 20px;
	height: 10px;
	border-width: 2px;
	border-style: solid;
	border-right: 0;
	border-radius: 2px;
	border-top: 0;
	transform: rotate(-45deg);
}
.input-check input[type="checkbox"]:indeterminate + .input-check-mark:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 4px;
	width: 20px;
	height: 10px;
	border-width: 0 0 3px 0;
	border-style: solid;
	border-radius: 2px;
	transform: rotate(0deg);
}
.input-radio input[type="radio"]:checked + .input-radio-mark:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 8px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
}
/* ----size */
.input-check-s,
.input-radio-s {
	padding-left: 16px;
	min-height: 16px;
}
.input-check-s .input-check-mark,
.input-radio-s .input-radio-mark {
	width: 16px;
	height: 16px;
}
.input-check-s .input-check-text,
.input-radio-s .input-radio-text {
	padding: 0 5px;
	font-size: 12px;
	line-height: 16px;
}
.input-check-s input[type="checkbox"]:checked + .input-check-mark:before {
	top: 2px;
	left: 1px;
	width: 10px;
	height: 5px;
}
.input-check-s input[type="checkbox"]:indeterminate + .input-check-mark:before {
	top: 1px;
	left: 2px;
	width: 10px;
	height: 5px;
	border-bottom-width: 2px;
}
.input-radio-s input[type="radio"]:checked + .input-radio-mark:before {
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
}
/* ----disabled */
.input-check input[type="checkbox"]:disabled + .input-check-mark,
.input-radio input[type="radio"]:disabled + .input-radio-mark {
	cursor: not-allowed;
	pointer-events: auto;
}
.input-check input[type="checkbox"]:disabled ~ .input-check-text,
.input-radio input[type="radio"]:disabled ~ .input-radio-text,
.input-text input[type="text"]:disabled {
	text-decoration: none;
	cursor: not-allowed;
	pointer-events: auto;
	opacity: 0.3;
}



/* input group */
.input-group {
	position: relative;
	display: -webkit-flex;
	display: flex;
	width: 100%;
}
.input-group .input-text:not(:first-child) > input,
.input-group .input-text ~ .button {
	border-radius: 0 8px 8px 0;
}
.input-group .input-text:not(:last-child) > input,
.input-group .button:first-child {
	border-radius: 8px 0 0 8px;
}
.input-group .button {
	border-width: 1px;
	margin-left: 0;
	margin-right: 0;
}



/* input label */
.input-label {
	display: block;
	margin-bottom: 5px;
}



/* toggle */
.toggle {
	display: -webkit-inline-flex;
	display: inline-flex;
	position: relative;
	-webkit-align-items: center;
	align-items: center;
}
.toggle input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
}
.toggle > label {
	display: block;
	cursor: pointer;
}
.toggle .input-label {
	margin: 0 0 0 5px;
}
.toggle-body {
	display: block;
	position: relative;
	border-radius: 20px;
	min-width: 74px;
	overflow: hidden;
	transform: translate3d(0,0,0);
	pointer-events: none;
}
.toggle-body-inner {
	position: relative;
	display: flex;
	width: 200%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: transform 0.3s;
	transition: transform 0.3s;
}
.toggle-body-inner:after {
	content: '';
	position: absolute;
	top: 2px;
	bottom: 2px;
	left: 50%;
	margin-left: 2px;
	width: 36px;
	overflow: hidden;
	border-radius: 20px;
	background: #fff;
}
.toggle-handle {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	-webkit-align-items: center;
	align-items: center;
	pointer-events: none;
}
.toggle-handle.take-on { padding-left: 5px; }
.toggle-handle.take-off {
	padding-right: 4px;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.toggle input[type="checkbox"]:checked ~ .toggle-body .toggle-body-inner {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.toggle input[type="checkbox"]:checked ~ .toggle-body .toggle-body-inner:after {
	left: auto;
	right: 50%;
	margin-right: 2px;
}
/* ----size */
.toggle-m .toggle-body { min-width: 48px; }
.toggle-m .toggle-handle { height: 24px; }
.toggle-m .toggle-body-inner:after {
	border-radius: 15px;
	width: 26px;
}
.toggle-s .toggle-body,
.toggle-mini .toggle-body { min-width: 42px; }
.toggle-s .toggle-handle,
.toggle-mini .toggle-handle { height: 24px; }
.toggle-s .toggle-body-inner:after,
.toggle-mini .toggle-body-inner:after {
	border-radius: 10px;
	width: 20px;
}
/* ----disabled */
.toggle input[type="checkbox"]:disabled ~ .toggle-body {
	cursor: not-allowed;
	pointer-events: auto;
}

/***   .header2021-nav toggle-m font***/
.header2021-toggle {
	z-index: 5;
}
.header2021-nav ~ .header2021-nav.header2021-toggle {
    margin-left: 30px;
}
.header2021-toggle:hover {
    transform: scale(1);
}
.header2021-toggle:hover .bg-lightgray {
    background-color: rgba(235, 235, 235, 1);
}
.header2021-toggle .toggle-body {
	border: 3px solid #ADADAD !important;
	border-radius: 16px !important;
	box-sizing: border-box;
}
.header2021-toggle .toggle-body-inner:after {
    border-radius: 16px !important;
    width: 24px !important;
	height: 24px !important;
	top: 0;
	margin-left: 0 !important;
	box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 50%) !important;
}
.header2021-toggle .toggle-handle {
    font-size: 16px !important;
    color: #858585 !important;
}
.header2021-toggle .dark-mode-tooltip {
    padding: 5px 15px;
    white-space: nowrap;
}
.header2021-toggle.menu.at-bottom .menu-body {
	left: auto;
	right: 0;
	margin-top: 12px;
	text-align: left;
}
.header2021-toggle.at-bottom > .menu-arrow {
	left: auto;
	right: 20px;
	text-align: left;
}
.header2021-toggle.at-bottom > .menu-body > .menu-arrow {
    left: auto !important;
    right: 20px;
}
.dark-mode .header2021-toggle .toggle-handle.take-on {
    padding-left: 5px !important;
	background-color: #E85500 !important;
	color: #212121 !important;
}
.dark-mode .header2021-toggle:hover .toggle-handle.take-on {
	background-color: #FF6600;
}
.dark-mode .header2021-toggle:hover .bg-lightgray {
    background-color: #EA7421;
}
.dark-mode .header2021-toggle .toggle-body {
	border-color:#636363 !important;
}
.dark-mode .header2021-toggle .bg-lightgray {
    background-color: #E85500 !important;
}
.dark-mode .header2021-toggle input[type="checkbox"]:checked ~ .toggle-body .toggle-body-inner:after {
    margin-right: 0;
	margin-left: 0;
	top: 0;
}
.dark-mode .header2021-toggle .toggle-body-inner:after {
	box-shadow: 0 6px 6px 0 rgb(0 0 0 / 16%) !important;
}

.dark-mode .input-text-counter {
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

/*toggle-m-border  Icon version*/
.toggle-m-border .toggle-body {
    min-width: 54px;
}
.toggle-m-border .toggle-handle {
    height: 30px;
	font-size: 18px;
	line-height: normal;
}
.toggle-m-border .toggle-handle.take-off {
    padding-right: 4px;
	padding-top: 1px;
}
.dark-mode .toggle-m-border .toggle-handle.take-on {
	padding-left: 7px;
	padding-top: 7px;
	font-size: 16px;
	-webkit-transform: rotate(10deg);
	transform: rotate(10deg);
}
.dark-mode .toggle-m-border .toggle-handle {
    color: #6B3200;
}


/* social icon */
.social-icons {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.social-icon {
	display: inline-block;
	margin: 5px 8px;
	width: 24px;
	height: 24px;
	border-radius: 12px;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
}



/* scrollbar */
.scrollbar {
	padding-right: 20px;
	box-sizing: border-box;
	overflow: hidden;
	overflow-y: auto;
}
.scrollbar::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
}
.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 4px;
}
.scrollbar.h-300px {
	max-height: 300px;
}
/* for firefox  */
@-moz-document url-prefix(){
	.scrollbar {
		scrollbar-color: #D1D1D1 transparent;
		scrollbar-width: thin;
	}
	.dark-mode .scrollbar {
		scrollbar-color: #424242 transparent;
	}
}



/* countdown */
.section-countdown-label {
	margin-right: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
.section-countdown {
	text-align: center;
}
.section-countdown span {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 16px;
	line-height: 30px;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
}
.section-countdown .hh1,
.section-countdown .mm1,
.section-countdown .ss1 {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	text-align: right;
}
.section-countdown .hh2,
.section-countdown .mm2,
.section-countdown .ss2 {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	text-align: left;
}
.section-countdown span.countdown-full-unit {
	padding: 0 5px;
	width: auto;
	border-radius: 4px;
}
.section-countdown .colon {
    display: inline-block;
	margin: 0 5px;
    vertical-align: middle;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 30px;
}



/* slab, a block with delete function */
.slabs {
	position: relative;
}
.slabs-body {
	box-sizing: border-box;
}
.slabs .slab {
	margin-top: 10px;
}
.slabs .slab:first-child {
	margin-top: 0;
}
.slab {
	position: relative;
	display: block;
}
.slab-inner {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 10px;
	padding: 10px 20px;
	min-height: 60px;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
}
.slab-h4 {
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.slab-note {
	margin-top: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-style: normal;
}
.slab-info {
	width: 100%;
	min-width: 0;
}
.slab-actions {
	display: none;
}
.slab-actions .button {
	width: 30px;
}
.slab-confirm {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	width: 100%;
	transform: translateX(100%);
	opacity: 0;
	transition: all 0.3s;
	cursor: default;
	pointer-events: none;
}
.slab-confirm-no,
.slab-confirm-yes {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 40%;
	height: 100%;
	opacity: 0.95;
	cursor: pointer;
}
.slab-confirm-no:hover,
.slab-confirm-yes:hover {
	opacity: 1;
}
.slab:hover .slab-inner {
	padding-right: 5px;
}
.slab:hover .slab-actions {
	display: -webkit-flex;
	display: flex;
}
.slab.is-confirm .slab-confirm {
	transform: translateX(0);
	opacity: 1;
	pointer-events: auto;
}
@media (max-width: 999px) {
	.slab-inner {
		padding-right: 5px;
	}
	.slab-actions {
		display: -webkit-flex;
		display: flex;
	}
}



/* swiper button */
/* ----for ie10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.swiper-button-prev:after,
	.swiper-button-next:after {
		font-family: 'new-desktop' !important;
		font-size: 44px;
	}
	.swiper-button-prev:after {
		content: "\f104";
	}
	.swiper-button-next:after {
		content: "\f105";
	}
}
/* ----for edge */
@supports (-ms-ime-align:auto) {
	.swiper-button-prev:after,
	.swiper-button-next:after {
		font-family: 'new-desktop' !important;
		font-size: 44px;
	}
	.swiper-button-prev:after {
		content: "\f104";
	}
	.swiper-button-next:after {
		content: "\f105";
	}
}
.swiper-button-gray,
.swiper-button-black {
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	width: 24px;
	height: 32px;
	box-sizing: border-box;
}
.swiper-button-gray:after,
.swiper-button-black:after {
	font-size: 16px;
}
.swiper-button-gray.swiper-button-prev,
.swiper-button-black.swiper-button-prev {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	left: 0;
	padding-left: 5px;
	border-radius: 0 24px 24px 0;
}
.swiper-button-gray.swiper-button-next,
.swiper-button-black.swiper-button-next {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	right: 0;
	padding-right: 5px;
	border-radius: 24px 0 0 24px;
}
.swiper-button-gray.swiper-button-disabled, 
.swiper-button-black.swiper-button-disabled {
	opacity: 0.2;
}
.swiper-button-next.swiper-button-disabled.swiper-button-lock, 
.swiper-button-prev.swiper-button-disabled.swiper-button-lock {
	opacity: 0;
}



/* showout */
.showout {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}
.showout-img {
	position: relative;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.showout-img img {
	display: block;
	width: 100%;
}
.showout-video {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.showout-video video {
	width: 100%;
	height: 100%;
	background: #000;
	object-fit: contain; 
}
.showout-link {
	display: block;
	width: 100%;
	height: 100%;
}
.showout-info {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	padding: 15px 20px;
	width: 100%;
	box-sizing: border-box;
}
.showout:not(.is-vertical):not(.is-horizontal) .showout-img ~ .showout-info,
.showout:not(.is-vertical):not(.is-horizontal) .showout-video ~ .showout-info {
	background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.9) 90%);
	background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.9) 90%);
}
.showout-by {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
}
.showout-by-user {
	margin-right: 10px;
	overflow: hidden;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
}
a.showout-by-user:hover {
	text-decoration: underline;
}
.showout-by-time {
	margin-right: 10px;
}
.showout-by > .section-left {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.showout-by > .section-right {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}
.showout-like {
	white-space: nowrap;
	cursor: pointer;
}
.showout-title,
.showout-intro {
	display: block;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-word;
	text-overflow: ellipsis;
	text-decoration: none;
	overflow: hidden;
	max-height: 4.2em;
	-webkit-line-clamp: 3;
}
.showout-title {
	margin-bottom: 5px;
	font-weight: bold;
}
a.showout-title:hover {
	text-decoration: underline;
}
.showout-info .tag,
.showout-info .goods-price,
.showout-info .goods-bullets,
.showout-intro {
	margin-bottom: 10px;
}
.showout-title:last-child,
.showout-intro:last-child,
.showout-info .tag:last-child {
	margin-bottom: 0;
}
.showout > .ico-play {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 48px;
	text-shadow: 0px 0px 1px #000;
	cursor: pointer;
}
.showout > .ico-clone {
	position: absolute;
	z-index: 2;
	top: 12px;
	right: 12px;
	color: #fff;
	font-size: 20px;
	transform: scaleX(-1);
	cursor: pointer;
}
/* ----size and content position */
.showout.h-120px {
	height: 120px;
}
.showout.h-100 {
	height: 100%;
}
.showout.h-auto {
	height: auto;
}
.showout.is-center .showout-info {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	top: 0;
	text-align: center;
	pointer-events: none;
}
.showout.is-center .showout-info > * {
	pointer-events: auto;
}
/* ----animations */
.showout.hover-scale .showout-img img {
	transform: scale(1.4);
	transition: transform 0.3s;
}
.showout.hover-scale:hover .showout-img img {
	transform: scale(1.5);
}
/* ----layout */
.showout.is-vertical {
	-webkit-flex-direction: column;
	flex-direction: column;
	min-height: 100%;
}
.showout.is-vertical .showout-info {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	position: relative;
}
.showout.is-vertical .showout-title,
.showout.is-vertical .goods-bullets {
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}
.showout.is-vertical .showout-img,
.showout.is-vertical .showout-video {
	height: 220px;
	overflow: hidden;
}
.showout.is-vertical .goods-price {
	height: 28px;
}
/* ----box */
.showout-box {
	overflow: hidden;
}
.showout-box .grid.gap-20px {
	margin: 0 -10px -20px -10px;
}
.showout-box .grid.direction-column .grid-col {
	position: relative;
}
.showout-box .grid.direction-column .showout {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
/* ----point */
.showout .showout-point {
	position: absolute;
	z-index: 5;
}
.showout-point-dot {
	position: relative;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: rgba(225, 225, 225, 0.4);
	cursor: pointer;
}
.showout-point-dot:before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #fff;
}
/* ----top */
.menu.at-top > .menu-body {
	bottom: 100%;
	left: 0;
	margin-bottom: 10px;
}
.showout-point.at-top .showout-point-dot .menu-arrow,
.showout-point.at-top .showout-point-dot .menu-arrow:before {
	border-width: 12px 11px 0 11px;
}
.showout-point.at-top .showout-point-dot .menu-arrow {
	display: none;
	left: 50%;
	bottom: 100%;
	transform: translateX(-50%);
}
.showout-point.at-top .showout-point-dot .menu-arrow:before {
	bottom: 1px;
	left: -11px;
}
/* ----bottom */
.showout-point.menu.at-bottom .showout-point-dot .menu-arrow,
.showout-point.menu.at-bottom .showout-point-dot .menu-arrow:before {
	border-width: 0 11px 12px 11px;
}
.showout-point.menu.at-bottom .showout-point-dot .menu-arrow {
	display: none;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
}
.showout-point.menu.at-bottom .showout-point-dot .menu-arrow:before {
	top: 1px;
	left: -11px;
}
/* ----right */
.showout-point.at-right > .menu-body {
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	margin-left: 10px;
}
.showout-point.at-right .showout-point-dot .menu-arrow,
.showout-point.at-right .showout-point-dot .menu-arrow:before {
	border-width: 11px 12px 11px 0;
}
.showout-point.at-right .showout-point-dot .menu-arrow {
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
}
.showout-point.at-right .showout-point-dot .menu-arrow:before {
	top: -11px;
	left: 1px;
}
/* ----left */
.showout-point.at-left > .menu-body {
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
	margin-right: 10px;
}
.showout-point.at-left .showout-point-dot .menu-arrow,
.showout-point.at-left .showout-point-dot .menu-arrow:before {
	border-width: 11px 0 11px 12px;
}
.showout-point.at-left .showout-point-dot .menu-arrow {
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
}
.showout-point.at-left .showout-point-dot .menu-arrow:before {
	top: -11px;
	right: 1px;
}
/* ----content */
.showout-point.menu .menu-body {
	-webkit-align-items: center;
	align-items: center;
	z-index: auto;
	padding: 20px;
}
.showout-point .goods-title {
	width: 230px;
	font-weight: normal;
}
.showout-point-price {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	font-weight: bold;
}
.showout-point.menu.is-active .menu-body,
.showout-point.menu:hover .menu-body {
	display: -webkit-flex;
	display: flex;
}
.showout-point.menu.is-active,
.showout-point.menu:hover { z-index: 10; }
.showout-point.menu.is-active .showout-point-dot,
.showout-point.menu:hover .showout-point-dot { background-color: rgba(224,94,0,0.50); }
.showout-point.menu.is-active .showout-point-dot:before,
.showout-point.menu:hover .showout-point-dot:before { background-color: #E05E00; }
.showout-point.menu.is-active .menu-body,
.showout-point.menu:hover .menu-body { background-color: #E05E00; }
.showout-point.menu.at-top.is-active .showout-point-dot .menu-arrow:before,
.showout-point.menu.at-top:hover .showout-point-dot .menu-arrow:before { border-top-color: #E05E00; }
.showout-point.menu.at-bottom.is-active .showout-point-dot .menu-arrow:before,
.showout-point.menu.at-bottom:hover .showout-point-dot .menu-arrow:before { border-bottom-color: #E05E00; }
.showout-point.menu.at-right.is-active .showout-point-dot .menu-arrow:before,
.showout-point.menu.at-right:hover .showout-point-dot .menu-arrow:before { border-right-color: #E05E00; }
.showout-point.menu.at-left.is-active .showout-point-dot .menu-arrow:before,
.showout-point.menu.at-left:hover .showout-point-dot .menu-arrow:before { border-left-color: #E05E00; }
.showout-point.menu.is-active .showout-point-dot .menu-arrow,
.showout-point.menu:hover .showout-point-dot .menu-arrow { display: block; }



/* chart */
.percent {
	position: relative;
	width: 100px;
	height: 100px;
}
.circle-percent {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	border-radius: 100%;
	border-width: 2px;
	border-style: solid;
	background: transparent;
	text-align: center;
}
.circle-percent .num {
	display: none;
}
.circle-percent .canvas {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	-webkit-transform: rotate(-90deg);
	   -moz-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}



/* tabs */
[data-tab-type="tab-content"] { display: none; }
[data-tab-type="tab-content"].is-active { display: block; }
/* ----style: short-line */
.tab-style-shortline .swiper-slide {
	width: auto;
}
.tab-style-shortline .tab-cell {
	display: block;
	padding: 0 15px;
	box-sizing: border-box;
	cursor: pointer;
}
.tab-style-shortline .tab-cell-title {
	position: relative;
	display: block;
	padding-bottom: 4px;
	text-align: center;
}
.tab-style-shortline .tab-cell:hover .tab-cell-title {
	text-decoration: underline;
}
.tab-style-shortline .tab-cell.is-active .tab-cell-title {
	color: #CC4100;
}
.tab-style-shortline .tab-cell.is-active .tab-cell-title:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 24px;
	height: 4px;
	border-radius: 2px;
	background: #CC4100;
}
.tab-style-shortline .tab-cell[class*="bg-"] {
	padding: 15px 15px 6px 15px;
	text-align: center;
}
.tab-style-shortline .tab-cell[class*="bg-"] p {
	margin-top: 5px;
	margin-bottom: 9px;
}
.tab-style-shortline .tab-cell[class*="bg-"] .tab-cell-title {
	font-weight: bold;
}
/* ----style: buttons */
.tab-style-button {
	position: relative;
}
.tab-style-button .swiper-slide {
	padding: 2px 0;
	width: auto;
}
.tab-style-button .tab-cell {
	margin-right: 20px;
	font-weight: normal;
	text-transform: capitalize;
}
.tab-style-button .tab-cell.button-m {
	margin-right: 10px;
}
@media (max-width: 599px) {
	.tab-style-button .tab-cell {
		margin-right: 10px;
	}
}




/* breadcrumbs, page navigation */
.breadcrumbs {
	padding: 0 20px;
}
.breadcrumbs > ol {
	list-style: none;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.breadcrumbs > ol > li {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.breadcrumbs > ol > li > a:hover {
	text-decoration: underline;
}
.breadcrumbs > ol > li + li:before {
	font-family: 'new-desktop';
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f105";
	margin: 0 10px;
	font-size: 12px;
}
.breadcrumbs > ol > li > h1,
.breadcrumbs > ol > li > h2 {
	display: inline;
	font-weight: bold;
	font-size: 14px;
}
.breadcrumbs > ol > li > .ico:first-child {
	margin-right: 5px;
}
.breadcrumbs > ol > li > .ico:last-child {
	margin-left: 5px;
}
.breadcrumbs-keywords {
	display: inline-block;
	max-width: 225px;
	overflow: hidden;
	box-sizing: border-box;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: top;
}
.breadcrumbs-keywords-del {
	margin-top: -10px;
	width: 16px;
	text-align: center;
	cursor: pointer;
}
.breadcrumbs-dropdown-trigger {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding: 2px 10px;
	border-width: 1px;
	border-style: solid;
}
.breadcrumbs-dropdown-trigger .ico-angle-down {
	margin-left: 5px;
	transform: rotate(0deg);
	transition: transform 0.3s;
}
.breadcrumbs-dropdown-menu {
	display: none;
	position: absolute;
	z-index: 9;
	margin-top: -1px;
	padding: 10px 0;
	border-width: 1px;
	border-style: solid;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	white-space: normal;
}
.breadcrumbs-dropdown-menu .menu-list-link {
	padding-left: 10px;
	padding-right: 10px;
}
.breadcrumbs-dropdown-recommend {
	margin: 0 10px 10px 10px;
	width: 730px;
}
.breadcrumbs-dropdown-recommend .goods-title {
	font-weight: 400;
}
.breadcrumbs-dropdown-recommend .goods-container.is-horizontal {
	padding-left: 10px;
}
.breadcrumbs-dropdown-recommend .goods-container.is-horizontal .goods-info {
	padding: 10px;
}
.breadcrumbs-dropdown-recommend .goods-container.is-horizontal .goods-info .goods-price {
	margin-top: 5px;
}
.breadcrumbs-dropdown.is-active .breadcrumbs-dropdown-menu,
.breadcrumbs-dropdown:hover .breadcrumbs-dropdown-menu {
	display: block;
}
.breadcrumbs-dropdown.is-active .breadcrumbs-dropdown-trigger,
.breadcrumbs-dropdown:hover .breadcrumbs-dropdown-trigger {
	position: relative;
	z-index: 10;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-color: transparent !important;
}
.breadcrumbs-dropdown.is-active .breadcrumbs-dropdown-trigger .ico-angle-down,
.breadcrumbs-dropdown:hover .breadcrumbs-dropdown-trigger .ico-angle-down {
	transform: rotate(180deg);
}
@media (max-width: 399px) {
	.breadcrumbs {
		padding: 0;
	}
}


/* page navigation */
.page-nav {
	position: relative;
	padding: 10px 0;
}
.page-nav > .page-content-inner {
	padding-left: 10px;
	padding-right: 10px;
}
.page-nav .section-title {
	margin-top: 10px;
	margin-bottom: 0;
}
.page-nav .section-title:first-child {
	margin-top: 0;
}
.page-nav .section-title-text {
	flex-shrink: 0;
	margin-right: 20px;
	padding: 0 2px;
	max-width: 400px;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.page-nav .section-title-text .page-nav-keywords {
	display: inline-block;
	max-width: 370px;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
}
.page-nav .section-title .section-right .button + .button {
	margin-left: 10px;
}
.page-nav-cells {
	margin-left: 14px;
	height: 24px;
	overflow: hidden;
}
.page-nav-cells.tag-list .tag {
	margin: 0;
}
.page-nav-cell {
	margin-right: 20px;
}
.page-nav-cell > .tag .tag-text,
.page-nav-cell > .tag span {
	white-space: nowrap;
	text-transform: none;
}
.page-nav-cell > .tag a.tag-text:hover {
	text-decoration: underline;
}
.page-nav-cell.menu.is-active {
	position: static;
}
.page-nav-cell.menu.is-active > .menu-body {
	top: auto;
	right: auto;
	left: auto;
	bottom: auto;
}
@media (max-width: 399px) {
	.page-nav .section-title-text {
		margin-left: 0;
	}
	.page-nav-cells {
		margin-left: -4px;
	}
}



/* card */
/* .card {
	position: relative;
}
.card-icon {
	display: inline-block;
	width: 32px;
	height: 20px;
	background: url("../../Nest/images/icons/CC_brands.png") no-repeat 0 0;
	background-size: auto 100%;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .card-icon { background-image: url("../../Nest/images/icons/CC_brands@2x.png"); }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 400dpi) {
    .card-icon { background-image: url("../../Nest/images/icons/CC_brands@3x.png"); }
}
.card-icon.type-visa,
.card.type-visa .card-icon { background-position: 0 0; }
.card-icon.type-master,
.card.type-master .card-icon { background-position: -37px 0; }
.card-icon.type-discover,
.card.type-discover .card-icon { background-position: -74px 0; }
.card-icon.type-ae,
.card.type-ae .card-icon { background-position: -111px 0; }
.card-icon.type-necc,
.card.type-necc .card-icon { background-position: -148px 0; }
.card-icon.type-negc,
.card.type-negc .card-icon { background-position: -185px 0; }
.card-icon.type-unionpay,
.card.type-unionpay .card-icon { background-position: -222px 0; }
.card-icon.type-jcb,
.card.type-jcb .card-icon { background-position: -259px 0; }
.card-icon.type-diners,
.card.type-diners .card-icon { background-position: -296px 0; }

.card-icon.type-necc-gray {
	background-image: url("../../Nest/images/icons/nscc_gray_card_icon.png"); 
	width: 42px;
	height: 32px;
	background-size: auto 100%;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.card-icon.type-necc-gray {
		background-image: url("../../Nest/images/icons/nscc_gray_card_icon@2x.png"); 
	}
}
.card-msg { font-size: 14px; }
.card-msg:not(:last-child) { margin-bottom: 5px; }
.card-msg.display-flex > .card-icon { margin-right: 4px; }

.input-text .card-msg {
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
} */



/* filter list, base on menu-list */
.filter-side .menu-list-cell {
	width: 100%;
}
.filter-list > ul,
.filter-list > .button,
.filter-list .menu-sublist {
	display: none;
}
.filter-list-title,
.filter-list-cell,
.filter-list-price-range {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 5px 0;
	box-sizing: border-box;
}
.filter-list-title {
	min-height: 40px;
	cursor: pointer;
}
.filter-list-title-text {
	overflow: hidden;
	font-weight: bold;
	text-overflow: ellipsis;
}
/* mobile filter-side-subcategory-title */
.menu-list-container-subcategory .filter-side-subcategory-title {
	margin: 20px 0;
	border-radius: 0;
	display: flex;
	display: -webkit-flex;
}
.menu-list-container-subcategory .menu-list {
	margin-top: 0;
	padding-top: 0;
}
.filter-list-title .ico-angle-down {
	transform: rotate(0deg);
	transition: transform 0.3s;
	font-size: 16px;
}
.filter-list-cell {
	min-height: 36px;
}
.filter-list-cell .ico-angle-down {
	width: 40px;
	text-align: right;
	cursor: pointer;
}
.filter-list-cell .ico-angle-down:before {
	display: inline-block;
	transform: rotate(0deg);
	transition: transform 0.3s;
}
.filter-list-cell.is-active .ico-angle-down:before {
	transform: rotate(180deg);
}
.filter-list-more {
	display: none;
}
.filter-list-show-more {
	font-weight: 300;
}
.filter-list-apply {
	position: absolute;
	right: 0;
}
.filter-list-price-range {
	padding: 0 0 0 10px;
	max-width: 300px;
}
.filter-list .filter-list-price-range .line-horizontal {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin: 0 5px;
	width: 5px;
	opacity: 1;
}
.filter-list-cell .menu-list-link {
	margin-top: -5px;
	margin-bottom: -5px;
	margin-right: 5px;
	-webkit-box-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}
.filter-list-cell .input-check {
	-webkit-box-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}
.grid-col > .filter-list-cell {
	padding-left: 15px;
	padding-right: 15px;
}
/* ----no action */
.filter-list.no-action .filter-list-title {
	cursor: default;
}
.filter-list.no-action .filter-list-title .ico-angle-down {
	display: none;
}
/* ----active */
.filter-list.is-active > ul:not(.filter-list-more) {
	display: block;
}
.filter-list.is-active > .button {
	display: inline-flex;
}
.filter-list.is-active .filter-list-title .ico-angle-down {
	transform: rotate(180deg);
}
/* ----show more */
.filter-list.is-active.show-more > .filter-list-more {
	display: block;
}
/* ----filter list bar */
.filter-list-bar.tab-style-button {
	position: relative;
	padding: 5px 60px 5px 10px;
}
.filter-list-bar.tab-style-button .swiper-slide {
	padding-right: 5px;
}
.filter-list-bar.tab-style-button .swiper-slide .button {
	padding-left: 10px;
	padding-right: 10px;
}
.filter-list-bar-search-btn {
	position: absolute;
	top: 5px;
	right: 10px;
}
.filter-list-bar-search-box {
	position: absolute;
	z-index: 2;
	top: 4px;
	left: 10px;
	right: 5px;
	width: auto;
}
.modal-body .filter-list-bar ~ .menu-list.scrollbar {
	max-height: calc(100vh - 520px);
}
/* ----menu */
.filter-side .menu-level-5.menu:after {
	font-family: 'new-desktop';
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f105";
	color: #adadad;
	position: absolute;
	right: 3px;
	top: 50%;
	transform: translateY(-50%);
}
.filter-side .menu-level-5.menu .menu-list-cell {
	width: 250px;
}
/* ----menu not flying */
.filter-side .filter-menu-not-flying .menu-level-back {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: none;
	-webkit-align-items: center;
	align-items: center;
	padding: 10px 15px;
	cursor: pointer;
}
.filter-side .filter-menu-not-flying .menu-level-2.is-current > .section-title {
	display: none;
}
.filter-side .filter-menu-not-flying .menu-level-3.is-current > .menu-level-back,
.filter-side .filter-menu-not-flying .menu-level-4.is-current > .menu-level-back,
.filter-side .filter-menu-not-flying .menu-level-5.is-current > .menu-level-back {
	display: flex;
}
.filter-side .filter-menu-not-flying .menu-level-back > .ico {
	margin-right: 5px;
}
.filter-side .menu-list-container.scrollbar {
	max-height: 560px;
}
.filter-side .menu-list-container.scrollbar + .menu-list-container.scrollbar {
	margin-top: 20px;
}
.filter-side .filter-menu-not-flying .menu-level-3 .menu-body {
	position: static;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none;
	min-width: 0;
	transform: none;
}
.filter-side .filter-menu-not-flying .menu-level-3 .menu-arrow {
	display: none;
}
.filter-side .filter-menu-not-flying .menu-level-3.is-current > .menu-body,
.filter-side .filter-menu-not-flying .menu-level-5.is-current > .menu-body,
.filter-side .filter-menu-not-flying .menu-level-4.is-current > ul {
	display: block;
}
.filter-side .filter-menu-not-flying .menu-level-3.is-current > .menu-body > .menu-list-container,
.filter-side .filter-menu-not-flying .menu-level-4.is-current > .menu-body > .menu-list-container,
.filter-side .filter-menu-not-flying .menu-level-5.is-current > .menu-body > .menu-list-container {
	padding: 0;
}
.filter-side .filter-menu-not-flying .menu-level-3.is-current > .menu-body > .menu-list-container > .menu-list-container-inner,
.filter-side .filter-menu-not-flying .menu-level-4.is-current > .menu-body > .menu-list-container > .menu-list-container-inner,
.filter-side .filter-menu-not-flying .menu-level-5.is-current > .menu-body > .menu-list-container > .menu-list-container-inner {
	-webkit-flex-direction: column;
	flex-direction: column;
}
.filter-side .filter-menu-not-flying .menu-level-3 .menu-list-cell,
.filter-side .filter-menu-not-flying .menu-level-5 .menu-list-cell {
	width: auto;
}
.filter-side .filter-menu-not-flying .menu-level-3.is-current > .menu-list-link,
.filter-side .filter-menu-not-flying .menu-level-4.is-current > .menu-list-link,
.filter-side .filter-menu-not-flying .menu-level-5.is-current > .menu-list-link,
.filter-side .filter-menu-not-flying .menu-level-4.is-current > .section-subtitle {
	margin-top: 20px;
	font-style: italic;
	font-weight: 800;
}
.filter-side .filter-menu-not-flying .menu-level-3.is-current > .menu-list-link:after,
.filter-side .filter-menu-not-flying .menu-level-4.is-current > .menu-list-link:after,
.filter-side .filter-menu-not-flying .menu-level-5.is-current > .menu-list-link:after,
.filter-side .filter-menu-not-flying .menu-level-4.is-current > .section-subtitle:after {
	content: none;
}
.filter-side .filter-menu-not-flying .menu-level-3.is-current > a.menu-list-link:hover:after,
.filter-side .filter-menu-not-flying .menu-level-4.is-current > a.menu-list-link:hover:after,
.filter-side .filter-menu-not-flying .menu-level-5.is-current > a.menu-list-link:hover:after,
.filter-side .filter-menu-not-flying .menu-level-4.is-current > a.section-subtitle:hover:after {
	text-decoration: underline;
}
.filter-side .filter-menu-not-flying .menu-level-3.is-current:not(.is-open) .section-subtitle-text {
	font-style: normal;
	font-weight: normal;
}
.filter-side .filter-menu-not-flying .menu-level-3.is-current:not(.is-open) .section-subtitle:hover {
	background-color: rgba(228, 235, 253, 1);
	color: #2A69DF;
	border-radius: 4px;
}
.filter-side .filter-menu-not-flying .menu-level-2.is-open > .section-subtitle,
.filter-side .filter-menu-not-flying .menu-level-2.is-current .menu-level-3:not(.is-current),
.filter-side .filter-menu-not-flying .menu-level-4 > ul,
.filter-side .filter-menu-not-flying .menu-level-3.is-open .menu-level-4:not(.is-current),
.filter-side .filter-menu-not-flying .menu-level-3.is-open > .menu-list-link,
.filter-side .filter-menu-not-flying .menu-level-4.is-open > .section-subtitle,
.filter-side .filter-menu-not-flying .menu-level-4.is-open .menu-level-5:not(.is-current),
.filter-side .filter-menu-not-flying .menu-level-5.menu:after {
	display: none;
}
@media (min-width: 1000px) {
	.filter-side.is-new .menu-list-container.auto-flex.scrollbar {
		overflow: visible;
		padding: 10px 0 0;
		max-height: none !important;
	}
	
	.filter-side .menu-level-5.menu.at-right > .menu-body {
		top: -16px;
		transform: translateY(0);
	}
	.filter-side .menu-level-5.menu.at-right > .menu-body > .menu-arrow {
		top: 35px;
	}
}
@media (max-width: 999px) {
	.filter-side > .menu-list-container {
		padding-top: 0;
	}
	.filter-side .menu-level-5.menu .menu-list-cell {
		width: 100%;
	}
	.filter-side .menu-level-5 > .menu-list-link {
		margin-right: 40px;
	}
	.filter-side .menu-level-5.menu:after {
		top: 1px;
		right: 0;
		transform: rotate(90deg);
		width: 38px;
		height: 38px;
		line-height: 38px;
		text-align: center;
		background: #f7f7f7;
	}
	.filter-side .menu-level-5.menu.is-active:after {
		transform: rotate(-90deg);
	}
	.filter-side .menu-level-5.menu > .menu-body > .menu-arrow {
		display: none;
	}
	.filter-side .menu-level-5.menu > .menu-body {
		position: static;
		transform: none;
		margin: 0;
		box-shadow: none;
	}
	.filter-side .menu-level-5.menu .menu-list-container {
		padding: 0 0 0 15px;
		background-color: #f7f7f7;
	}
	.filter-side .menu-level-5.menu .menu-list-container-inner {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.dark-mode .filter-side .menu-level-5.menu:after,
	.dark-mode .filter-side .menu-level-5.menu .menu-list-container {
		background-color: #424242;
	}
	
}
@media (max-width: 599px) {
	.filter-side .filter-bar-selecteds {
		display: block;
	}
	.filter-side .filter-bar-selecteds > li {
		display: block;
		margin: 0 0 10px 0;
	}
	.filter-side .filter-bar-selecteds > li > label {
		display: block;
		margin: 0 0 5px 0;
	}
	.filter-side .filter-bar-selecteds-value {
		display: inline-flex;
		justify-content: space-between;
		/* margin-right: 0; */
	}
}

/* filter list new style, base on menu-list */
.filter-side.is-new .menu-list-cell {
}
.filter-side.is-new .filter-list-title,
.filter-side.is-new .filter-list-cell,
.filter-side.is-new .filter-list-price-range {
	padding: 8px 0;
}
.filter-side.is-new .filter-list-cell {
	font-size: 13px;
}
/* .filter-side.is-new .filter-list {
	padding: 5px 20px;
} */
.filter-side.is-new .filter-list + .filter-list {
	margin-top: 0;
	padding: 10px 20px;
}
.filter-side.is-new .filter-list + .filter-list.filter-button-cells {
	padding: 10px 5px;
}
.filter-side.is-new .filter-list:first-child.is-scrollbar {
	padding: 0 20px 10px;
}
.filter-side.is-new .filter-list:first-child:not(.filter-button-cells,.filter-list-switch) {
	padding: 0 20px 10px;
}
.filter-side.is-new .filter-list:first-child.filter-button-cells {
	padding: 0 5px 10px;
}
.filter-side.is-new .filter-list-title .ico-angle-down {
	font-size: 18px;
}
.filter-side.is-new .filter-button-cell.no-image {
	word-break: break-word;
    text-align: center;
}
.filter-list.filter-button-cells .filter-list-title {
	padding: 0 15px;
}
/* .filter-side.is-new .filter-list:first-child {
	padding: 10px 20px;
} */
.filter-side.is-new .filter-list.filter-list-switch {
	border-bottom: none;
}
.filter-side.is-new .filter-list.filter-list-switch {
	padding: 0;
}
.filter-side.is-new .filter-list-switch > ul{
	padding: 0 20px;
}
.filter-side.is-new .filter-list-switch > ul:first-child {
	padding-top: 10px;
}
.filter-side.is-new .filter-list-switch > ul:last-child {
	padding-bottom: 10px;
}
.filter-side.is-new .menu-list-link {
	padding: 8px 15px;
	font-size: 13px;
}
.filter-side.is-new .filter-list-apply {
	right: 20px;
}
.filter-side.is-new .filter-list-show-more {
	margin-bottom: 10px;
}
/* .filter-side.is-new .menu-list + .menu-list {
	margin-top: 5px;
} */
.filter-button-cells .filter-list-apply {
	position: relative;
	float: right;
	right: 20px;
	margin-bottom: 10px;
	margin-top: 15px;
}
.filter-button-cells .filter-list-show-more {
	padding-left: 15px;
	margin-top: 15px;
}
.filter-side.is-new .filter-list-show-more.button-s {
	font-size: 12px;
	border-width: 1px;
}
.filter-side.is-new .filter-list-show-more i {
	font-size: 14px;
}
.filter-side.is-new .filter-list.is-scrollbar {
	padding-right: 0;
}
.filter-side.is-new .filter-list.is-scrollbar.scrollbar {
	max-height: 560px;
	padding-right: 5px;
	margin-right: 5px;
}
.filter-side.is-new .filter-list .filter-button-cell {
	font-size: 13px;
}
.filter-side.is-new .filter-list.scrollbar {
	max-height: 570px;
	padding-right: 15px;
	padding-top: 0;
	margin-top: 10px;
}
.filter-side.is-new .menu-list.scrollbar::-webkit-scrollbar {
	width: 5px;
}
.filter-side.is-new .menu-list.scrollbar::-webkit-scrollbar-thumb {
	border-radius: 3px;
}
.filter-side.is-new .filter-button-cell > img {
	width: 50px;
	height: 20px;
}
.filter-side.is-new .filter-side-subcategory-title {
	margin: 15px;
    border-radius: 0;
    display: flex;
    display: -webkit-flex;
}
.filter-side.is-new .filter-side-subcategory-title-bg + .filter-list.filter-button-cells {
	padding: 0 5px 10px;
}
.filter-side.is-new .filter-side-subcategory-title-bg + .filter-list {
	padding: 0 20px 10px;
}
.filter-side.is-new .modal-footer {
	display: none;
	justify-content: flex-end;
	padding: 15px 30px;
}
.filter-button-cell {
	border-radius: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 3px 12px;
	box-sizing: border-box;
	margin: 5px 0;
	cursor: pointer;
	border-width: 2px;
    border-style: solid;
    border-color: transparent;
    background-color: transparent;
}
.filter-button-cell:first-child {
	margin-top: 5px;
}
.filter-button-text {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.filter-button-text i {
	margin-right: 5px;
}
.filter-button-cell.is-active {
	font-weight: bold;
}
.filter-button-cell.is-active span {
	font-weight: 400;
}
.filter-list.is-active > ul.filter-cell-half {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.filter-cell-half > li{
	max-width: calc(50% - 5px);
}
.filter-button-cells > .grid {
	/* margin-bottom: 15px; */
}
.filter-button-cells > .grid + .grid {
	/* margin-top: 15px; */
}
.filter-button-cell > img {
	width: 50px;
}
.filter-button-cell.is-active > img {
	mix-blend-mode: darken;
}
.dark-mode .filter-button-cell.is-active > img {
	mix-blend-mode: normal;
}
.filter-list-price-range.is-new {
	margin: 0 0 0 16px;
}
.filter-list-price-range.is-new .input-text {
	border: 2px solid #adadad;
	border-radius: 8px;
	padding: 0;
	box-sizing: border-box;
	cursor: text;
}
.filter-list-price-range.is-new .input-text:focus-within {
	border-color: #1946B8;
}
.filter-list-price-range.is-new .input-text > span {
	padding: 0 0 0 8px;
}
.filter-list-price-range.is-new .input-text > span::before {
	content: attr(data-currency);
}
.filter-list-price-range.is-new .input-text > input {
	padding: 10px 5px;
	box-shadow: none;
	font-weight: 700;
	border: 0;
}
.filter-list-price-range.is-new .input-text > input::placeholder {
	font-weight: 400;
	color: #212121;
}
.filter-list-price-range.is-new .input-text > input:focus-within {
	border-color: #1946B8;
}
.filter-list-price-reset {
	font-size: 13px;
	color: #6e6e6e;
	text-transform: uppercase;
	margin: 0 16px 0 4px;
	opacity: 0.5;
	pointer-events: none;
}
.filter-list-price-reset.is-active {
	color: #1946B8;
	pointer-events: unset;
	opacity: 1;
}
.filter-list-price-reset.is-active:hover {
	color: #3A60C2;
	transform: scale(1);
}
.dark-mode .filter-list-price-reset {
	color: #adadad;
}
.dark-mode .filter-list-price-reset.is-active {
	color: #6694EA;
}
.dark-mode .filter-list-price-reset.is-active:hover {
	color: #9EBAF2;
}
/* noUi-horizontal in Filter */
.filter-side.is-new .finder-panel-price-range {
	margin: 10px 20px;
}
.filter-side.is-new .noUi-horizontal {
	height: 8px;
	border: 0;
}
.filter-side.is-new .noUi-target {
	background-color: #D1D1D1;
}
.filter-side.is-new .noUi-connect {
	background: linear-gradient(90deg, #6694EA 0%, #2A69DF 100%);
}
.filter-side.is-new .noUi-horizontal .noUi-handle {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	top: -9px;
	right: -13px;
	box-shadow: 2px 2px 4px 0px rgb(21 55 158 / 30%);
}
.filter-side.is-new .noUi-handle:before,
.filter-side.is-new .noUi-handle:after {
	width: 10px;
	height: 2px;
	background-color: #1946B8;
	left: 6px;
    top: 7px;
}
.filter-side.is-new .noUi-handle:after {
	left: 6px;
    top: 11px;
}
/* .filter-side.is-new .noUi-horizontal .noUi-handle-lower {
	left: 18px;
    top: -5px;
}
.filter-side.is-new .noUi-horizontal .noUi-handle-upper {
	right: -4px;
    top: -5px;
} */

/* filter bar */
.filter-bar {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 20px 20px 20px;
	padding: 15px 10px;
}
.filter-bar-cell {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: center;
	align-items: center;
	padding: 5px 10px;
}
.filter-bar-cell .filter-bar-cell {
	padding: 0 10px;
}
.filter-bar-cell .filter-bar-cell:first-child {
	padding-left: 0;
}
.filter-bar-cell .filter-bar-cell:last-child {
	padding-right: 0;
}
.filter-bar-cell .input-label {
	margin-bottom: 0;
	margin-left: 10px;
	margin-right: 10px;
	white-space: nowrap;
}
.filter-bar-cell label.input-label {
	cursor: pointer;
}
.filter-bar-cell .input-label:first-child {
	margin-left: 0;
}
.filter-bar-cell .input-label:last-child {
	margin-right: 0;
}
.filter-bar-cell > .line-vertical {
	margin-right: 10px;
	height: 10px;
}
.filter-bar-cell.width-100 {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.filter-bar-selecteds {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
}
.filter-bar-selecteds > li {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 10px 0 0;
}
.filter-bar-selecteds > li > label {
	margin-right: 5px;
}
.filter-bar-selecteds-value {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin: 3px 5px 3px 0;
	padding: 4px 0 4px 14px;
	line-height: 16px;
	word-break: break-all;
}
.filter-bar-selecteds-value > .ico-times {
	margin-left: 5px;
	width: 30px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}



/* change to a popup style */
@media (max-width: 999px) {
	.s-popup {
		position: fixed;
		z-index: -1;
		top: 30px;
		left: 30px;
		bottom: 30px;
		right: 30px;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		padding: 0 15px 15px 15px;
		margin: auto !important;
		width: auto !important;
		max-width: 500px !important;
		box-sizing: border-box;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.3s;
	}
	.s-popup.is-active {
		z-index: 1600;
		opacity: 1;
		pointer-events: auto;
	}
	.s-popup .modal-header {
		margin-left: 15px;
		margin-right: 15px;
	}
	.s-popup .menu-list-cell {
		width: 100%;
	}
	.filter-side.is-new.s-popup .modal-header {
		margin-left: 5px;
		margin-top: 12px;
		margin-bottom: 12px;
	}
	.filter-side.is-new.s-popup .menu-list-container {
		padding-left: 0;
		max-height: none;
	}
	.filter-side.is-new.s-popup .modal-header .close {
		margin-top: 0;
	}
	.filter-side.is-new.s-popup .modal-header .close i {
		font-size: 20px;
		color: #424242;
	}
	/* .filter-side.is-new .filter-list:first-child {
		padding-top: 0;
		padding-left: 5px;
		padding-right: 0;
	} */
	.filter-side.is-new .filter-list.filter-list-switch {
		padding-left: 5px;
	}
	.filter-side.is-new .filter-list-switch > ul {
		padding: 0;
	}
	.filter-side.is-new .filter-list-switch > ul:first-child {
		padding-top: 0;
	}
	.filter-side.is-new .filter-list-switch > ul:last-child {
		padding-bottom: 10px;
	}
	.filter-side.is-new.s-popup .filter-list.is-scrollbar.scrollbar {
		padding-left: 5px;
		margin-top: 0;
		max-height: 30vh;
	}
	.filter-side.is-new.s-popup .filter-list + .filter-list {
		padding: 10px 5px;
	}
	.filter-side.is-new .filter-list:first-child:not(.filter-button-cells,.filter-list-switch) {
		padding: 0 5px 10px;
	}
	.filter-side.is-new .filter-list:first-child.filter-button-cells {
		padding: 0 5px 10px;
	}
	.filter-side.is-new.s-popup .filter-list.filter-button-cells .filter-list-title {
		padding: 0;
	}
	.filter-side.is-new.s-popup .filter-button-cells .grid {
		margin: 0;
	}
	.filter-side.is-new.s-popup .filter-list-price-range.is-new {
		margin: 0 5px;
	}
	.filter-side.is-new.s-popup .filter-list-price-range {
		max-width: 100%;
	}
	.filter-side.is-new.s-popup .finder-panel-price-range {
		margin: 10px 14px;
	}
	.filter-side.is-new.s-popup .filter-list-price-range.is-new .input-text {
		max-width: 100%;
	}
	.filter-list-price-reset {
		margin-right: 4px;
	}
	.filter-side.is-new .filter-list-apply {
		right: 4px;
	}
	.filter-side.is-new .filter-side-subcategory-title {
		margin: 10px 0;
	}
	.filter-side.is-new .filter-side-subcategory-title-bg + .filter-list {
		padding: 0 5px 10px;
	}
}
@media (max-width: 599px) {
	.s-popup {
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		padding: 0;
	}
	.filter-bar {
		margin: 0 8px 8px 8px;
		padding: 8px 0px;
	}
	.filter-side.is-new.s-popup .menu-list-container {
		padding-left: 15px;
	}
	.filter-side.is-new.s-popup .modal-header {
		margin-left: 20px;
	}
	.filter-side.is-new.s-popup .modal-header .close {
		margin-top: -15px;
	}
	.dark-mode .header2021-toggle .toggle-handle.take-on {
		padding-left: 0 !important;
	}
}



/* forms */
.grid.forms {
	margin: 0 -5px -15px -5px;
}
.grid.forms > .grid-col {
	-webkit-box-flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	-moz-box-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-bottom: 15px;
	padding: 0 5px;
}



/* International Flags
================================*/
.flag {
	display: inline-block;
	background-image: url("../../Nest/images/icons/spr_flags.png");
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	overflow: hidden;
	vertical-align: middle;
}
.af { background-position: 0 0; }
.WW { background-position: -20px 0; }
.WW { background-position: -40px 0; }
.al { background-position: -60px 0; }
.WW { background-position: -80px 0; }
.dz { background-position: -100px 0; }
.as { background-position: -120px 0; }
.ad { background-position: -140px 0; }
.ao { background-position: -160px 0; }
.ai { background-position: -180px 0; }
.WW { background-position: -200px 0; }
.ag { background-position: -220px 0; }
.WW { background-position: -240px 0; }
.ar { background-position: -260px 0; }
.am { background-position: -280px 0; }
.aw { background-position: -300px 0; }
.WW { background-position: -320px 0; }
.au { background-position: -340px 0; }
.at { background-position: -360px 0; }
.az { background-position: -380px 0; }
.bs { background-position: -400px 0; }
.bh { background-position: -420px 0; }
.bd { background-position: -440px 0; }
.bb { background-position: -460px 0; }
.WW { background-position: -480px 0; }
.by { background-position: 0 -20px; }
.be { background-position: -20px -20px; }
.bz { background-position: -40px -20px; }
.bj { background-position: -60px -20px; }
.bm { background-position: -80px -20px; }
.bt { background-position: -100px -20px; }
.bo { background-position: -120px -20px; }
.ba { background-position: -140px -20px; }
.bw { background-position: -160px -20px; }
.WW { background-position: -180px -20px; }
.br { background-position: -200px -20px; }
.io { background-position: -220px -20px; }
.bn { background-position: -240px -20px; }
.bg { background-position: -260px -20px; }
.bf { background-position: -280px -20px; }
.bi { background-position: -300px -20px; }
.kh { background-position: -320px -20px; }
.cm { background-position: -340px -20px; }
.ca { background-position: -360px -20px; }
.cv { background-position: -380px -20px; }
.WW { background-position: -400px -20px; }
.WW { background-position: -420px -20px; }
.ky { background-position: -440px -20px; }
.cf { background-position: -460px -20px; }
.td { background-position: -480px -20px; }
.cl { background-position: 0 -40px; }
.cn { background-position: -20px -40px; }
.cx { background-position: -40px -40px; }
.WW { background-position: -60px -40px; }
.cc { background-position: -80px -40px; }
.co { background-position: -100px -40px; }
.WW { background-position: -120px -40px; }
.km { background-position: -140px -40px; }
.cg { background-position: -160px -40px; }
.WW { background-position: -180px -40px; }
.ck { background-position: -200px -40px; }
.cr { background-position: -220px -40px; }
.ci { background-position: -240px -40px; }
.hr { background-position: -260px -40px; }
.cu { background-position: -280px -40px; }
.WW { background-position: -300px -40px; }
.cy { background-position: -320px -40px; }
.cz { background-position: -340px -40px; }
.dk { background-position: -360px -40px; }
.dj { background-position: -380px -40px; }
.dm { background-position: -400px -40px; }
.do { background-position: -420px -40px; }
.ec { background-position: -440px -40px; }
.eg { background-position: -460px -40px; }
.sv { background-position: -480px -40px; }
.WW { background-position: 0 -60px; }
.gq { background-position: -20px -60px; }
.er { background-position: -40px -60px; }
.ee { background-position: -60px -60px; }
.et { background-position: -80px -60px; }
.eu { background-position: -100px -60px; }
.fk { background-position: -120px -60px; }
.WW { background-position: -140px -60px; }
.WW { background-position: -160px -60px; }
.fj { background-position: -180px -60px; }
.fi { background-position: -200px -60px; }
.fr { background-position: -220px -60px; }
.tf { background-position: -240px -60px; }
.gf { background-position: -260px -60px; }
.ga { background-position: -280px -60px; }
.WW { background-position: -300px -60px; }
.gm { background-position: -320px -60px; }
.ge { background-position: -340px -60px; }
.de { background-position: -360px -60px; }
.gh { background-position: -380px -60px; }
.gi { background-position: -400px -60px; }
.gr { background-position: -420px -60px; }
.gl { background-position: -440px -60px; }
.gd { background-position: -460px -60px; }
.WW { background-position: -480px -60px; }
.gt { background-position: 0 -80px; }
.gu { background-position: -20px -80px; }
.gg { background-position: -40px -80px; }
.gn { background-position: -60px -80px; }
.gw { background-position: -80px -80px; }
.gy { background-position: -100px -80px; }
.ht { background-position: -120px -80px; }
.WW { background-position: -140px -80px; }
.hn { background-position: -160px -80px; }
.hk { background-position: -180px -80px; }
.hu { background-position: -200px -80px; }
.WW { background-position: -220px -80px; }
.is { background-position: -240px -80px; }
.WW { background-position: -260px -80px; }
.in { background-position: -280px -80px; }
.id { background-position: -300px -80px; }
.ir { background-position: -320px -80px; }
.iq { background-position: -340px -80px; }
.ie { background-position: -360px -80px; }
.WW { background-position: -380px -80px; }
.WW { background-position: -400px -80px; }
.il { background-position: -420px -80px; }
.it { background-position: -440px -80px; }
.jm { background-position: -460px -80px; }
.jp { background-position: -480px -80px; }
.je { background-position: 0 -100px; }
.jo { background-position: -20px -100px; }
.kz { background-position: -40px -100px; }
.ke { background-position: -60px -100px; }
.ki { background-position: -80px -100px; }
.WW { background-position: -100px -100px; }
.kw { background-position: -120px -100px; }
.kg { background-position: -140px -100px; }
.WW { background-position: -160px -100px; }
.lv { background-position: -180px -100px; }
.lb { background-position: -200px -100px; }
.ls { background-position: -220px -100px; }
.lr { background-position: -240px -100px; }
.WW { background-position: -260px -100px; }
.li { background-position: -280px -100px; }
.lt { background-position: -300px -100px; }
.lu { background-position: -320px -100px; }
.WW { background-position: -340px -100px; }
.mk { background-position: -360px -100px; }
.mg { background-position: -380px -100px; }
.mw { background-position: -400px -100px; }
.my { background-position: -420px -100px; }
.mv { background-position: -440px -100px; }
.ml { background-position: -460px -100px; }
.mt { background-position: -480px -100px; }
.mh { background-position: 0 -120px; }
.mq { background-position: -20px -120px; }
.mr { background-position: -40px -120px; }
.mu { background-position: -60px -120px; }
.yt { background-position: -80px -120px; }
.mx { background-position: -100px -120px; }
.fm { background-position: -120px -120px; }
.md { background-position: -140px -120px; }
.mc { background-position: -160px -120px; }
.mn { background-position: -180px -120px; }
.me { background-position: -200px -120px; }
.ms { background-position: -220px -120px; }
.ma { background-position: -240px -120px; }
.mz { background-position: -260px -120px; }
.mm { background-position: -280px -120px; }
.na { background-position: -300px -120px; }
.WW { background-position: -320px -120px; }
.nr { background-position: -340px -120px; }
.np { background-position: -360px -120px; }
.an { background-position: -380px -120px; }
.nl { background-position: -400px -120px; }
.WW { background-position: -420px -120px; }
.nz { background-position: -440px -120px; }
.ni { background-position: -460px -120px; }
.ne { background-position: -480px -120px; }
.ng { background-position: 0 -140px; }
.nu { background-position: -20px -140px; }
.nf { background-position: -40px -140px; }
.WW { background-position: -60px -140px; }
.WW { background-position: -80px -140px; }
.WW { background-position: -100px -140px; }
.mp { background-position: -120px -140px; }
.no { background-position: -140px -140px; }
.WW { background-position: -160px -140px; }
.WW { background-position: -180px -140px; }
.WW { background-position: -200px -140px; }
.om { background-position: -220px -140px; }
.WW { background-position: -240px -140px; }
.pk { background-position: -260px -140px; }
.pw { background-position: -280px -140px; }
.WW { background-position: -300px -140px; }
.pa { background-position: -320px -140px; }
.pg { background-position: -340px -140px; }
.py { background-position: -360px -140px; }
.pe { background-position: -380px -140px; }
.ph { background-position: -400px -140px; }
.pn { background-position: -420px -140px; }
.pl { background-position: -440px -140px; }
.pt { background-position: -460px -140px; }
.pr { background-position: -480px -140px; }
.qa { background-position: 0 -160px; }
.WW { background-position: -20px -160px; }
.WW { background-position: -40px -160px; }
.ro { background-position: -60px -160px; }
.ru { background-position: -80px -160px; }
.rw { background-position: -100px -160px; }
.WW { background-position: -120px -160px; }
.WW { background-position: -140px -160px; }
.lc { background-position: -160px -160px; }
.WW { background-position: -180px -160px; }
.WW { background-position: -200px -160px; }
.ws { background-position: -220px -160px; }
.sm { background-position: -240px -160px; }
.st { background-position: -260px -160px; }
.sa { background-position: -280px -160px; }
.WW { background-position: -300px -160px; }
.sn { background-position: -320px -160px; }
.rs { background-position: -340px -160px; }
.sc { background-position: -360px -160px; }
.sl { background-position: -380px -160px; }
.sg { background-position: -400px -160px; }
.WW { background-position: -420px -160px; }
.sk { background-position: -440px -160px; }
.si { background-position: -460px -160px; }
.sb { background-position: -480px -160px; }
.so { background-position: 0 -180px; }
.xs { background-position: -20px -180px; }
.za { background-position: -40px -180px; }
.WW { background-position: -60px -180px; }
.kp { background-position: -80px -180px; }
.WW { background-position: -100px -180px; }
.es { background-position: -120px -180px; }
.lk { background-position: -140px -180px; }
.kn { background-position: -160px -180px; }
.vc { background-position: -180px -180px; }
.sd { background-position: -200px -180px; }
.sr { background-position: -220px -180px; }
.sj { background-position: -240px -180px; }
.sz { background-position: -260px -180px; }
.se { background-position: -280px -180px; }
.ch { background-position: -300px -180px; }
.sy { background-position: -320px -180px; }
.WW { background-position: -340px -180px; }
.tw { background-position: -360px -180px; }
.tj { background-position: -380px -180px; }
.tz { background-position: -400px -180px; }
.th { background-position: -420px -180px; }
.WW { background-position: -440px -180px; }
.tg { background-position: -460px -180px; }
.tk { background-position: -480px -180px; }
.to { background-position: 0px -200px; }
.tt { background-position: -20px -200px; }
.WW { background-position: -40px -200px; }
.tn { background-position: -60px -200px; }
.tr { background-position: -80px -200px; }
.tm { background-position: -100px -200px; }
.tc { background-position: -120px -200px; }
.tv { background-position: -140px -200px; }
.ug { background-position: -160px -200px; }
.ua { background-position: -180px -200px; }
.WW { background-position: -200px -200px; }
.WW { background-position: -220px -200px; }
.ae { background-position: -240px -200px; }
.gb { background-position: -260px -200px; }
.WW { background-position: -280px -200px; }
.WW { background-position: -300px -200px; }
.us { background-position: -320px -200px; }
.uy { background-position: -340px -200px; }
.uz { background-position: -360px -200px; }
.vu { background-position: -380px -200px; }
.va { background-position: -400px -200px; }
.ve { background-position: -420px -200px; }
.vn { background-position: -440px -200px; }
.vg { background-position: -460px -200px; }
.vi { background-position: -480px -200px; }
.WW { background-position: 0 -220px; }
.WW { background-position: -20px -220px; }
.eh { background-position: -40px -220px; }
.WW { background-position: -60px -220px; }
.WW { background-position: -80px -220px; }
.ye { background-position: -100px -220px; }
.zm { background-position: -120px -220px; }
.zw { background-position: -140px -220px; }
.tp { background-position: -160px -220px; }
.fo { background-position: -180px -220px; }
.gp { background-position: -200px -220px; }
.kr { background-position: -220px -220px; }
.la { background-position: -240px -220px; }
.ly { background-position: -260px -220px; }
.mo { background-position: -280px -220px; }
.ic { background-position: -320px -220px; }
.cd { background-position: -340px -220px; }
.xy { background-position: -360px -220px; }
.pf { background-position: -380px -220px; }
.sh { background-position: -400px -220px; }
.re { background-position: -220px -60px; }
.pm { background-position: -220px -60px; }
.wf { background-position: -220px -60px; }
.nc { background-position: -220px -60px; }



/* header flag */
.header2021-country-flag .flag {
	background-position: 0 0;
	background-size: 100% 100%;
}


.header2021-country-flag .flag.us {
	background-image: url("../../Nest/images/flag/UnitedStates.png");
}
.header2021-country-flag .flag.au {
	background-image: url("../../Nest/images/flag/Australia.png");
}
.header2021-country-flag .flag.ar {
	background-image: url("../../Nest/images/flag/Argentina.png");
}
.header2021-country-flag .flag.hk {
	background-image: url("../../Nest/images/flag/HongKong.png");
}
.header2021-country-flag .flag.kr {
	background-image: url("../../Nest/images/flag/SouthKorea.png");
}
.header2021-country-flag .flag.sg {
	background-image: url("../../Nest/images/flag/Singapore.png");
}
.header2021-country-flag .flag.th {
	background-image: url("../../Nest/images/flag/Thailand.png");
}
.header2021-country-flag .flag.jp {
	background-image: url("../../Nest/images/flag/Japan.png");
}
.header2021-country-flag .flag.mx {
	background-image: url("../../Nest/images/flag/Mexico.png");
}
.header2021-country-flag .flag.ca {
	background-image: url("../../Nest/images/flag/Canada.png");
}
.header2021-country-flag .flag.nz {
	background-image: url("../../Nest/images/flag/NewZealand.png");
}
.header2021-country-flag .flag.kw {
	background-image: url("../../Nest/images/flag/Kuwait.png");
}
.header2021-country-flag .flag.bh {
	background-image: url("../../Nest/images/flag/Bahrain.png");
}
.header2021-country-flag .flag.il {
	background-image: url("../../Nest/images/flag/Israel.png");
}
.header2021-country-flag .flag.om {
	background-image: url("../../Nest/images/flag/Oman.png");
}
.header2021-country-flag .flag.ph {
	background-image: url("../../Nest/images/flag/Philippines.png");
}
.header2021-country-flag .flag.sa {
	background-image: url("../../Nest/images/flag/SaudiArabia.png");
}
.header2021-country-flag .flag.gb {
	background-image: url("../../Nest/images/flag/UnitedKingdom.png");
}
.header2021-country-flag .flag.ae {
	background-image: url("../../Nest/images/flag/UnitedArabEmirates.png");
}
.header2021-country-flag .flag.qa {
	background-image: url("../../Nest/images/flag/Qatar.png");
}














/* price */
.goods-price-current,
.goods-price-current .goods-price-value {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	line-height: 1;
}
.goods-price-current .goods-price-label {
	-webkit-align-self: flex-end;
	align-self: flex-end;
}
.goods-price-current .goods-price-symbol {
	font-size: 2em;
}
.goods-price-current .goods-price-value strong {
	font-weight: bold;
	font-size: 2em;
}
.goods-price-current .goods-price-value sup {
	margin-top: 0.3em;
	vertical-align: baseline;
	font-size: 1em;
}
.goods-price-label { margin: 0 2px; }
.goods-price-label:first-child { margin-left: 0; }
.goods-price-label:last-child { margin-right: 0; }
.goods-price-was {
	margin-top: 5px;
	text-decoration: line-through;
}
.goods-price-ship,
.goods-price-note,
.goods-price-rebate {
	margin-top: 5px;
}
.goods-price-ship,
.goods-price-rebate {
	width: 100%;
}
.goods-price-rebate strong.text-green {
	font-size: 1.25em;
}
.goods-price-ship-eligible {
	display: inline-block;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
}
.goods-price-dropped {
	margin-top: 5px;
	width: 100%;
}
.goods-price-dropped-percent {
	display: inline-block;
}
.goods-price-dropped-percent-inner {
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	white-space: nowrap;
	font-size: 11px;
	cursor: pointer;
}
.goods-price-dropped-percent img {
	display: block;
	margin-right: 5px;
	width: 14px;
}
.goods-price-dropped-percent.menu:hover .menu-body {
	display: block;
	width: 190px;
}
.goods-price.is-horizontal {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.goods-price .goods-promo {
	width: 100%;
}
.goods-price-soldout,
.goods-price-comingsoon {
	font-style: italic;
	font-weight: 800;
	text-transform: uppercase;
}
.goods-price-map {
	display: inline-block;
	margin-top: 5px;
}
.goods-price-map:first-child {
	margin-top: 0;
}
.goods-price-map.menu.at-top .menu-body,
.goods-price-map.menu.at-bottom .menu-body,
.goods-msg.menu.at-top .menu-body,
.goods-msg.menu.at-bottom .menu-body {
	width: 500px;
	max-width: 90vw;
}
.goods-price-map.menu.at-left .menu-body,
.goods-price-map.menu.at-right .menu-body,
.goods-msg.menu.at-left .menu-body,
.goods-msg.menu.at-right .menu-body {
	width: 320px;
}
.goods-price-map.menu.is-active,
.goods-msg.menu.is-active {
	pointer-events: none;
}
.goods-price-map.menu.is-active .menu-body,
.goods-msg.menu.is-active .menu-body {
	pointer-events: auto;
}
.goods-price.is-horizontal .goods-price-current,
.goods-price.is-horizontal .goods-price-was,
.goods-price.is-horizontal .goods-price-map {
	margin-right: 10px;
}
.goods-buying-choices {
	margin-top: 10px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dashed;
}
.goods-buying-choices > li + li {
	margin-top: 5px;
}
.goods-buying-choices-label {
	margin-right: 3px;
}
.goods-buying-choices-price { display: inline-block; }
.goods-buying-choices-num {
	display: inline-block;
	margin-left: 3px;
}
@media (max-width: 799px) {
	.goods-price-map.menu .menu-body,
	.goods-msg.menu .menu-body {
		position: fixed !important;
		top: 50% !important;
		left: 50% !important;
		bottom: auto !important;
		right: auto !important;
		margin: auto !important;
		width: 400px !important;
		max-width: 90vw !important;
		max-height: 90vh !important;
		transform: translate(-50%, -50%) !important;
		overflow: auto;
	}
	.goods-price-map.menu .menu-body .menu-arrow,
	.goods-msg.menu .menu-body .menu-arrow {
		display: none;
	}
}
@media (max-width: 599px) {
	.goods-price-current .goods-price-symbol,
	.goods-price-current .goods-price-value strong {
		font-size: 17px;
	}
	.goods-price-current .goods-price-value sup {
		margin-top: 0;
		font-size: 11px;
	}
	.goods-price-rebate strong.text-green {
		font-size: 15px;
	}
}



/* eggpoints */
.eggpoints { display: inline-block; }
.eggpoints > * { vertical-align: middle; }
.eggpoints-multiple {
	display: none;
	position: relative;
	top: 2px;
	margin-right: 10px;
	padding: 1px 7px 3px 7px;
	border-radius: 5px;
	background: #33425a;
	color: #fff;
}
.eggpoints-multiple .arrow {
	position: absolute;
	top: 50%;
	right: -5px;
	margin-top: -3px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-left: 5px solid #33425a;
}
.eggpoints-icon {
	display: inline-block;
	padding: 0;
	overflow: hidden;
	background: url("../../Nest/images/icons/spr_eggpoints.png") no-repeat;
	vertical-align: middle;
	text-indent: 100%;
	white-space: nowrap;
}
/* ----only use icon */
.icon-eggpoints-xl {
	width: 123px;
	height: 61px;
	background-position: -2px -2px;
}
.icon-eggpoints-lg {
	width: 76px;
	height: 37px;
	background-position: -130px -26px;
}
.icon-eggpoints-md {
	width: 59px;
	height: 29px;
	background-position: -212px -34px;
}
.icon-eggpoints-sm {
	width: 45px;
	height: 22px;
	background-position: -276px -41px;
}
.icon-eggpoints-xs {
	width: 28px;
	height: 22px;
	background-position: -326px -41px;
}
.icon-eggpoints-text {
	width: 56px;
	height: 12px;
	background-position: -2px -77px;
}
.eggpoints-upto {
	margin-left: 5px;
	margin-right: 2px;
	color: #4d4d4d;
	font-size: 10px;
	text-transform: uppercase;
	vertical-align: middle;
}
.eggpoints-earn { vertical-align: middle; }
.eggpoints-points {
	font-weight: bold;
	font-size: 14px;
	vertical-align: middle;
}
.eggpoints.has-multiple .eggpoints-multiple { display: inline-block; }
/* ----module in the item cell */
.eggpoints-product-cell {
	display: block;
	margin-top: 10px;
}
.eggpoints-product-cell .eggpoints-multiple { display: none; }
.eggpoints-product-cell .eggpoints-icon {
	width: 28px;
	height: 22px;
	background-position: -326px -41px;
}
.eggpoints-product-cell .eggpoints-upto { display: none; }
.eggpoints-product-cell .eggpoints-points { font-size: 16px; }
/* ----module in the product detail */
.eggpoints-main-product { display: block; }
.eggpoints-main-product .eggpoints-multiple { font-size: 15px; }
.eggpoints-main-product .eggpoints-icon {
	width: 59px;
	height: 29px;
	background-position: -212px -34px;
}
.eggpoints-main-product .eggpoints-upto { font-size: 11px; }
.eggpoints-main-product .eggpoints-points { font-size: 19px; }
.dark-mode .eggpoints-upto { color: #aaa; }



/* rating */
.rating {
	display: inline-block;
	vertical-align: middle;
	width: 60px;
	height: 12px;
	overflow: hidden;
	background: url('../../Nest/images/icons/rating_S.png') no-repeat -10px -10px;
	background-size: 80px 240px;
}
.rating-5 { background-position-y: -10px; }
.rating-4-5 { background-position-y: -30px; }
.rating-4 { background-position-y: -50px; }
.rating-3-5 { background-position-y: -70px; }
.rating-3 { background-position-y: -90px; }
.rating-2-5 { background-position-y: -110px; }
.rating-2 { background-position-y: -130px; }
.rating-1-5 { background-position-y: -150px; }
.rating-1 { background-position-y: -170px; }
.rating-0-5 { background-position-y: -190px; }
.rating-0 { background-position-y: -210px; }
.rating.is-large {
	width: 120px;
	height: 24px;
	background: url('../../Nest/images/icons/rating_L.png') no-repeat -20px -20px;
	background-size: 160px 480px;
}
.rating.is-large.rating-5 { background-position-y: -20px; }
.rating.is-large.rating-4-5 { background-position-y: -60px; }
.rating.is-large.rating-4 { background-position-y: -100px; }
.rating.is-large.rating-3-5 { background-position-y: -140px; }
.rating.is-large.rating-3 { background-position-y: -180px; }
.rating.is-large.rating-2-5 { background-position-y: -220px; }
.rating.is-large.rating-2 { background-position-y: -260px; }
.rating.is-large.rating-1-5 { background-position-y: -300px; }
.rating.is-large.rating-1 { background-position-y: -340px; }
.rating.is-large.rating-0-5 { background-position-y: -380px; }
.rating.is-large.rating-0 { background-position-y: -420px; }
/* ----rating choose with huge egg */
.rating-choose {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 200px;
}
.rating-choose > li {
	width: 20%;
	background: url('../../Nest/images/icons/rating_egg.png') no-repeat 68% 68%;
	background-size: 500%;
	text-indent: -999em;
	font-size: 0;
	cursor: pointer;
	transition: background 0.3s;
}
.rating-choose > li:before {
	content: '';
	display: block;
	padding-top: 100%;
	width: 100%;
}
.rating-choose:hover > li,
.rating-choose.rating-choose-5 > li:nth-child(5),
.rating-choose.rating-choose-5 > li:nth-child(4),
.rating-choose.rating-choose-5 > li:nth-child(3),
.rating-choose.rating-choose-5 > li:nth-child(2),
.rating-choose.rating-choose-5 > li:nth-child(1),
.rating-choose.rating-choose-4 > li:nth-child(4),
.rating-choose.rating-choose-4 > li:nth-child(3),
.rating-choose.rating-choose-4 > li:nth-child(2),
.rating-choose.rating-choose-4 > li:nth-child(1),
.rating-choose.rating-choose-3 > li:nth-child(3),
.rating-choose.rating-choose-3 > li:nth-child(2),
.rating-choose.rating-choose-3 > li:nth-child(1),
.rating-choose.rating-choose-2 > li:nth-child(2),
.rating-choose.rating-choose-2 > li:nth-child(1),
.rating-choose.rating-choose-1 > li:nth-child(1) {
	background-position-x: 5%;
}
.rating-choose > li:nth-child(5):hover ~ li,
.rating-choose > li:nth-child(4):hover ~ li,
.rating-choose > li:nth-child(3):hover ~ li,
.rating-choose > li:nth-child(2):hover ~ li,
.rating-choose > li:nth-child(1):hover ~ li {
	background-position-x: 68%;
}
/* ----radial rating */
.rating-view-radial {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
}
.rating-radial {
	position: relative;
}
.rating-radial > span {
	position: absolute;
    top: 50%;
    left: 50%;
    font-weight: bold;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.rating-radial-label {
	margin-left: 8px;
	line-height: 36px;
	white-space: nowrap;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.rating { background-image: url('../../Nest/images/icons/rating_S@2x.png'); }
	.rating.is-large { background-image: url('../../Nest/images/icons/rating_L@2x.png'); }
	.rating-choose > li { background-image: url('../../Nest/images/icons/rating_egg@2x.png'); }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 400dpi) {
	.rating { background-image: url('../../Nest/images/icons/rating_S@3x.png'); }
	.rating.is-large { background-image: url('../../Nest/images/icons/rating_L@3x.png'); }
	.rating-choose > li { background-image: url('../../Nest/images/icons/rating_egg@3x.png'); }
}


/* --- rating views*/
.reviews-rating-group { max-width: 512px; }
.reviews-rating-group.width-100 {
	max-width: none;
	box-sizing: border-box;
}

.rating-cell {
	position: relative;
	margin-bottom: 23px;
	height: 20px;
}
.rating-cell:last-child { margin-bottom: 0; }
.rating-cell:after {
	content: '';
	display: table;
	clear: both;
}
.rating-cell > a {
	display: block;
	height: inherit;
	cursor: pointer;
}
.rating-cell-name,
.rating-cell-chart,
.rating-cell-percent {
	height: 100%;
	box-sizing: border-box;
	line-height: 20px;
}
.rating-cell-name {
	position: absolute;
	top: 0;
	left: 0;
}
.rating-cell-percent {
	position: absolute;
	top: 0;
	right: 0;
}
.rating-cell-chart {
	position: relative;
	margin: 0 40px 0 45px;
	overflow: hidden;
	border-radius: 10px;
	background: #E8E8E8;
	font-weight: bold;
}
.rating-cell-chart-current {
	width: 0;
	height: inherit;
	background: #FAB319;
	-webkit-transition: width .3s;
	   -moz-transition: width .3s;
	     -o-transition: width .3s;
		    transition: width .3s;
	border-radius: 10px;
}
.rating-cell-chart-num {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 8px;
	width: 100%;
	height: inherit;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 20px;
	color:  #707070;
}
/* group-buy badge */
.group-buy-badge {
	width: 75px;
	height: 20px;
	background: url("../../Nest/images/badges/GrouBuy_Badge.png") no-repeat;
	background-size: 100% 100%;
	display: inline-flex;
	align-items: center;
	padding: 0 0 0 4px;
	box-sizing: border-box;
}
.group-buy-badge strong {
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	font-style: italic;
	text-transform: uppercase;
}
.group-buy-item {
	width: 111px;
	height: 24px;
	background: url("../../Nest/images/badges/GrouBuyItem_Badge.png") no-repeat;
	background-size: 100% 100%;
	display: inline-flex;
	align-items: center;
	padding: 0 0 0 11px;
	box-sizing: border-box;
}
.group-buy-item strong {
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	font-style: italic;
	text-transform: uppercase;
}

/* tag/badge */
.tag {
	position: relative;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-align-items: center;
	align-items: center;
	padding: 0 6px;
	border-radius: 4px;
}
.tag-text {
	display: inline-block;
	vertical-align: top;
	padding: 2px 0;
	text-transform: unset;
}
.tag .tag-text:not(:first-child),
.tag .ico:not(:first-child),
.tag img:not(:first-child),
.tag svg:not(:first-child) {
	margin-left: 5px;
}
.tag img,
.tag svg {
	max-height: 16px;
}
.tag svg {
	padding: 0 2px;
}
.tag-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden;
}
.tag-list .tag {
	margin: 0 5px 5px 0;
}
/* ----skewed */
.tag.is-skewed {
	transform: skewX(-10deg);
	border-radius: 4px 0;
}
.tag.is-skewed .tag-text {
	font-weight: bold;
	text-transform: capitalize;
}
.tag.is-skewed.text-transform-unset .tag-text {
	text-transform: unset;
}
.tag.is-skewed .tag-text,
.tag.is-skewed .ico,
.tag.is-skewed img,
.tag.is-skewed svg,
.tag.is-skewed .tag-medal {
	-webkit-transform: skewX(10deg);
	transform: skewX(10deg);
}
.tag-list .tag.is-skewed {
	margin: 0 3px 5px 0;
}
.tag.is-svg .tag-text svg {
	position: relative;
  top: 1px;
  margin-top: -4px;
}
.item-promo svg {
	position: relative;
  top: 0;
  margin-top: -4px;
}
.dark-mode .tag.is-svg .tag-text svg path {
	fill: #fff;
}
/* ----newegg brand */
.tag.is-neweggbrand {
	padding-left: 0;
	overflow: hidden;
	background: #032D6B;
}
.tag.is-neweggbrand .tag-text {
	display: block;
	color: #fff;
	font-weight: bold;
	font-style: italic;
	font-size: 11px;
	text-transform: uppercase;
}
.tag.is-neweggbrand .tag-icon {
	display: block;
	margin-left: -5px;
	padding: 0 7px 0 11px;
	-webkit-transform: skewX(-20deg);
	transform: skewX(-20deg);
	background: #FF8500;
	color: #fff;
}
.tag.is-neweggbrand .ico {
	display: block;
	-webkit-transform: skewX(20deg);
	transform: skewX(20deg);
	line-height: 24px;
}

.tag.bg-n-orange-d7 {
	color: #fff;
	font-weight: bold;
}
/* ----best and most */
.tag-medal {
	display: inline-block;
	width: 24px;
	height: 24px;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-style: italic;
	font-weight: 900;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
}
.tag .tag-medal {
	position: absolute;
	top: -2px;
	left: -5px;
}
.tag .tag-medal + .tag-text {
	margin-left: 16px;
	font-weight: 600;
}
.tag.is-gold,
.tag.is-silver,
.tag.is-copper,
.tag.is-iron,
.tag.is-stone {
	margin-left: 5px;
}
.tag.is-gold {
	background-color: #FEF4C3;
	color: #A25F01;
}
.tag.is-silver {
	background-color: #F2F3F8;
	color: #596F97;
}
.tag.is-copper {
	background-color: #FFF1DB;
	color: #BD4B00;
}
.tag.is-iron,
.tag.is-fifth,
.tag.is-sixth,
.tag.is-seventh,
.tag.is-eighth,
.tag.is-ninth,
.tag.is-tenth {
	background-color: #F2F2F2;
	color: #6E6E6E;
}
.tag.is-stone {
	background-color: #F2F2F2;
	color: #6E6E6E;
}
.tag.is-gold .tag-medal {
	background-image: url('../../Nest/images/badges/medal_gold.png');
	color: #704500;
	text-indent: -100vw;
}
.tag.is-silver .tag-medal {
	background-image: url('../../Nest/images/badges/medal_silver.png');
	color: #3E5074;
	text-indent: -100vw;
}
.tag.is-copper .tag-medal {
	background-image: url('../../Nest/images/badges/medal_copper.png');
	color: #853C00;
	text-indent: -100vw;
}
.tag.is-iron .tag-medal {
	background-image: url('../../Nest/images/badges/medal_iron.png');
	color: #505050;
	text-indent: -100vw;
}
.tag.is-fifth .tag-medal {
	background-image: url('../../Nest/images/badges/medal_fifth.png');
	color: #505050;
	text-indent: -100vw;
}
.tag.is-sixth .tag-medal {
	background-image: url('../../Nest/images/badges/medal_sixth.png');
	color: #505050;
	text-indent: -100vw;
}
.tag.is-seventh .tag-medal {
	background-image: url('../../Nest/images/badges/medal_seventh.png');
	color: #505050;
	text-indent: -100vw;
}
.tag.is-eighth .tag-medal {
	background-image: url('../../Nest/images/badges/medal_eighth.png');
	color: #505050;
	text-indent: -100vw;
}
.tag.is-ninth .tag-medal {
	background-image: url('../../Nest/images/badges/medal_ninth.png');
	color: #505050;
	text-indent: -100vw;
}
.tag.is-tenth .tag-medal {
	background-image: url('../../Nest/images/badges/medal_tenth.png');
	color: #505050;
	text-indent: -100vw;
}
.tag.is-stone .tag-medal {
	background-image: url('../../Nest/images/badges/medal_stone.png');
	color: #505050;
}


.tag.is-skewed.is-gold .tag-medal,
.tag.is-skewed.is-silver .tag-medal,
.tag.is-skewed.is-copper .tag-medal,
.tag.is-skewed.is-iron .tag-medal,
.tag.is-skewed.is-stone .tag-medal,
.tag.is-skewed.is-iron .tag-medal,
.tag.is-skewed.is-fifth .tag-medal,
.tag.is-skewed.is-sixth .tag-medal,
.tag.is-skewed.is-seventh .tag-medal,
.tag.is-skewed.is-eighth .tag-medal,
.tag.is-skewed.is-ninth .tag-medal,
.tag.is-skewed.is-tenth .tag-medal {
	left: -1px;
}

.tag.is-skewed.is-gold .tag-medal + .tag-text,
.tag.is-skewed.is-silver .tag-medal + .tag-text,
.tag.is-skewed.is-copper .tag-medal + .tag-text,
.tag.is-skewed.is-iron .tag-medal + .tag-text,
.tag.is-skewed.is-stone .tag-medal + .tag-text,
.tag.is-skewed.is-iron .tag-medal + .tag-text,
.tag.is-skewed.is-fifth .tag-medal + .tag-text,
.tag.is-skewed.is-sixth .tag-medal + .tag-text,
.tag.is-skewed.is-seventh .tag-medal + .tag-text,
.tag.is-skewed.is-eighth .tag-medal + .tag-text,
.tag.is-skewed.is-ninth .tag-medal + .tag-text,
.tag.is-skewed.is-tenth .tag-medal + .tag-text {
	margin-left: 20px;
	font-weight: bold;
}

/* ----new badge */
.tag.is-new .tag-text {
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
}
.filter-bar-badge .tag.is-new .tag-text {
    font-size: 10px;
}
.tag.is-new:after {
	position: absolute;
	bottom: -4px;
	left: 50%;
	margin-left: -4px;
	display: block;
	content: "";
	border-color: transparent;
	border-top-color: #cc4b00;
	border-style: solid;
	border-width: 4px 4px 0;
}
.tag.is-new {
	background: linear-gradient(270deg,#F06C00 0%,#BD4B00 100%);
	color: #fff;
	padding: 0 2px;
	border-radius: 2px;
	margin: 3px 5px 3px 0;
}
.tag.is-new.tag-s .tag-text {
	font-size: 12px;
	line-height: 11px;
	transform: scale(.8);
}
.tag.is-new.at-top:after {
	border-top-color: #da5600;
	border-width: 4px 4px 0;
	bottom: -3px;
}
.tag.is-new.at-right:after {
	border-right-color: #b85311;
	border-top-color: transparent;
	border-width: 4px 4px 4px 0;
	bottom: 50%;
	left: -3px;
	margin-left: 0;
	transform: translateY(50%);
}
.tag.is-new.at-left:after {
	border-left-color: #ea6e1d;
	border-top-color: transparent;
	border-width: 4px 0 4px 4px;
	bottom: 50%;
	left: auto;
	right: -3px;
	margin-left: 0;
	transform: translateY(50%);
}
.tag.is-new.at-bottom:after {
	border-bottom-color: #d55501;
	border-top-color: transparent;
	border-width: 0 4px 4px 4px;
	bottom: auto;
	top: -3px;
}

.filter-bar-badge {
	/* margin-bottom: -4px; */
}
/* ----subcategory-title badge */	
.tag.is-title {
	padding: 10px;
	font-weight: bold;
}
.tag.is-title:after {
	content: " ";
	position: absolute;
	bottom: -20px;
	left: 15px;
	width: 0;
	height: 0;
	border: 10px solid #fff;
	border-top: 10px solid #f4f5f7;
	background-color: #f4f5f7;
}
.dark-mode .tag.is-title:after {
	border: 10px solid #212121;
	border-top: 10px solid #424242;
	background-color: #424242;
}

/* ----size */
.tag.tag-s .tag-text {
	font-size: 11px;
	line-height: 16px;
}
.tag.bg-lightblue .tag-text{
	font-weight: 600;
}
.tag.tag-s.is-skewed .tag-text {
	font-size: 12px;
}
.tag.tag-s.is-skewed .tag-text .ico {
	transform: skewX(0);
	margin-left: 4px;
}
.tag.tag-s.is-neweggbrand .ico {
	line-height: 20px;
}
.tag.tag-s .biggertag-text {
	font-size: 20px;
	line-height: 16px;
}
.tag.tag-s.tag-success .tag-text,
.tag.tag-s.tag-danger .tag-text,
.tag.tag-s.tag-normal .tag-text,
.tag.tag-s.tag-warning .tag-text {
	font-size: 12px;
	font-weight: bold;
}
.tag.tag-s.tag-success .tag-text .ico,
.tag.tag-s.tag-danger .tag-text .ico,
.tag.tag-s.tag-normal .tag-text .ico,
.tag.tag-s.tag-warning .tag-text .ico {
	margin-right: 3px;
}
/* ----positions */
.tag-list.at-top-left,
.tag-list.at-top-right,
.tag-list.at-bottom-left,
.tag-list.at-bottom-right {
	position: absolute;
	z-index: 4;
	overflow: hidden;
}
.tag-list.at-top-left {
	top: 0;
	left: 0;
	padding-right: 5px;
}
.tag-list.at-top-left .tag {
	margin: 0 3px 5px -1px;
}
.tag-list.at-top-left .tag.is-gold,
.tag-list.at-top-left .tag.is-silver,
.tag-list.at-top-left .tag.is-copper,
.tag-list.at-top-left .tag.is-iron,
.tag-list.at-top-left .tag.is-fifth,
.tag-list.at-top-left .tag.is-sixth,
.tag-list.at-top-left .tag.is-seventh,
.tag-list.at-top-left .tag.is-eighth,
.tag-list.at-top-left .tag.is-ninth,
.tag-list.at-top-left .tag.is-tenth,
.tag-list.at-top-left .tag.is-stone {
	margin-top: 2px;
	margin-left: 4px;
}
.tag-list.at-top-right {
	top: 0;
	right: 0;
	padding-left: 5px;
}
.tag-list.at-top-right .tag {
	margin: 0 -1px 5px 5px;
}
.tag-list.at-bottom-left {
	bottom: 0;
	left: 0;
	padding-right: 5px;
}
.tag-list.at-bottom-left .tag {
	margin: 5px 5px 0 -1px;
}
.tag-list.at-bottom-right {
	bottom: 0;
	right: 0;
	padding-left: 5px;
}
.tag-list.at-bottom-right .tag {
	margin: 5px -1px 0 5px;
}


.tag.tag-group-buy {
	background: url("../../Nest/images/icons/group_buy_bg.svg") no-repeat;
	background-size: 100% auto;
	width: 145px;
	height: 20px;
	padding: 0;
	overflow: hidden;
}
.tag.tag-group-buy .tag-text {
	width: 100%;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.tag.tag-group-buy .tag-text span {
	display: inline-block;
	vertical-align: bottom;
	font-style: italic;
}
.tag.tag-group-buy .tag-text img {
	width: 17px;
	height: 15px;
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: -1px;
}
.vjs-item-box .tag.tag-group-buy {
	margin-left: 2px;
}
.vjs-item-box .tag.tag-group-buy .tag-text span {
	font-style: normal;
}
.is-group-buy.grid.col-h-240px.gap-20px.grid-h-2x {
    height: 560px;
}
.is-group-buy .goods-container.is-horizontal.is-card.is-reverse > .goods-info {
	padding-top: 30px;
}
@media (max-width: 1199px) {
    .is-group-buy.grid.direction-column.col-h-240px.gap-20px.grid-h-m-3x {
		height: 800px; 
	}
	.tag.tag-group-buy .tag-text span {
		font-size: 12px;
	}
}



/* ----radius */
.radius-m .tag-list.at-top-left {
	border-radius: 8px 0 0 0;
}
.radius-m .tag-list.at-bottom-left {
	border-radius: 0 0 0 8px;
}

/* list-split-line */
.list-split-line {
	width: 100%;
	position: relative;
	text-align: center;
}
.list-split-line:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	height: 1px;
	overflow: hidden;
	background: #e8e8e8;
}
.list-split-line span {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0 9px;
	background: #fff;
	color: #6e6e6e;
	line-height: 18px;
}
.dark-mode .list-split-line span {
	background: #212121;
	color: #adadad;
}
.dark-mode .list-split-line:before {
	background-color: #424242;
}

/* item */
.goods-container {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	width: 100%;
}
.goods-sub-container {
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: solid;
}
/* ----item images */
.goods-img {
	display: block;
	position: relative;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 100%;
	max-width: 300px;
	overflow: hidden;
}
.goods-img:before {
	content: "";
	display: block;
	padding-top: 75%;
	width: 100%;
	height: 0;
	overflow: hidden;
}
.goods-img > img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}
.goods-img.w-60px { max-width: 60px; }
.goods-img.w-80px { max-width: 80px; }
.goods-img.w-100px { max-width: 100px; }
.goods-img.w-120px { max-width: 120px; }
.goods-img.w-180px { max-width: 180px; }
.goods-sub-container.margin-left-80px { margin-left: 80px; }
.goods-sub-container.margin-left-100px { margin-left: 100px; }
.goods-sub-container.margin-left-140px { margin-left: 140px; }
.goods-sub-container.margin-left-200px { margin-left: 200px; }
.goods-quick-shop-ar {
	position: absolute;
	z-index: 1;
	bottom: 10px;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 48px;
	height: 48px;
	background: url("../../Nest/images/icons/ar.gif");
	background-size: 100% 100%;
	text-align: center;
}
.goods-img-player {
	background-color: #fff;
	border: 1px solid #BFBFBF;
	box-sizing: border-box;
	border-radius: 15px;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 15px;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #1061CD;
	font-size: 13px;
	z-index: 2;
	cursor: pointer;
	transition: width 0.3s ease;
    white-space: nowrap;
    overflow: hidden;
}
.goods-img-player:hover {
	width: 108px;
}
.goods-img-player .ico {
	margin-left: 2px;
	position: absolute; 
	left: 8px; 
}
.goods-img-player:hover .ico {
	margin-right: 5px;
}
.goods-img-player:hover span {
	position: absolute;
	opacity: 1;
}
.goods-img-player span {
	left: 25px; 
	opacity: 0;
}
.goods-yt-box {
	position: relative;
}
.goods-yt-action {
	position: absolute;
	width: 100%;
	height: 50px;
	background: linear-gradient(180deg, #000 0% , rgba(0,0,0,0) 100%);
	top: 0;
	left: 0;
}
.goods-yt-action .goods-yt-action-time {
	color: #fff;
	position: absolute;
	left: 15px;
	top: 9px;
}
.goods-yt-action .goods-yt-action-mute {
	width: 24px;
	height: 24px;
	padding: 4px;
	box-sizing: border-box;
	position: absolute;
	background-color: #000;
	border-radius: 50%;
	cursor: pointer;
	right: 75px;
	top: 5px;
}
.goods-yt-action .goods-yt-action-mute.is-mute::before {
	background-image: url("../../Nest/images/icons/volume-slash-regular.svg");
}
.goods-yt-action .goods-yt-action-mute::before {
	content: '';
	width: 18px;
	height: 16px;
	background-image: url("../../Nest/images/icons/volume-sharp-regular.svg");
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.goods-yt-action .goods-yt-action-expand {
	width: 24px;
	height: 24px;
	padding: 4px;
	box-sizing: border-box;
	position: absolute;
	background-color: #000;
	border-radius: 50%;
	cursor: pointer;
	right: 39px;
	top: 5px;
}
.goods-yt-action .goods-yt-action-expand::before {
	content: '';
	width: 13px;
	height: 13px;
	background-image: url("../../Nest/images/icons/expand.svg");
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.goods-yt-action .goods-yt-action-close {
	width: 24px;
	height: 24px;
	padding: 4px;
	box-sizing: border-box;
	position: absolute;
	background-color: #000;
	border-radius: 50%;
	cursor: pointer;
	right: 5px;
	top: 5px;
}
.goods-yt-action .goods-yt-action-close::before {
	content: '\f00d';
	position: absolute;
	left: 50%;
	top: 50%;
	color: #fff;
	font-size: 16px;
	transform: translate(-50%,-50%);
	font-family: 'new-desktop' !important;
}
.goods-img.is-yt-play, 
.item-img.is-yt-play {
	z-index: 5 !important;
}
.goods-img.is-yt-play {
	mix-blend-mode: normal !important;
}
.goods-img.is-yt-play ~ .button-like,
.goods-img.is-yt-play ~ .tag-list {
	display: none;
}
.goods-yt-iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.goods-yt-iframe .goods-yt-iframe-box {
	width: 100%;
	height: 100%;
}
.modal-mobileVideo {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	background-color: rgba(0, 0, 0, .4);
	display: none;
}
.modal-mobileVideo.show {
	display: block;
}
.modal-mobileVideo .nav-bar {
	width: 80vw;
	height: 80vh;
	max-width: 830px;
	max-height: 555px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 0 20px;
	box-sizing: border-box;
	background-color: #000;
}
.modal-mobileVideo .nav-bar .close-button {
	width: 100%;
}
.modal-mobileVideo .nav-bar .close-button .ico {
	width: 24px;
	height: 24px;
	position: absolute;
	right: 8px;
    top: 13px;
	color: #fff;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.modal-mobileVideo .nav-bar iframe {
	width: 100%;
	height: 100%;
}
.modal-filter.modal-xl {
	min-width: 0;
}
.dark-mode .goods-img-player {
	background-color: #212121;
	border-color: #505050;
	color: #8BB2F1;
}
/* ----group images */
.group-images {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	overflow: hidden;
}
.group-images img:first-child {
	width: 67%;
}
.group-images img:first-child ~ img {
	width: 33%;
}
.group-images img:nth-last-child(2) {
	width: 70%;
}
.group-images img:only-child {
	width: 100%;
}
.goods-img > .group-images {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 80%;
	max-height: 80%;
}
.goods-img > .group-images-50 {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    overflow: hidden;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	max-width: 90%;
	max-height: 90%;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
}
.goods-img > .group-images-50 img:nth-last-child(1),
.goods-img > .group-images-50 img:nth-last-child(2) {
	width: 50%;
}
.goods-img > .group-images-50 img:only-child {
	width: 100%;
}
.dark-mode .group-images,
.dark-mode .goods-img > .group-images-50 {
	background-color: #fff;
	border-radius: 4px;
}
/* ----item informations */
.goods-info {
	position: relative;
	box-sizing: border-box;
	padding: 20px;
	width: 100%;
	min-width: 0;
}
.goods-title,
.goods-promo,
.goods-categories > li {
	display: block;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	max-width: 100%;
	box-sizing: border-box;
	line-height: 1.375;
	word-wrap: break-word;
	word-break: break-word;
	text-overflow: ellipsis;
	text-decoration: none;
	overflow: hidden;
	max-height: 2.8em;
	-webkit-line-clamp: 2;
}
.goods-note {
	margin-top: 5px;
}
.goods-title {
	font-weight: 600;
}
.goods-title.line-clamp-1 {
	max-height: 1.4em;
	-webkit-line-clamp: 1;
}
.goods-title.line-clamp-2 {
	max-height: 2.8em;
	-webkit-line-clamp: 2;
}
.goods-title.line-clamp-3 {
	max-height: 4.2em;
	-webkit-line-clamp: 3;
}
.goods-title.line-clamp-4 {
	max-height: 5.6em;
	-webkit-line-clamp: 4;
}
.goods-title.line-clamp-5 {
	max-height: 7em;
	-webkit-line-clamp: 5;
}
a.goods-container:hover .goods-title,
a.goods-title:hover {
	text-decoration: underline;
}
.goods-categories { 
	font-size: 14px;
}
.goods-categories > li {
	margin-top: 10px;
	line-height: 19px; 
}
.category-list a.goods-title:hover,
.category-list .goods-categories a:hover {
	color: #1946B8;
	text-decoration: none;
}

/* ----msg */
.goods-msg {
	display: block;
	margin-top: 5px;
	word-wrap: break-word;
	word-break: break-word;
	text-overflow: ellipsis;
}
.goods-msg.display-flex {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
}
.goods-msg.display-flex > * {
	margin-right: 5px;
}
.goods-msg.display-flex.justify-content-flex-end {
	text-align: right;
}
.goods-msg.display-flex.justify-content-flex-end > * {
	margin-right: 0;
	margin-left: 5px;
}
.goods-msg img,
.goods-msg svg {
	vertical-align: top;
}
a.link-hover-underline {
	color: #212121;
	text-decoration: none;
}
a.link-hover-underline:hover {
	text-decoration: underline;
}
.dark-mode a.link-hover-underline {
	color: #fff;
}
/* ----option */
.goods-options {
	margin-top: 15px;
}
.goods-option {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	/* -webkit-justify-content: space-between;
	justify-content: space-between; */
}
.goods-options .goods-option + .goods-option {
	margin-top: 10px;
}
.goods-option > span {
	margin-right: 10px;
}
.goods-option.is-color > span {
	margin-right: 16px;
}
.goods-option .goods-option-items {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.goods-option .goods-option-item {
	border: 2px solid #D1D1D1;
	box-sizing: border-box;
	cursor: pointer;
	border-radius: 4px;
	margin-right: 10px;
	padding: 4px 15px;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 20px;
	word-break: break-word;
}
.goods-option .goods-option-item:last-child {
	margin-right: 0;
}
.goods-option .goods-option-item:disabled,
.goods-option .goods-option-item.is-disabled {
	border-color: #E8E8E8;
	background-color: #f2f2f2;
	color: #ADADAD;
}
.goods-option-item:disabled, 
.goods-option-item.is-disabled {
	cursor: default;
}
.goods-option .goods-option-item:not(.is-disabled):hover,
.goods-option .goods-option-item.is-active {
	border-color: #E85500;
	border-width: 2px;
}
.goods-option .goods-option-item.is-active span {
	font-weight: bold;
}
.goods-option.is-color .goods-option-item {
	padding: 3px 14px;
}
.goods-option.is-color .goods-option-item > span {
	display: block;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	border: 1px solid #E8E8E8;
}

/* ----goods-container has quickview-mobile */
.goods-container .goods-quickview-mobile {
	position: absolute;
  bottom: 10px;
  right: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
  display: none;
}
.goods-quickview-mobile span {
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background-color: #949494;
}
.dark-mode .goods-quickview-mobile span {
  background-color: #fff;
}
.goods-container.is-mobile .goods-quickview-mobile {
	display: flex;
}

/* ----seller */
.goods-seller-top {
	display: inline-block;
}
.goods-seller-top img {
	width: 16px;
}
.goods-seller-name {
	margin-right: 4px;
}
.goods-seller-top.menu.is-active .menu-body {
	width: 156px;
	left: -8px;
}
.goods-seller-top.menu.is-active .menu-body > .menu-arrow {
	left: 5px;
}
.goods-seller-top.menu.is-active .review-content > p {
	color: #A25F01;
	font-weight: bold;
	font-size: 12px;
}
/* ----top seller */
.seller-top-rated {
	font-weight: 700;
    font-size: 12px;
    color: #A25F01;
    display: inline-block;
    vertical-align: top;
    margin-left: 4px;
}
.seller-top-rated > img {
    top: 4px;
    position: relative;
}
.seller-top-rated > span {
    margin-left: 3px;
}
.seller-top-rated .menu-body {
    width: 276px;
    font-weight: normal;
}
.dark-mode .seller-top-rated {
    color: #F69904;
}
/* ----side */
.goods-side.text-align-right {
	white-space: nowrap;
	text-align: right;
}
.goods-side.text-align-right .goods-price-current {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
/* ----buttles */
.goods-bullets {
	list-style: disc inside;
	margin-left: 2px;
}
.goods-bullets > li {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* ----features */
.goods-features {
	list-style: disc outside;
	margin-left: 18px;
}
.goods-features > li:not(:first-child) {
	margin-top: 5px;
}
/* ----item rating and brand logo */
.goods-branding {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
}
.goods-branding.has-brand-store .goods-brand {
	position: relative;
	padding-right: 20px;
	border-radius: 2px;
	padding-left: 4px;
	border: 1px solid transparent;
}
.goods-branding.has-brand-store .goods-brand > .ico {
	font-size: 16px;
	position: absolute;
	right: 2px;
	top: 50%;
	transform: translateY(-50%);
	color: #1946B8;
}
.goods-branding.has-brand-store .goods-brand:hover {
	border-color: #146ADB;
	box-shadow: 0 2px 4px 0 rgba(102, 148, 234, 0.5);
}
.dark-mode .goods-branding.has-brand-store .goods-brand {
	background-color: #fff;
}
.goods-brand {
	display: inline-block;
}
.goods-brand > img {
	display: block;
	margin: 0 auto;
	max-width: 70px;
}
.goods-rating {
	display: inline-block;
}
.goods-rating .rating {
	margin-right: 5px;
}
a.goods-rating:hover .goods-rating-num {
	text-decoration: underline;
}
/* ----gift */
.goods-gift {
	margin-top: 20px;
}
.goods-gift fieldset {
	padding: 15px;
	border: 1px solid #eee;
}
.goods-gift legend {
	height: 16px;
}
.goods-gift legend .input-check {
	margin: 0 5px;
}
.goods-gift legend .input-check-text {
	font-weight: bold;
	text-transform: uppercase;
}
/* ----sponsored item */
.goods-sponsored.menu,
.goods-negspa.menu {
	display: inline-block;
}
.goods-sponsored.menu > .menu-body,
.goods-negspa.menu > .menu-body {
	width: 250px;
}
/* ----other info */
.shipped-by-newegg {
	display: inline-block;
	width: 141px;
	height: 14px;
	overflow: hidden;
	background: url('../../Nest/images/logos/SBN_Full_Light.png') no-repeat 0 0;
	background-size: 100%;
	font-size: 0;
	text-indent: -999em;
	vertical-align: middle;
}
/* Sold & SHIPPED BY NEWEGG*/
.sold-shipped-by-newegg {
	display: inline-block;
	width: 180px;
	height: 14px;
	overflow: hidden;
	background: url('../../Nest/images/logos/SSBN_Light.png') no-repeat 0 0;
	background-size: 100%;
	font-size: 0;
	text-indent: -999em;
	vertical-align: middle;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.sold-shipped-by-newegg { background-image: url('../../Nest/images/logos/SSBN_Light@2x.png'); }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 400dpi) {
	.sold-shipped-by-newegg { background-image: url('../../Nest/images/logos/SSBN_Light@3x.png'); }
}
/* ----action */
.goods-operate {
	margin: 0 20px 20px 20px;
}
.goods-button-area {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
/* ----decoration */
.goods-bg {
	position: absolute;
	bottom: 0;
	right: 0;
	pointer-events: none;
}
.goods-bg img {
	vertical-align: top;
}
/* ----in the goods-info */
.goods-info .goods-price:not(:first-child),
.goods-info .tag-list:not(:first-child),
.goods-info .goods-features:not(:first-child) {
	margin-top: 10px;
}
.goods-info .goods-title:not(:first-child),
.goods-info .goods-branding:not(:first-child),
.goods-info .goods-promo:not(:first-child),
.goods-info .goods-msg:not(:first-child),
.goods-info .goods-similar-msg:not(:first-child) {
	margin-top: 5px;
}
/* ----item keep height */
.goods-list.keep-height .goods-branding,
.goods-container.keep-height .goods-branding {
	min-height: 20px;
}
.goods-list.keep-height .goods-title,
.goods-container.keep-height .goods-title,
.goods-list.keep-height .goods-promo,
.goods-container.keep-height .goods-promo {
	min-height: 38px;
}
.goods-list.keep-height .goods-title.font-l,
.goods-container.keep-height .goods-title.font-l {
	min-height: 44px;
}
.goods-list.keep-height .goods-title.font-xl,
.goods-container.keep-height .goods-title.font-xl {
	min-height: 54px;
}
.goods-list.keep-height .goods-promo.font-s,
.goods-container.keep-height .goods-promo.font-s {
	min-height: 32px;
}
.goods-list.keep-height .goods-price,
.goods-container.keep-height .goods-price {
	min-height: 49px;
}
.goods-list.keep-height .goods-price.font-s,
.goods-container.keep-height .goods-price.font-s {
	min-height: 45px;
}
.goods-list.keep-height .goods-price-current,
.goods-container.keep-height .goods-price-current,
.goods-list.keep-height .goods-price-map,
.goods-container.keep-height .goods-price-map {
	min-height: 28px;
}
.goods-list.keep-height .goods-price.font-s .goods-price-current,
.goods-container.keep-height .goods-price.font-s .goods-price-current,
.goods-list.keep-height .goods-price.font-s .goods-price-map,
.goods-container.keep-height .goods-price.font-s .goods-price-map {
	min-height: 24px;
}
.goods-list.keep-height .goods-price-was,
.goods-container.keep-height .goods-price-was,
.goods-list.keep-height .goods-price-ship,
.goods-container.keep-height .goods-price-ship {
	min-height: 16px;
}


/***  pc-builder-list ***/
.pc-builder-list .goods-container-bg {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	width: 100%;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.pc-builder-list.is-vertical .goods-container {
	-webkit-flex-shrink: 1;
	flex-shrink: 1;
	height: 100%;
}
.pc-builder-list.is-vertical .goods-operate {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}
.pc-builder-list .goods-container-bg {
    border-radius: 20px;
    background-color: #293651;
	color: #fff;
	height: 100%;
	overflow: hidden;
}
.pc-builder-list .goods-container-bg .pc-builder-title-box {
	position: relative;
	padding: 20px 0 33px 0;
	color: #fff;
	background-color: #fff;
	box-shadow:0 2px 7px 0 rgba(33, 33, 33, 0.49);
}
.pc-builder-list .pc-builder-title-box strong.font-xxl {
	font-family: 'Montserrat';
	font-size: 32px;
	line-height: 39px;
}
.pc-builder-list .pc-builder-title-box .up-to-text {
	padding: 6px 10px 6px 56px;
	position: absolute;
	left: 50%;
	bottom: -18px;
	z-index: 2;
	border-radius: 20px;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.pc-builder-list .up-to-text .ico {
	position: absolute;
	left: -5px;
	top: -5px;
	width: 46px;
	height: 46px;
	font-size: 46px;
}
.pc-builder-list .up-to-text span,
.pc-builder-list .up-to-text strong {
    display: inline-block;
    vertical-align: middle;
	font-weight: 600;
}
.pc-builder-list .up-to-text strong {
	font-size: 20px;
	line-height: 24px;
	margin: 0 4px;
	font-weight: 700;
}
.pc-builder-list .goods-container-bg::before,
.pc-builder-list .goods-container-bg::after {
    background-color: rgba(255, 146, 51, 0.59);
}
.pc-builder-list .goods-container-bg::after {
    background-color: rgba(255, 196, 46, 0.35);
}
.pc-builder-list .goods-container-bg::before,
.pc-builder-list .goods-container-bg::after {
    content: "";
    width: 200px;
    height: 200px;
    border-radius: 100%;
	-webkit-filter: blur(100px);
	-moz-filter: blur(100px);
	-ms-filter: blur(100px);
	filter: blur(100px);
    position: absolute;
    top: 0;
    left: -11px;
}
/* goods-container-bg.bg-lightorange */
.pc-builder-list .goods-container-bg.bg-lightorange .pc-builder-title-box .up-to-text {
	background-color: #A25F01;
}
.pc-builder-list .goods-container-bg.bg-lightorange .pc-builder-title-box {
	background-image: linear-gradient(to right, rgba(197, 113, 2, 0.92) 0%, rgba(0, 0, 0, 0.83) 100%);
}
.pc-builder-list .goods-container-bg.bg-lightorange .goods-img-bg {
	background-color: rgba(255,255,255,.15);
	background-image: linear-gradient(to left top ,#F69904 0%,rgba(255, 175, 48, 0) 39.58%,rgba(255, 166, 49, 0) 51.56%,#C57102 100%);
}
.pc-builder-list .goods-container-bg.bg-lightorange .pc-builder-content {
	background-color: rgba(255,255,255,.15);
	background-image: linear-gradient(to right,#C57102 0%,#F69904 100%);
}
.pc-builder-list .goods-container-bg.bg-lightorange .goods-img-bg:before { 
	background-image: linear-gradient(to right, #49546B 10%, #585E69 100%);
}
.pc-builder-list .goods-container-bg.bg-lightorange .pc-builder-content:before { 
	background-image: linear-gradient(to right, #464652 100%, rgba(255, 196, 46, 0.35) 100%);
}
/* goods-container-bg.bg-red */
.pc-builder-list .goods-container-bg.bg-red .pc-builder-title-box .up-to-text {
	background-color: #D22730;
}
.pc-builder-list .goods-container-bg.bg-red .pc-builder-title-box {
	background-image: linear-gradient(to right, rgba(218, 27, 27, 0.92), rgba(0, 0, 0, 0.83));
}
.pc-builder-list .goods-container-bg.bg-red .goods-img-bg {
	background-color: rgba(255,255,255,.15);
	background-image: linear-gradient(to left top ,#FF3729 0%,rgba(228, 46, 45, 0) 45.83%,rgba(234, 48, 44, 0) 54.69%,#C21A00 100%);
}
.pc-builder-list .goods-container-bg.bg-red .pc-builder-content {
	background-color: rgba(255,255,255,.15);
	background-image: linear-gradient(to right,#C21A00 0%,#FF3729 100%);
}
.pc-builder-list .goods-container-bg.bg-red .goods-img-bg:before { 
	background-image: linear-gradient(to right, #49546B 10%, #555469 100%);
}
.pc-builder-list .goods-container-bg.bg-red .pc-builder-content:before { 
	background-image: linear-gradient(to right, #3C3D57 100%, rgba(255, 55, 41, 0.35) 100%);
}
.pc-builder-list .goods-container-bg.bg-red::before,
.pc-builder-list .goods-container-bg.bg-red::after {
    background-color: rgba(210, 39, 48, 0.59);
}
.pc-builder-list .goods-container-bg.bg-red::after {
    background-color: rgba(255, 55, 41, 0.35);
}
/* goods-container-bg.bg-blue */
.pc-builder-list .goods-container-bg.bg-blue .pc-builder-title-box .up-to-text {
	background-color: #4D4DFF;
}
.pc-builder-list .goods-container-bg.bg-blue .pc-builder-title-box {
	background-image: linear-gradient(to right, rgba(21, 6, 227, 0.7), rgba(0, 0, 0, 0.83));
}
.pc-builder-list .goods-container-bg.bg-blue .goods-img-bg {
	background-color: rgba(255,255,255,.15);
	background-image: linear-gradient(to left top ,#4C85E6 0%,rgba(77, 100, 245, 0) 46.88%,rgba(76, 109, 241, 0) 53.13%,#4D4DFF 100%);
}
.pc-builder-list .goods-container-bg.bg-blue .pc-builder-content {
	background-color: rgba(255,255,255,.15);
	background-image: linear-gradient(to right,#4D4DFF 0%,#4C85E6 100%);
}
.pc-builder-list .goods-container-bg.bg-blue .goods-img-bg:before { 
	background-image: linear-gradient(to right, #4C546A 100%, rgba(76, 133, 230, 0.35) 100%);
}
.pc-builder-list .goods-container-bg.bg-blue .pc-builder-content:before { 
	background-image: linear-gradient(to right, #303F66 100%, rgba(76, 133, 230, 0.35) 100%);
}
.pc-builder-list .goods-container-bg.bg-blue::before,
.pc-builder-list .goods-container-bg.bg-blue::after {
    background-color: rgba(77, 77, 255, 0.59);
}
.pc-builder-list .goods-container-bg.bg-blue::after {
    background-color: rgba(76, 133, 230, 0.35);
}
/* //goods-container-bg.bg-blue */

.pc-builder-list .goods-container-bg::after {
    top: 166px;
    left: auto;
    right: -68px;
}
.pc-builder-list .price-text {
	font-size: 12px;
	line-height: 14px;
}
.pc-builder-list .price-text .ico  {
	width: 12px;
	height: 12px;
	font-size: 12px;
}
.pc-builder-list .price-text span > strong {
	font-size: 14px;
	line-height: 18px;
	vertical-align: top;
}
.pc-builder-list .price-text span > i {
	vertical-align: top;
	margin-right: 4px;
}
.pc-builder-list .goods-img-bg {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	width: 77.6%;
	height: 319px;
	margin: 0 auto;
	border-radius: 20px;
}
.pc-builder-list .goods-img-bg:before {
	content: "";
	width: 97.86%;
	height: 97.86%;
	border-radius: 18px;
}
.pc-builder-list .goods-img-bg:before,
.pc-builder-list .pc-builder-content:before {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.pc-builder-list .builder-vr {
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 34px;
	height: 34px;
	background-color: rgba(33, 33, 33,.5);
	border-radius: 50%;
}
.pc-builder-list .builder-vr,
.pc-builder-list .item-share-box {
	z-index: 5;
}
.pc-builder-list .builder-vr img {
	width: 100%;
	height: 100%;
}
.builder-vr .ico-VR-Ready {
	font-size: 34px;
	width: 34px;
	height: 34px;
}
.builder-vr .ico-VR-Ready .path2:before {
	color: #fff;
}
.pc-builder-list .goods-msg,
.pc-builder-list .score-text {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.pc-builder-list .score-text {
	-webkit-justify-content: center;
	justify-content: center;
}
.pc-builder-list .goods-msg .goods-brand {
	max-width: 76px;
	background-color: #fff;
	display: block;
}
.pc-builder-list .goods-msg .goods-brand img {
	transform: scale(0.8);
}
.pc-builder-list.swiper-container .goods-brand {
	margin-right: 10px;
}
.pc-builder-list .product-best-seller .flags,
.pc-builder-list .product-best-price .flags {
    left: 2px;
    margin: 0 16px 0 0;
    padding-right: 6px;
}
.pc-builder-list .product-best-seller .flags-body,
.pc-builder-list .product-best-price .flags-body {
    font-size: 12px;
}
.pc-builder-list .product-best-seller .flags-right:after,
.pc-builder-list .product-best-price .flags-right:after {
    left: 3px;
}
.pc-builder-list .product-best-seller .flags-right:before,
.pc-builder-list .product-best-price .flags-right:before {
    left: -2px;
}
.pc-builder-list .product-best-price .flags-right.flags-red .flags-body{
    text-decoration: underline;
}
.pc-builder-list .product-best-price .flags-right.flags-green a.flags-body {
    text-decoration: underline;
}
.pc-builder-list .flags-right.is-invert:after {
	-webkit-transform: skew(-16deg);
	-moz-transform: skew(-16deg);
	-o-transform: skew(-16deg);
	transform: skew(-16deg);
}
.show-img-bg .pc-builder-list .goods-img-bg .goods-img,
.show-img-bg .pc-builder-list .goods-img-bg .goods-img > img {
	mix-blend-mode: normal;
	background-color: transparent;
}
.pc-builder-list .goods-price-logo {
	width: 40px;
	height: 16px;
	display: inline-block;
}
.pc-builder-list .goods-price-logo img {
	max-width: 100%;
	max-height: 100%;
}
.pc-builder-list .goods-info > .goods-msg {
	margin-top: 0;
}
.pc-builder-list .goods-info .score-text {
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
}
.pc-builder-list .goods-info .score-text .score-num {
	font-size: 18px;
	line-height: 24px;
}
.pc-builder-list .goods-info .ico-info-circle {
	font-size: 12px;
}

.pc-builder-list.grid .grid-col {
	position: relative;
	overflow: hidden;
}
.pc-builder-list .pc-builder-top,
.pc-builder-list .pc-builder-fps {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.pc-builder-list .pc-builder-top {
	padding: 10px 0;
	font-size: 18px;
	line-height: 30px;
	background: #E8EAF2;
	text-align: center;
	border-radius: 20px 20px 0 0;
}
.pc-builder-list .pc-builder-top span {
	margin: 0 4px;
}
.pc-builder-list .pc-builder-fps-bg {
	position: relative;
	width: 100%;
	padding: 42px 10px 20px;
	border-radius: 12px;
	box-sizing: border-box;
}
.pc-builder-list .pc-builder-fps-bg .goods-msg {
	background-color: rgba(255,255,255,.15);
	color: #fff;
	padding: 10px;
	margin: 20px 10px 0;
	border-radius: 8px;
}
.pc-builder-list .score-text {
	font-size: 16px;
	line-height: 22px;
}
.pc-builder-list .score-text .ico {
	font-size: 14px;
	margin-right: 3px;
	line-height: 16px;
}
.pc-builder-list .pc-builder-fps-bg .score-num {
	font-size: 18px;
	line-height: 24px;
	margin-left: 10px;
}
.pc-builder-list .pc-builder-fps {
	overflow: hidden;
	-webkit-justify-content: center;
	justify-content: center;
}
.pc-builder-list .pc-builder-top .font-xxl {
	font-weight: 800;
	line-height: 30px;
}
.pc-builder-list .goods-info .goods-title {
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	margin-top: 10px;
}
.pc-builder-list .goods-operate {
	margin: 0 54px 45px 54px;
}
.pc-builder-diy .goods-promo {
	margin-right: 7px;
	max-height: 1.4em;
	-webkit-line-clamp: 1;
}
.table-list-box .ico {
	width: 27px;
	height: 24px;
	font-size: 27px;
	margin: 0 auto 9px;
}
.table-list-box {
	width: 88px;
	height: 67px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 15px;
	-webkit-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
}
.table-list-box::before {
	content: "";
	width: 1px;
	height: 100%;
	display: block;
	background-color: rgba(255, 255, 255, 0.2);
	position: absolute;
	left: 0;
	top: 0;
}
.pc-builder-list .pc-builder-content {
	position: relative;
	max-width: 100%;
	height: 96px;
	border-radius: 20px;
	margin-bottom: 20px;
	padding: 20px 0 20px 20px;
	box-sizing: border-box;
	cursor: pointer;
}
.pc-builder-list .pc-builder-content:before {
	content: "";
	width: 98.8%;
	height: 92px;
	border-radius: 18px;
}
.pc-builder-list .pc-builder-content .pc-builder-diy {
	position: relative;
	z-index: 2;
	margin-bottom: 12px;
	margin-right: 88px;
}
.pc-builder-diy .builder-item-icon {
	flex-shrink: 0;
	max-width: 22px;
	max-height: 22px;
	margin-right: 6px;
}
.pc-builder-list .pc-builder-diy .builder-item-icon i {
	color: #fff;
}
.pc-builder-diy .builder-item-icon i {
	font-size: 22px;
}
.pc-builder-list .showout {
	position: relative;
	margin:0 5px;
	max-width: 86px;
	height: 120px;
	box-sizing: border-box;
}
.pc-builder-list .pc-builder-fps-name {
	font-size: 12px;
    line-height: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
	padding: 2px 4px 1px 5px;
    border-radius: 6.88px 0 0 0;
    font-style: italic;
    overflow: hidden;
    border-color: #fff;
    border-width: 1px 0 0 1px;
    border-style: solid;
	z-index: 2;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.pc-builder-list .pc-builder-fps-name strong {
	font-style: italic;
	margin-right: 2px;
	font-size: 13px;
	line-height: 18px;
}
.pc-builder-list .showout {
	position: relative;
	background: rgba(255, 255, 255, 0.15);
	border: 3px rgba(255, 255, 255, 0.15) solid;
}
.pc-builder-list .showout-img {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.pc-builder-list .showout,
.pc-builder-list .showout-img {
	border-radius: 6.88px;
}
.pc-builder-list .showout-img img {
	height: 100%;
	object-fit: cover;
}
.pc-builder-list .showout .game-add-icon {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	z-index: 3;
	cursor: pointer;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.pc-builder-list .showout .game-add-icon > p {
    color: #fff;
    text-align: center;
    font-size: 12px;
	line-height: 15px;
    font-weight: 600;
    margin-top: 2px;
}
.pc-builder-list .showout .game-info-title {
    margin-bottom: 0;
}
.pc-builder-list .showout .game-add-icon i {
	width: 25px;
	height: 25px;
	font-size: 25px;
    display: block;
}
.ico-sync-show {
	width: 11px;
	height: 11px;
	font-size: 11px;
	position: absolute;
	left: 5px;
	bottom: 5px;
	z-index: 2;
	background: rgba(0,0,0,.5);
	border-radius: 100%;
}
.pc-builder-list .showout .pc-builder-fps-name,
.pc-builder-list .showout .showout-img,
.pc-builder-list .showout.is-checked .game-add-icon,
.ico-sync-show {
	opacity: 0;
}
.pc-builder-list .showout.is-checked  {
	border-color: #fff;
	background-color: #fff;
	border-width: 2px;
}
.pc-builder-list .showout.is-checked .pc-builder-fps-name,
.pc-builder-list .showout.is-checked .showout-img,
.pc-builder-list .showout.is-checked:hover .game-info .game-info-checked,
.pc-builder-list .showout .game-add-icon,
.pc-builder-list .showout.is-checked .ico-sync-show {
	opacity: 1;
}
.pc-builder-list .game-info .game-info-checked .game-info-title {
    text-transform: capitalize;
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
}


/** pc-builder-list.is-vertical **/
.pc-builder-list.is-vertical .goods-container .goods-img {
	margin:0 auto;
	position: relative;
	z-index: 2;
}


/** finder question **/
.finder-question {
    /* background-color: #fff; */
    padding-top: 60px;
}
.finder-question-title {
    margin-bottom: 30px;
}
.finder-question .grid-col {
    padding: 30px;
}
.finder-question .gap-20px {
    margin: 0px 0 -20px;
}
.finder-question .review {
    padding: 0;
    position: relative;
}
.finder-question .review .ico {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px;
    font-weight: 600;
    color: #CC4B00;
}
.finder-question .review p + ol{
    margin-top: 20px;
}
.finder-question .review .review-content {
    padding-left: 40px;
}
/** finder question **/

/* layout */
/* ----horizontal */
.goods-list.is-horizontal .goods-container,
.goods-container.is-horizontal {
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.goods-list.is-horizontal.is-reverse .goods-container,
.goods-container.is-horizontal.is-reverse {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.goods-container.is-horizontal > .goods-img {
	width: 50%;
}
.goods-list.is-horizontal .goods-container > .goods-info,
.goods-container.is-horizontal > .goods-info {
	padding-top: 0;
}
.goods-list.is-horizontal > .goods-container + .goods-container.bd-gray {
	border-top-width: 1px;
	border-top-style: solid;
	padding-top: 20px;
}
/* ----only product list with list view */
.goods-list.is-horizontal .similar-goods-box .goods-container {
	-webkit-align-items: stretch;
	align-items: stretch;
}
.goods-list.is-horizontal .grid-col:not(.similar-goods-box.is-vertical) .goods-container {
	padding: 20px 0 0 20px;
}
.goods-list.is-horizontal .grid-col:not(.similar-goods-box.is-vertical) .goods-container > .goods-img {
	margin-bottom: 20px;
	width: 40%;
}
.goods-list.is-horizontal .grid-col:not(.similar-goods-box.is-vertical) .goods-operate {
	position: absolute;
	right: 0;
	bottom: 0;
}
.goods-list.is-horizontal .grid-col:not(.similar-goods-box.is-vertical) .goods-operate .goods-button-area {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.goods-list.is-horizontal .grid-col:not(.similar-goods-box.is-vertical) .goods-operate .goods-button-area .button {
	margin-left: 20px;
}
/** category-list **/
.category-list.is-horizontal .goods-container,
.category-list.is-vertical .goods-container,
.category-list.is-vertical-xxs-horizontal .goods-container  {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.category-list.is-horizontal:not(.subcategory-list) .goods-container {
    padding: 39px 20px 38px;
}
.category-list.is-horizontal .goods-info {
    padding: 0 20px;
    width: auto;
}
.subcategory-list.is-horizontal .goods-container {
    padding: 89px 20px 88px;
}
.category-list.is-vertical .goods-container > .goods-img,
.category-list.is-vertical-xxs-horizontal .goods-container > .goods-img {
    max-width: 240px;
}
.category-list .goods-container > .goods-img > img {
    transform: scale(0.9);
}
.category-list.is-vertical .goods-container,
.category-list.is-vertical-xxs-horizontal .goods-container {
    padding: 30px;
}
.category-list.is-vertical .goods-container .goods-info,
.category-list.is-vertical-xxs-horizontal .goods-container .goods-info {
	padding: 24px 0 0 0;
	text-align: center;
}
@media (min-width: 600px) {
	.goods-list.is-horizontal .goods-container .goods-features.is-flex,
	.goods-container.is-horizontal .goods-features.is-flex {
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		list-style: none;
		margin-left: 0;
	}
	.goods-list.is-horizontal .goods-container .goods-features.is-flex li,
	.goods-container.is-horizontal .goods-features.is-flex li {
		margin: 5px 0;
		width: 45%;
		width: calc((100% - 20px) / 2);
		-webkit-box-orient: vertical;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		max-height: 48px;
		overflow: hidden;
		word-wrap: break-word;
		word-break: break-word;
		text-overflow: ellipsis;
	}
	.goods-list.is-horizontal .goods-container .goods-features.is-flex li span.text-gray,
	.goods-container.is-horizontal .goods-features.is-flex li span.text-gray {
		display: block;
	}
}
@media (min-width: 1400px) {
	.goods-list.is-horizontal .goods-container .goods-features.is-flex li,
	.goods-container.is-horizontal .goods-features.is-flex li {
		width: 30%;
		width: calc((100% - 40px) / 3);
	}
}
@media (min-width: 1600px) {
	.goods-list.is-horizontal .goods-container .goods-features.is-flex,
	.goods-container.is-horizontal .goods-features.is-flex {
		float: right;
		margin-bottom: 35px;
		margin-left: 10px;
		max-width: 400px;
	}
	.goods-list.is-horizontal .goods-container .goods-features.is-flex li,
	.goods-container.is-horizontal .goods-features.is-flex li {
		width: 180px;
	}
	.goods-list.is-horizontal .goods-container .goods-features.is-flex ~ .goods-buying-choices,
	.goods-container.is-horizontal .goods-features.is-flex ~ .goods-buying-choices {
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
}
@media (min-width: 1800px) {
	.goods-list.is-horizontal .goods-container .goods-features.is-flex,
	.goods-container.is-horizontal .goods-features.is-flex {
		max-width: 600px;
	}
}
@media (max-width: 1399px) { 
	 /* category-list.is-vertical */
	 .category-list.is-horizontal .goods-container > .goods-img {
        max-width: 188px;
    }
    .category-list.is-vertical .goods-container > .goods-img,
	.category-list.is-vertical-xxs-horizontal .goods-container > .goods-img {
        max-width: 150px;
    }

    .category-list .goods-categories {
        font-size: 12px;
    }
    .category-list .goods-categories > li {
        line-height: 16px;
    }
    .category-list.is-vertical .goods-container,
	.category-list.is-vertical-xxs-horizontal .goods-container {
        padding-left: 10px;
        padding-right: 10px;
    }
    .category-list.is-vertical .goods-container .goods-info,
	.category-list.is-vertical-xxs-horizontal .goods-container .goods-info {
        padding: 10px 0 0 0;
    }

    /* category-list.is-horizontal */
    .category-list.is-horizontal .goods-container,
    .category-list.is-horizontal:not(.subcategory-list) .goods-container {
		padding: 20px 10px;
    }
}
@media (max-width: 1199px) {
	.goods-list.is-horizontal .grid-col:not(.similar-goods-box.is-vertical) .goods-container {
		padding-bottom: 30px;
	}
	.goods-list.is-horizontal .grid-col:not(.similar-goods-box.is-vertical) .goods-container > .goods-img {
		margin-bottom: 0;
	}
	.goods-list.is-horizontal .grid-col:not(.similar-goods-box.is-vertical) .goods-operate {
		margin-bottom: 15px;
	}

	/* category-list.is-vertical */
    .category-list.is-horizontal .goods-container > .goods-img {
        max-width: 148px;
    }
    .category-list.is-vertical .goods-container > .goods-img {
        max-width: 118px;
    }
}
@media (max-width: 999px) {
	.category-list.is-vertical .goods-container .goods-info,
	.category-list.is-vertical-xxs-horizontal .goods-container .goods-info {
		padding: 0;
	}
	.category-list.is-horizontal .goods-container > .goods-img {
		max-width: 110px;
	}
}
@media (max-width: 599px) {
	.goods-list.is-horizontal .grid-col:not(.similar-goods-box.is-vertical) .goods-container {
		padding-left: 8px;
		padding-bottom: 20px;
	}
	.goods-list.is-horizontal .goods-container > .goods-info,
	.goods-container.is-horizontal > .goods-info {
		padding-left: 8px;
		padding-right: 8px;
		padding-bottom: 0;
	}
	.goods-list.is-horizontal .grid-col:not(.similar-goods-box.is-vertical) .goods-operate {
		left: 0;
	}
	.goods-list.is-horizontal .grid-col:not(.similar-goods-box.is-vertical) .goods-operate .goods-button-area .button {
		margin: 0;
	}
	.goods-list.is-horizontal .goods-container .goods-brand {
		display: none;
	}
	.goods-sub-container.margin-left-80px,
	.goods-sub-container.margin-left-100px,
	.goods-sub-container.margin-left-140px,
	.goods-sub-container.margin-left-200px {
		margin-left: 0;
	}
	.goods-quick-shop-ar {
		bottom: 0;
		left: 0;
	}
}
/* ----vertical */
.goods-list.is-vertical .goods-container,
.goods-container.is-vertical,
.category-list.is-vertical .goods-container,
.category-list.is-vertical-xxs-horizontal .goods-container {
	-webkit-flex-direction: column;
	flex-direction: column;
}
.goods-list.is-vertical.is-reverse .goods-container,
.goods-container.is-vertical.is-reverse {
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
.goods-list.is-vertical .goods-container > .goods-img,
.goods-container.is-vertical > .goods-img {
	width: 100%;
	max-width: 480px;
}
.goods-list.is-vertical .goods-container > .goods-img[class*="bg-"],
.goods-container.is-vertical > .goods-img[class*="bg-"] {
	margin-bottom: 30px;
}
.goods-list.is-vertical:not(.is-reverse) .goods-container > .goods-info,
.goods-container.is-vertical:not(.is-reverse) > .goods-info {
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}
.goods-list.is-vertical .goods-container > .goods-img > img,
.goods-container.is-vertical > .goods-img > img,
.category-list.is-vertical .goods-container > .goods-img > img {
	transform: scale(0.9);
}
.goods-list.is-vertical .goods-container .goods-sponsored-box,
.goods-container.is-vertical .goods-sponsored-box,
.goods-list.is-vertical .goods-container .goods-negspa-box,
.goods-container.is-vertical .goods-negspa-box  {
	position: absolute;
	z-index: 5;
	bottom: 100%;
	right: 20px;
	padding: 0 4px;
	border-radius: 8px;
}
.goods-list.is-vertical .goods-container > .goods-info,
.goods-container.is-vertical > .goods-info {
	padding-top: 0;
}
.goods-list.is-vertical.is-reverse .goods-container > .goods-info,
.goods-container.is-vertical.is-reverse > .goods-info {
	padding-top: 30px;
	padding-bottom: 0;
}
.goods-list.is-vertical.is-reverse .goods-container .goods-sponsored-box,
.goods-container.is-vertical.is-reverse .goods-sponsored-box,
.goods-list.is-vertical.is-reverse .goods-container .goods-negspa-box,
.goods-container.is-vertical.is-reverse .goods-negspa-box {
	bottom: auto;
	top: 5px;
}
.goods-list.is-vertical .goods-features {
	display: none;
}
.dark-mode .category-list a.goods-title:hover,
.dark-mode .category-list .goods-categories a:hover {
	color: #E05E00;
}
.dark-mode.show-img-bg .categories-nav-img  > img,
.dark-mode.show-img-bg .goods-img > img {
    color: #212121;
}


/* particular style */
/* ----card view */
.goods-list.is-card .goods-container,
.goods-container.is-card {
	height: 100%;
}
.goods-list.is-card .goods-container > .goods-img,
.goods-container.is-card > .goods-img {
	position: relative;
	z-index: 1;
}
/* --------horizontal */
.goods-list.is-horizontal.is-card .goods-container,
.goods-container.is-horizontal.is-card {
	-webkit-align-items: center;
	align-items: center;
}
.goods-list.is-horizontal.is-card .goods-container > .goods-img img,
.goods-container.is-horizontal.is-card > .goods-img img,
.category-list.is-horizontal .goods-container > .goods-img img {
	transform: scale(0.9);
}
.goods-list.is-horizontal.is-card .goods-container > .goods-info,
.goods-container.is-horizontal.is-card > .goods-info {
	padding-top: 20px;
	padding-left: 0;
}
.goods-list.is-horizontal.is-reverse.is-card .goods-container > .goods-info,
.goods-container.is-horizontal.is-reverse.is-card > .goods-info {
	padding-left: 20px;
	padding-right: 0;
}
/* --------vertical */
.goods-list.is-vertical.is-card .goods-container,
.goods-container.is-vertical.is-card {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.goods-list.is-vertical.is-reverse.is-card .goods-container,
.goods-container.is-vertical.is-reverse.is-card {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.goods-list.is-vertical.is-reverse.is-card .goods-container .goods-price-ship, 
.goods-list.is-vertical.is-reverse.is-card .goods-container .goods-price-note,
.goods-container.is-vertical.is-reverse.is-card .goods-price-ship,
.goods-container.is-vertical.is-reverse.is-card .goods-price-note {
	max-width: 42%;
}
.goods-list.is-vertical.is-reverse.is-card .goods-container .goods-price-map .goods-price-note,
.goods-container.is-vertical.is-reverse.is-card .goods-price-map .goods-price-note {
	max-width: none;
}
.goods-list.is-vertical.is-reverse.is-card .goods-container > .goods-img,
.goods-container.is-vertical.is-reverse.is-card > .goods-img {
	margin-top: -12%;
	width: 60%;
}
/* --------2x card */
.grid-col.col-h-2x .goods-container.is-vertical.is-card > .goods-info {
	padding-left: 30px;
	padding-right: 30px;
}
.grid-col.col-h-2x .goods-container.is-vertical.is-card .goods-title {
	font-style: italic;
	font-weight: bold;
}
.grid-col.col-h-2x .goods-container.is-vertical.is-card .goods-img {
	margin: 0 auto;
	width: 80%;
	max-width: 400px;
}



/* hover on image show the detail */
.hover-goods-container {
	transform: translate(0, 0);
	transition: transform 0.2s;
}
.hover-goods-container .goods-info {
	display: none;
}
.hover-goods-container:hover {
	position: absolute;
	z-index: 10;
	transform: translate(-30%, -10%);
	width: 240px;
	height: auto;
}
.personalized-cards .goods-container.hover-goods-container:hover .goods-img {
	max-width: 480px;
}
.personalized-cards .goods-container.hover-goods-container:hover .goods-img img {
	transform: scale(1);
}
.hover-goods-container:hover .goods-info {
	display: block;
}
.hover-goods-container:hover .tag-list.at-bottom-right {
	right: 20px;
}
.personalized-combo .personalized-combo-goods {
	cursor: pointer;
}
.personalized-combo .personalized-combo-goods .hover-container-wrap {
	cursor:initial;
}
.personalized-combo-good .hover-goods-container:hover {
	position: relative;
	transform: none;
	z-index: 0;
}
.personalized-combo-good .goods-container.hover-goods-container:hover .goods-img {
	max-width: 64px;
}
.personalized-combo-good .goods-container.hover-goods-container .goods-img img {
	transform: scale(1);
}
.personalized-combo-good .hover-goods-container:hover .goods-info {
	display: none;
}
.hover-container-wrap {
	position: absolute;
	right: 0;
	top: 60px;
	z-index: 600;
	width: 600px;
	min-height: 130px;
	padding: 15px;
	z-index: 10;
	box-sizing: border-box;
}
.hover-container-wrap.popover.show {
	max-width: 600px;
	margin-top: 0;
	z-index: 1201;
}
.hover-container-wrap.popover .arrow {
	display: none;
}
.hover-container-wrap.popover .popover-body {
	padding: 0;
	transform: translate3d(0,0,0);
}
.hover-container-wrap.popover .goods-container.is-vertical {
	transform: translate3d(0,0,0);
}
.dark-mode .hover-container-wrap.popover {
	background-color: #212121 !important;
    border-color: #212121 !important;
}
.hover-container-wrap .goods-container {
	padding: 0 !important;
	margin-bottom: 15px;
	flex-direction: unset;
  align-items: center;
  justify-content: center;
}
.hover-container-wrap .goods-container:last-child {
	margin-bottom: 0;
}
.hover-container-wrap .goods-container {
	color: #212121 !important;
}
.hover-container-wrap .text-gray {
	color: #6e6e6e !important;
}
.hover-container-wrap {
	display: none;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
.personalized-combo .personalized-combo-goods:hover .hover-container-wrap,
.personalized-goods > .grid.gap-20px:hover .hover-container-wrap {
	/* display: block; */
}
.hover-container-wrap .goods-container .goods-info {
	display: flex;
	padding: 0 0 0 15px !important;
}
.hover-container-wrap .goods-container .goods-price {
    display: flex;
    align-items: flex-end;
    flex-direction: column-reverse;
}
.hover-container-wrap .goods-brand > img {
	max-width: 60px;
}
.hover-container-wrap .goods-container .goods-info .tag {
	background-color: #1E852C;
	color: #fff;
}
.hover-container-wrap.popover .goods-container.is-vertical .goods-img,
.personalized-combo .personalized-combo-goods .hover-container-wrap .goods-container.is-vertical .goods-img,
.personalized-cards .hover-container-wrap .goods-container.is-vertical .goods-img {
    max-width: 120px;
		margin-bottom: 0;
}
.hover-container-wrap .goods-info-left {
	margin-right: 10px;
}
.hover-container-wrap .goods-info-right {
	min-width: 150px;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin-left: auto;
}
.hover-container-wrap .goods-container .goods-title {
	font-size: 14px;
	line-height: 20px;
	max-height: 40px;
	font-weight: 600;
	margin-top: 0;
}
.hover-container-wrap .goods-container .goods-price-current .goods-price-symbol {
	font-size: 24px;
}
.hover-container-wrap .goods-container .goods-price-current .goods-price-value strong {
	font-size: 24px;
}
.hover-container-wrap .goods-container .goods-price-current .goods-price-value sup {
    font-size: 12px;
}
.hover-container-wrap .goods-container .goods-price.is-horizontal .goods-price-current,
.hover-container-wrap .goods-container .goods-price.is-horizontal .goods-price-was {
	margin-right: 0;
}
.hover-container-wrap .goods-container .goods-info .tag-list:not(:first-child) {
	margin-top: 5px;
}

/* popover hover wrap */
.home-hover-wrap.popover.show {
	max-width: 600px;
	border-radius: 8px;
	z-index: 1210;
}
.home-hover-wrap.popover.show .popover-body {
	transform: translate3d(0,0,0);
}
.home-hover-wrap.popover .arrow {
	display: none;
}
.home-hover-wrap.popover .popover-body .goods-container.is-vertical {
    flex-direction: unset;
    align-items: center;
    justify-content: center;
	width: 100%;
    height: 100%;
    padding: 0;
    box-sizing: border-box;
    color: #212121;
    margin-bottom: 15px;
}
.home-hover-wrap.popover .popover-body .goods-container:last-child {
    margin-bottom: 0;
}
.home-hover-wrap.popover .popover-body .goods-img {
    max-width: 120px;
    margin-bottom: 0;
}
.home-hover-wrap.popover .goods-container .goods-info {
    display: flex;
    padding: 0 0 0 15px !important;
}
.home-hover-wrap.popover .goods-container .goods-info-left {
    margin-right: 10px;
}
.home-hover-wrap.popover .goods-container .goods-title {
    font-size: 14px;
    line-height: 20px;
    max-height: 40px;
    font-weight: 600;
    margin-top: 0;
}
.home-hover-wrap.popover .goods-brand > img {
    max-width: 60px;
}
.home-hover-wrap.popover .goods-info-right {
    min-width: 150px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-left: auto;
}
.home-hover-wrap.popover .goods-container .goods-price {
    display: flex;
    align-items: flex-end;
    flex-direction: column-reverse;
}
.home-hover-wrap.popover .goods-container .goods-info .tag {
    background-color: #1E852C;
    color: #fff;
}
.home-hover-wrap.popover .goods-container .goods-info .tag-list:not(:first-child) {
    margin-top: 5px;
}
.home-hover-wrap.popover .goods-container .goods-price-current .goods-price-value strong,
.home-hover-wrap.popover .goods-container .goods-price-current .goods-price-symbol {
    font-size: 24px;
}
.dark-mode .home-hover-wrap.popover.show {
	background-color: #212121;
	color: #fff;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
    -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
    -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
	border: none;
}
.dark-mode .home-hover-wrap.popover .goods-container .goods-info {
    color: #fff;
}

.goods-negspa-box .goods-neggbox-content {
	display: none;
}
.goods-neggbox-popover.show {
	z-index: 2002;
}
.dark-mode .goods-neggbox-popover.show {
	border-color: transparent;
}
.dark-mode .goods-neggbox-popover .popover-body {
	background-color: #333;
}
.dark-mode .goods-neggbox-popover.bs-popover-top > .arrow::after,
.dark-mode .goods-neggbox-popover.bs-popover-top.bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #333 !important;
}
.dark-mode .goods-neggbox-popover.bs-popover-top > .arrow::before,
.dark-mode .goods-neggbox-popover.bs-popover-top.bs-popover-auto[x-placement^="top"] > .arrow::before  {
    border-top-color: #333 !important;
}

.dark-mode .goods-neggbox-popover.bs-popover-bottom > .arrow::after,
.dark-mode .goods-neggbox-popover.bs-popover-bottom.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #333 !important;
}
.dark-mode .goods-neggbox-popover.bs-popover-bottom > .arrow::before, 
.dark-mode .goods-neggbox-popover.bs-popover-bottom.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
    border-bottom-color: #333 !important;
}
/* popup sonsored */
.popup-intermediary .goods-list.is-vertical .goods-container .goods-sponsored-box {
	width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
	top: auto;
	margin-top: 0;
}
.popup-intermediary .goods-list.is-vertical .goods-container .goods-sponsored-box .goods-sponsored.menu {
	width: 100%;
}
.popup-intermediary .goods-list.is-vertical .goods-container .goods-sponsored-box .goods-sponsored.menu > .menu-body {
	width: 100%;
}

.bullet-points-container.popover.show{
	width: auto;
	max-width: max-content;
	cursor: text;
	z-index: 1620;
}

.bullet-points-container.popover.show .popover-body{
	padding: 10px;
	color: #132680;
}
.bullet-points-container.popover.show .popover-body .bullet-points-title{
	font-size: 15px;
	line-height: 1.5;
	white-space: nowrap;
	margin-bottom: 5px;
}
.bullet-points-container.popover.show .popover-body .bullet-points-content li{
	font-size: 13px;
	font-weight: 700;
	line-height: 1.36;
}
.dark-mode .bullet-points-container.popover.show .popover-body{
	color: #FFF;
}

.dark-mode .bullet-points-container.popover[class*="bottom"] .popover-arrow:after{
	border-bottom-color: #333!important;
}
.dark-mode .bullet-points-container.popover[class*="top"] .popover-arrow:after{
	border-top-color: #333!important;
}
.dark-mode .bullet-points-container.popover[class*="right"] .popover-arrow:after{
	border-right-color: #333!important;
}
.dark-mode .bullet-points-container.popover[class*="left"] .popover-arrow:after{
	border-left-color: #333!important;
}
.dark-mode .bullet-points-container.popover[class*=bottom] .popover-arrow{
	border-bottom-color: #555!important;
}
.dark-mode .bullet-points-container.popover[class*=top] .popover-arrow{
	border-top-color: #555!important;
}
.dark-mode .bullet-points-container.popover[class*=top] .popover-arrow{
	border-top-color: #555!important;
}
.dark-mode .bullet-points-container.popover[class*=left] .popover-arrow{
	border-left-color: #555!important;
}

/* personalized-goods */
.personalized-goods > .grid.gap-20px {
	position: relative;
}
.personalized-cards > .grid-col.personalized-goods:first-child .hover-container-wrap {
	left: 0;
	right: auto;
}


@media (max-width: 1499px) {
	.hover-container-wrap .goods-container .goods-price-current .goods-price-symbol {
		font-size: 20px;
	}
	.home-hover-wrap.popover .goods-container .goods-price-current .goods-price-value strong, 
	.home-hover-wrap.popover .goods-container .goods-price-current .goods-price-symbol,
	.hover-container-wrap .goods-container .goods-price-current .goods-price-value strong {
		font-size: 20px;
	}
}
@media (max-width: 1399px) {
	.hover-container-wrap .goods-container .goods-title,
	.home-hover-wrap.popover .goods-container .goods-title {
		font-size: 12px;
		line-height: 18px;
		max-height: 36px;
	}
	.home-hover-wrap.popover .popover-body .goods-img,
	.personalized-combo .personalized-combo-goods .hover-container-wrap .goods-container.is-vertical .goods-img,
	.personalized-goods .hover-container-wrap .goods-container.is-vertical .goods-img {
		max-width: 80px;
	}
}
@media (max-width: 1199px) {
	.hover-container-wrap,
	.home-hover-wrap.popover.show {
		width: 500px;
	}
	.hover-container-wrap.popover.show {
		width: 600px;
	}
}
@media (max-width: 799px) {
	.personalized-goods > .grid.gap-20px .hover-container-wrap {
		left: 0;
		right: auto;
	}
}
.personalized-combo .hover-shadow-level-1:hover,
.dark-mode .personalized-combo .hover-shadow-level-1:hover,
.personalized-goods > .grid.gap-20px .goods-container.hover-shadow-level-1:hover {
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
  -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
  -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
}
.dark-mode .personalized-combo .personalized-combo-goods .hover-container-wrap .goods-container.is-vertical .goods-img {
	background-color: #fff !important;
}
.dark-mode .personalized-combo .hover-container-wrap .goods-container .goods-info,
.dark-mode .hover-container-wrap .goods-container .goods-info {
	color: #fff;
}
.dark-mode .hover-container-wrap .text-gray {
	color: #adadad !important;
}





/* selectable card */
.selectable-card {
	position: relative;
	padding: 10px;
	box-sizing: border-box;
	cursor: pointer;
}
.grid-col > .selectable-card {
	height: 100%;
}
.selectable-card[class*="bd-"] {
	border-width: 1px;
	border-style: solid;
}
.selectable-card .goods-container.is-horizontal {
	-webkit-align-items: center;
	align-items: center;
}
.selectable-card .goods-container.is-horizontal > .goods-info {
	padding-top: 0;
	padding-bottom: 0;
}
.selectable-card:not(.is-checked) .checked-show {
	display: none;
}
.selectable-card.is-disabled {
	pointer-events: none;
	cursor: not-allowed;
}



/* steps box */
.steps-box {
	padding: 30px 0;
	background-color: #C3D3F8;
	position: relative;
	min-height: 100px;
	box-sizing: border-box;
}
.steps-box .steps-box-bg {
	width: 100px;
	height: 100px;
	position: absolute;
	z-index: 0;
}
.steps-box .steps-box-bg.decoration-1 {
	left: 0;
	bottom: 0;
}
.steps-box .steps-box-bg.decoration-2 {
	width: 180px;
	right: 0;
	bottom: 0;
}
.steps-box .page-content-inner {
	z-index: 3;
	position: relative;
	height: 100%;
}
.steps-link {
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	text-transform: uppercase;
}
.steps-link:hover span {
	text-decoration: underline;
}
.steps-link i{
	margin-right: 5px;
	font-weight: bold;
}
/* finder-steps */
.steps-container { text-align: center; }
.steps-inner {
	position: relative;
	z-index: 1;
	display: -webkit-inline-flex;
	display: inline-flex;
	text-align: left;
}
.steps-inner:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	height: 2px;
	box-sizing: border-box;
	overflow: hidden;
	background: #A9C1F4;
}
.step-col {
	position: relative;
	z-index: 1;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	min-width: 0;
	height: 40px;
	border-radius: 20px;
	box-sizing: border-box;
	background: #8EAFF0;
	-webkit-align-items: center;
	align-items: center;
	transition: all 0.3s;
	color: #fff;
}
.step-col::before {
	content: '';
	position: absolute;
	top: 0;
	right: -4px;
	margin: 0 auto;
	width: 4px;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
	background: #C3D3F8;
}
.step-col::after {
	content: '';
	position: absolute;
	top: 0;
	left: -4px;
	margin: 0 auto;
	width: 4px;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
	background: #C3D3F8;
}
.step-col + .step-col { margin-left: 100px; }
.step-circle {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 4px 10px 4px 4px;
	width: 32px;
	height: 32px;
	overflow: hidden;
	border-radius: 100%;
	background: #fff;
}
.step-num {
	display: block;
	color: #8EAFF0;
	font-weight: bold;
	font-size: 16px;
}
.step-checked {
	display: none;
}
.step-checked i{
	font-size: 16px;
	font-weight: bold;
}
.step-info {
	margin: 10px 20px 10px 0;
	min-width: 0;
}
.step-info > a {
	display: none;
}
.step-text {
	font-weight: bold;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: uppercase;
	color: #fff;
}
.step-col.is-current,
.step-col.is-selected {
	background: #1946B8;
}
.step-col.is-current:not(.is-selected) .step-num {
	color: #1946B8;
	display: block;
}
.step-col.is-selected .step-circle .step-num {
	display: none;
}
.step-col.is-selected .step-circle {
	background: #f4f5f7;
}
.step-col.is-selected .step-info > div{
	display: none;
}
.step-col.is-selected .step-info > a{
	display: block;
	color: #fff !important;
}
.step-col.is-selected .step-info > a:hover {
	color: #fff !important;
}
.step-col.is-selected .step-checked {
	display: -webkit-flex;
	display: flex;
}
.dark-mode .steps-box {
	background-color: #0C1D6A;
}
.dark-mode .step-col {
	background-color: #1F59D6;
}
.dark-mode .step-col::before,
.dark-mode .step-col::after {
	background-color: #0C1D6A;
}
.dark-mode .step-col .step-num {
	color: #1F59D6;
} 
.dark-mode .step-col.is-current,
.dark-mode .step-col.is-selected {
	background-color: #A9C1F4;
    color: #121212;
}
.dark-mode .step-col.is-current .step-title,
.dark-mode .step-col.is-selected .step-title {
    color: #212121;
}
.dark-mode .step-info, 
.dark-mode .step-col.is-current .step-num, 
.dark-mode .step-col.is-current .step-title,
.dark-mode .step-col.is-selected .step-num, 
.dark-mode .step-col.is-selected .step-title,
.dark-mode .step-checked i, 
.dark-mode .step-col.is-selected .step-info > a, 
.dark-mode .step-col.is-selected .step-info > a:hover {
	color: #121212 !important;
}

/* steps box */


/* promo code card */
.single-choice-wrap,
.multiple-choice-wrap {
	position: relative;
}
.single-choice-card,
.multiple-choice-card {
	position: relative;
	padding: 15px 20px;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	border-radius: 8px;
	cursor: pointer;
}
.multiple-choice-card {
	border-color: transparent;
}
.single-choice-wrap > input[type="radio"],
.single-choice-card input[type="radio"],
.multiple-choice-wrap > input[type="checkbox"],
.multiple-choice-card input[type="checkbox"] { display: none; }
.single-choice-card .item-title,
.multiple-choice-card .item-title {
	margin-bottom: 5px;
	font-size: 14px;
}
.single-choice-card .item-msg,
.multiple-choice-card .item-msg {
	margin-bottom: 8px;
	font-size: 12px;
}
.single-choice-card .item-note,
.multiple-choice-card .item-note {
	color: #707070;
	font-size: 11px;
}
.single-choice-card .price-current,
.multiple-choice-card .price-current {
	font-weight: bold;
	font-size: 16px;
}
.single-choice-card .price-current sup,
.multiple-choice-card .price-current sup {
	font-size: 16px;
	vertical-align: baseline;
}
.single-choice-check,
.multiple-choice-check {
	position: absolute;
	top: -1px;
	right: -1px;
	border-top: 17px solid #d9d9d9;
	border-right: 20px solid #d9d9d9;
	border-left: 20px solid transparent;
	border-bottom: 17px solid transparent;
	transform: scale(.9999); /* fix safari issue */
	pointer-events: none;
}
.multiple-choice-check {
	opacity: 0;
}
.single-choice-check .ico,
.multiple-choice-check .ico {
	position: absolute;
	top: -14px;
	right: -16px;
	color: #fff;
}
.single-choice-card:hover,
.multiple-choice-card:hover {
	border-color: #E05E00;
}
.single-choice-card.is-checked,
.multiple-choice-card.is-checked {
	padding: 14px 19px;
	border: 2px solid #E05E00;
}
.single-choice-card.is-checked .single-choice-check,
.multiple-choice-card.is-checked .multiple-choice-check {
	border-top-color: #E05E00;
	border-right-color: #E05E00;
	pointer-events: auto;
}
.multiple-choice-card.is-checked .multiple-choice-check {
	opacity: 1;
}
.single-choice-card.is-checked:hover,
.multiple-choice-card.is-checked:hover {
	border-color: #0091FF;
}
.single-choice-card.is-checked:hover .single-choice-check,
.multiple-choice-card.is-checked:hover .multiple-choice-check {
	border-top-color: #0091FF;
	border-right-color: #0091FF;
}
.single-choice-card.is-checked:hover .single-choice-check .ico:before,
.multiple-choice-card.is-checked:hover .multiple-choice-check .ico:before {
	content: '\f00d';
}
.single-choice-card.is-disabled,
.multiple-choice-card.is-disabled {
	opacity: 0.5;
	pointer-events: none;
}
.single-choice-card.is-disabled .single-choice-check .ico,
.multiple-choice-card.is-disabled .single-choice-check .ico {
	display: none;
}
.multiple-choice-card.is-unavailable {
	opacity: 0.5;
}
/* .grid-col > .single-choice-card,
.grid-col > .multiple-choice-card {
	margin: -30px;
	height: calc(100% + 60px);
} */


/* module combo */
.module-combo[class*="bg-"] {
	padding: 15px 0 0 0;
	margin-top: 30px;
}
.module-combo[class*="bg-"] .section-title {
	margin: 0;
	margin-bottom: 5px;
	padding: 0 15px 0 15px;
	-webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.module-combo .section-title-icon {
	width: 38px;
	height: 35px;
	margin-right: 5px;
}
.module-combo .section-title-icon img {
	width: 100%;
	height: 100%;
}
.module-combo[class*="bg-"] .section-title-text p {
	font-style: italic;
}
.module-combo[class*="bg-"] .section-title-text span {
	font-weight: 400;
	text-transform: initial;
	color: #CC4E00;
	font-size: 13px;
}
.module-combo[class*="bg-"] .section-title-text p > b {
	font-weight: 800;
}
.module-combo[class*="bg-"] .section-title .button,
.module-combo[class*="bg-"] .section-title .link-more {
	margin-left: auto;
	margin-bottom: auto;
	font-size: 13px;
}
.module-combo .alert.no-bg {
	margin-bottom: 5px;
	margin-top: 0;
}
.module-combo-added {
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 20px;
	margin: 0 15px 20px;
	padding: 10px 15px;
}
.module-combo-added > span {
	max-width: 110px;
	margin-right: 40px;
}
.module-combo-added .goods-info {
	padding: 0;
	margin-left: 10px;
}
.module-combo-added .goods-info .goods-title {
	font-size: 14px;
	font-weight: 400;
}
.module-combo-added .goods-price-current,
.module-combo-added .goods-price-value {
	font-size: 8px;
	font-weight: bold;
}
.module-combo-added .goods-price-current .goods-price-value sup {
	font-size: 2em;
	margin-top: 0;
}
.module-combo .review {
	padding: 0;
	margin: 0 15px 10px;
}
.checkbox-combo-swiper {
	padding: 0 15px;
	margin-bottom: 15px;
	position: relative;
}
.checkbox-combo-swiper .multiple-choice-card {
	padding: 15px;
	border-radius: 4px;
	border: 2px solid #ECECEC;
	overflow: unset;
	height: 100%;
}
.checkbox-combo-swiper .swiper-button-black, 
.checkbox-combo-swiper .swiper-button-gray {
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    width: 24px;
    height: 32px;
    box-sizing: border-box;
}
.checkbox-combo-swiper .swiper-button-black::after, 
.checkbox-combo-swiper .swiper-button-gray::after {
	font-size: 16px;
	color: #fff;
}
.dark-mode .checkbox-combo-swiper .swiper-button-black::after, 
.dark-mode .checkbox-combo-swiper .swiper-button-gray::after {
	color: #212121;
}
.checkbox-combo-swiper .multiple-choice-card .multiple-choice-check {
	opacity: 1;
}
.checkbox-combo-swiper .swiper-slide {
	width: 144px;
	height: auto;
}
.checkbox-combo-swiper .multiple-choice-card:hover {
	border: 2px solid #E05E00;
}
.checkbox-combo-swiper .multiple-choice-card.is-checked {
	padding: 15px;
	border: 2px solid #E05E00;
}
.checkbox-combo-swiper .multiple-choice-card.is-checked:hover {
	border-color: #E05E00;
}
.checkbox-combo-swiper .swiper-button-gray.swiper-button-next,
.checkbox-combo-swiper .swiper-button-black.swiper-button-next {
	right: 15px;
} 
.checkbox-combo-swiper .swiper-button-gray.swiper-button-prev, 
.checkbox-combo-swiper .swiper-button-black.swiper-button-prev {
	left: 15px;
}
.checkbox-combo-swiper .multiple-choice-card .goods-info {
	padding: 0;
}
.checkbox-combo-swiper .multiple-choice-card .goods-title {
	-webkit-line-clamp: 3;
	height: 58px;
	max-height: 4.1em;
	font-weight: 400;
}
.checkbox-combo-swiper .multiple-choice-card .goods-price {
	font-size: 10px;
	margin-top: 5px;
}
.checkbox-combo-swiper .multiple-choice-card .button-view {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	transition: all 0.2s;
    box-shadow: 0 0 0 rgb(0 0 0 / 50%);
	opacity: 0;
	white-space: nowrap;
}
.checkbox-combo-swiper .multiple-choice-card:hover .button-view{
	opacity: 1;
}
.checkbox-combo-swiper .multiple-choice-card .tag-list {
	position: absolute;
    bottom: 100%;
	left: 0;
}
.checkbox-combo-swiper .multiple-choice-card .tag-list.is-off {
	position: absolute;
  bottom: 100%;
	left: auto;
	right: 50%;
  transform: translateX(50%) scale(0.9);
}
.checkbox-combo-swiper .multiple-choice-card .tag-list.is-off .tag.bg-lightgreen {
	border: 1px solid #0B855F;
	background-color: #fff;
	color: #0B855F;
	border-radius: 10px;
	padding: 0 4px;
	margin: 0;
}
.checkbox-combo-swiper .multiple-choice-card .tag-list .tag.bg-lightgreen .tag-text {
	font-weight: bold;
}
.checkbox-combo-swiper .multiple-choice-card .tag-list.is-off .tag.bg-lightgreen .tag-text {
	white-space: nowrap;
	text-transform: none;
	font-weight: 600;
	font-size: 12px;
}
.checkbox-combo-swiper .multiple-choice-card .tag-list.is-off .tag.bg-lightgreen .tag-text span {
	color: #CC4E00;
	margin-right: 2px;
	text-transform: uppercase;
	font-weight: bold;
}
.checkbox-combo-swiper .multiple-choice-card .goods-sponsored-box,
.checkbox-combo-swiper .multiple-choice-card .goods-negspa-box {
	bottom: 150%;
	right: auto;
	left: 0;
	padding: 0;
}
.module-combo-summary {
	padding: 15px;
	background-color: #F2F3F8;
	display: -webkit-flex;
    display: flex;
}
.module-combo-summary-swiper {
	width: calc(100% - 260px);
}
.module-combo[class*="bg-"] .module-combo-summary-swiper .section-title {
	padding-left: 0;
}
.module-combo[class*="bg-"] .module-combo-summary-swiper .section-title-text {
	text-transform: none;
}
.goods-combo p {
	display: inline-block;
	padding: 2px 15px 2px 10px;
	align-items: center;
	font-weight: bold;
	border-radius: 4px;
	position: relative;
}
.goods-combo p .ico {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
}
.items-summary-swiper {
	position: relative;
}
.items-summary-swiper .swiper-container {
	padding-top: 8px;
}
.items-summary-swiper .swiper-button-gray, 
.items-summary-swiper .swiper-button-black {
	width: 18px;
	height: 24px;
	padding-right: 4px;
	top: 40px;
	margin-top: 0;
	transform: translateY(-50%);
}
.items-summary-swiper .swiper-button-gray:after, 
.items-summary-swiper .swiper-button-black:after {
	font-size: 12px;
}
.items-summary-swiper .swiper-slide {
	width: 80px;
}
.items-summary-swiper .swiper-slide .nothing {
    width: 80px;
    height: 60px;
    box-sizing: border-box;
    border: 2px dashed #dbdbdb;
    background-color: #fff;
}
.items-summary-swiper .swiper-slide .goods-container {
	width: 80px;
	flex-direction: column;
}
.items-summary-swiper .swiper-slide .goods-container .goods-img {
	overflow: unset;
}

/* combo modal */
.goods-combo-contents .section-title {
	justify-content: flex-start;
}
.goods-combo-contents .section-title-icon {
	width: 60px;
  height: 52px;
  margin-right: 10px;
}
.goods-combo-contents .section-title-text p {
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	text-transform: capitalize;
	margin-bottom: 2px;
	font-family: 'Open Sans Condensed';
}
.goods-combo-contents .section-title-text span {
	font-weight: normal;
	text-transform: none;
}
.goods-combo-box .tab-panes .tab-pane {
	padding: 0;
}
.goods-combo-box .tab-tags {
	padding-left: 274px;
	margin-left: 0;
	min-height: 34px;
	position: relative;
	padding: 0 20px 0 192px;
}
.goods-combo-box .tab-tags .tab-note {
	position: absolute;
	text-transform: uppercase;
	font-weight: 600;
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
	left: 5px;
}
.goods-combo-box .tab-tags .swiper-button-next {
	right: 0;
	justify-content: flex-end;
	background-image: linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 40%,#fff 100%);
}
.goods-combo-box .tab-tags .swiper-button-prev, 
.goods-combo-box .tab-tags .swiper-button-next {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 35px;
	width: 30px;
	margin-top: -17px;
	font-size: 24px;
	background: none;
	align-items: center;
	color: #222;
}
.goods-combo-box .tab-tags .swiper-button-prev::after, 
.goods-combo-box .tab-tags .swiper-button-next::after {
	content: none;
}
.goods-combo-box .tab-tags .swiper-slide {
	width: auto;
	box-sizing: border-box;;
}
.goods-combo-box .tab-tags .tab-tag {
    display: inline-block;
    margin: 0;
    padding: 10px 20px;
    font-size: 13px;
    background: #f4f5f7;
    border-radius: 32px;
    line-height: 1.1;
    white-space: nowrap;
}
.goods-combo-box .tab-tags .tab-tag.is-active {
    color: #fff;
    background-color: #cc4e00;
}
.goods-combo-box .tab-tags .swiper-button-prev:hover,
.goods-combo-box .tab-tags .swiper-button-next:hover {
    color: #FEB13A;
}
.goods-combo-box .tab-tags .swiper-button-disabled {
	display: none;
}
.goods-combo-box .tab-tags .swiper-button-prev {
	left: 0;
	justify-content: flex-start;
	background-image: linear-gradient(-90deg,rgba(255,255,255,0) 0%,#fff 40%,#fff 100%);
}
.goods-combo-box .tab-tags .swiper-button-next {
	right: 0;
	justify-content: flex-end;
	background-image: linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 40%,#fff 100%);
}
.goods-combo-box .tab-tags .swiper-button-prev i {
	margin-left: 6px;
}
.goods-combo-box .tab-tags .swiper-button-next i {
	margin-right: 6px;
}
.goods-combo-box .tab-panes .tab-pane .swiper-box, 
.goods-combo-box .swiper-box .row.has-side-left > .row-body, 
.goods-combo-box .swiper-box .row.has-side-left > .row-body .row-body .row-body-inner {
	margin: 0;
}
.goods-combo-box .tab-panes .tab-pane .swiper-box {
	padding: 0;
	padding-top: 20px;
	position: relative;
}
.goods-combo-box .row.has-side-left {
	display: flex;
}
.goods-combo-box .swiper-box .row.has-side-left>.row-side {
	padding: 15px 0 0;
	margin-left: 0;
	width: 178px;
	position: relative;
	display: flex;
}
.goods-combo-box .swiper-box .row .goods-container {
	-webkit-flex-direction: column;
	flex-direction: column;
}
.goods-combo-box .swiper-box .row.has-side-left>.row-side .goods-container .goods-img {
	max-width: 180px;
	width: 100%;
}
.goods-combo-box .swiper-box .goods-container .goods-img .tag-list .tag {
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: 0;
	z-index: 10;
}
.goods-combo-box .swiper-box .goods-container .goods-info {
	padding: 0;
	margin-top: 10px;
}
.goods-combo-box .swiper-box .goods-container .goods-title {
	max-height: 3.9em;
	overflow: hidden;
	-webkit-line-clamp: 3;
	margin-top: 10px;
}
.goods-combo-box .swiper-box .goods-container .goods-price {
	font-size: 0.9em;
}
.goods-combo-box .swiper-box .goods-container .goods-price .goods-price-map {
	font-size: 14px;
	min-height: 25px;
}
.goods-combo-box .row.has-side-left>.row-side .goods-container {
	padding-left: 0;
	padding-right: 15px;
}
.goods-combo-box .tab-content .row.has-side-left > .row-body {
	padding: 0 0 0 15px;
	width: calc(100% - 195px);
}
.goods-combo-box .row-body .row-body-inner {
	padding: 0;
	position: relative;
}
.goods-combo-box .row-body-inner .swiper-container {
	margin: 0;
}
.goods-combo-box .tab-content .ico-plus {
	font-size: 24px;
	margin: 140px 5px auto;
}
.goods-combo-box .multiple-choice-card {
	padding: 15px;
	border: 2px solid #ececec;
	border-radius: 4px;
	box-sizing: border-box;
}
.btn-quickview.button {
	position: absolute;
	left: 50%;
	bottom: 15px;
	padding: 14px;
	border-radius: 20px;
	transform: translateX(-50%);
	transition: all 0.2s;
	height: 38px;
	line-height: 38px;
	opacity: 0;
	white-space: nowrap;
	z-index: 4;
	text-transform: capitalize;
	font-weight: 600;
	box-shadow: 0 0 #00000080;
	border-color: #aaa;
}
.bg-white.btn-quickview {
	border-color: #1946B8;
	color: #212121;
}
.goods-combo-box .row .goods-container .button-view {
	bottom: 50%;
	transform: translate(-50%,50%);
} 
.goods-combo-box .row .goods-container:hover .button-view {
	opacity: 1;
}
.goods-combo-box .row .goods-container .button-view:hover {
	color: #8EAFF0;
} 
.goods-combo-box .swiper-box .goods-container .goods-sponsored-box {
	position: absolute;
	z-index: 5;
	/* bottom: 100%; */
	left: -5px;
	top: -5px;
	padding: 0 4px;
	border-radius: 8px;
	background-color: rgba(255, 255, 255, 0.9);
}
.goods-combo-box .swiper-box .swiper-slide {
	height: auto;
}
.goods-combo-box .swiper-box .multiple-choice-card {
	/* overflow: visible; */
	height: 100%;
}
.goods-combo-box .swiper-box .multiple-choice-card .button-view {
	position: absolute;
	left: 50%;
	bottom: 15px;
	padding: 14px;
	border-radius: 20px;
	transform: translateX(-50%);
	transition: all 0.2s;
	height: 38px;
	line-height: 38px;
	opacity: 0;
	white-space: nowrap;
	z-index: 4;
	text-transform: capitalize;
	font-weight: 600;
	box-shadow: 0 0 #00000080;
	border-color: #aaa;
	font-size: 14px;
	z-index: 12;
}
.goods-combo-box .multiple-choice-card:hover {
	border: 2px solid #E05E00;
}
.goods-combo-box .multiple-choice-card.is-checked {
	padding: 15px;
	border: 2px solid #E05E00;
}
.goods-combo-box .multiple-choice-card.is-checked:hover {
	border-color: #E05E00;
}
.goods-combo-box .multiple-choice-check {
	opacity: 1;
	z-index: 1;
}
.goods-combo-box .goods-buy-combo {
	margin: 0;
	padding: 15px;
	margin-top: 15px;
	background-color: #F7F7F7;
	text-align: left;
	display: flex;
}
.goods-combo-box .goods-buy-title {
	display: block;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	margin-bottom: 6px;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.3;
	word-wrap: break-word;
	word-break: break-word;
	text-overflow: ellipsis;
}
.goods-combo-box .goods-buy-combo .main-package-item {
	padding-top: 8px;
}
.goods-combo-box .goods-buy-combo .goods-img {
	border: 1px solid #ededed;
	overflow: visible;
	background-color: #fff;
}
.goods-combo-box .goods-buy-combo .main-package-item i.ico-plus {
	font-size: 19px;
	margin: auto 15px;
}
.goods-combo-box .package_summary_swiper {
	width: calc(100% - 128px);
	background: transparent;
	padding-top: 0 !important;
}
.package_summary_swiper .swiper-container .swiper-wrapper .swiper-slide {
	width: auto!important;
	min-height: 80px;
}
.package_summary_swiper .del-item {
	font-size: 12px;
	color: #fff;
	border-radius: 50px;
	height: 16px;
	width: 16px;
	text-align: center;
	line-height: 16px;
	background-color: #606060;
	position: absolute;
	top: -8px;
	right: -8px;
	z-index: 1;
	opacity: 0;
	pointer-events: none;
	transition: all 100ms linear;
}
.package_summary_swiper .swiper-slide:hover .del-item {
	opacity: 1;
	pointer-events: all;
	cursor: pointer;
}
.package_summary_swiper .swiper-container .swiper-wrapper .swiper-slide:last-child .del-item {
	right: 0;
}
.package_summary_swiper .swiper-container {
	padding-top: 8px;
}
.goods-combo-box .swiper-box-arrow-next, 
.goods-combo-box .swiper-box-arrow-prev {
	display: inline-block;
	position: absolute;
	top: 50%;
	z-index: 10;
	width: 30px;
	height: 160px;
	color: #222;
	font-size: 40px;
	line-height: 160px;
	text-align: center;
	cursor: pointer;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.goods-combo-box .swiper-box-arrow-next, 
.goods-combo-box .swiper-box-arrow-prev {
	right: 0;
	height: 100%;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.goods-combo-box .swiper-box-arrow-prev:hover, 
.goods-combo-box .swiper-box-arrow-next:hover {
	color: #FEB13A;
}
.goods-combo-box .row-body .row-body-inner .swiper-box-arrow-prev {
	background-image: linear-gradient(90deg, rgba(255,255,255,0.6) 0%, rgba(255, 255, 255, 0.2) 41%, rgba(255, 255, 255, 0) 100%);
	pointer-events: none;
}
.goods-combo-box .row-body .row-body-inner .swiper-box-arrow-next {
	background-image: linear-gradient(270deg, rgba(255,255,255,0.6) 0%, rgba(255, 255, 255, 0.2) 41%, rgba(255, 255, 255, 0) 100%);
	pointer-events: none;
}
.goods-combo-box .row-body .row-body-inner .swiper-box-arrow-next .ico,
.goods-combo-box .row-body .row-body-inner .swiper-box-arrow-prev .ico {
	pointer-events: auto;
}
.goods-combo-box .swiper-box-arrow-prev {
	left: 0;
	justify-content: flex-start;
}
.goods-combo-box .swiper-box .swiper-box-arrow-next.swiper-button-disabled, 
.goods-combo-box .swiper-box .swiper-box-arrow-prev.swiper-button-disabled {
    opacity: 0;
    z-index: 0;
}
.goods-combo-box .package_summary_swiper .swiper-box-arrow-next {
    background-image: linear-gradient(270deg, #F7F7F7 0%, #F7F7F7 41%, rgba(247, 247, 247, 0) 100%);
}
.goods-combo-box .package_summary_swiper .swiper-box-arrow-prev {
	background-image: linear-gradient(90deg, #F7F7F7 0%, #F7F7F7 41%, rgba(247, 247, 247, 0) 100%);
}
.goods-combo-box .package_summary_swiper .swiper-box-arrow-next, 
.goods-combo-box .package_summary_swiper .swiper-box-arrow-prev {
    width: 40px;
    height: calc(100% - 26px);
    transform: translate(0);
    top: 8px;
}
.goods-combo-box .goods-buy-combo .summary-wrap {
	width: 280px;
	background-color: #fff;
	box-sizing: border-box;
	font-size: 14px;
	margin-left: 10px;
	height: auto;
}
.package_summary_swiper .nothing {
	width: 80px;
	height: 60px;
	box-sizing: border-box;
	border: 2px dashed #dbdbdb;
	background-color: #fff;
}
.package_summary_swiper .swiper-container .swiper-wrapper .swiper-slide .goods-img {
	background-color: #fff;
}
.package_summary_swiper .swiper-container .swiper-wrapper .swiper-slide.is-combo-select .goods-img {
	animation: combo-select 2s linear;
}
@keyframes combo-select{
	0% {
		background: rgba(255, 146, 51,0.9);
		z-index: 2;
	}
	100% {
		background: rgba(255, 255, 255,1);
		z-index: 0;
	}
}
.goods-combo-box .package_summary_swiper .goods-combo-note {
	text-align: center;
	margin-top: 0;
	font-size: 12px;
	line-height: 18px;
	height: 18px;
	color: #BD4B00;
}
.goods-combo-box .goods-buy-combo .left {
	width: calc(100% - 290px);
}
.goods-combo-box .goods-buy-combo .summary-wrap .summary-content {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	height: 100%;
}
.goods-combo-box .goods-buy-combo .summary-wrap .summary-content-savings {
	background-color: #FEF9D7;
	padding: 10px 20px 5px;
	color: #212121;
	border-radius: 4px 4px 0 0;
	position: relative;
	width: 100%;
}
.goods-combo-box .goods-buy-combo .summary-wrap .summary-content-savings::before {
	content: '';
	width: 22px;
	height: 18px;
	background-image: url(../../Nest/images/icons/fireworks@1x.png);
	position: absolute;
	left: 5px;
	top: 3px;
}
.goods-combo-box .goods-buy-combo .summary-wrap .summary-content-savings::after {
	content: '';
	width: 22px;
	height: 18px;
	background-image: url(../../Nest/images/icons/fireworks_r@1x.png);
	position: absolute;
	right: 5px;
	top: 3px;
}
.goods-combo-box .goods-buy-combo .summary-wrap .summary-content-subtotal {
	padding: 15px 20px;
	width: 100%;
}
.goods-combo-box .goods-buy-combo .summary-wrap li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5px;
}
.goods-combo-box .goods-buy-combo .summary-wrap li.price-map a {
	text-decoration: underline;
}
.goods-combo-box .goods-buy-combo .summary-wrap li.price-map a:hover {
	background-color: rgba(228,235,253,1);
	color: #2A69DF;
}
.goods-combo-box .goods-buy-combo .summary-wrap li:last-child {
	margin-bottom: 0;
	margin-top: 6px;
}
.goods-combo-box .goods-buy-combo .summary-wrap .button .ico:first-child {
	margin-left: 5px;
}
.goods-combo-box .goods-buy-combo .alert {
	margin-top: 0;
	color: #BD4B00;
	font-size: 13px;
}
.goods-combo-box .goods-buy-combo .alert strong {
	color: #FF3729;
}



@keyframes combo-select{
	0% {
		background: rgba(255, 146, 51,0.9);
		z-index: 2;
	}
	100% {
		background: rgba(255, 255, 255,1);
		z-index: 0;
	}
}
@keyframes combo-select-dark{
	0% {
		background: rgba(163, 71, 0,0.9);
		z-index: 2;
	}
	100% {
		background: rgba(255, 255, 255,1);
		z-index: 0;
	}
}
.items-summary-swiper .swiper-slide.is-combo-select .goods-container .goods-img > img{
	animation: combo-select 2s linear;
}
.dark-mode .items-summary-swiper .swiper-slide.is-combo-select .goods-container .goods-img > img{
	animation: combo-select-dark 2s linear;
}
.items-summary-swiper .swiper-slide:hover .del-item {
	opacity: 1;
	pointer-events: all;
}
.items-summary-swiper .del-item {
    font-size: 12px;
    color: #fff;
    border-radius: 50px;
    height: 16px;
    width: 16px;
    text-align: center;
    line-height: 16px;
    background-color: #606060;
    position: absolute;
    top: -6px;
    right: -6px;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    transition: all 100ms linear;
	cursor: pointer;
}
.items-summary-swiper .swiper-slide:last-child .del-item {
	right: 0px;
}
.module-combo-summary-sub {
	width: 240px;
	margin-left: 20px;
	display: flex;
    flex-wrap: wrap;
    align-content: center;
    height: 100%;
}
.module-combo-summary-sub .module-combo-summary-savings {
	padding: 15px 20px;
    color: #000;
    background-color: #FEF9D7;
    border-radius: 4px 4px 0 0;
    position: relative;
    width: 100%;
}
.module-combo-summary-sub .module-combo-summary-savings::before {
	content: '';
    width: 22px;
    height: 18px;
    background-image: url(../../Nest/images/icons/fireworks@1x.png);
    position: absolute;
    left: 5px;
    top: 3px;
}
.module-combo-summary-sub .module-combo-summary-savings::after {
    content: '';
    width: 22px;
    height: 18px;
    background-image: url(../../Nest/images/icons/fireworks_r@1x.png);
    position: absolute;
    right: 5px;
    top: 3px;
}
.module-combo-summary-sub .module-combo-summary-savings li,
.module-combo-summary-sub .module-combo-summary-subtotal li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}
.module-combo-summary-sub .module-combo-summary-savings li:last-child,
.module-combo-summary-sub .module-combo-summary-subtotal li:last-child {
	margin-bottom: 0;
}
.module-combo-summary-sub .module-combo-summary-savings li span,
.module-combo-summary-sub .module-combo-summary-subtotal li span {
	text-align: right;
}
.module-combo-summary-sub .module-combo-summary-subtotal {
	padding: 10px 20px 20px;
    width: 100%;
}
.module-combo-summary-sub .module-combo-summary-subtotal li {
	margin-bottom: 10px;
}
.module-combo-summary-sub .module-combo-summary-subtotal li.price-map a {
	font-weight: bold;
	text-align: right;
}
.module-combo-summary-sub .module-combo-summary-subtotal li.price-map a:hover {
	text-decoration: underline;
}
@media (max-width: 699px) { 
	.goods-combo-box .tab-tags {
		padding: 0;
	}
	.goods-combo-box .tab-tags .tab-note {
		display: none;
	}
}



/* items for cart, checkout and order */
/* ----qty */
.goods-qty {
	position: relative;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	min-width: 75px;
	font-size: 12px;
	text-align: center;
}
.goods-qty .input-text {
	width: 55px;
	text-align: center;
	margin: 0;
    padding: 7px 1em;
    height: 32px;
    border-radius: 3px;
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    background: #fff;
    font-size: 13px;
    vertical-align: middle;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	margin-left: 15px;
}

.goods-qty-limit {
	margin-top: 10px;
}
.goods-qty .menu-box-menu {
	position: absolute;
    z-index: 1020;
	top: 32px;
	left: auto;
	right: auto;
	min-width: 55px;
	min-width: -moz-available;
	max-height: 250px;
	overflow: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	white-space: nowrap;
	margin-top: 5px;
	border-radius: 4px;
    border: 1px solid #ccc;
	-webkit-box-shadow: 5px 3px 10px rgb(0 0 0 / 20%);
    -moz-box-shadow: 5px 3px 10px rgba(0, 0, 0, .2);
    -ms-box-shadow: 5px 3px 10px rgba(0, 0, 0, .2);
    -o-box-shadow: 5px 3px 10px rgba(0, 0, 0, .2);
    box-shadow: 5px 3px 10px rgb(0 0 0 / 20%);
	box-shadow: 5px 3px 10px rgb(0 0 0 / 20%);
    background: #fff;
}
.goods-qty .nav-cell { width: 100%; }
.goods-qty .nav-list-link {
	-webkit-justify-content: start;
	justify-content: start;
	padding-left: 1em;
	padding-right: 1em;
	min-width: 55px;
	box-sizing: border-box;
}
.goods-qty .nav-list-link.is-has-save {
	-webkit-justify-content: center;
	justify-content: center;
}
.goods-qty .nav-list-link .nav-list-save {
	margin: 0 5px;
    font-style: italic;
    color: #D9783C;
    white-space: nowrap;
	font-size: 12px;
}
.goods-qty + .btn-mini {
	padding-top: 9px;
	padding-bottom: 9px;
}
.goods-qty.is-active .menu-box-menu { display: block; }
/* ----qty */


/* ----sub container */
.goods-sub-container:before,
.goods-sub-container:after {
	content: '';
	display: table;
	clear: both;
}
.goods-sub-container {
	margin-top: 20px;
	margin-left: calc(20% + 20px);
	padding: 20px 0;
	border-top: 1px solid #d9d9d9;
}
.goods-sub-container + .goods-sub-container { margin-top: 0; }
.goods-sub-container.no-border-top {
	margin-top: 0;
	border-top: 0;
}
.goods-cell .goods-sub-container:last-child { padding-bottom: 0; }
.goods-sub-head .goods-title {
	margin-bottom: 0;
	font-size: 15px;
}
.goods-sub-body { margin-top: 15px; }
.goods-sub-body + .goods-sub-body {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}
.dark-mode .goods-sub-container,
.dark-mode .goods-sub-body + .goods-sub-body {
	border-top: 1px solid #363636;
}
/* .goods-sub-container .goods-promo,
.goods-sub-container .goods-msg { margin-bottom: 0; }
.goods-sub-container .goods-action, */
.goods-sub-container .goods-qty {
	padding-left: 20px;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	box-sizing: border-box;
}
/* .goods-sub-container .goods-action {
	width: 200px;
	text-align: right;
	-webkit-align-items: flex-end;
	align-items: flex-end;
} */
.goods-sub-container .goods-qty {
	width: 75px;
}
.goods-sub-container .goods-info {
	width: 100%;
	min-width: 0;
}
.goods-sub-container .goods-img {
	position: absolute;
}
.goods-sub-container .goods-note {
	margin-top: 5px;
}
.goods-sub-container .goods-img.width-80px {
	width: 80px !important;
}
.goods-sub-container .goods-img.width-80px > img {
	left: auto;
	bottom: auto;
}
.goods-sub-container .goods-img.width-80px ~ .goods-info {
	min-height: 60px;
	padding: 0 0 0 20px;
	margin-left: 80px;
}
.goods-sub-container .price-current {
	height: auto;
	font-size: 15px;
}
.goods-sub-container .goods-sub-container {
	margin-left: 100px;
	border-top-color: #eee;
}
.goods-sub-container .product-gift {
	padding-top: 0;
	border-top: 0;
}
.goods-sub-container + .goods-container {
	padding-top: 15px;
	border-top: 1px solid #eee;
}
.goods-list .goods-sub-container:last-child {
	padding-bottom: 0;
}


/* ssl */
/*  ----accordion */
.goods-sub-accordion {
	position: relative;
}
.goods-sub-accordion + .goods-sub-accordion {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #d9d9d9;
}
.goods-sub-accordion-icon {
	position: relative;
	width: 15px;
	height: 14px;
	margin-right: 5px;
	border: 2px solid#1946B8;
	box-sizing: border-box;
}
.goods-sub-accordion-icon:before,
.goods-sub-accordion-icon:after {
	content: '';
	position: absolute;
	top: 4px;
    left: 2px;
    width: 7px;
    height: 2px;
	background: #1946B8;
	transition: transform 0.2s;
}
.goods-sub-accordion-icon:after { transform: rotate(-90deg); }
.goods-sub-accordion-top { cursor: pointer; }
.goods-sub-accordion-top:hover { color: #1946B8; }
.goods-sub-accordion-top:hover .goods-sub-accordion-icon:before,
.goods-sub-accordion-top:hover .goods-sub-accordion-icon:after {
	background: #1946B8;
}
.goods-sub-accordion-body {
	display: none;
	padding: 10px 0 0 25px;
}
.goods-sub-accordion.is-active .goods-sub-accordion-icon:after { transform: rotate(0deg); }
.goods-sub-accordion.is-active .goods-sub-accordion-body { display: block; }
.dark-mode .goods-sub-accordion-icon {
	border-color: #fff;
}
.dark-mode .goods-sub-accordion-icon::before,.dark-mode .goods-sub-accordion-icon::after {
	border-color: #fff;
	background-color: #fff;
}
.goods-sub-accordion-top:hover,.goods-sub-accordion-top:hover .goods-sub-accordion-icon{
	border-color: #1946B8;
	color: #1946B8;
}
/* ssl */



/* empty */
.empty-icon {
	display: inline-block;
	margin: 0;
	width: 165px;
	height: 165px;
	max-width: 100%;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: 100%;
	text-indent: -999em;
}
.empty-icon-l {
	width: 320px;
	height: 320px;
}
.empty-icon-s {
	width: 116px;
	height: 110px;
}
.empty-icon.empty-viewed-items { background-image: url('../../Nest/images/empty/Viewed_Items_Empty.png'); }
.empty-icon.universal-error { background-image: url('../../Nest/images/empty/Universal_Error.png'); }
.empty-icon.icon-coming-soon { background-image: url('../../Nest/images/empty/Coming_Soon.png'); }
.empty-icon.icon-coming-soon-s { background-image: url('../../Nest/images/empty/Coming_Soon_small.png'); }
.empty-icon.icon-promo-expried { background-image: url('../../Nest/images/empty/Promotion_Expired.png'); }
.empty-icon.icon-promo-expried-s { background-image: url('../../Nest/images/empty/Promotion_Expired_small.png'); }
.empty-icon.icon-search-empty { background-image: url('../../Nest/images/empty/Search_Within.png'); }
.dark-mode .empty-icon.empty-viewed-items { background-image: url('../../Nest/images/empty/Viewed_Items_Empty.png'); }
.dark-mode .empty-icon.universal-error { background-image: url('../../Nest/images/empty/Universal_Error_Dark.png'); }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.empty-icon.empty-viewed-items { background-image: url('../../Nest/images/empty/Viewed_Items_Empty@2x.png'); }
	.empty-icon.universal-error { background-image: url('../../Nest/images/empty/Universal_Error@2x.png'); }
	.empty-icon.icon-coming-soon { background-image: url('../../Nest/images/empty/Coming_Soon@2x.png'); }
	.empty-icon.icon-coming-soon-s { background-image: url('../../Nest/images/empty/Coming_Soon@2x_small.png'); }
	.empty-icon.icon-promo-expried { background-image: url('../../Nest/images/empty/Promotion_Expired@2x.png'); }
	.empty-icon.icon-promo-expried-s { background-image: url('../../Nest/images/empty/Promotion_Expired@2x_small.png'); }
	.empty-icon.icon-search-empty { background-image: url('../../Nest/images/empty/Search_Within@2x.png'); }
	.dark-mode .empty-icon.empty-viewed-items { background-image: url('../../Nest/images/empty/Viewed_Items_Empty@2x.png'); }
	.dark-mode .empty-icon.universal-error { background-image: url('../../Nest/images/empty/Universal_Error_Dark@2x.png'); }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 400dpi) {
	.empty-icon.empty-viewed-items { background-image: url('../../Nest/images/empty/Viewed_Items_Empty@3x.png'); }
	.empty-icon.universal-error { background-image: url('../../Nest/images/empty/Universal_Error@3x.png'); }
	.empty-icon.icon-coming-soon { background-image: url('../../Nest/images/empty/Coming_Soon@3x.png'); }
	.empty-icon.icon-coming-soon-s { background-image: url('../../Nest/images/empty/Coming_Soon@3x_small.png'); }
	.empty-icon.icon-promo-expried { background-image: url('../../Nest/images/empty/Promotion_Expired@3x.png'); }
	.empty-icon.icon-promo-expried-s { background-image: url('../../Nest/images/empty/Promotion_Expired@3x_small.png'); }
	.empty-icon.icon-search-empty { background-image: url('../../Nest/images/empty/Search_Within@3x.png'); }
	.dark-mode .empty-icon.empty-viewed-items { background-image: url('../../Nest/images/empty/Viewed_Items_Empty@3x.png'); }
	.dark-mode .empty-icon.universal-error { background-image: url('../../Nest/images/empty/Universal_Error_Dark@3x.png'); }
}



/* compare popup */
.compare-check.is-hover {
	z-index: 2500;
	transform: translate3d(0,0,0);
}
.compare-popover.menu {
	position: absolute;
}
.compare-popover.menu.at-top > .menu-body {
	margin-bottom: 20px;
}
.compare-popover.menu.at-bottom > .menu-body {
	margin-top: 20px;
}
.compare-popover.menu.at-right > .menu-body {
	margin-left: 90px;
}
.compare-popover .section-subtitle {
	padding-left: 0;
	padding-right: 0;
}
.compare-popover .menu-list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: 400px;
	max-height: 90vh;
}
.compare-popover .menu-list-cell {
	width: 290px;
}
.compare-popover .input-check {
	margin-right: 5px;
}
.compare-popover .slab-info .goods-info {
	padding: 0 0 0 10px;
}
.compare-popover-bottom {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	margin-top: 10px;
}
.compare-popover-bottom .button {
	margin-left: 10px;
}
.compare-popover .input-check,
.compare-popover-cancel,
.compare-popover-remove {
	display: none;
}
/* ----edit */
.compare-popover.is-edit .input-check {
	display: inline-block;
}
.compare-popover.is-edit .compare-popover-edit,
.compare-popover.is-edit .compare-popover-compare,
.compare-popover.is-edit .slab .slab-actions {
	display: none;
}
.compare-popover.is-edit .compare-popover-cancel,
.compare-popover.is-edit .compare-popover-remove {
	display: inline-flex;
}
@media (max-width: 1299px) {
	.step-col { width: auto;}
	.step-col:not(.is-current) { width: 40px; }
	.step-col:not(.is-current) .step-circle { margin: auto; }
	.step-info { display: none; }
	.step-col.is-selected {
		width: 170px;
	}
	.step-col.is-selected .step-circle {
		margin: 6px 10px 6px 6px;
	}
	.step-col.is-selected .step-info {
		display: block;
	}
	.step-title { font-size: 12px; }
	.step-col.is-selecte,
	.step-col.is-current,
	.step-col.is-current.is-selected:nth-child(3) { width: 170px; }
	.step-col.is-current:not(.is-selected) .step-info,
	.step-col.is-current.is-selected:nth-child(3) .step-info {
		display: block;
	}
}
@media (max-width: 799px) {
	.compare-popover.menu .menu-body {
		position: fixed !important;
		top: 50% !important;
		left: 50% !important;
		bottom: auto !important;
		right: auto !important;
		margin: auto !important;
		width: 400px !important;
		max-width: 90vw !important;
		transform: translate(-50%, -50%) !important;
	}
	.compare-popover .menu-body .menu-arrow {
		display: none;
	}
	.compare-popover .menu-list-cell {
		width: 100%;
	}
}
@media (max-width: 699px) { 
	.checkbox-combo-swiper .multiple-choice-card .goods-sponsored-box,
	.checkbox-combo-swiper .multiple-choice-card .goods-negspa-box {
		bottom: 135%;
	}
	/* finder-question */
	.finder-question {
        padding-top: 40px;
    }
	.finder-question-title {
        margin: 0 0 20px 0;
    }
    .finder-question .grid.gap-20px > .grid-col {
        padding: 20px;
    }	
	.modal-mobileVideo .nav-bar {
		height: 100%;
		width: 100%;
		max-height: none;
		padding: 15px 0;
	}
	.goods-img-player:hover{
		width: 30px;
	}
	.goods-img-player:hover span {
		position: absolute;
		opacity: 0;
	}
	.modal-mobileVideo .nav-bar .close-button .ico {
		right: 5px;
		top: 6px;
	}
	.modal-mobileVideo .nav-bar iframe {
		width: 100%;
		height: 50%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

}


/* intermediary popup */
.popup-intermediary.modal.right .goods-sub-container .goods-img {
    position: relative;
}
.popup-intermediary.modal.right.fade .modal-dialog.modal-lg {
	max-width: 100vw;
	min-width: 0;
}
.popup-intermediary .squaretrade-wrap {
    margin: 0 auto 30px auto;
    width: 540px;
}
.popup-intermediary .squaretrade-banner img {
    width: 100%;
}
.popup-intermediary .squaretrade-banner {
    zoom: 1;
}
.popup-intermediary .squaretrade-banner .side-left {
    float: left;
    margin: 0 50px 0 30px;
    width: 200px;
}
.popup-intermediary .squaretrade-banner .side-right {
    margin-left: 280px;
}
.popup-intermediary .squaretrade-banner .side-right .link-more {
    margin: 10px 0 0 20px;
}
.popup-intermediary .squaretrade-banner .squaretrade-logo {
    margin-bottom: 15px;
    width: auto;
}
.popup-intermediary .squaretrade-banner .trustpilot-widget iframe {
    margin: 0 auto;
}
.popup-intermediary .squaretrade-banner img {
    display: block;
}
.popup-intermediary .squaretrade-banner .squaretrade-image img,
.popup-intermediary .squaretrade-banner .squaretrade-bullet img {
    width: 100%;
}
@media (max-width: 599px) {
	.popup-intermediary .modal-content {
		padding: 20px 15px;
	}
	.popup-intermediary .modal-footer > .button {
		margin-left: 0;
	}
	.popup-intermediary .modal-footer > .button + .button {
		margin-top: 10px;
	}
}

/*modal-quick-look*/
/* table css */
/* item popup */
.modal-footer.button-action {
	flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	gap: 20px;
}
.modal-footer.button-action .btn {
	margin: 0;
	flex: 1 1 auto;
}
.modal-quick-look .item-rating-num {
	margin-left: 5px;
	vertical-align: middle;
}
.modal-quick-look .goods-msg > .link-more {
	font-weight: bold;
	font-size: 12px;
	white-space: pre-wrap;
}
.modal-quick-look .seller-top-rated {
	margin-left: 0;
	margin-right: 3px;
}
.modal-quick-look .seller-top-rated > img {
	width: 16px;
	height: 16px;
	top: 0;
}
.modal-quick-look .goods-info > .goods-msg:first-child {
	margin-top: 0;
}
.modal-quick-look .goods-msg > .link-more:hover {
    text-decoration: underline;
}

.modal-quick-look .product-view.is-popup .product-view-bar .swiper-wrapper {
    transform: translate3d(0,0,0) !important;
}
.modal-quick-look .product-view.is-popup .product-view-bar .swiper-wrapper:after,
.modal-quick-look .product-view.is-popup .product-view-bar .swiper-wrapper:before,
.modal-quick-look .product-view .product-view-bar .swiper-wrapper:after,
.modal-quick-look .product-view .product-view-bar .swiper-wrapper:before {
    content: "";
    flex: 1
}
.modal-quick-look .product-view.is-popup .product-view-bar .swiper-wrapper:before,
.modal-quick-look .product-view .product-view-bar .swiper-wrapper:before {
    order: -2;
}
.modal-quick-look .product-view-gallery.swiper-container  {
	width: 100% !important;
}

.modal-quick-look .goods-price-map {
	font-weight: bold;
	font-size: 15px;
}
.modal-quick-look .table-horizontal {
	width: 100%;
}
.modal-quick-look .table-horizontal + .table-horizontal {
	margin: 30px 0 0 0;
}
.modal-quick-look .table-horizontal caption {
	margin: 0 0 10px 0;
    font-size: 15px;
	font-weight: bold;
	text-align: left;
}
.modal-quick-look .table-horizontal tbody {
	border-top: 1px solid #eee;
}
.modal-quick-look .table-horizontal tbody td,
.modal-quick-look .table-horizontal tbody th {
	padding: 15px 20px;
	font-size: 14px;
	line-height: 1.5;
	border-bottom: 1px solid #eee;
	vertical-align: top;
	word-break: break-word;
}
.modal-quick-look .table-horizontal tbody th {
	width: 180px;
	background: #f4f5f7;
	text-align: left;
}
.modal-quick-look .table-horizontal tbody th .menu-box-trigger {
	padding: 0 15px 0 0;
}
.modal-quick-look .table-horizontal tbody th .menu-box-trigger:after {
	top: 4px;
	right: -3px;
}
.modal-quick-look .table-horizontal tbody th .article {
	font-size: 13px;
}
.modal-quick-look .table-horizontal tbody th .article h5 {
	font-size: 14px;
}
.modal-quick-look .table-horizontal td .table-spec {
    margin-bottom: 15px;
}
.modal-quick-look .table-horizontal td .table-spec:last-child {
    margin-bottom: 0;
}
.modal-quick-look .table-horizontal .table-spec dt {
    font-weight: bold;
}
.modal-quick-look .table-horizontal .table-spec dd:before {
    content: '- ';
}
.modal-quick-look .table-vertical {
	width: 100%;
}
.modal-quick-look .table-vertical + .list-tools-bar {
	margin-top: -1px;
}
.modal-quick-look .list-tools-bar {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 30px;
    background: #f4f5f7;
}
.modal-quick-look .list-tools-bar .paginations {
    justify-content: flex-end;
    padding: 10px 0;
}
.modal-quick-look .table-vertical + .table-vertical {
	margin: 30px 0 0 0;
}
.modal-quick-look .table-vertical caption {
	margin: 0 0 10px 0;
    font-size: 15px;
	font-weight: bold;
	text-align: left;
}
.modal-quick-look .table-vertical tbody td,
.modal-quick-look .table-vertical tbody th,
.modal-quick-look .table-vertical thead th {
	padding: 10px 15px;
	font-size: 14px;
	line-height: 1.5;
	border-bottom: 1px solid #eee;
	vertical-align: top;
}
.modal-quick-look .table-vertical tbody th,
.modal-quick-look .table-vertical thead th {
	background: #f4f5f7;
	text-align: left;
	font-weight: bold;
	border-bottom: 0;
}
.modal-quick-look .table-vertical tbody td .link-more span {
	margin: 0;
}
.modal-quick-look .tab-box + .tab-box {
	margin: 30px 0 0 0;
}
.modal-quick-look .tab-navs,
.modal-quick-look .tab-content > .tab-nav > ul {
	list-style: none;
	position: relative;
	display: -webkit-inline-box;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	border: 1px solid #eee;
	border-bottom: 0;
	border-left: 0;
	border-radius: 3px 3px 0 0;
	overflow: hidden;
    z-index: 2;
}
.modal-quick-look .tab-navs .tab-nav,
.modal-quick-look .tab-content > .tab-nav > ul > li {
	padding: 15px 30px;
	font-size: 14px;
    text-align: center;
    white-space: nowrap;
    background-color: #f7f7f7;
    background-image: -webkit-linear-gradient(bottom,#f2f2f2,#f7f7f7);
    background-image: -moz-linear-gradient(bottom,#f2f2f2,#f7f7f7);
    background-image: -o-linear-gradient(bottom,#f2f2f2,#f7f7f7);
    background-image: -ms-linear-gradient(bottom,#f2f2f2,#f7f7f7);
    background-image: linear-gradient(to top,#f2f2f2,#f7f7f7);
    border-left: 1px solid #eee;
    cursor: pointer;
}
.modal-quick-look .tab-content > .tab-nav > ul > li {
	margin-top: 0;
}
.modal-quick-look .tab-navs .tab-nav:hover,
.modal-quick-look .tab-content > .tab-nav > ul > li:hover {
    background-color: #f2f2f2;
    background-image: -webkit-linear-gradient(bottom,#f7f7f7,#f2f2f2);
    background-image: -moz-linear-gradient(bottom,#f7f7f7,#f2f2f2);
    background-image: -o-linear-gradient(bottom,#f7f7f7,#f2f2f2);
    background-image: -ms-linear-gradient(bottom,#f7f7f7,#f2f2f2);
    background-image: linear-gradient(to top,#f7f7f7,#f2f2f2);
}
.modal-quick-look .tab-navs .tab-nav.active,
.modal-quick-look .tab-content > .tab-nav > ul > li.is-active {
	padding: 12px 30px 15px 30px;
	color: #cc4b00;
    font-weight: 700;
    background: #fff;
    border-top: 3px solid #cc4b00;
    cursor: default;
}
.modal-quick-look .tab-panes,
.modal-quick-look .tab-content > .tab-pane {
	position: relative;
	top: -1px;
	z-index: 1;
}
.modal-quick-look .tab-content > .tab-pane,
.modal-quick-look .article .tab-content > .tab-pane {
	background: #fff;
}
.modal-quick-look .tab-panes .tab-pane,
.modal-quick-look .tab-content > .tab-pane {
	padding: 30px;
	border: 1px solid #eee;
}
.modal-quick-look .tab-panes .tab-pane .swiper-box {
	margin: 0 -30px;
}
.modal-quick-look .tab-tags {
	position: relative;
	margin: 0 0 30px 0;
}
.modal-quick-look .tab-tags .swiper-slide {
	width: auto;
	box-sizing: border-box;;
}
.modal-quick-look .tab-tags .tab-tag {
    display: inline-block;
    margin: 0;
    padding: 10px 20px;
    font-size: 13px;
    background: #f4f5f7;
    border-radius: 32px;
    line-height: 1.1;
    white-space: nowrap;
}
.modal-quick-look .tab-tags .tab-tag.is-active {
    color: #fff;
    background-color: #e05e00;
}
.modal-quick-look .tab-tags .swiper-button-prev,
.modal-quick-look .tab-tags .swiper-button-next {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    width: 30px;
    margin-top: -17px;
    font-size: 24px;
	background: none;
	align-items: center;
}
.modal-quick-look .tab-tags .swiper-button-prev:hover,
.modal-quick-look .tab-tags .swiper-button-next:hover {
    color: #FEB13A;
}
.modal-quick-look .tab-tags .swiper-button-disabled {
	display: none;
}
.modal-quick-look .tab-tags .swiper-button-prev {
	left: 0;
	justify-content: flex-start;
	background-image: linear-gradient(-90deg,rgba(255,255,255,0) 0%,#fff 40%,#fff 100%);
}
.modal-quick-look .tab-tags .swiper-button-next {
	right: 0;
	justify-content: flex-end;
	background-image: linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 40%,#fff 100%);
}
.modal-quick-look .tab-tags .swiper-button-prev i {
	margin-left: 6px;
}
.modal-quick-look .tab-tags .swiper-button-next i {
	margin-right: 6px;
}
.modal-quick-look .tab-pane .filter-bar {
    background-color: #f4f5f7;
    margin: 0;
}
.modal-quick-look .tab-pane .list-tool-search {
    display: flex;
    align-items: center;
}
.modal-quick-look .tab-pane .list-tool-search .button {
	margin-left: 10px;
}
.modal-quick-look .tab-pane .filter-bar .input-select {
    border-radius: 10px;
}
.modal-quick-look .tab-pane .link-text {
	color: #000;
	text-decoration: underline;
}
.modal-quick-look .tab-pane .link-text:hover{
    font-weight: 600;
}
.modal-quick-look .tab-pane .swiper-box-top-title {
    display: inline-block;
    font: normal 26px 'Open Sans','Helvetica Narrow', arial, helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    vertical-align: baseline;
    color: #222;
}

/* modal-quick-look */
.modal-quick-look.show  {
	font-size: 13px  !important;
	line-height: 1.36 !important;
}
.modal-quick-look .modal-dialog,
.modal-quick-look .show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}
.modal-quick-look .centerPopup-close {
	font-size: 18px;
}
.modal-quick-look .product-view.is-popup .swiper-button-next,
.modal-quick-look .product-view.is-popup .swiper-button-prev {
    display: flex;
    background-image: none;
}
.modal-quick-look .product-view.is-popup {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	border: 0;
}
.modal-quick-look .product-view {
    margin: 0;
}
.modal-quick-look .goods-branding {
	justify-content: flex-start;
}
.modal-quick-look .goods-branding .link-more {
	margin:0 0 0 15px;
}
.modal-quick-look .goods-container {
    display: block;
}
.modal-quick-look .goods-container .goods-img {
	-webkit-flex-shrink: 0; 
    flex-shrink: 0;
	width: 80px;
}
.modal-quick-look .goods-container .goods-info {
	padding: 0;
	height: 290px;
	box-sizing: border-box;
	overflow: hidden;
	overflow-y: auto;
	margin-right: -20px;
	padding-right: 20px;
	width: auto;
}
.modal-quick-look .goods-container .goods-price {
	text-align: right;
	padding-left: 20px;
    white-space: nowrap;
	text-overflow: ellipsis;
}
.modal-quick-look .goods-container .goods-price.is-horizontal {
    justify-content: flex-end;
    flex-direction: column;
}
.modal-quick-look .goods-container .goods-price .goods-price-current {
	font-size: 14px;
	margin: 20px 0 0 0;
	justify-content: flex-end;
}
.modal-quick-look .goods-container .goods-price.is-horizontal .goods-price-was,
.modal-quick-look .goods-container .goods-price.is-horizontal .goods-price-map {
    margin-right: 0;
}
.modal-quick-look .goods-container .goods-price .goods-promo {
	margin: 5px 0 0 0;
}
.modal-quick-look .item-actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin: 15px 0;
}
.modal-quick-look .item-actions .ico-caret-right-solid {
	line-height: 12px;
	margin: 0 5px;
}
.modal-quick-look .item-actions  .button:hover {
	-webkit-transform: scale(1);
    transform: scale(1);
}
.modal-quick-look .tab-panes .tab-pane {
    padding: 15px;
}
.modal-quick-look.show [data-tab-type="tab-content"].active {
    display: block;
}
.modal-quick-look .goods-info {
	margin-right: -20px;
	padding-right: 20px;
}
.modal-quick-look .goods-info::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
    background: #f4f5f7;
}
.modal-quick-look .goods-info::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.modal-quick-look .goods-title {
    font-size: 18px;
    max-height: 117px;
	line-height: 1.3;
    -webkit-line-clamp: 5;
}
.modal-quick-look .review-cell > .review-info > div {
    display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: middle;
}
.modal-quick-look .review-cell > .review-info ,
.modal-quick-look .review-cell > .review-title {
	margin-bottom: 12px;
}
.modal-quick-look .item-actions .button {
	margin:  0 0 0 12px;
}
/* modal-quick-look grid */
.modal-quick-look .grid {
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin-bottom: 20px;
	max-height: calc(100vh - 150px);
}
.modal-quick-look .col-wide {
    margin-right: 10px;
    padding-right: 30px;
    border-right: 1px solid #eee;
}
.modal-quick-look .col-w-300px {
	margin-left: 20px;
	flex-shrink: 0;
}
.modal-quick-look .item-branding .item-rating {
    float: left;
    min-width: calc(100% - 75px);
}
.modal-quick-look .item-branding .item-brand+.item-rating {
    margin-top: 5px;
}
.modal-quick-look .review-content ul:last-child {
    margin: 10px 0 10px 16px;
    color: #222;
}



/* modal-quick-look menu content */
.modal-quick-look .menu-box {
	position: relative;
	display: inline-block;
}
.modal-quick-look .menu-box-trigger {
	position: relative;
	display: inline-block;
	padding-right: 12px;
	padding-bottom: 5px;
	max-width: 100%;
}
.modal-quick-look .menu-box-menu {
	display: none;
	position: absolute;
	z-index: 1020;
	top: 100%;
	left: 0;
	margin-top: 5px;
	min-width: 110%;
  	border-radius: 4px;
	border: 1px solid #ccc;
	-webkit-box-shadow: 5px 3px 10px rgba(0, 0, 0, .2);
	-moz-box-shadow: 5px 3px 10px rgba(0, 0, 0, .2);
	-ms-box-shadow: 5px 3px 10px rgba(0, 0, 0, .2);
	-o-box-shadow: 5px 3px 10px rgba(0, 0, 0, .2);
	box-shadow: 5px 3px 10px rgba(0, 0, 0, .2);
	background: #fff;
	white-space: normal;
}
.modal-quick-look .menu-box-trigger:after,
.modal-quick-look .menu-box.is-active > .menu-box-trigger:before,
.modal-quick-look .menu-box-menu-arrow:before {
	display: inline-block;
    font-family: 'NE-desktop';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.modal-quick-look .menu-box-trigger:after {
	content: "\f0d7";
	position: absolute;
	top: 1px;
	right: 0;
}
.modal-quick-look .menu-box.is-active > .menu-box-trigger:before,
.modal-quick-look .menu-box-menu-arrow:before {
	content: "\f0d8";
}
.modal-quick-look .menu-box.is-active > .menu-box-trigger:before,
.modal-quick-look .menu-box-menu-arrow {
	position: absolute;
	z-index: 1030;
	color: #fff;
	font-size: 28px;
	line-height: 1;
	text-shadow: 0 -1px 0 #bfbfbf;
}
.modal-quick-look .menu-box.is-active > .menu-box-trigger:before {
	right: -5px;
	bottom: -18px;
}
.modal-quick-look .menu-box-menu-arrow {
	bottom: 100%;
	left: 20px;
	margin-bottom: -11px;
}
.modal-quick-look .menu-box.is-tips-info > .menu-box-trigger { 
	padding-right: 15px; 
}
.modal-quick-look .menu-box.is-tips-info > .menu-box-trigger:after { 
	content: "\f059"; 
}
.modal-quick-look .menu-box.is-active > .menu-box-menu { 
	display: block; 
}
.modal-quick-look .menu-box .article {
	padding: 20px;
	min-width: 300px;
}



/**** short-video ***/
.short-video-box .short-video-relative {
	position: relative;
}
.short-video-box .short-video-relative .masker.opacity-30 {
	border-radius: 8px;
	background-color: #212121;
	z-index: 3;
}
.short-video-box .short-video-relative .video-comm {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	/* background-color: #000; */
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
	justify-content: center;
	min-height: 400px;
}
.short-video-box .short-video-relative .video-comm.is-vertical .video-js {
	position: absolute;
	top: 0;
}
.short-video-box .short-video-relative .video-comm.is-vertical .vjs-item-box {
	margin-top: auto;
}
.short-video-box .video-js {
	width: 100%;
	height: 100%;
	background-color: transparent;
}
.short-video-box .vjs-top-bar {
	position: absolute;
	top: 15px;
	right: 15px;
	padding: 0;
	box-sizing: border-box;
	z-index: 2;
}
.short-video-box .vjs-top-bar .right {
	display: flex;
	align-items: center;  
}
.short-video-box .video-gif {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.short-video-box .video-gif img {
	width: 100%;
	top: 50%;
	position: absolute;
	transform: translateY(-50%);
}
.short-video-box.col-h-240px .video-comm.is-horizontal .video-js .vjs-tech{
	top: 50%;
	height: auto;
	transform: translateY(-50%);
}
.vjs-icon-comm {
	border-radius: 100%;
	width: 24px;
	height: 24px;
	margin-left: 10px;
	cursor: pointer;
}
.vjs-icon-comm:first-child {
	margin-left: 0;
}
.vjs-icon-comm .ico {
	font-size: 12px;
	line-height: 24px;
	color: #000;
}
.vjs-item-box {
	height: auto;
	display: flex;
	align-items: center;
	margin: 0 10px 10px 10px;
	border-radius: 8px;
	box-sizing: border-box;
	line-height: 1.4;
	color: #fff;
	background-image: linear-gradient(black, #121212);
}
.goods-list.short-video-box .vjs-item-box .goods-container.is-horizontal {
	-webkit-flex-direction: row;
	flex-direction: row;
}
.vjs-item-box {
	background: rgba(0, 0, 0, 0.6);
	-webkit-backdrop-filter: blur(50px);
	backdrop-filter: blur(50px);
}
.vjs-item-box .goods-container.is-horizontal .goods-img {
	width: 80px;
	height: 100%;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, .8);
	border-radius: 8px;
	mix-blend-mode: normal !important;
}
.dark-mode .vjs-item-box .goods-container.is-horizontal .goods-img {
	border-radius: 8px;
}
.vjs-item-box .goods-container.is-horizontal .goods-img img {
	mix-blend-mode: darken;
	background-color: transparent;
}
.vjs-item-box .goods-info {
	padding: 0 10px;
}
.video-placeholder {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.video-placeholder img {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.video-comm.is-gif .video-placeholder img {
	width: 100%;
	height: 100%;
}
.video-comm.is-gif .video-gif-close {
	width: 24px;
	height: 24px;
	background-image: url("../../Nest/images/icons/close@3x.png");
	background-size: 100% 100%;
	cursor: pointer;
	z-index: 3;
	position: absolute;
	right: 15px;
	top: 15px;
	visibility: visible;
	opacity: 0;
	transition: visibility 1s, opacity 1s;
}
.short-video-box .short-video-relative:hover .video-comm.is-gif .video-gif-close {
	opacity: 1;
}
.video-comm .video-placeholder.is-placeholder::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%);
	backdrop-filter: blur(15px); 
	z-index: 1;
}
.video-comm .video-placeholder.is-placeholder ~ .video-js{
	z-index: 2;	
}
.video-comm .video-placeholder.is-placeholder ~ .vjs-item-box {
	z-index: 3;
}
.items-list-view .item-promo,
.items-grid-view .item-promo {
	transform: translate3d(0,0,0);
}
.video-comm.is-gif .video-placeholder::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%);
	backdrop-filter: blur(15px); 
	z-index: 1;
}
.video-comm.is-gif .vjs-item-box {
	z-index: 3;
}
/* .vjs-item-box .goods-info .tag-list {
	max-height: 25px;
	overflow: hidden;
} */
.vjs-item-box .goods-info .tag-list:not(:first-child){
	margin-top: 5px;
}
.vjs-item-box .goods-info .goods-price:not(:first-child) {
	margin-top: 0;
}
.vjs-item-box .goods-info .goods-price.is-horizontal {
	align-items: center;
}
.vjs-item-box .goods-info .goods-price .goods-price-was.text-gray {
	color: #fff;
}
.vjs-item-box .vjs-hidden {
	display: block !important;
}
.vjs-item-box .goods-img img {
	border-radius: 8px;
}
.vjs-item-box .goods-container .goods-title {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
}
.vjs-item-box .goods-container .goods-branding .goods-rating-num.text-gray {
	color: #fff;
}
.vjs-item-box .goods-price-current .goods-price-symbol {
	font-size: 2em;
}
.vjs-item-box .goods-price-current .goods-price-label,
.vjs-item-box .goods-price-current .goods-price-value strong {
	font-size: 2em;
	font-weight: 700;
}
.vjs-item-box .goods-price-current .goods-price-value sup {
	font-size: 1em;
}
.vjs-item-box .goods-list.is-horizontal.is-card .goods-container > .goods-info,
.vjs-item-box .goods-container.is-horizontal.is-card > .goods-info {
	padding: 5px 10px;
}
.short-video-box .vjs-play-icon.vjs-play .ico-play-solid:before {
	content: "\e915";
}
.short-video-box .vjs-has-started .vjs-control-bar, 
.short-video-box .vjs-has-started.vjs-audio-only-mode .vjs-control-bar {
	opacity: 0 !important;
	transition: visibility 1s, opacity 1s;
}
.short-video-box .short-video-relative:hover .vjs-has-started .vjs-control-bar,
.short-video-box .short-video-relative:hover .vjs-has-started.vjs-audio-only-mode .vjs-control-bar {
	opacity: 1 !important;
}

.short-video-box .short-video-relative .vjs-control-bar .vjs-close {
	width: 24px;
	height: 24px;
	background-image: url("../../Nest/images/icons/close@3x.png");
	background-size: 100% 100%;
	order: 2;
	display: flex;
	cursor: pointer;
}

.short-video-box .vjs-music-icon.vjs-muted .ico-bell:before {
	content: "\f070";
}
.short-video-box .video-js .vjs-big-play-button {
	line-height: 64px;
}
.short-video-box .video-js .vjs-big-play-button {
	display: none;
}
.short-video-box .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
	content: none !important;
}
.short-video-box .video-js .vjs-control-bar > *,
.short-video-box .video-js .vjs-volume-control {
	display: none;
}
.short-video-box .video-js .vjs-control-bar {
	background-color: transparent;
	justify-content: flex-end;
	height: 24px;
	top: 0;
	padding-top: 15px;
	height: 60px;
	box-sizing: border-box;
	padding-right: 15px;
	background-image: linear-gradient(180deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 100%);
}
.short-video-box .video-js .vjs-control {
	width: 24px;
	height: 24px;
}
.short-video-box .video-js .vjs-play-control,
.short-video-box .video-js .vjs-close,
.short-video-box .video-js .vjs-volume-panel {
	display: flex;
}
.short-video-box .video-js .vjs-play-control {
	order: 1;
	margin-right: 10px;
}
.short-video-box .video-js .vjs-volume-panel {
	order: 0;
	margin-right: 10px;
}
.short-video-box .vjs-volume-panel.vjs-hover {
	width: 24px !important;
}
.short-video-box .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
	content: '';
	background-image: url("../../Nest/images/icons/mute@3x.png");
	background-size: 100% 100%;
}
.short-video-box .video-js .vjs-mute-control .vjs-icon-placeholder:before {
	content: '';
	background-image: url("../../Nest/images/icons/voice@3x.png");
	background-size: 100% 100%;
}
.short-video-box .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
	content: '';
	background-image: url("../../Nest/images/icons/pause@3x.png");
	background-size: 100% 100%;
}
.short-video-box .video-js .vjs-play-control .vjs-icon-placeholder:before {
	content: '' !important;
	background-image: url("../../Nest/images/icons/play@3x.png");
	background-size: 100% 100%;
}
.short-video-box .vjs-music-icon,
.short-video-box .vjs-play-icon {
	position: relative;
}
.short-video-box .vjs-music-icon .vjs-music-icon-a,
.short-video-box .vjs-music-icon .vjs-music-icon-b,
.short-video-box .vjs-play-icon .vjs-play-icon-a,
.short-video-box .vjs-play-icon .vjs-play-icon-b {
	width: 100%;
	height: 100%;
	transition: opacity 0.3s;
	position: absolute;
	top: 0;
	bottom: 0;
}
.short-video-box .vjs-music-icon:not(.is-active) .vjs-music-icon-a {
	background-image: url("../../Nest/images/icons/voice@3x.png");
	background-size: 100% 100%;
	opacity: 1;
	z-index: 2;
}
.short-video-box .vjs-music-icon.is-active .vjs-music-icon-b {
	background-image: url("../../Nest/images/icons/mute@3x.png");
	background-size: 100% 100%;
	opacity: 1;
	z-index: 2;
}
.short-video-box .vjs-play-icon:not(.is-active) .vjs-play-icon-a {
	background-image: url("../../Nest/images/icons/pause@3x.png");
	background-size: 100% 100%;
	opacity: 1;
	z-index: 2;
}
.short-video-box .vjs-play-icon.is-active .vjs-play-icon-b {
	background-image: url("../../Nest/images/icons/play@3x.png");
	background-size: 100% 100%;
	opacity: 1;
	z-index: 2;
}
@media (max-width: 1399px) {
	.vjs-item-box .goods-container.is-horizontal .goods-img {
			width: 60px;
	}
}
@media (max-width: 999px) {
	.vjs-item-box {
			margin: 10px 0 0 0;
			border-radius: 0;
	}
	/* .vjs-item-box .goods-container.is-horizontal .goods-img {
		border-radius: 0;
	} */
	.vjs-item-box .goods-list.is-horizontal.is-card .goods-container > .goods-info, 
	.vjs-item-box .goods-container.is-horizontal.is-card > .goods-info {
			padding: 5px;
	}
}
@media (max-width: 799px) {
	.short-video-box .video-js {
		padding: 0 !important;
	}
}


/**** modal-quick-look DARK MODE ***/
.dark-mode .modal-quick-look .menu-box-menu {
   background: #333 !important;
   border-color: #444 !important;
}
.dark-mode .modal-quick-look .list-tools-bar,
.dark-mode .modal-quick-look .product-view-bar {
   background: #333 !important;
}
.dark-mode .modal-quick-look .item-rating-num {
   color: #BBB !important;
}
.dark-mode .modal-quick-look .finder-tool-table .filter-bar {
   background-color: #333 !important;
}
.dark-mode .modal-quick-look .swiper-box-top-title {
   color: #fff!important;
}
.dark-mode .modal-quick-look .tab-navs,
.dark-mode .modal-quick-look .tab-panes .tab-pane,
.dark-mode .modal-quick-look .tab-content > .tab-pane,
.dark-mode .modal-quick-look  .article .tab-content > .tab-pane,
.dark-mode .modal-quick-look .col-wide,
.dark-mode .modal .review-cell {
   border-color: #555 !important;
}
.dark-mode .modal-quick-look .tab-content > .tab-pane,
.dark-mode .modal-quick-look .article .tab-content > .tab-pane {
   background: #202020 !important;
}
.dark-mode .modal-quick-look .tab-navs .tab-nav,
.dark-mode .modal-quick-look .tab-content > .tab-nav > ul > li,
.dark-mode .modal-quick-look .article .tab-content > .tab-nav > ul > li {
   background-color: #444;
   background-image: -webkit-linear-gradient(bottom,#444,#333);
   background-image: -moz-linear-gradient(bottom,#444,#333);
   background-image: -o-linear-gradient(bottom,#444,#333);
   background-image: -ms-linear-gradient(bottom,#444,#333);
   background-image: linear-gradient(to top,#444,#333) !important;
   border-color: #555 !important;
}
.dark-mode .modal-quick-look .tab-navs .tab-nav:hover,
.dark-mode .modal-quick-look .tab-content > .tab-nav > ul > li:hover,
.dark-mode .modal-quick-look .article .tab-content > .tab-nav > ul > li:hover {
   background-color: #333;
   background-image: -webkit-linear-gradient(bottom,#333,#444);
   background-image: -moz-linear-gradient(bottom,#333,#444);
   background-image: -o-linear-gradient(bottom,#333,#444);
   background-image: -ms-linear-gradient(bottom,#333,#444);
   background-image: linear-gradient(to top,#333,#444) !important;
}
.dark-mode .modal-quick-look .tab-navs .tab-nav.active,
.dark-mode .modal-quick-look .tab-content > .tab-nav > ul > li.is-active,
.dark-mode .modal-quick-look .article .tab-content > .tab-nav > ul > li.is-active {
   background: #202020 !important;
   border-top-color: #ff9800 !important;
   color: #ff9800 !important;
}
.dark-mode .modal-quick-look .tab-tags .tab-tag {
   background-color: #444;
}
.dark-mode .modal-quick-look .tab-tags .swiper-button-prev {
   background-image: linear-gradient(-90deg,rgba(0,0,0,0) 0%,#333 40%,#333 100%);
}
.dark-mode .modal-quick-look .tab-tags .swiper-button-next {
   background-image: linear-gradient(90deg,rgba(0,0,0,0) 0%,#333 40%,#333 100%);
}
.dark-mode .modal-quick-look .tab-tags .tab-tag.is-active {
   color: #fff;
   background-color: #e05e00;
}
.dark-mode .modal-quick-look .tab-panes .tab-pane,
.dark-mode .modal-quick-look .table-horizontal tbody,
.dark-mode .modal-quick-look tbody td,
.dark-mode .modal-quick-look tbody th,
.dark-mode .modal-quick-look .review-related {
   border-color: #555!important;
}
.dark-mode .modal-quick-look .tab-pane .filter-bar {
   background: #444 !important;
}
.dark-mode .modal-quick-look .table-horizontal tbody th {
   background: #444;
}
.dark-mode .modal-quick-look .tab-navs .tab-nav.active {
   background: #333!important;
   color: #fff!important;
   border-color: #f90!important;
   border-left-color: #555!important;
}
.dark-mode .modal-quick-look .review-content {
   color: #fff;
}
.dark-mode .modal-quick-look  .tab-panes a:not(.button):hover {
   color: #F06C00;
}
.dark-mode .modal-quick-look  .tab-pane .link-text {
   color: #fff;
}
.dark-mode .modal-quick-look  .menu-box.is-active > .menu-box-trigger:before {
   color: #333 !important;
   text-shadow: 0px 0 0 #444!important;
}
.dark-mode .modal-quick-look .review-content ul:last-child {
    color: #adadad;
}
.dark-mode .modal-quick-look .product-txt-tips {
    background: rgba(0, 0, 0, 0.3);
}
.dark-mode .modal-quick-look .swiper-gallery-thumbs .swiper-slide,
.dark-mode .modal-quick-look .product-view-thumb-container .thumb-slide {
	border-color: #333;
}
.dark-mode .modal-quick-look .modal-header .close:hover {
    color: #999;
}
.dark-mode .modal-quick-look .comments-content {
    color: #fff;
}
.dark-mode .modal-quick-look .link-underline:hover {
    color: #8eaff0!important;
}
.dark-mode .item-promo svg path {
	fill: #f90;
} 

/* item in swiper */
.swiper-container .goods-brand {
	display: none;
}
/* ----above 599px vertical, below 599px horizontal */
.goods-list.is-vertical-xxs-horizontal .goods-container{
	-webkit-flex-direction: column;
	flex-direction: column;
}
.goods-list.is-vertical-xxs-horizontal.is-reverse .goods-container{
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
.goods-list.is-vertical-xxs-horizontal .goods-container > .goods-img{
	width: 100%;
	max-width: 480px;
}
.goods-list.is-vertical-xxs-horizontal:not(.is-reverse) .goods-container > .goods-info{
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}
.goods-list.is-vertical-xxs-horizontal .goods-container > .goods-img > img{
	transform: scale(0.9);
}
.goods-list.is-vertical-xxs-horizontal .goods-container .goods-sponsored-box,
.goods-list.is-vertical-xxs-horizontal .goods-container .goods-negspa-box {
	position: absolute;
	z-index: 5;
	bottom: 100%;
	right: 20px;
	padding: 0 4px;
	border-radius: 8px;
	background-color: rgba(255, 255, 255, 0.9);
}
.goods-list.is-vertical-xxs-horizontal .goods-container > .goods-info{
	padding-top: 0;
}
.goods-list.is-vertical-xxs-horizontal.is-reverse .goods-container > .goods-info{
	padding-top: 30px;
	padding-bottom: 0;
}
.goods-list.is-vertical-xxs-horizontal .goods-features {
	display: none;
}
@media (max-width:599px) {
	.goods-list.is-vertical-xxs-horizontal .goods-container{
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-align-items: flex-start;
		align-items: flex-start; 
	}
	.goods-list.is-vertical-xxs-horizontal .goods-container .goods-img {
		max-width: 100px;
	}
	.goods-list.is-vertical-xxs-horizontal .goods-container .goods-img .goods-img-player {
		bottom: 0;
		right: 0;
	}
	.goods-list.is-vertical-xxs-horizontal .goods-container > .goods-info {
		padding-left: 8px;
		padding-right: 8px;
		padding-bottom: 0;
	}
	/* 599 horizontal*/
	/* category-list.xxs-vertical */
	.category-list.is-vertical-xxs-horizontal .goods-container {
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.category-list.is-horizontal .goods-container > .goods-img,
	.category-list.is-vertical-xxs-horizontal .goods-container > .goods-img {
		max-width: 148px;
	}
	.category-list.is-vertical-xxs-horizontal .goods-container .goods-info {
		padding: 0 20px;
		width: auto;
		text-align: left;
	}
	.swiper-section .keep-height .goods-branding,
	.swiper-section .keep-height .goods-title,
	.swiper-section .keep-height .goods-promo,
	.swiper-section .keep-height .goods-title.font-l,
	.swiper-section .keep-height .goods-title.font-xl,
	.swiper-section .keep-height .goods-promo.font-s,
	.swiper-section .keep-height .goods-price,
	.swiper-section .keep-height .goods-price.font-s,
	.swiper-section .keep-height .goods-price-current,
	.swiper-section .keep-height .goods-price-map,
	.swiper-section .keep-height .goods-price.font-s .goods-price-current,
	.swiper-section .keep-height .goods-price.font-s .goods-price-map,
	.swiper-section .keep-height .goods-price-was,
	.swiper-section .keep-height .goods-price-ship{
		min-height: auto;
	}
}



/* menu box 
================================*/
.menu-box {
	position: relative;
	display: inline-block;
}
.menu-box-trigger {
	position: relative;
	display: inline-block;
	padding-right: 12px;
	padding-bottom: 5px;
	max-width: 100%;
}
.menu-box-menu {
	display: none;
	position: absolute;
	z-index: 1020;
	top: 100%;
	left: 0;
	margin-top: 5px;
	min-width: 110%;
  	border-radius: 4px;
	border: 1px solid #ccc;
	-webkit-box-shadow: 5px 3px 10px rgba(0, 0, 0, .2);
	   -moz-box-shadow: 5px 3px 10px rgba(0, 0, 0, .2);
	    -ms-box-shadow: 5px 3px 10px rgba(0, 0, 0, .2);
		 -o-box-shadow: 5px 3px 10px rgba(0, 0, 0, .2);
		 	box-shadow: 5px 3px 10px rgba(0, 0, 0, .2);
	background: #fff;
	white-space: normal;
}
.menu-box-trigger:after,
.menu-box.is-active > .menu-box-trigger:before,
.menu-box-menu-arrow:before {
	display: inline-block;
    font-family: 'NE-desktop';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.menu-box-trigger:after {
	content: "\f0d7";
	position: absolute;
	top: 1px;
	right: 0;
}
.menu-box.is-active > .menu-box-trigger:before,
.menu-box-menu-arrow:before {
	content: "\f0d8";
}
.menu-box.is-active > .menu-box-trigger:before,
.menu-box-menu-arrow {
	position: absolute;
	z-index: 1030;
	color: #fff;
	font-size: 28px;
	line-height: 1;
	text-shadow: 0 -1px 0 #bfbfbf;
}
.menu-box.is-active > .menu-box-trigger:before {
	right: -5px;
	bottom: -18px;
}
.menu-box-menu-arrow {
	bottom: 100%;
	left: 20px;
	margin-bottom: -11px;
}
.menu-box.is-tips-info > .menu-box-trigger { padding-right: 15px; }
.menu-box.is-tips-info > .menu-box-trigger:after { content: "\f059"; }
.menu-box.is-active > .menu-box-menu { display: block; }
.menu-box .article {
	padding: 20px;
	min-width: 300px;
}


/* ----at left */
.menu-box.at-left.is-active > .menu-box-trigger:before {
	content: "\f0da";
	top: 5px;
	left: -3px;
	right: auto;
	bottom: auto;
	text-shadow: 2px 0 0 #bfbfbf;
}
.menu-box.at-left .menu-box-menu > .menu-box-menu-arrow {
	top: 5px;
	right: -8px;
	left: auto;
	bottom: auto;
	text-shadow: 1px 0 0 #bfbfbf;
}
.menu-box.at-left .menu-box-menu > .menu-box-menu-arrow:before {
	content: "\f0da";
}
.menu-box.at-left > .menu-box-menu {
	top: -12px;
	left: auto;
	right: 100%;
	margin: 0 8px 0 0;
}


/* ----at right */
.menu-box.at-right.is-active > .menu-box-trigger:before {
	content: "\f0d9";
	top: 5px;
	right: -3px;
	bottom: auto;
	text-shadow: -2px 0 0 #bfbfbf;
}
.menu-box.at-right .menu-box-menu > .menu-box-menu-arrow {
	top: 5px;
	left: -8px;
	bottom: auto;
	text-shadow: -1px 0 0 #bfbfbf;
}
.menu-box.at-right .menu-box-menu > .menu-box-menu-arrow:before {
	content: "\f0d9";
}
.menu-box.at-right > .menu-box-menu {
	top: -12px;
	left: 100%;
	right: auto;
	margin: 0 0 0 8px;
}

/* ----gray */
.menu-box.is-gray-menu >.menu-box-menu {
	border: 1px solid #fff;
	border-radius: 3px;
	background: #f1f1f1;
}
.menu-box.is-active.is-gray-menu > .menu-box-trigger:before,
.menu-box.is-gray-menu >.menu-box-menu > .menu-box-menu-arrow {
	color: #f1f1f1;
	text-shadow: 0 -1px 0 #fff;
}
.menu-box.at-left.is-active.is-gray-menu > .menu-box-trigger:before {
	text-shadow: 2px 0 0 #fff;
}
.menu-box.at-right.is-active.is-gray-menu > .menu-box-trigger:before {
	text-shadow: -2px 0 0 #fff;
}



/* disabled */
.menu-box.is-disabled .menu-box-trigger:before { content: none; }
.menu-box.is-disabled .menu-box-trigger {
	color: #B8B8B8!important;
	cursor: not-allowed;
}
.menu-box.is-disabled .menu-box-menu { display: none; }

/* ---- menu-box in button */
.btn.menu-box-trigger { padding: 8px 12px; }
.btn.menu-box-trigger:after {
	position: static;
	top: auto;
	right: auto;
	margin-left: 5px;
}
.menu-box.is-active .btn.menu-box-trigger:before {
	right: 7px;
	bottom: -17px;
	color: #f2f2f2;
}
.btn.menu-box-trigger + .menu-box-menu {
	margin-top: 5px;
	background: #f2f2f2;
}



/* menu content */
.nav-container {
	position: relative;
}
.nav-container-inner,
.nav-cell {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.nav-cell {
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 250px;
	box-sizing: border-box;
}
.nav-cell:first-child { border-radius: 4px 0 0 4px; }
.nav-cell:last-child { border-radius: 0 4px 4px 0; }
.nav-cell + .nav-cell { border-left: 1px solid #fff; }
.nav-list {
	padding: 10px 0;
}
.nav-list + .nav-list { border-top: 1px solid #fff; }
.nav-list-title {
	padding: 10px 25px;
	font-weight: bold;
	font-size: 14px;
}
.nav-list-title > strong { text-transform: uppercase; }
.nav-list > ul,
.nav-list > ul > li,
.nav-sublist,
.nav-sublist > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-sublist { margin-left: 20px; }
.nav-sublist .nav-list-link {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #606060;
	font-size: 13px;
}
.nav-list-link {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding: 10px 25px;
	font-size: 14px;
	word-wrap: break-word;
	word-break: break-all;
	word-break: break-word;
	text-overflow: ellipsis;
}
.nav-list-link.is-bigger { font-size: 16px; }
.nav-list-link:hover {
	color: inherit;
	background: #d8d8d8;
}
.nav-list-link > .fas,
.nav-list-link > .fa {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin-right: 5px;
	width: 1.5em;
	text-align: center;
}
.nav-list-link img { max-width: 100%; }
.nav-list-link .stickier {
	margin-left: 5px;
}
.nav-cell > .btn.btn-wide {
	margin-left: 25px;
	margin-bottom: 15px;
	width: calc(100% - 50px);
}
.menu-box > .nav-list-link:after {
	content: '\f105';
	position: absolute;
	top: 12px;
	right: 15px;
	display: inline-block;
    font: normal normal 14px/1 'NE-desktop';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* for old main nav
================================*/
.main-nav-title { display: block; }
.main-nav .menu-box-body-inner {
	padding: 5px 15px;
	width: 210px;
	background: #f1f1f1;
}
.main-nav .menu-box-arrow:after { border-bottom-color: #f1f1f1; }

/* category */
.main-nav-item { /*position: relative;*/ }
.main-nav-item-title {
	display: block;
	position: relative;
	padding: 11px 4px 11px 0;
	color: #4d4d4d;
	font-weight: bold;
	font-size: 15px;
}
.main-nav-item.first { border-top: 0; }
.main-nav-item-title:hover { color: #4d4d4d; }
.main-nav-item-title > .fa-chevron-right {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -5px;
	color: #d4d4d4;
	font-weight: normal;
	font-size: 10px;
}
.main-nav-item-body {
	display: none;
	position: absolute;
	z-index: 120;
	top: 5px;
	left: 208px;
	padding: 20px 0 0 20px;
	border-radius: 0 2px 2px 0;
	border: 1px solid #f2f2f2;
	background: #fff;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 40, .15);
	   -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 40, .15);
			box-shadow: 5px 5px 5px 0px rgba(0, 0, 40, .15);
}
.main-nav-item-body .nav-row { margin-bottom: 20px; }
.main-nav-item-body .nav-col {
     padding-right: 20px;
     min-width: 161px;
     vertical-align: top;
}
/* subcategory */
.main-nav-subTitle {
	margin-bottom: 10px;
	width: 161px;
	font-weight: bold;
	font-size: 15px;
}
.main-nav-subTitle > a { color: #222; }
.main-nav-subTitle > a:hover { color: #e29012; }
.main-nav-subItem {
	padding: 5px 0;
	width: 151px;
	font-size: 14px;
}
.main-nav-subItem > a {
	display: inline-block;
	padding: 0;
	color: #4d4d4d;
}
.main-nav-subItem > a:hover {
	color: #e29012;
	text-decoration: underline;
}
.main-nav-subItem > .main-nav-third-title-num { padding: 0 0 0 8px; }
.main-nav-subItem .popover-wrap {
	display: inline-block;
	padding: 0 18px 0 0;
}
.main-nav-subItem .popover-wrap .at-right .popover-arrow { right: -3px; }
.main-nav-subItem .popover-wrap .at-right .popover { margin-left: 3px; }
.nav-tools .main-nav-subTitle,
.nav-tools .main-nav-subItem a { color: #335F9C; }

.main-nav-item.is-active .main-nav-item-title { color: #e29012; }
.main-nav-item.first.is-active { margin-top: 0; }
.main-nav-item.is-active .main-nav-item-title > .fa-chevron-right { color: #e29012; }
.main-nav-item.is-active .main-nav-item-body { display: block; }

/* third category */
.main-nav-third-body { display: none; }
.main-nav-third-body .nav-col { padding: 0 10px; }
.main-nav-third-body .popover,
.main-nav-subItem.is-active .main-nav-third-body,
.main-nav-subItem.is-active .main-nav-third-body .popover {
	display: block;
	top: -16px;
	background: #f3f3f3;
}
.main-nav-third-body.at-right .popover-arrow:after { border-right-color: #f3f3f3; }
.main-nav-third-body.at-left .popover-arrow:after { border-left-color: #f3f3f3; }
.main-nav-third-body .nav-row { margin-bottom: 0; }
.main-nav-third-categories { width: 160px; }
.main-nav-third-item { padding: 5px 0; }
.main-nav-third-item > a,
.main-nav-third-title { color: #4d4d4d; }
.main-nav-third-item > a:hover,
.main-nav-third-title:hover,
.main-nav-subItem.is-active .popover-wrap > .main-nav-third-title { color: #e29012; }
.popover-wrap > .main-nav-third-title:after {
	content: "\f105";
	position: absolute;
	top: 6px;
	right: -10px;
	color: #d4d4d4;
	font: normal normal normal 14px/1 'NE-desktop';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.main-nav-third-title-num { display: none; color: #aaa; }
/* on mobile device */
.NEG-Mobile .popover-wrap .main-nav-third-title:after { content: none; }
.NEG-Mobile .popover-wrap .main-nav-third-body { display: none!important; }
/* menu box */
.menu {
	position: relative;
}
.menu-body {
	display: none;
	position: absolute;
	z-index: 5;
	white-space: normal;
}
.menu-arrow,
.menu-arrow:before {
	position: absolute;
	z-index: 1;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
}
.menu-arrow:before {
	content: '';
	z-index: 2;
}
/* ----top */
.menu.at-top > .menu-body {
	bottom: 100%;
	left: 0;
	margin-bottom: 10px;
}
.menu.at-top > .menu-body > .menu-arrow,
.menu.at-top > .menu-body > .menu-arrow:before {
	border-width: 12px 11px 0 11px;
}
.menu.at-top > .menu-body > .menu-arrow {
	left: 20px;
	top: 100%;
}
.menu.at-top > .menu-body > .menu-arrow:before {
	bottom: 1px;
	left: -11px;
}
/* ----bottom */
.menu.at-bottom > .menu-body {
	top: 100%;
	left: 0;
	margin-top: 10px;
}
.menu.at-bottom > .menu-body > .menu-arrow,
.menu.at-bottom > .menu-body > .menu-arrow:before {
	border-width: 0 11px 12px 11px;
}
.menu.at-bottom > .menu-body > .menu-arrow {
	left: 20px;
	bottom: 100%;
}
.menu.at-bottom > .menu-body > .menu-arrow:before {
	top: 1px;
	left: -11px;
}
/* ----right */
.menu.at-right > .menu-body {
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	margin-left: 10px;
}
.menu.at-right > .menu-body > .menu-arrow,
.menu.at-right > .menu-body > .menu-arrow:before {
	border-width: 11px 12px 11px 0;
}
.menu.at-right > .menu-body > .menu-arrow {
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
}
.menu.at-right > .menu-body > .menu-arrow:before {
	top: -11px;
	left: 1px;
}
/* ----left */
.menu.at-left > .menu-body {
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
	margin-right: 10px;
}
.menu.at-left > .menu-body > .menu-arrow,
.menu.at-left > .menu-body > .menu-arrow:before {
	border-width: 11px 0 11px 12px;
}
.menu.at-left > .menu-body > .menu-arrow {
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
}
.menu.at-left > .menu-body > .menu-arrow:before {
	top: -11px;
	right: 1px;
}
/* ----align-right */
.menu.at-top.align-right > .menu-body,
.menu.at-bottom.align-right > .menu-body {
	left: auto;
	right: 0;
}
.menu.at-top.align-right > .menu-body > .menu-arrow,
.menu.at-bottom.align-right > .menu-body > .menu-arrow {
	left: auto;
	right: 20px;
}
/* ----center */
.menu.at-center {
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%);
}
.menu.at-center > .menu-body {
	position: relative;
}
/* ----active */
.menu.is-active { z-index: 2500; }
.menu.is-active > .menu-body { display: block; }


/* --- new-features */
.new-features {
	position: relative;
}
.new-features-body {
	display: block;
	position: absolute;
	z-index: 5;
	white-space: normal;
}
.new-features-arrow,
.new-features-arrow:before {
	position: absolute;
	z-index: 1;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
}
.new-features-arrow:before {
	content: '';
	z-index: 2;
}
.new-features-body .new-features-container {
	padding: 8px 10px 6px 10px;
	min-width: 20px;
}
.new-features-body .new-features-container .new-features-icon {
	display: inline-block;
	margin-right: 6px;
}
.new-features-body .new-features-container span {
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
}
/* ----top */
.new-features-body.at-top {
	bottom: 100%;
	left: 0;
	margin-bottom: 10px;
}
.new-features-body.at-top > .new-features-arrow,
.new-features-body.at-top > .new-features-arrow:before {
	border-width: 6px 6px 0 6px;
}
.new-features-body.at-top > .new-features-arrow {
	left: 20px;
	top: 100%;
}
.new-features-body.at-top > .new-features-arrow:before {
	bottom: 0px;
    left: -6px;
}
/* ----top-center */
.new-features-body.at-top-center {
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 10px;
}
.new-features-body.at-top-center > .new-features-arrow,
.new-features-body.at-top-center > .new-features-arrow:before {
	border-width: 6px 6px 0 6px;
}
.new-features-body.at-top-center > .new-features-arrow {
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
}
.new-features-body.at-top-center > .new-features-arrow:before {
	bottom: 0px;
    left: -6px;
}
/* ----bottom */
.new-features-body.at-bottom {
	top: 100%;
	left: 0;
	margin-top: 10px;
}
.new-features-body.at-bottom > .new-features-arrow,
.new-features-body.at-bottom > .new-features-arrow:before {
	border-width: 0 6px 6px 6px;
}
.new-features-body.at-bottom > .new-features-arrow {
	left: 20px;
	bottom: 100%;
}
.new-features-body.at-bottom > .new-features-arrow:before {
	top: 0px;
	left: -6px;
}
/* ----bottom-center */
.new-features-body.at-bottom-center {
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 10px;
}
.new-features-body.at-bottom-center > .new-features-arrow,
.new-features-body.at-bottom-center > .new-features-arrow:before {
	border-width: 0 6px 6px 6px;
}
.new-features-body.at-bottom-center > .new-features-arrow {
	left: 50%;
	transform: translateX(-50%);
	bottom: 100%;
}
.new-features-body.at-bottom-center > .new-features-arrow:before {
	top: 0px;
	left: -6px;
}
/* ---left */
.new-features-body.at-left {
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
	margin-right: 10px;
}
.new-features-body.at-left > .new-features-arrow,
.new-features-body.at-left > .new-features-arrow:before {
	border-width: 6px 0 6px 6px;
}
.new-features-body.at-left > .new-features-arrow {
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
}
.new-features-body.at-left > .new-features-arrow:before {
	top: -6px;
	right: 0px;
}
/* ----right */
.new-features-body.at-right {
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
	margin-left: 10px;
}
.new-features-body.at-right > .new-features-arrow,
.new-features-body.at-right > .new-features-arrow:before {
	border-width: 6px 6px 6px 0;
}
.new-features-body.at-right > .new-features-arrow {
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
}
.new-features-body.at-right > .new-features-arrow:before {
	top: -6px;
	left: 0px;
}

/* ---only */
.new-features-body .new-features-container.is-only {
	padding: 10px 15px;
	min-width: 30px;
}
.new-features-body .new-features-container.is-only .new-features-icon {
	width: 32px;
	height: 32px;
	flex-shrink:0;
	border-radius: 50%;
	display: inline-block;
	margin-right: 8px;
	position: relative;
	background-color: #fff;
}
.new-features-body .new-features-container.is-only .new-features-icon i {
	font-size: 18px;
	color: #000;
	opacity: .6;
	position: absolute;
	left: 50%;
	top: 54%;
	transform: translate(-50%,-50%);
}
.new-features-body .new-features-container.is-only span {
	font-style: normal;
	font-weight: normal;
}


/* ----disabled */
.menu.is-disabled .menu-menu { display: none; }




/* menu content */
.menu-list-container {
	position: relative;
	padding: 15px;
	box-sizing: border-box;
}
.menu-list-container-inner,
.menu-list-cell {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.menu-list-cell {
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 250px;
	box-sizing: border-box;
}
.radius-s .menu-list-cell:first-child { border-radius: 4px 0 0 4px; }
.radius-s .menu-list-cell:last-child { border-radius: 0 4px 4px 0; }
.radius-m .menu-list-cell:first-child { border-radius: 8px 0 0 8px; }
.radius-m .menu-list-cell:last-child { border-radius: 0 8px 8px 0; }
.menu-list-cell .line-horizontal {
	margin: 5px 15px;
	width: auto;
	opacity: 0.25;
}
.menu-list + .menu-list {
	margin-top: 10px;
	padding-top: 10px;
}
.menu-list .section-title,
.menu-list .section-subtitle {
	margin: 0;
	padding: 10px 15px;
}
.menu-list > ul,
.menu-list > ul > li,
.menu-sublist,
.menu-sublist > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu-sublist { margin-left: 20px; }
.menu-sublist .menu-list-link {
	padding-top: 5px;
	padding-bottom: 5px;
}
.menu-list-link {
	position: relative;
	display: block;
	padding: 10px 15px;
	word-wrap: break-word;
	word-break: break-all;
	word-break: break-word;
	text-overflow: ellipsis;
}
.menu-list-link .ico {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin-right: 5px;
	width: 1.5em;
	text-align: center;
}
.menu-list-link .tag {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin-left: 5px;
}
.menu-list-link .tag.is-new {
	margin-left: 5px;
}
.menu-list-link img { max-width: 100%; }
.menu-list-link em {
	font-weight: bold;
}
.menu-list-link .stickier {
	margin-left: 5px;
}
.menu-list-link.menu-brand-store {
	padding: 15px;
}
.menu-list-link.menu-brand-store.no-logo {
	padding: 10px 15px;
}
.menu-list-link.menu-brand-store.no-logo .goods-container.is-horizontal > .goods-info {
	padding-left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.menu-list-link.menu-brand-store.no-logo .goods-container.is-horizontal > .goods-info .goods-title {
	margin-right: 4px;
}
.menu-list-link.menu-brand-store.no-logo .goods-container.is-horizontal > .goods-info .goods-title,
.menu-list-link.menu-brand-store.no-logo .goods-container.is-horizontal > .goods-info .button {
	margin-bottom: 0;
	margin-top: 0;
}
.menu-list-link.menu-brand-store.no-logo .goods-container.is-horizontal > .goods-info .button {
	padding: 0 5px;
}
.menu-list-link.menu-brand-store .brand-avatar {
	width: 50px;
	height: 50px;
	min-width: 50px;
	border-radius: 50%;
	position: relative;
	background: linear-gradient(90deg,#6F3553 0%, #4D86DE 41%, #4A2BB1 100%);
}
.menu-list-link.menu-brand-store .brand-avatar-content {
		width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-color: #fff;
    border-radius: 50%;
}
.menu-list-link.menu-brand-store .brand-avatar-img {
	max-width: 35px;
}
.menu-list-link.menu-brand-store .button {
	margin-top: 4px;
	border-radius: 20px;
	position: relative;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.menu-list-link.menu-brand-store .button.bg-blue {
	padding: 0;
    height: 24px;
    font-size: 11px;
	padding-left: 12px;
    padding-right: 12px;
	background-color: #1061CD;
    color: #fff;
	border: none;
}
.menu-list-link.menu-brand-store .button .ico {
	width: auto;
	margin-left: 0;
	font-size: 12px;
}
.menu-list-link.menu-brand-store .goods-title {
	font-weight: 800;
}


/* close */
.menu-close {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 32px;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
}


/* size */
.menu-s > .menu-body {
	width: 240px;
	max-width: 95vw;
}
.menu-m > .menu-body {
	width: 420px;
	max-width: 95vw;
}
.menu-l > .menu-body {
	width: 640px;
	max-width: 95vw;
}


/* active trigger */
.menu.popover-menu {
	position: absolute;
}
.menu-trigger.is-active {
	position: relative;
	z-index: 2500;
	transform: translate3d(0,0,0);
}
.menu.popover-menu.at-bottom {
	transform: translateY(10px);
}
.menu.popover-menu.at-top {
	transform: translateY(-10px);
}
.menu.popover-menu.at-left {
	transform: translateX(-10px);
}
.menu.popover-menu.at-right {
	transform: translateX(10px);
}
.menu.popover-menu.at-center {
	left: 50%;
	transform: translateX(-50%);
}

/* sponsored section title popup */
.title-sponsored-article,
.title-negspa-article {
	font-family: 'Open Sans', sans-serif, Helvetica, Arial;
	text-transform: none;
	color: #707070;
}
.dark-mode .title-sponsored-article,
.dark-mode .title-negspa-article {
	color: #AAA;
}
.title-sponsored-article a,
.title-negspa-article a {
	display: inline-block;
}
.dark-mode .title-sponsored-article a:hover,
.dark-mode .title-negspa-article a:hover {
	color: #EA9D28 !important;
}




.review {
	position: relative;
	padding: 30px 20px;
}
.review-title,
.review-rating {
	display: -webkit-flex;
	display: flex;
}
.review-title-text {
	word-wrap: break-word;
	word-break: break-word;
	text-overflow: ellipsis;
	font-weight: bold;
  	display: -webkit-box;
  	overflow: hidden;
  	-webkit-line-clamp: 3;
  	-webkit-box-orient: vertical;
}
a.review-title-text:hover {
	text-decoration: underline;
}
.review-rating {
	margin-top: 5px;
}
.review-title .review-rating {
	margin: 6px 10px 0 0;
}
.review-content {
	position: relative;
	word-wrap: break-word;
	word-break: break-word;
	text-overflow: ellipsis;
}
.review-content.line-clamp-6 {
	display: block;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 6;
	margin-top: 20px;
	max-height: 140px;
}
.review-content h1,
.review-content h2,
.review-content h3,
.review-content h4 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}
.review-content h1 {
	font-size: 24px;
	line-height: 34px;
}
.review-content h2 {
	font-size: 20px;
	line-height: 28px;
}
.review-content h3 {
	font-size: 16px;
	line-height: 22px;
}
.review-content h4 {
	font-size: 14px;
	line-height: 20px;
}
.review-content p {
	margin-top: 20px;
	font-size: 14px;
	line-height: 20px;
	text-overflow: ellipsis;
}
.reviews-comments-wrap .review-cell .review-content p  {
	white-space: pre-line;
}
.review-content h1:first-child,
.review-content h2:first-child,
.review-content h3:first-child,
.review-content h4:first-child,
.review-content p:first-child {
	margin-top: 0;
}
.review-content p a,
.review-content li a {
	text-decoration: underline;
}
.review-content p br,
.review-content > br {
	line-height: 20px;
}
.review-content ul,
.review-content ol {
	margin: 0 0 20px 20px;
	list-style: outside disc;
}
.review-content ul:last-child,
.review-content ol:last-child {
	margin: 0 0 0 20px;
}
.review-content ul li,
.review-content ol li {
	margin: 5px 0 0 0;
}
.review-content ol li {
	list-style: decimal;
}
.review-content ol li ol li {
	list-style: lower-alpha;
}
.review-content p+h2,
.review-content ul+h2,
.review-content ol+h2,
.review-content p+h3,
.review-content ul+h3,
.review-content ol+h3,
.review-content p+h4,
.review-content ul+h4,
.review-content ol+h4 {
	margin-top: 20px
}
.review-content.has-quotes {
	position: relative;
	padding: 0 10px;
}
.review-content.has-quotes:before,
.review-content.has-quotes:after {
	content: '"';
	position: absolute;
	color: #adadad;
	font-weight: 900;
	font-size: 18px;
}
.review-content.has-quotes:before {
	top: 0;
	left: 0;
}
.review-content.has-quotes:after {
	bottom: 0;
	right: 0;
}
.review-bottom {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 20px;
}
.review-more {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
}
.review-seller-logo {
	display: block;
	margin-top: 20px;
	text-align: center;
}
.review-seller-logo img,
.review-seller-logo .brand-title {
	vertical-align: top;
	padding: 10px 20px;
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	border-radius: 25px;
	height: 44px;
}
.review-seller-logo .brand-title {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 700;
	line-height: 22px;
}
/* ----bullets */
.review-bullets {
	margin-top: 20px;
}
.review-bullet {
	position: relative;
	margin-top: 10px;
	padding-left: 30px;
}
.review-bullet .ico {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
}
.review-bullet-title, 
.review-bullet-subtitle {
	display: block;
	text-transform: uppercase;
}
.review-bullet-title {
	font-weight: bold;
}
.review-name {
	font-weight: bold;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.review-name a:hover {
	text-decoration: underline;
}
.review-text {
	font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    vertical-align: middle;
}
.review-info .review-name,
.review-info .review-text {
  margin-bottom: 8px;
}
.review-content p {
	margin-top: 10px;
}
.review-content .showout + p {
	margin-top: 0;
}
.review-content .showout > .ico-spin {
    font-size: 48px;
    text-shadow: 0px 0px 1px #000;
    cursor: pointer;
}
	
/* ----showout gallery in the review */
.review-gallery {
	display: -webkit-flex;
	display: flex;
	margin-top: 20px;
}
.review-gallery .showout {
	margin-right: 5px;
	width: 50px;
	height: 50px;
}
.review-gallery .showout > .ico-play {
	font-size: 20px;
}
.review-gallery .showout > .ico-clone {
	top: 5px;
	right: 5px;
	font-size: 12px;
}
.review-gallery-num {
	display: inline-block;
	margin-left: 10px;
	line-height: 50px;
}
.review-nrp-msg {
	margin-top: 20px;
}
.review-nrp-msg .ico {
	margin-right: 5px;
}
.review-nrp-msg span {
	font-style: italic;
}
.review-helpful {
	display: -webkit-flex;
	display: flex;
	margin-top: 20px;
}
.review-helpful.justify-content-flex-end .button {
	margin-left: 20px;
}
.review-helpful .review-text {
	font-size: 13px;
}
.review-helpful .button.bg-white .ico {
	font-weight: bold
}
.review-helpful .button.bg-white:focus {
    border-color: #1946B8;
    box-shadow: 0 0 0 0 transparent;
}
.review-helpful .button-s {
	border-radius: 3px;
	padding: 7px 9px;
	border: 1px #d1d1d1 solid;
}
.review-helpful .button:hover {
    transform: scale(1);
}
.review-helpful .button > .ico,
.review-helpful .button > span {
    margin: 0 2px;
}
.review-helpful .button.bg-white:hover,
.review-helpful .button.bg-white:focus,
.review-helpful .button.bg-white:active,
.review-helpful .button.bg-white.is-active,
.review-helpful .button.bg-white.is-active:hover {
    background-color: #fff;
	border-color: #d1d1d1;
	color: #363636;
}
.review-helpful .button.is-active .ico-heart,
.review-helpful .button.is-active .ico-heart + span {
  color: #D10F00;
}
.review-helpful .button.is-active .ico-heart:before {
  content: "\e90b";
}
.review-helpful .button.bg-white:hover,
.review-helpful .button.is-active .ico-heart-broken,
.review-helpful .button.is-active .ico-heart-broken + span {
  color: #1946B8;
}
.review-helpful .button.is-active .ico-heart-broken:before {
  content: "\e919";
}
.dark-mode .review-helpful .button.bg-white,
.dark-mode .review-helpful .button.bg-white:hover,
.dark-mode .review-helpful .button.bg-white:focus,
.dark-mode .review-helpful .button.bg-white:active,
.dark-mode .review-helpful .button.bg-white.is-active,
.dark-mode .review-helpful .button.bg-white.is-active:hover {
    background-color: #fff;
	border-color: #fff;
	color: #363636;
	box-shadow: 0 0 0 2px transparent;
}
.dark-mode .review-helpful .button.bg-white:hover {
	color: #1946B8;
}


/* question */
.review-question {
	margin-bottom: 22px;
	padding: 24px;
	box-sizing: border-box;
}
.review-question li {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.review-question li + li { 
	margin-top: 10px; 
}
.review-question .review-text {
	display: block;
	min-width: 0;
	width: 100%;
}
.review-question .review-answer {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 100px;
}

/* ----response */
.review-response {
	display: none;
    margin-top: 20px;
    border: 0
}
.review-response>.review-cell {
    padding: 15px;
    border-left: 5px solid #849dc2;
    border-top: 0;
    background-color: #f6fbff
}

.review-response>.review-cell+.review-cell {
    margin-top: 20px
}

.review-response>.review-cell.is-orange {
    border-left: 5px solid #f78c1b;
    background: #fffaf3
}

.review-response>.review-cell>.review-title {
    margin: 0 0 10px
}

.review-response>.review-cell>.review-content {
    white-space: pre-line
}
.review-cell.is-active .review-response {
    display: block;
}

.modal-reviews .review-response {
	display: block;
}

/* attached */
.review-attached {
	margin-top: 20px;
}
.review-attached dt {
	display: block;
	font-weight: bold;
}
.review-attached dd {
	float: left;
	margin: 10px 15px 0 0;
}
.review-attached dd img {
	position: relative;
	top: -5px;
	margin-right: 5px;
	border-bottom: 0;
}
.review-attached dd a {
	text-decoration: underline;
}

.review-attached dd a:hover{
	color: #05F;
}

/* ----items in the review */
.review .goods-container {
	margin-top: 20px;
}
.review .goods-container:first-child {
	margin-top: 0;
	margin-bottom: 20px;
}
/* ----grid in the review */
.review > .grid.gap-20px {
	margin-left: 0;
	margin-right: 0;
}

/* modal review*/
.review-text.reviews-verified-owner i {
    margin-right: 3px;
    font-size: 16px;
    color: #7AB676;
    vertical-align: bottom;
}
.modal-quick-look .review-cell {
    padding: 20px 15px;
}
.modal-quick-look .review-title > .review-title-text {
    position: relative;
    margin-right: 10px;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 14px;
}
.modal-quick-look .review-title .review-rating {
	margin-top: 0 !important;
}
.modal-quick-look .review-cell:first-child {
    border-top: 0;
}
.modal-quick-look .review-cell {
    border-top: 1px solid #eee;
}
.modal-quick-look .review-response > .review-cell {
    padding: 10px 15px 15px;
}
.modal-quick-look .review-response>.review-cell>.review-content {
    white-space: normal;
}
.review-related {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}
.review-related-spec {
    margin: 5px 15px 0 0;
    font-size: 13px;
}
.review-related-spec label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

/* popup gallery with review */
.modal-reviews .modal-dialog {
	margin: 20px auto;
	width: 100%;
	max-width: 1760px;
	min-width: 0;
}
.modal-reviews .modal-dialog .swiper-button-disabled {
	display: none;
}
/* ----modal swipe button */
.modal-reviews .modal-pagination .swiper-button-prev, 
.modal-reviews .modal-pagination .swiper-button-next {
	position: fixed;
	width: 40px;
	height: 80px;
}
.modal-reviews .modal-pagination .swiper-button-prev.attach-parent-edge, 
.modal-reviews .modal-pagination .swiper-button-next.attach-parent-edge {
	position: absolute;
	overflow: hidden;
	text-align: center;
}
.modal-reviews .modal-pagination .swiper-button-prev {
	left: 20px;
	border-radius: 0 40px 40px 0;
}
.modal-reviews .modal-pagination .swiper-button-prev.attach-parent-edge {
	left: 0;
}
.modal-reviews .modal-pagination .swiper-button-next {
	right: 20px;
	border-radius: 40px 0 0 40px;
}
.modal-reviews .modal-pagination .swiper-button-next.attach-parent-edge {
	right: 0;
}
.modal-reviews .modal-pagination .swiper-button-prev:after, 
.modal-reviews .modal-pagination .swiper-button-next:after {
	font-size: 32px;
}
.modal-reviews-thumbs .swiper-button-prev, 
.modal-reviews-thumbs .swiper-button-next,
.modal-reviews-images .swiper-button-prev, 
.modal-reviews-images .swiper-button-next {
	color: #fff;
}
.modal-reviews-thumbs .swiper-button-prev:after, 
.modal-reviews-images .swiper-button-prev:after,
.modal-reviews-thumbs .swiper-button-next:after, 
.modal-reviews-images .swiper-button-next:after {
	content: '\f107';
	font-family: 'new-desktop';
	font-size: 40px;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);
}
.modal-reviews-thumbs .swiper-button-prev:after {
	transform: rotate(180deg);
}
.modal-reviews-thumbs .swiper-button-next:after {
	transform: rotate(0deg);
}
.modal-reviews-images .swiper-button-prev:after {
	transform: rotate(90deg);
}
.modal-reviews-images .swiper-button-next:after {
	transform: rotate(-90deg);
}
/* ----modal body */
.modal-reviews .modal-body {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: auto;
}
/* ----thumbs */
.modal-reviews-thumbs {
    position: relative;
    margin: 0 15px 0 0;
    width: 105px;
}
.modal-reviews-thumb {
    position: relative;
    margin: 1px;
    width: 98px;
    border: 1px solid #E8E8E8;
    cursor: pointer;
    box-sizing: border-box;
}
.modal-reviews-thumb .ico-spinner.ico-spin {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    font-size: 24px;
}
.modal-reviews-thumb .ico-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: #f4f5f7;
    z-index: 99;
    text-shadow: 0 2px 8px rgba(0,0,0,0.25);
}
.modal-reviews-thumbs .swiper-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.modal-reviews-thumbs .swiper-slide {
    width: 105px;
    height: auto;
}
.modal-reviews-thumbs .swiper-slide-thumb-active .modal-reviews-thumb {
    margin: 0;
    width: 100px;
    border: 2px solid #ED6F00;
}
.modal-reviews-thumbs .swiper-slide-thumb-active .modal-reviews-thumb:after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 100%;
    top: 50%;
    margin-top: -3px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-left: 6px solid #ED6F00;
}
.modal-reviews-thumbs .swiper-slide-thumb-active .modal-reviews-thumb img {
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
}
.modal-reviews-thumbs .swiper-button-prev,
.modal-reviews-thumbs .swiper-button-next {
    left: 0;
    margin: 0;
    width: 100px;
    height: 28px;
    line-height: 28px;
    font-size: 28px;
}
.modal-reviews-thumbs .swiper-button-prev {
    top: 0;
    text-shadow: 0 2px 8px #000;
}
.modal-reviews-thumbs .swiper-button-next {
    top: auto;
    bottom: 0;
    text-shadow: 0 -2px 8px #000;
}
.modal-reviews-thumbs:hover .swiper-button-prev,
.modal-reviews-thumbs:hover .swiper-button-next {
    height: 40px;
    line-height: 40px;
    opacity: .8;
    filter: alpha(opacity=80);
}
.modal-reviews-thumb:before,
.modal-reviews-image:before,
.modal-reviews-video:before {
    content: "";
    display: block;
    padding-top: 75%;
    width: 100%;
    height: 0;
    overflow: hidden;
}
.modal-reviews-thumb img,
.modal-reviews-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.modal-reviews-video video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
}
.modal-reviews-video.is-controls video::-webkit-media-controls-enclosure,
.modal-reviews-video.is-controls video::-webkit-media-controls {
    display: none;
}
.modal-reviews-video.is-controls .modal-reviews-video-play {
    display: block;
}
.modal-reviews-video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100px;
    height: 100px;
    display: none;
    cursor: pointer;
    color: #fff;
    border-radius: 50%;
    transition: background-color 0.25s ease 0s;
}
.modal-reviews-video-play:hover {
    background-color: rgba(32, 33, 36, 0.71);
}
.modal-reviews-video-play .ico {
    position: absolute;
    font-size: 40px;
    left: 53%;
    top: 50%;
    transform: translate(-50%,-50%);
}

@-moz-document url-prefix() {
	.modal-reviews-video.is-controls .modal-reviews-video-play {
        display: none;
    }
}

.modal-reviews-image .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -57px 0 0 -40px;
    padding: 0;
}

.modal-reviews-image img {
	cursor: zoom-in;
    transition-duration: 300ms;
}

.swiper-slide-zoomed .modal-reviews-image img {
    cursor: move;
}
.review-author-info .tag .link-more:hover .tag-text {
	text-decoration: underline;
}
/* ----reviews */
.modal-reviews-wrap {
	display: -webkit-flex;
	display: flex;
	width: calc(100% - 120px);
}
.modal-reviews-images {
	position: relative;
}
.modal-reviews-images .swiper-pagination {
	display: none;
	bottom: 0;
}
.modal-reviews-content .review .loading {
	padding: 30px 0;
} 
.modal-reviews-content .review .goods-operate {
	margin-left: 0;
	margin-top: 20px;
} 
.modal-reviews-content {
	position: relative;
}
.modal-reviews-content .goods-operate:last-child {
	margin-bottom: 0px;
}
.modal-reviews-content .goods-price .goods-price-was,
.modal-reviews-content .goods-price .goods-price-ship,
.modal-reviews-content .goods-price .goods-price-note {
	display: none;
}

.modal-reviews .review {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0 10px 0 20px;
}
.modal-reviews .review-title {
	margin-top: 10px;
}
.modal-reviews .review-author {
	margin-top: 5px;
}
.modal-reviews .review-author-info .tag {
	margin: 5px 5px 0 0;
}
.modal-reviews .review-content {
	margin-top: 20px;
}
.modal-reviews-action {
	background: rgba(0, 0, 0, 0.3);
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 20px;
	height: 60px;
}
.modal-reviews-action.is-hidden {
	z-index: 0;
}
/** dark-mode **/
.dark-mode .review-response>.review-cell {
    background: #001f2f !important;
    border-color: #005C8A !important;
}
.dark-mode .review-response>.review-cell.is-orange {
    background: #351200 !important;
    border-color: #BD3F00 !important;
}

@media (max-width: 1799px) {
	.modal-reviews .modal-dialog {
		margin: 20px;
		width: calc(100% - 40px);
	}
}
@media (max-width: 1199px) {
	.modal-reviews .review {
		position: static;
		margin-top: 20px;
		padding: 0;
	}
	.review-info {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.review-info .review-name,
	.review-info .review-text {
		margin-bottom: 0;
		margin-right: 20px;
	}
	.review-content.is-column-reverse {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .review-content.is-column-reverse .showout.is-img {
		width: 100px;
		height: 100px;
        float: none;
		margin-top: 10px;
    }
	.review-content.is-column-reverse .review-inner {
		order: 1;
	}
}
@media (max-width: 799px) {
	.modal-reviews .modal-dialog {
		margin: 10px;
		width: calc(100% - 20px);
	}
	.modal-reviews .modal-content {
		padding: 20px;
	}
	.modal-reviews-thumbs {
		display: none;
	}
	.modal-reviews-wrap {
		width: 100%;
	}
	.modal-reviews .modal-pagination .swiper-button-prev {
		left: 10px;
	}
	.modal-reviews .modal-pagination .swiper-button-next {
		right: 10px;
	}
}
@media (max-width: 699px) {
	.modal-reviews .modal-dialog {
		padding: 0;
		margin: 0;
		width: auto;
		max-height: auto;
	}
	.modal-reviews-images .modal-reviews-action .section-left {
		display: block;
		text-align: center;
		margin: 0;
		width: 100%;
	}
	.modal-reviews-images .modal-reviews-action .modal-reviews-tips {
		display: none;
	}
}
@media (max-width: 399px) {
	.review {
		padding: 15px;
	}
}










.newegg-notification .text-line-limit {
  word-wrap: break-word;
  word-break: break-word;
  text-overflow: ellipsis;
  text-decoration: none;
  overflow: hidden;
  display: -webkit-box;
  /* max-height: 2.8em; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.newegg-notification .child-column-align-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 10px;
  position: relative;
}
.newegg-notification .num-cover-icon {
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}


/* Whole Notification Popup *************************************************/
.newegg-notification .popup-body {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}
.newegg-notification .popup-body-m {
  width: 477px;
  padding: 30px 20px 20px 30px;
}
.newegg-notification .popup-body-s {
  padding: 15px 20px;
}
.newegg-notification .popup-body-title {
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  font-style: italic;
  font-weight: 800;
  margin-bottom: 20px;
}
.newegg-notification .popup-body-detail {
  max-height: 600px;
}
.newegg-notification .scrollbar {
  padding: 0;
  max-height: 600px !important;
}
/****************************************************************************/


/* Single Notification Info *************************************************/
.newegg-notification .info-hover-container {
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  border-radius: 4px;
}
.newegg-notification ul > li:hover .info-hover-container{
  background-color: #ECF1FE;
}
.newegg-notification ul > li:hover + li .info-container{
  border-top: none;
}
.newegg-notification ul > li:not(:last-child):hover .info-container{
  border-bottom: 1px solid #E8E8E8;
}

.newegg-notification ul > li:hover .info-hover-menu {
  bottom: 11px;
}

.newegg-notification .info-container {
  display: flex;
  flex-direction: row;
  border-top: 1px solid #E8E8E8;
  padding-bottom: 15.2px;
  padding-top: 15px;
}

.newegg-notification ul > li:first-child .info-container {
  border-top: none;
}
.newegg-notification ul > li:last-child .info-container {
  /* border-bottom: 1px solid #E8E8E8; */
}

.newegg-notification .info-unread-mark {
  background-color: #CC0000;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-right: 4px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3px;
}
.newegg-notification .info-left-container {

}
.newegg-notification .info-right-container {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  min-width: 85%;
}
.newegg-notification .info-hover-menu {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.newegg-notification .info-hover-btn {
  font-size: 14px;
  line-height: 20px;
  color: #636363;
  padding: 0px 12px;
  height: 24px;
  border-width: 2px;
  border-color: #D1D1D1;
  border-radius: 12px;
  transition: none;
  background-color: #FFFFFF;
}
.newegg-notification .info-hover-menu-item {
  white-space: nowrap;
  cursor: pointer;
  margin-bottom: 15px;
}
.newegg-notification .info-hover-menu-item:last-child{
  margin-bottom: 0;
}

.newegg-notification .info-hover-menu-arrow {
  right: 10px !important;
}
/* .centerPopup.newegg-notification-info-more-pop a.centerPopup-close{
  display: none !important;
} */
.centerPopup.newegg-notification-info-more-pop .centerPopup-body,
.centerPopup.newegg-notification-info-more-pop .newegg-notification-info-more-item {
  padding: 7px;
}

/****************************************************************************/


/* Notification Icon ********************************************************/
.newegg-notification .info-icon-container {
  display: inline-block;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  min-width: 48px;
  background-color: #f2f2f2;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  margin-right: 5px;
  line-height: 50px;
}

.newegg-notification .info-icon {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: transparent;
}
/****************************************************************************/


/* Notification Title ********************************************************/
.newegg-notification .info-title-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 5px;
}
.newegg-notification .info-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  max-width: 100%;
}
.newegg-notification .info-title span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1 !important;
  overflow: hidden;
  word-break: break-word;
  text-overflow: ellipsis;
}
.newegg-notification .info-time {
  font-size: 14px;
  line-height: 20px;
  color: #6E6E6E;
  padding-right: 15px;
}
/****************************************************************************/


/* Notification Description ********************************************************/
.newegg-notification .info-description-container {
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2 !important;
  overflow: hidden;
  word-break: break-word;
}
.newegg-notification .info-description {
  font-size: 14px;
  line-height: 20px;
}
.newegg-notification .info-sub-description-container {
    
}
.newegg-notification .info-sub-description {
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2 !important;
  overflow: hidden;
  padding: 0 5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  font-style: italic;
  color: black;
  border-radius: 4px;
  background-color: #F2F2F2;
  word-break: break-word;
}
.newegg-notification .tag.is-skewed .tag-text {
  padding: 3px 0;
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
  white-space: nowrap;
}
.newegg-notification .info-desc-link-text {
  font-size: 12px;
  line-height: 16px;
}
.newegg-notification .info-desc-link-text:hover {
  text-decoration: underline;
}
/****************************************************************************/


/* Notification Detail ********************************************************/
.newegg-notification .info-detail-container {
  margin-top: 5px;
  display: flex;
  flex-direction: row;
}
.newegg-notification .info-detail-item {
  margin-right: 10px;
}
.newegg-notification .info-detail-item-cover-container {
  position: relative;
  width: 80px;
  height: 60px;
  margin-right: 10px;
}
.newegg-notification .info-detail-container.has-banner {
  height: 131px;
}
.newegg-notification .info-detail-container.has-banner .info-detail-item-cover-container{
  width: inherit;
  height: inherit;
}
.newegg-notification .tag-list {
  position: absolute;
  bottom: 0;
  right: 0;
}
.newegg-notification .info-detail-container.has-banner .tag-list {
  bottom: 0;
  left: 0;
}
.newegg-notification .info-detail-addition-container .tag-list {
  position: static;
}
.newegg-notification .info-detail-item-cover-tag {
  margin-bottom: 0px !important;
}
.newegg-notification .info-detail-item-img {
  border-radius: 4px;
  width: 80px;
  height: 60px;
}
.newegg-notification .info-detail-item-banner {
  border-radius: 7px;
  max-width: 100%;
  height: 131px;
}
.newegg-notification .info-detail-container-special-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.newegg-notification .info-detail-addition-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding-right: 5px;
  margin-top: 5px;
}
.newegg-notification .info-detail-addition-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  margin-right: 8px;
}
/****************************************************************************/


/* Notification Action ********************************************************/
.newegg-notification .info-action-container {
  display: flex;
  flex-direction: row;
}
.newegg-notification .info-action-btn {
  padding: 4px 12px;
  height: 24px;
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin-right: 8px;
  min-width: 78px;
  transition: none;
}
.newegg-notification .info-action-btn-init {
  background-color: #8EAFF0;
}
/* .newegg-notification .info-action-btn-loading {

} */
.newegg-notification .info-action-btn-end {
  background-color: #FFFFFF;
  border: 2px solid #D1D1D1;
}

/**************Notification single**********************************************/
.newegg-notification.is-single-toast .popup-body-title,
.newegg-notification.is-single-toast .menu-close{
  display: none;
}
.newegg-notification.is-single-toast .popup-body-m {
  width: 350px;
  padding: 15px;
}
.newegg-notification.is-single-toast .info-hover-container {
  padding-left: 0;
  padding-right: 0;
}
.newegg-notification.is-single-toast .info-container {
  padding-bottom: 0;
  padding-top: 0;
}
.newegg-notification.is-single-toast .info-right-container{
  min-width: 82%;
}

.newegg-notification.is-single-toast .info-hover-menu {
  display: none;
}
.newegg-notification.is-single-toast .child-column-align-center {
  padding-left: 0;
}
.newegg-notification.is-single-toast .info-icon-container {
  margin-right: 0px;
}
.newegg-notification.is-single-toast ul > li:hover .info-hover-container{
  background-color: transparent;
}
.newegg-notification.is-single-toast .scrollbar{
  overflow-y: hidden;
}


/**************Dark Mode**********************************************/
.dark-mode .newegg-notification ul > li:hover .info-hover-container {
background-color: #363636;
}
.dark-mode .newegg-notification ul > li:not(:last-child):hover .info-container {
  border-bottom-color: #424242;
}
.dark-mode .newegg-notification .info-container {
  border-top-color: #424242;
}

.dark-mode .newegg-notification .info-action-btn:hover {
  color: #1946B8;
}

.dark-mode .newegg-notification .info-action-btn-end{
color: #212121;
}
.dark-mode .newegg-notification .info-icon-container {
  background-color: #F2F2F2;
}

/**************Responsive**********************************************/
@media (max-width: 599px) {
.newegg-notification .popup-body-m {
  width: 399px;
}

.newegg-notification .info-right-container{
  min-width: 80%;
}
.newegg-notification .info-detail-container.has-banner {
  height: 102px;
}
.newegg-notification .info-detail-item-banner {
  max-width: 100%;
  height: 102px;
}
}

@media (max-width: 499px) {
  .newegg-notification .popup-body-m {
      width: 340px;
  }
}

@media (max-width: 399px) {
  .newegg-notification .popup-body {
      width: auto !important;
  }
  .newegg-notification .scrollbar {
      padding: 0;
      max-height: calc(100vh - 150px) !important;
  }
  .newegg-notification .info-detail-container > div.info-detail-item-cover-container:nth-child(3),
  .newegg-notification .info-detail-container > a.info-detail-item:nth-child(3) {
      display: none;
  }
  .newegg-notification .info-detail-container.has-banner {
      height: 95px;
  }
  .newegg-notification .info-detail-item-banner {
      max-width: 100%;
      height: 95px;
  }
}

.newegg-notification i.ico-dynamic-bell{
  -webkit-animation: notification-swing 1.5s linear infinite;
  animation: notification-swing 1.5s linear infinite;
}
@keyframes notification-swing {
0%,50%,100% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
  25% {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
  75% {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
}

.header2021 .page-content-inner {
    max-width: none;
	box-shadow: none;
}

.header2021.bg-white {
	background-color: #002D6A;
	color: #fff;
}

.header2021 {
	position: relative;
	z-index: 1201;
	border-bottom: 2px solid #e8e8e8;
	/* font-family: 'Montserrat solid'; */
}
.header2021-inner {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	padding: 15px 20px;
	box-sizing: border-box;
	min-width: 0;
}
.header2021-inner + .header2021-inner {
	padding-top: 0;
}
.header2021-inner > .section-right {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	justify-content: flex-end;
}
.header2021-inner:first-child>.section-right:not(.is-response){
    min-width: 475px;
}
.header2021-inner:first-child>.section-right {
	margin-left: 35px;
}
.header2021-inner.has-hamburger {
	padding-left: 125px;
	position: relative;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #EEF5FF;
	color: #212121;
}
.header2021-inner.has-hamburger .header2021-hamburger {
	position: absolute;
	left: 14px;
	margin-right: 0;
	/* display: flex;
	align-items: center; */
	transition: background-color 0.2s;
    transform: translate3d(0, 0, 0);
	border-radius: 22px;
	padding: 4px 11px;
	cursor: pointer;
}
.header2021-inner.has-hamburger .header2021-hamburger::before {
	content: '';
	position: absolute;
	width: 1px;
	height: 12px;
	top: 50%;
	transform: translateY(-50%);
	right: -8px;
	background-color: #BFBFBF;
}
.header2021-inner.has-hamburger .header2021-hamburger:hover {
	background-color: rgba(235, 235, 235, 1);
}
.header2021-inner.has-hamburger .header2021-hamburger-icon {
	font-size: 18px;
	padding: 0;
	font-weight: bold;
}
.header2021-inner.has-hamburger .header2021-hamburger-text {
	font-weight: bold;
	margin-left: 5px;
}
.header2021-inner.has-hamburger .header2021-hamburger-text i {
	margin-left: 2px;
	top: 2px;
	font-size: 16px;
	position: relative;
}
.header2021-inner.has-hamburger .header2021-hamburger-text i::before {
	content: '\f107';
}

/* logo */
.header2021-logo-img:after {
	content: '';
	position: absolute;
	top: 50%;
	right: -25px;
	transform: translateY(-50%);
	width: 80px;
	height: 80px;
	background-image: url('../../Nest/images/logos/logo_424x210_bright.png');
	background-size: 100%;
}
.header2021.is-mini .header2021-logo-img {
	cursor: pointer;
}
.header2021-logo {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 102px;
	margin-right: 40px;
}
.header2021-logo-img,
.header2021-logo-img > img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.header2021-logo-img > img {
	z-index: 1;
}



/* hamburger */
.header2021-hamburger {
	position: relative;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	box-sizing: border-box;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	margin-right: 10px;
}
.header2021-hamburger-icon {
	display: block;
	padding: 8px;
	border-radius: 50%;
	font-size: 28px;
	cursor: pointer;
}
.header2021-hamburger.menu > .menu-body {
	left: -20px;
}
.header2021-hamburger.menu.at-bottom > .menu-body > .menu-arrow {
	left: 30px;
}
.header2021-hamburger-quicklinks {
	margin-bottom: 15px;
}
/* ----level 3 and 5 */
.header2021-hamburger .menu-level-3.menu.at-right > .menu-body {
	margin-left: 15px;
	border-width: 1px;
	border-style: solid;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.header2021-hamburger .menu-level-3.menu > .menu-list-link:after,
.header2021-hamburger .menu-level-5.menu > .menu-list-link:after {
	font-family: 'new-desktop';
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f105";
	color: #d1d1d1;
	position: absolute;
	right: 3px;
	top: 50%;
	transform: translateY(-50%);
}
.header2021-hamburger .menu-level-5.menu.at-right > .menu-body,
.header2021-hamburger .menu-level-5.menu.at-left > .menu-body {
	top: -16px;
	transform: translateY(0);
}
.header2021-hamburger .menu-level-5.menu.at-right > .menu-body > .menu-arrow,
.header2021-hamburger .menu-level-5.menu.at-left > .menu-body > .menu-arrow {
	top: 35px;
}
.header2021 .menu-level-back {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: none;
	-webkit-align-items: center;
	align-items: center;
	padding: 10px 15px;
	cursor: pointer;
}


/* nav with icon */
.header2021-nav {
	position: relative;
}
.header2021-nav-inner {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	position: relative;
	padding: 4px 10px 4px 50px;
	border-radius: 22px;
	box-sizing: border-box;
	min-height: 44px;
}
.header2021-notify .header2021-nav-icon:hover,
.header2021 .header2021-country-flag:hover,
.header2021-inner.has-hamburger .header2021-hamburger.is-active,
.header2021-inner.has-hamburger .header2021-hamburger:hover,
.header2021 .header2021-nav.is-active > .bg-transparent-gray,
.header2021 .header2021-nav .header2021-nav-inner.bg-transparent-gray:hover {
	background-color: #084BA6;
	color: #fff;
}
.header2021-nav-icon {
	position: absolute;
	top: 7px;
	left: 10px;
	width: 32px;
	height: 32px;
	text-align: center;
	font-size: 28px;
	line-height: 32px;
}
.header2021-nav-title {
	display: block;
}
.header2021 .header2021-nav-title.text-gray {
	color: #fff !important;
	font-weight: 400;
}
.header2021-nav-subtitle {
	display: block;
	overflow: hidden;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header2021-nav ~ .header2021-nav {
	margin-left: 10px;
}

.header2021.is-mini .section-right > .line-vertical-new {
    height: 30px;
    margin: 0px 10px;
    background: #d8d8d8;
}
.header2021-nav-visa .header2021-nav-inner {
	padding-right: 76px;
	padding-left: 0;
	min-height: 66px;
}
.header2021-nav-visa .header2021-nav-subtitle {
	font-size: 13px;
	line-height: 16px;
	font-style: italic;
}
.header2021-nav-visa .header2021-visa-logo {
	position: absolute;
	top: 3px;
	right: 0;
	width: 66px;
	height: 66px;
}
.header2021-nav-visa .header2021-visa-logo > img {
	width: 100%;
	height: auto;
	display: block;
}
/* ----menu */
.header2021-nav-arrow {
	display: none;
	position: absolute;
	right: 6px;
	bottom: 6px;
	font-size: 10px;
}
.header2021-nav.menu .header2021-nav-inner {
	padding-right: 20px;
	color: #fff;
}
.header2021-nav.menu .header2021-nav-arrow {
	display: block;
	color: rgba(255,255,255,.7);
	font-size: 14px;
}
/* --------account */
.header2021-account > a {
	color: #fff;
}
.header2021-account .header2021-nav-subtitle {
	max-width: 120px;
}
.header2021-account.menu > .menu-body {
	left: auto !important;
	right: -70px;
	max-width: 93.5vw;
}
.header2021-account.menu > .menu-body > .menu-arrow {
	left: auto !important;
	right: 140px;
}
.header2021.is-business .header2021-nav-subtitle {
	max-width: none;
	display: flex;
	align-items: center;
}
.header2021.is-business .header2021-nav-subtitle img {
	height: 16px;
	margin-left: 5px;
}
.header2021.is-business .header2021-logo {
	width: 192px;
}
/* --------returns */
.header2021-returns.header2021-nav {
	margin-left: 0;
	color: #fff;
}
.header2021-returns .header2021-nav-inner {
	padding-left: 15px;
	padding-right: 8px;
	color: #fff;
}
.header2021-returns .header2021-nav-title,
.header2021-returns .header2021-nav-subtitle {
	margin-right: 7px;
}
/* --------cart */
.header2021-cart.header2021-nav {
	margin-left: 3px;
}
.header2021-cart .header2021-nav-inner {
	padding-right: 3px;
	color: #fff;
}
.header2021-cart .header2021-nav-title,
.header2021-cart .header2021-nav-subtitle {
	margin-right: 7px;
}

/* header2021-location */
.header2021-location .font-s {
	line-height: 18px;
}
.header2021-location.header2021-nav {
	margin-left: -30px;
	margin-right: 14px;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}
.header2021-location.menu.at-bottom > .menu-body {
	margin-top: 20px;
}
.header2021-location.menu.at-bottom > .menu-body > .menu-arrow {
	left: 70px;
}
.header2021-info-nowrap {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.header2021-location .header2021-info-nowrap {
	max-width: 100px;
}
.header2021-location .header2021-info-nowrap.header2021-info-min {
	max-width: 58px;
}
.header2021-location .header2021-nav-icon {
	left: 10px;
}
.header2021-location.menu .header2021-nav-inner {
	padding-left: 42px;
	padding-right: 16px;
	color: #fff;
}
.header2021-location .menu-list-cell {
	width: 340px;
}
.header2021-location .grid.forms > .grid-col {
    margin-bottom: 20px;
    padding: 0;
}
.header2021-location .menu-list-container {
    padding: 30px;
}
.header2021-location .input-select  .menu-list-container {
    padding: 15px;
}
.header2021-location .section-title {
	margin-bottom: 10px;
}
.header2021-location .forms {
	margin: 0;
}
.header2021-location .forms .button-m[class*="bg-"] {
	border: none;
	padding: 0 18px;
	border-radius: 20px;
}
.header2021-location .forms .button-m.bg-blue {
	background-color: #1061CD;
	color: #fff;
	border-radius: 20px;
}
.dark-mode .header2021-location .forms .button-m.bg-blue {
    background-color: #8EAFF0;
    color: #121212;
}
.header2021-location .input-group  .input-text ~ .button {
    border-radius: 0 20px 20px 0;
}
.header2021-location .input-text-m > input {
	font-size: 14px;
}
.header2021-location .input-group  .input-text input {
    border-radius: 20px 0 0 20px;
}
.header2021-location .input-group  .input-text input:focus {
    border-color: #A9C1F4;
    box-shadow: 0 0 0 1px #A9C1F4;
}
.header2021-location  .input-text-m .input-text-clear {
    top: 5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.header2021-location .form-footer {
	position: relative;
	width: 100%;
	padding-top: 20px;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
}
.header2021-location .form-footer .alert {
	margin: -15px 0 5px 0;
	-webkit-align-items: center;
	align-items: center;
}
.header2021-location .form-footer .alert-icon {
	width: 14px;
	height: 18px;
	font-size: 12px;
	margin-right: 5px;
}
.header2021-location .form-footer .alert-warning .alert-icon {
    color: #CC0000
}
.header2021-location .form-footer .button {
	margin: 0 5px;
}
.header2021-location .form-footer::before {
	content: "";
	width: calc(100% + 60px);
	height: 1px;
	background: #e8e8e8;
	position: absolute;
	left: -30px;
	top: 0;
}
.header2021-location .button.bg-white:disabled, 
.header2021-location .button.bg-white.is-disabled {
    border-color: #E4E4E4;
    background-color: #E4E4E4;
    color: #B8B8B8;
}
.header2021-location .selectable-card {
	padding: 8px 14px;
}
.header2021-location .selectable-card.is-checked {
    box-shadow: 0 0 0 #1946B8;
    background-color: #ECF1FE;
}
.header2021-location .selectable-card.bd-gray:hover,
.header2021-location .selectable-card.bd-gray.is-checked {
	padding: 7px 13px;
    border-color: #1946B8;
    border-width: 2px;
}
.header2021-location .selectable-card.bd-gray.is-checked::after {
	background: transparent;
}
.header2021-location .selectable-card:hover .input-radio-mark {
    border-color: #A9C1F4;
    background-color: #E3EAFC;
}
.header2021-location .selectable-card label {
	cursor: pointer;
}
.header2021-location .slab-inner {
	margin-bottom: 0;
	padding: 0;
	min-height: auto;
	border: 0;
	background: transparent;
}
.header2021-location .slab-h4 {
    font-size: 14px;
	line-height: 20px;
}
.header2021-location .slab-info {
	margin-left: 10px;
}
.header2021-location .slab-info .header2021-info-nowrap {
	max-width: 130px;
}
.header2021-location .header2021-nav-title.text-gray {
	color: #fff !important;
}
.header2021-location .slab-info .text-gray {
	color: #6e6e6e;
}
.header2021-location .slab-h4 .margin-left {
	margin-left: 5px !important;
}
.header2021-location .list-box-inner {
	padding: 0 5px 0 0;
	max-height: 194px;
	min-height: 60px;
	margin-bottom: 10px;
}
.header2021-location .scrollbar::-webkit-scrollbar {
    width: 5px !important;
    height: 5px !important;
}
.header2021-location .scrollbar::-webkit-scrollbar-thumb {
    border-radius: 2.5px;
}
.header2021-location .list-box-inner ul li:not(:last-child){
	margin-bottom: 10px;
}
.header2021-location.menu.at-bottom > .menu-body > .menu-arrow,
.header2021-location.menu.at-bottom > .menu-body > .menu-arrow::before {
    border-width: 0px 10px 8px;
}
.header2021-location .menu-body .input-select .menu-list {
	max-height: 160px;
}

/* dark-mode header2021-location */
.dark-mode .header2021-location .input-group .input-text input:focus {
    border-color: #15379E;
    box-shadow: 0 0 0 1px #15379E;
}
.dark-mode .header2021-location .selectable-card.bd-gray.is-checked {
	border-color: #8EAFF0;
    background-color: #121212;
}
.dark-mode .header2021-location .selectable-card:hover .input-radio-mark {
    background-color: #112B88;
	border-color: #8EAFF0;
}
.dark-mode .header2021-location .form-footer::before {
	background-color: #424242;
}
.dark-mode .header2021-location .header2021-nav-title.text-gray,
.dark-mode .header2021 .header2021-nav-title.text-gray,
.dark-mode .header2021-location .slab-info .text-gray {
	color: #ADADAD !important;
}
.dark-mode .header2021-location .header2021-link.text-blue {
    color: #6694EA !important;
}
.dark .header2021-location .form-footer .alert-warning .alert-icon {
    color: #CC0000
}

/* saved search */
.header2021-saved-search {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: 100%;
}
.header2021-saved-search .slabs {
	-webkit-box-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 180px;
}
.header2021-saved-search .slabs-body.scrollbar {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 15px;
}
.header2021-saved-search .slab-inner {
	height: 60px;
}



/* search bar */
.header2021-search {
	position: relative;
	width: 100%;
	-webkit-flex-shrink: 1;
	flex-shrink: 1;
}
.header2021-search-inner {
	position: relative;
	display: -webkit-flex;
	display: flex;
	border-radius: 24px;
	box-sizing: border-box;
	min-width: 0;
	width: 100%;
	height: 42px;
	background-color: #fff;
	background-image: none;
}
.header2021-search-inner:after {
	content: '';
	display: none;
	pointer-events: none;
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-sizing: border-box;
	border-radius: 21px;
	border: 2px solid #1946B8;
}
.header2021-search-within {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	padding: 0 15px 0 20px;
}
.header2021-search-within > select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 1em;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
}
.header2021-search-within-name {
	display: inline-block;
	margin-right: 5px;
	white-space: nowrap;
}
.header2021-search-within,
.header2021-search-inner > .line-vertical {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}
.header2021-search-inner > .line-vertical {
	height: 16px;
	-webkit-align-self: center;
	align-self: center;
}
.header2021-search-box {
	position: relative;
}
.header2021-search-box [type="search"]::-webkit-search-cancel-button,
.header2021-search-box [type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
	appearance: none;
}
.header2021-search-box [type="search"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0 40px 0 15px;
	border: 0;
	outline: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background-color: transparent;
	color: #212121;
}
.header2021-search-clear {
	display: none;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	width: 28px;
	height: 28px;
	background-color: #C3D3F8;
	border-radius: 50%;
	color: #1946B8;
	text-align: center;
	line-height: 28px;
	cursor: pointer;
}
.header2021-search-button {
	width: 60px;
	height: 34px;
	align-self: center;
	margin: 0 5px 0 0;
}
.header2021-search-button > button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0 20px;
	border-radius: 20px;
	border: 0;
	outline: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background-color: transparent;
	color: #1946B8;
	font-size: 21px;
	cursor: pointer;
}
.header2021-search .goods-container.is-horizontal > .goods-info {
	padding: 0 0 0 10px;
}
.header2021-search .showout-box {
	margin: 20px 20px 20px 10px;
}
.header2021-search-list {
	width: auto;
	min-width: 250px;
	max-width: 500px;
}
.header2021-search-list .menu-list-link,
.header2021-search-list .menu-list-link > div {
	-webkit-box-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.header2021-search-list li {
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
.header2021-search-list .header2021-search-list-del {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 30px;
	text-align: center;
}
/* ----active */
.header2021-search.is-active { z-index: 2500; }
.header2021-search.is-active .header2021-search-clear,
.header2021-search.is-active .header2021-search-inner:after {
	display: block;
}
.header2021-search.is-active .header2021-search-button > button {
	background-color: #1946B8;
	color: #fff;
}
.header2021-search.is-active .header2021-search-button > button:hover {
	background-color: #3A60C2;
}
.header2021-search .menu.is-recent-searchs .menu-list-cell{
	width: 550px;
}
.header2021-search .menu.is-recent-searchs .menu-list-cell .button {
	border: none;
	padding: 0;
	text-transform: unset;
}
.header2021-search .menu.is-recent-searchs .menu-list-cell .button:active, 
.header2021-search .menu.is-recent-searchs .menu-list-cell .button:hover {
	border: none !important;
}
.header2021-search .hot-search-swiper {
	position: relative;
	padding: 0 15px;
}
.header2021-search .hot-search-swiper .swiper-slide {
	padding-right: 10px;
    width: auto;
    box-sizing: border-box;
}
.header2021-search .hot-search-swiper .swiper-slide:last-child {
	padding-right: 0;
}
.header2021-search .hot-search-swiper .swiper-slide > a {
	-webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    display: inline-block;
    padding: 6px 10px;
    border-radius: 4px;
    white-space: nowrap;
    text-align: center;
    width: auto;
}
.header2021-search .hot-search-swiper .swiper-slide > a:hover {
	text-decoration: underline;
}
.header2021-search .hot-search-swiper .swiper-button-gray.swiper-button-prev {
	left: -14px;
}
.header2021-search .hot-search-swiper .swiper-button-gray.swiper-button-next {
	right: -14px;
}
.header2021-search .hot-search-swiper {
	overflow: hidden;
}
.header2021-search .hot-search-swiper > a {
	-webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    display: inline-block;
    padding: 6px 10px;
    border-radius: 4px;
    white-space: nowrap;
    text-align: center;
    width: auto;
	margin-right: 10px;
	margin-bottom: 10px;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}
.header2021-search .hot-search-swiper > a:hover {
	text-decoration: underline;
}
.header2021-search > .menu,
.header2021-portals-menu,
.header2021-hamburger-new.menu,
.header2021-location.menu,
.header2021-notify.menu.at-bottom > .menu-body,
.header2021-country.menu.at-bottom > .menu-body,
.header2021-account.menu > .menu-body,
.header2021-toggle .dark-mode-tooltip,
.header2021-inner.has-hamburger,
.header2021-nav {
	font-family: 'Open Sans', sans-serif, Helvetica, Arial;
}

/* model search */
@media (max-width: 1499px) {
	.header2025-search-model {
		display: none;
	}
}
.header2025-search-model {
     position: absolute;
     padding-left: 12px;
     pointer-events: none;
     white-space: pre;
}

.header2025-search-model .placeholder {
    color: transparent
}

.header2025-search-model .model-text {
    padding: 0;
    color: rgb(148 148 148);
    height: 42px;
    line-height: 42px;
    border: 0;
}

.header2025-search-model-btn {
	border: 0;
    background: transparent;
    color: rgba(16, 97, 205, 1);
    font-size: 14px;
    cursor: pointer;
    pointer-events: initial;
}

.header2025-search-model-btn .ico-caret-right-solid {
 	position: relative;
 	top: 2px;
}


/* trending keywords */
.header-trending.tag-list {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-self: center;
	align-self: center;
	max-width: 40%;
	height: 20px;
	line-height: 20px;
	font-family: 'Open Sans', sans-serif, Helvetica, Arial;
}
.header-trending.tag-list .tag {
	/* 处理 GA4 */
	margin-bottom: 15px;
	background-color: #f2f2f2;
	color: #212121;
	margin-right: 10px;
}
.header-trending.tag-list .tag-text {
	text-transform: none;
	padding: 2px 4px;
	vertical-align: middle;
	box-sizing: border-box;
}
.header-trending.tag-list .tag:hover {
	color: #1061CD;
	background-color: #E0EDFF;
}


/* contry flags */
.header2021-country.header2021-nav:not(:first-child) {
	margin-left: 30px;
}
.header2021-country-flag {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	box-sizing: border-box;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	border: 2px solid #ADADAD;
}
.header2021-country-flag::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	border-radius: 50%;
}
.header2021-country-flag:hover,
.dark-mode .header2021-country-flag:hover {
	border-color: #1061CD;
}
.header2021-country-flag:hover:before {
	background-color: rgba(16, 97, 205,.2);
}
.header2021-country-flag .flag {
	width: 24px;
	height: 24px;
	margin: 0;
}
.header2021-country.menu.at-bottom > .menu-body {
	left: auto;
	right: -20px;
	width: auto;
}
.header2021-country.menu.at-bottom > .menu-body > .menu-arrow {
	left: auto;
	right: 25px;
}
.header2021-country-confirm {
	padding: 30px;
	width: 440px;
}
.header2021-country-change {
	padding: 30px 40px;
	width: 350px;
}
.list-box-title {
	display: block;
	margin-bottom: 5px;
}
.list-box-inner {
	display: block;
	padding: 5px 0;
	overflow: auto;
}
.list-box-inner li:hover {
	cursor: pointer;
}
.list-item-title,
.top-country-wrap .list-box-inner li .list-item-title {
	display: block;
	padding: 6px 15px 6px 10px;
	line-height: 2;
	white-space: nowrap;
}
.list-item-title .flag {
	margin-right: 3px;
	vertical-align: text-bottom;
}
.list-box-inner li.is-current { background-color: rgba(228, 235, 253, 1); }
.top-country-wrap .list-box {
	float: none !important;
}
.top-country-wrap .list-box-inner {
	height: 425px !important;
	max-height: calc(100vh - 350px) !important;
	min-height: 60px !important;
	border: none;
}
.top-country-wrap .list-box-inner li {
	position: relative;
}
.top-country-wrap .list-box-inner li .input-radio {
	position: absolute;
	right: 10px;
	top: 12px;
}

.top-country-bottom {
	margin-top: 20px;
	padding-bottom: 0 !important;
}
.top-country-bottom .button {
	margin: 0 20px 0 0;
	vertical-align: top;
	border-radius: 20px;
}
.top-country-bottom .button.bg-orange {
	background-color: #FA9D28;
    color: #212121;
    border: 2px solid transparent;
	padding: 3px 20px;
}
.top-country-bottom .button + .button {
	margin-right: 0;
}
.top-country-bottom p {
	margin: 10px 0;
}
.top-country-bottom.bd-top {
	border-top-width: 1px;
	border-top-style: solid;
}

.header2021-toggle > label {
	/* border: 2px solid #BFBFBF;
	border-radius: 20px;
	background-color: #BFBFBF; */
}



/* user info */
.user-avatar {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	display: block;
	position: relative;
	width: 60px;
	border-radius: 50%;
	box-sizing: border-box;
	overflow: hidden;
}
.user-avatar:before {
	content: '';
	display: block;
	padding-top: 100%;
	width: 100%;
}
.user-avatar img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%,-50%);
}
.user-name {
	display: block;
	display: -webkit-box;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	word-break: break-all;
	-webkit-box-orient: vertical;
	max-height: 1.4em;
}
a.user-name:hover {
	text-decoration: underline;
}
.user-list > ul,
.user-list > ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.user-list-cell {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	position: relative;
	padding: 15px;
}
ul.scrollbar .user-list-cell {
	margin-right: 4px;
}
.user-list-info {
	margin: 0 0 0 10px;
}
.user-list-msg {
	position: relative;
	display: block;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	word-wrap: break-word;
	word-break: break-word;
	text-overflow: ellipsis;
	margin-top: 2px;
	padding-right: 25px;
	max-height: 8.8em;
}
.user-list-msg:after {
	content: attr(data-time);
	position: absolute;
	right: 0;
	top: 0;
	color: #707070;
	font-size: 12px;
}
.user-list-action {
	margin-top: 10px;
}
.user-list-action .button + .button {
	margin-left: 5px;
}
.user-list .scrollbar.max-h-500px {
	max-height: 500px;
}
/* ----unread */
.user-list-cell.is-unread:after {
	content: '';
	display: block;
	position: absolute;
	top: 20px;
	right: 0;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #c00;
}



/* notifications */
.header2021-notify .header2021-nav-icon {
	display: block;
	position: relative;
	top: auto;
	left: auto;
	border-radius: 50%;
	box-sizing: border-box;
	font-size: 27px;
	cursor: pointer;
}
.header2021-notify-num {
	position: absolute;
	top: -5px;
	left: 90%;
	transform: translateX(-50%);
	padding: 0 4px;
	border-radius: 10px;
	min-width: 18px;
	box-sizing: border-box;
	font-size: 10px;
	line-height: 18px;
	text-align: center;
}
.header2021-notify.menu.at-bottom > .menu-body > .menu-arrow,
.header2021-notify.menu.at-bottom > .menu-body {
	left: 50%;
	transform: translateX(-50%);
}
.header2021-notify .menu-list-cell {
	width: 320px;
}
.header2021-notify .scrollbar {
	max-height: calc(100vh - 150px);
}

/* links and portals */
.header2021-links {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin-top: -5px;
	margin-bottom: -5px;
}
.header2021-links .line-vertical {
	margin: 0 10px;
	height: 10px;
}
.header2021-link {
	display: inline-block;
	white-space: nowrap;
}
.header2021-link .tag.is-new {
	position: absolute;
	left: 0;
	top: -20px;
}
.header2021-link:hover {
	text-decoration: underline;
}
.header2021-links .button span {
	margin: 0;
}
.header2021-links .button .ico {
	font-size: 14px;
}
.header2021-links .button.bg-blue {
	background-color: transparent;
	color: #212121;
	font-size: 12px;
	padding: 0;
	border: none;
	height: auto;
}
.header2021-links .button.bg-blue:hover {
	transform: scale(1);
	color: #212121;
	background-color: transparent;
	text-decoration: underline;
}
.gamer-community .header2021-gamer-community {
	font-weight: 900;
	display: flex;
	align-items: center;
}
.header2021-link.gamer-community {
	display: flex;
	align-items: center;
}
.header2021-link.gamer-community:hover {
	text-decoration: none;
}
.header2021-link.gamer-community:hover .header2021-gamer-community span {
	text-decoration: underline;
}
.gamer-community .ico-game {
	width: 16px;
	height: 16px;
	background-size: 100% 100%;
	display: block;
	margin-right: 3px;
	background-image: url("../../Nest/images/icons/community-Icon3_blue.png");
	background-image: url("https://c1.neweggimages.com/webresource/gamer-community/community_icon_blue.png");
}
.gamer-community.header2021-link .tag.is-new {
	position: relative;
	top: auto;
	margin-right: 8px;
} 
.dark-mode .header2021-link.gamer-community:hover .header2021-gamer-community span,
.dark-mode .gamer-community .header2021-gamer-community {
	color: #8BB2F1;
}
.dark-mode .gamer-community .ico-game {
	filter: brightness(0) saturate(100%) invert(53%) sepia(98%) saturate(1237%) hue-rotate(189deg) brightness(101%) contrast(101%);
}
.header2021-b2b-newegg,
.header2021-b2b-business {
	font-style: italic;
	font-weight: 800;
	text-transform: uppercase;
}
.header2021-b2b-newegg {
	color: #084BA6;
}
.header2021-portal {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin: 0 10px;
}
.header2021-portal > span {
	font-weight: bold;
}
.header2021-portal > .ico + span {
	margin-left: 5px;
}
.header2021-portal > span + .ico {
	margin-left: 5px;
}
.header2021-portal:hover > span {
	text-decoration: underline;
}
.header2021-portals {
	width: 100%;
}
.header2021-portals .swiper-container {
	margin-bottom: -10px;
	padding-bottom: 10px;
	height: auto;
}
.header2021-portals .swiper-slide {
	width: auto;
	height: auto;
}
.header2021-portals .swiper-scrollbar {
	opacity: 0;
}
.header2021-portals:hover .swiper-scrollbar {
	opacity: 1;
}
/* ----portal menus */
.header2021-portal .menu-arrow,
.header2021-portal .menu-arrow:before {
	border-width: 0 11px 12px 11px;
}
.header2021-portal .menu-arrow {
	display: none;
	right: 4px;
	top: 100%;
	border-bottom-color: rgba(180, 180, 180, 0.2);
}
.header2021-portal .menu-arrow:before {
	top: 1px;
	left: -11px;
	border-bottom-color: #fff;
}
.header2021-portals-menu {
	z-index: auto;
	margin-top: -5px;
	padding-top: 20px;
	width: 100%;
}
.header2021-portals-menu .section-title {
	padding: 0 30px;
}
.header2021-portal.is-active .menu-arrow,
.header2021-portals-menu.is-active {
	display: block;
}
.sticky-header-top .header2021.is-sticky .header2021-portal.is-active .menu-arrow,
.sticky-header-top .header2021.is-sticky .header2021-portals-menu {
	display: none;
}
.header2021-tools-menu {
	z-index: auto;
	margin-top: -5px;
	padding-top: 20px;
}
.MoreMenu.popover.show,
.ShoppingTools.popover.show {
	width: 280px;
	border-radius: 8px;
	border: none;
	z-index: 1991;
	height: auto;
	margin-top: 10px;
}
.MoreMenu.popover.show {
	width: auto;
}
.MoreMenu .popover-body,
.ShoppingTools .popover-body {
	padding: 0;
}
.ShoppingTools.show .menu-body {
	width: 100%;
	min-width: initial;
	display: block;
}
.MoreMenu .popover-body  .menu-list-cell {
	width: auto;
}
.MoreMenu.show .menu-body {
	width: auto;
	min-width: initial;
	display: block;
}
.MoreMenu.show .menu-body .menu-list-link {
	padding: 10px;
}
.MoreMenu .menu-list-container {
	padding: 10px;
}
.MoreMenu .menu-list-container .swiper-slide {
	height: auto;
	float: none;
}
.shopping-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0,0,0,.5);
	z-index: 1990;
}
.MoreMenu.popover .arrow::before,
.MoreMenu.popover .arrow::after,
.ShoppingTools.popover .arrow::before,
.ShoppingTools.popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.ShoppingTools.popover .arrow,
.MoreMenu.popover .arrow {
	position: absolute;
  display: block;
	width: 16px;
	height: 10px;
	top: -11px;
}
.ShoppingTools.bs-popover-bottom > .arrow::after, 
.ShoppingTools.bs-popover-auto[x-placement^="bottom"] > .arrow::after,
.MoreMenu.bs-popover-bottom > .arrow::after, 
.MoreMenu.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
	top: 4px;
	border-width: 0 8px 8px 8px;
	border-bottom-color: rgba(255,255,255);
}
.ShoppingTools.bs-popover-bottom > .arrow::before, 
.ShoppingTools.bs-popover-auto[x-placement^="bottom"] > .arrow::before,
.MoreMenu.bs-popover-bottom > .arrow::before, 
.MoreMenu.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
	top: 4px;
	border-width: 0 8px 8px 8px;
	border-bottom-color: rgba(255,255,255);
}
.ShoppingTools .menu-list-container {
	padding: 20px 15px;
}
.ShoppingTools .menu-body {
	border-radius: 8px;
}
.ShoppingTools .scrollbar,
.MoreMenu .scrollbar {
	padding-right: 0;
}
.ShoppingTools .popover-body ul,
.MoreMenu .popover-body ul {
	margin-left: 0;
}

.MoreMenu.show {
    display: block;
    max-width: 276px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
    background-color: #fff;
    background-clip: padding-box;
	color: #212121;
}
.dark-mode .MoreMenu.popover.show {
	background-color: #212121 !important;
	color: #fff;
}
.dark-mode .MoreMenu.bs-popover-auto[x-placement^=bottom]>.arrow::before, 
.dark-mode .MoreMenu.bs-popover-bottom>.arrow::before, 
.dark-mode .MoreMenu.bs-popover-auto[x-placement^=bottom]>.arrow::after, 
.dark-mode .MoreMenu.bs-popover-bottom>.arrow::after {
	border-bottom-color: rgba(33, 33, 33);
}




/* user bar */
.header2021-user-bar {
	background: #C3D3F8;
	border-radius: 4px 4px 0 0;
	position: relative;
}
.header2021-user-bar > .menu-list {
	min-width: 398px;
}
.header2021-user-bar::before {
	content: '';
	width: 171px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 1;
	background: url('../../Nest/images/bgs/bg_header_user_bar.png') right center no-repeat;
}
.dark-mode .header2021-user-bar::before {
	opacity: 0.5;
}
.header2021-account.menu.at-bottom > .menu-body.bg-white > .header2021-user-bar ~ .menu-arrow:before {
	border-bottom-color: #C3D3F8;
}
.header2021-user {
	padding: 15px 30px;
}
.header2021-user-avatar {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	border-radius: 50%;
	border: 2px solid #fff;
	background-color: #d8d8d8;
	box-sizing: border-box;
}
.header2021-user-avatar > img {
	display: block;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1.2);
	background-color: transparent;
}
.header2021-user-info {
	margin-left: 10px;
}
.header2021-user-name {
	font-weight: 700;
}
.header2021-user-greeting {
	max-width: 285px;
}
.header2021-account .scrollbar:not(.slabs-body) {
	max-height: 300px;
}
.header2021-user-badge {
	margin-top: 5px;
}
.header2021-user-badge img {
	height: 18px;
}
.header2021.is-business .header2021-user-bar {
	background: #EEEEEE;
}
.header2021.is-business .header2021-user-bar::before {
	content: none;
}
.header2021.is-business .header2021-user-bar > .menu-list {
	min-width: 0;
}
.header2021.is-business .header2021-account.menu.at-bottom > .menu-body.bg-white > .header2021-user-bar ~ .menu-arrow:before {
	border-bottom-color: #EEEEEE;
}


/* history */
.history-timeline {
	padding: 0 0 20px 20px;
}
.history-timeline-item {
	position: relative;
	width: 200px;
}
.history-timeline-item .goods-purchased {
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translate(-50%, -50px);
	padding: 5px 10px;
	background: rgba(0, 0, 0, 0.7);
	width: 130px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
}
.history-timeline-item .goods-purchased-title {
	display: block;
	font-weight: bold;
}
.history-timeline-item .goods-purchased-date {
	display: block;
}
.history-timeline-item .goods-price {
	height: 70px;
}
.history-timeline-item .goods-info {
	padding-bottom: 0;
}
.history-timeline-remove,
.history-timeline-error-msg,
.history-timeline-date {
	padding: 0 10px;
	text-align: center;
}
.history-timeline-decorator {
	position: relative;
	padding: 15px 0;
	cursor: pointer;
}
.history-timeline-line {
	width: 100%;
	height: 3px;
}
.history-timeline-dot {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 15px;
	box-sizing: border-box;
	border-radius: 50%;
	border-width: 3px;
	border-style: solid;
	transform: translate3d(-50%, -50%, 0);
}
.history-timeline-dot .ico-times {
	display: none;
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 16px;
}
.history-timeline-item:first-child .history-timeline-line {
	margin-left: auto;
	width: 50%;
}
.history-timeline-item:nth-last-child(2) .history-timeline-line {
	margin-right: auto;
	width: 50%;
}
.history-timeline-item:first-child:nth-last-child(2) .history-timeline-line {
	width: 0;
}
.history-timeline-decorator:hover .history-timeline-dot {
	width: 22px;
	height: 22px;
	background: #eee;
}
.history-timeline-decorator:hover .history-timeline-dot .ico-times {
	display: block;
	color: #000;
}
.history-timeline-more {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 180px;
	height: auto;
}
.history-timeline-more > a {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	box-sizing: border-box;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.history-timeline .swiper-button-prev,
.history-timeline .swiper-button-next {
	top: 0;
	margin: 0;
	width: 80px;
	height: 360px;
	color: #000;
	opacity: 0.6;
}
.history-timeline .swiper-button-prev {
	text-shadow: -1px 0 #fff;
}
.history-timeline .swiper-button-next {
	text-shadow: 1px 0 #fff;
}
.history-timeline .swiper-button-prev:hover,
.history-timeline .swiper-button-next:hover {
	opacity: 1;
}
.history-timeline .swiper-button-prev.swiper-button-disabled,
.history-timeline .swiper-button-next.swiper-button-disabled {
	opacity: 0;
}



/* header garage */
.header2021-portals-menu {
	min-height: 250px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.header-garage-select {
	display: -webkit-inline-flex;
	display: inline-flex;
	margin: 30px auto;
	padding: 10px;
	box-sizing: border-box;
	text-align: left;
}
.header-garage-select .input-select {
	width: auto;
}
.header-garage-select .input-select ~ .input-select,
.header-garage-select .button {
	margin-left: 10px;
}
.header-garage-select-year { min-width: 90px; }
.header-garage-select-make { min-width: 140px; }
.header-garage-select-model { min-width: 240px; }
.header-garage-select-trim { min-width: 120px; }
.header-garage-select-engine { min-width: 220px; }
.header2021-portals-menu.bg-darkgray .section-title-text,
.header2021-portals-menu.bg-darkgray p {
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9);
}

/* hot search */
.tag-primary {
	background-color: #f2f2f2;
	color: #212121;
}
.tag-hot {
	background-color: #FFEEEB;
	color:#e0331f;
}
.hot-search-swiper .tag-hot:hover {
	color:#e0331f !important;
}
.hot-search-swiper .tag-primary:hover {
	color:#212121 !important;
}
.dark-mode .hot-search-swiper .tag-primary {
	background-color: #f2f2f2;
	color: #212121 !important;
}
.dark-mode .hot-search-swiper .tag-hot {
	background-color: #FFEEEB;
	color:#e0331f !important;
}
.dark-mode .hot-search-swiper .tag-primary:hover {
	color: #212121 !important;
}
.dark-mode .hot-search-swiper .tag-hot:hover {
	color:#e0331f !important;
}


/* header seller */
.header2021.is-seller-header .header2021-logo {
    margin-right: 0px;
}
.header-seller-logo {
    display: block;
    margin-left: 40px;
    padding-left: 40px;
    border-left: 1px solid #d9d9d9;
    font-size: 22px;
    line-height: 50px;
}
.header-seller-name {
    font-weight: bold;
}
.header-seller-logo img {
    display: block;
    max-height: 50px;
}
.header-seller-logo:hover {
    color: #fff;
}

/* header fixed on top */
.sticky-header-top body {
    padding-top: 120px;
    height: auto;
    min-height: calc(100% - 120px);
}
.sticky-header-top .page-content {
	padding-top: 0;
	height: auto;
	min-height: 0;
}
.sticky-header-top .header2021.is-mini,
.sticky-header-top .header2021:not(.is-mini) {
	position: fixed;
	z-index: 1201;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	box-sizing: border-box;
}
.sticky-header-top .header2021.is-sticky {
	border-bottom: none !important;
	box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
}
.sticky-header-top .header2021 .header2021-inner:not(:first-child) {
	margin-top: 0;
	opacity: 1;
	/* transition: all 0.3s; */
}
.sticky-header-top .header2021.is-sticky .header2021-inner:not(:first-child) {
	margin-top: -37px;
	opacity: 0;
	pointer-events: none;
	display: none;
}
.sticky-header-top .header2021.is-sticky .header2021-inner {
	padding-top: 10px;
	padding-bottom: 10px;
}
.sticky-header-top .product-bar.is-fixed,
.sticky-header-top .compare-items-bar.active,
.sticky-header-top .row.has-flex-summary .summary-side,
.sticky-header-top .finder-filter.is-fixed,
.sticky-header-top .sticky-top {
	top: 72px;
}



/* menu not flying */
.menu-not-flying .header2021-hamburger > .menu-body > .menu-list-container {
	max-height: calc(100vh - 72px);
	overflow: auto;
}
.menu-not-flying .header2021 .menu-level-1.is-active .header2021-hamburger-quicklinks,
.menu-not-flying .header2021 .menu-level-1.is-active > .menu-list:not(.menu-level-2),
.menu-not-flying .header2021 .menu-level-1.is-active > .line-horizontal,
.menu-not-flying .header2021 .menu-level-2.is-current > .section-title {
	display: none;
}
.menu-not-flying .header2021 .menu-level-3.is-current > .menu-level-back,
.menu-not-flying .header2021 .menu-level-4.is-current > .menu-level-back,
.menu-not-flying .header2021 .menu-level-5.is-current > .menu-level-back {
	display: flex;
}
.menu-not-flying .header2021 .menu-level-back > .ico {
	margin-right: 5px;
}
.menu-not-flying .header2021 .menu-level-3 .menu-body {
	position: static;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none;
	min-width: 0;
	transform: none;
}
.menu-not-flying .header2021 .menu-level-3 .menu-arrow {
	display: none;
}
.menu-not-flying .header2021 .menu-level-3.is-current > .menu-body,
.menu-not-flying .header2021 .menu-level-5.is-current > .menu-body,
.menu-not-flying .header2021 .menu-level-4.is-current > ul {
	display: block;
}
.menu-not-flying .header2021 .menu-level-3.is-current > .menu-body > .menu-list-container,
.menu-not-flying .header2021 .menu-level-4.is-current > .menu-body > .menu-list-container,
.menu-not-flying .header2021 .menu-level-5.is-current > .menu-body > .menu-list-container {
	padding: 0;
}
.menu-not-flying .header2021 .menu-level-3.is-current > .menu-body > .menu-list-container > .menu-list-container-inner,
.menu-not-flying .header2021 .menu-level-4.is-current > .menu-body > .menu-list-container > .menu-list-container-inner,
.menu-not-flying .header2021 .menu-level-5.is-current > .menu-body > .menu-list-container > .menu-list-container-inner {
	-webkit-flex-direction: column;
	flex-direction: column;
}
.menu-not-flying .header2021 .menu-level-3 .menu-list-cell,
.menu-not-flying .header2021 .menu-level-5 .menu-list-cell {
	width: auto;
}
.menu-not-flying .header2021 .menu-level-3.is-current > .menu-list-link,
.menu-not-flying .header2021 .menu-level-4.is-current > .menu-list-link,
.menu-not-flying .header2021 .menu-level-5.is-current > .menu-list-link,
.menu-not-flying .header2021 .menu-level-4.is-current > .section-subtitle {
	margin-top: 20px;
	font-style: italic;
	font-weight: 800;
}
.menu-not-flying .header2021 .menu-level-3.is-current > .menu-list-link:after,
.menu-not-flying .header2021 .menu-level-4.is-current > .menu-list-link:after,
.menu-not-flying .header2021 .menu-level-5.is-current > .menu-list-link:after,
.menu-not-flying .header2021 .menu-level-4.is-current > .section-subtitle:after {
	content: none;
}
.menu-not-flying .header2021 .menu-level-3.is-current > a.menu-list-link,
.menu-not-flying .header2021 .menu-level-4.is-current > a.menu-list-link,
.menu-not-flying .header2021 .menu-level-5.is-current > a.menu-list-link,
.menu-not-flying .header2021 .menu-level-4.is-current > a.section-subtitle {
	padding-right: 60px;
}
.menu-not-flying .header2021 .menu-level-3.is-current > a.menu-list-link:after,
.menu-not-flying .header2021 .menu-level-4.is-current > a.menu-list-link:after,
.menu-not-flying .header2021 .menu-level-5.is-current > a.menu-list-link:after,
.menu-not-flying .header2021 .menu-level-4.is-current > a.section-subtitle:after {
	content: 'View All';
	position: absolute;
	right: 3px;
	top: 50%;
	transform: translateY(-50%);
	color: #636363;
	margin-right: 5px;
	font-weight: bold;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif, Helvetica, Arial;
}
.menu-not-flying .header2021 .menu-level-3.is-current > a.menu-list-link:hover:after,
.menu-not-flying .header2021 .menu-level-4.is-current > a.menu-list-link:hover:after,
.menu-not-flying .header2021 .menu-level-5.is-current > a.menu-list-link:hover:after,
.menu-not-flying .header2021 .menu-level-4.is-current > a.section-subtitle:hover:after {
	text-decoration: underline;
}
.menu-not-flying .header2021 .menu-level-4 > .section-subtitle {
	font-weight: normal;
	cursor: pointer;
}
.menu-not-flying .header2021 .menu-level-3.is-current:not(.is-open) .section-subtitle-text {
	font-style: normal;
	font-weight: normal;
}
.menu-not-flying .header2021 .menu-level-3.is-current:not(.is-open) .section-subtitle:hover {
	background-color: rgba(228, 235, 253, 1);
	color: #2A69DF;
	border-radius: 4px;
}
.menu-not-flying .header2021 .menu-level-3.is-current:not(.is-open) .section-subtitle:after {
	font-family: 'new-desktop';
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f105";
	color: #d1d1d1;
	position: absolute;
	right: 3px;
	top: 50%;
	transform: translateY(-50%);
}
.menu-not-flying .header2021 .menu-level-2.is-open > .section-subtitle,
.menu-not-flying .header2021 .menu-level-2.is-current .menu-level-3:not(.is-current),
.menu-not-flying .header2021 .menu-level-4 > ul,
.menu-not-flying .header2021 .menu-level-3.is-open .menu-level-4:not(.is-current),
.menu-not-flying .header2021 .menu-level-3.is-open > .menu-list-link,
.menu-not-flying .header2021 .menu-level-4.is-open > .section-subtitle,
.menu-not-flying .header2021 .menu-level-4.is-open .menu-level-5:not(.is-current) {
	display: none;
}
.menu-not-flying .header2021-shopping-tools.bg-lightblue {
	background-color: transparent;
}


/* header2021-hamburger-new */
.header2021-hamburger-new.menu .bg-transparent-lightblue:hover, 
.header2021-hamburger-new.menu .bg-transparent-lightblue.is-active, 
.header2021-hamburger-new.menu .is-active > .bg-transparent-lightblue,
.header2021-hamburger-new.menu .menu-level-3 .menu-body .header2021-shopping-tools .menu-list-link:hover {
	background-color: #ECF1FE;
	color: #2A69DF;
}
.header2021-hamburger-new.menu .menu-level-3.menu > .menu-list-link:after,
.header2021-hamburger-new.menu .menu-level-5.menu > .menu-list-link:after {
	color: #ADADAD;
}
.header2021-hamburger-new.menu .menu-level-3.menu > .menu-list-link:after {
	right: 22px;
}
.header2021-hamburger-new.menu > .menu-body {
	left: -14px;
}
.header2021-hamburger-new.menu.at-bottom > .menu-body > .menu-arrow {
	left: 24px;
}
.header2021-hamburger-new.menu .menu-list-container-inner, 
.header2021-hamburger-new.menu .menu-list-cell,
.header2021-hamburger-new.menu .menu-level-3.menu.at-right {
	position: static;
}
.header2021-hamburger-new.menu > .menu-body > .menu-list-container {
	position: static;
	padding: 0;
	max-height: calc(100vh - 72px);
}
.header2021-hamburger-new.menu > .menu-body > .menu-list-container {
	box-sizing: border-box;
	overflow-y: auto;
}
.header2021-hamburger-new.menu .menu-level-3.menu.at-right > .menu-body {
	top: 0;
	transform:none;
	margin-left:-5px;
	border-width: 0;
	border-radius: 4px;
	-webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);
	-moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);
	-ms-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);
	-o-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);
	box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);
}
.header2021-hamburger-new.menu .radius-s .menu-list-cell:first-child {
	border-radius: 4px;
}
.header2021-hamburger-new.menu .menu-list-cell.menu-level-1 {
	width: 530px;
	-webkit-flex-direction: row;
	flex-direction:row;
}
.header2021-hamburger-new.menu .menu-list-cell.menu-level-1.no-hamburger {
	width: 270px;
}
.header2021-hamburger-new.menu .header2021-hamburger-side {
	width: 260px;
	border-radius: 4px 0 0 4px;
}
.header2021-hamburger-new.menu .header2021-hamburger-quicklinks {
	margin-bottom: 0;
	padding-top: 20px;
}
.header2021-hamburger-new.menu .header2021-hamburger-side .menu-list {
	position: relative;
	padding-left: 10px;
	padding-bottom: 10px;
}
.header2021-hamburger-new.menu .menu-list-cell.menu-level-1 > .menu-list.menu-level-2 {
	width: 270px;
	padding: 20px 0 20px 20px;
	box-sizing: border-box;
}
.header2021-hamburger-new.menu .menu-level-3.menu.at-right > .menu-body > .menu-list-container {
	padding: 0;
}
.header2021-hamburger-new.menu .menu-level-3 .menu-list-container-inner + .menu-list-container-inner {
	margin-top: 10px;
}
.header2021-hamburger-new.menu .menu-level-3 .menu-body  .menu-list-cells-group {
	padding: 20px 0 20px 15px;
}

.header2021-hamburger-new.menu .menu-level-3 .menu-body .section-subtitle {
	padding: 10px 15px;
}
.header2021-hamburger-new.menu .menu-list a.section-subtitle {
	text-decoration: underline;
}

.header2021-hamburger-new.menu .menu-list + .menu-list {
	padding-top: 0;
	margin-top: 0;
}
.header2021-hamburger-new.menu .menu-level-3 .menu-body .menu-list-cell {
	margin-right: 20px;
}
.header2021-hamburger-new.menu .menu-level-3 .menu-body .header2021-shopping-tools {
	width: 193px;
	margin: 0 0 0 10px;
}
.header2021-hamburger-new.menu .menu-level-5 .menu-body .menu-list-cell {
	margin-right: 0;
}
.header2021-hamburger-new.menu .menu-level-3 .menu-body .menu-level-5 .menu-list-container-inner:last-child {
	margin-top: 0;
}
.header2021-hamburger-new.menu .menu-level-3 .menu-body .header2021-shopping-tools .menu-level-5{
	margin-bottom: 10px;
}
.header2021-hamburger-new.menu .menu-level-3 .menu-body .header2021-shopping-tools .menu-list-link {
	padding: 6px 15px;
	background: #f7f7f7;
	border-radius: 4px;
	display:inline-block;
}

/* header2021-hamburger menu-list-ads */
.header2021-hamburger-new.menu .menu-level-3 .menu-body .menu-list-ads {
	width: 164px;
	padding:20px 30px 0;
	margin-right: 0;
	border-radius: 0;
}
.header2021-hamburger-new.menu .menu-level-3 .menu-body .menu-list-ads .menu-list-link {
	width: 90px;
	height: 90px;
	margin: 0 auto 15px;
	padding: 0;
	background:#f7f7f7;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header2021-hamburger-new.menu .menu-level-3 .menu-body .menu-list-ads img {
	mix-blend-mode: darken;
	background-color: #fff;
}
.dark-mode .header2021-hamburger-new.menu .menu-level-3 .menu-body .menu-list-ads img {
	mix-blend-mode: normal;
	background-color: transparent;
}
.header2021-hamburger-new.menu .menu-level-3 .menu-list-ads .menu-list-link img {
	max-width: 86%;
	display:block;
}
/* ----for ie10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.header2021-hamburger-new.menu .menu-level-3 .menu-list-ads .menu-list-link img {
		width:94%;
	}
}
.header2021-hamburger-new.menu .menu-level-3 .header2021-shopping-tools .section-subtitle,
.header2021-hamburger-new.menu .menu-level-3 .menu-list-ads .section-subtitle {
	padding-left: 0;
	padding-right: 0;
}
.header2021-hamburger-new.menu.at-bottom > .menu-body.bg-white > .menu-arrow:before {
	border-bottom-color: #ECF1FE;
}
.header2021-hamburger-new.menu.at-bottom > .menu-body.bg-white > .menu-arrow {
	border-bottom-color: rgba(180, 180, 180, 0.1);
}
.header2021-hamburger-new.menu .menu-list-cell .line-horizontal {
	margin: 0 30px 10px 26px;
}
.header2021-hamburger-new.menu .header2021-hamburger-quicklinks .menu-list-link .ico {
	margin-left: -3px;
}
.header2021-hamburger-new.menu .menu-level-3.menu > .menu-body .bg-transparent-lightblue {
    transform:none
}

/*  menu-not-flying  header2021-hamburger-new */
.header2021-hamburger-new.menu > .menu-body > .menu-list-container,
.menu-not-flying .header2021-hamburger-new>.menu-body>.menu-list-container {
	overflow: hidden;
	overflow-y: auto;
}
/* for firefox  */
@-moz-document url-prefix(){
	.header2021-hamburger-new.menu > .menu-body > .menu-list-container,
	.menu-not-flying .header2021-hamburger-new>.menu-body>.menu-list-container {
		scrollbar-width: thin;
	}
}
.header2021-hamburger-new.menu > .menu-body > .menu-list-container::-webkit-scrollbar,
.menu-not-flying .header2021-hamburger-new.menu > .menu-body > .menu-list-container::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
	height: 7px;
	background-color: #f7f7f7;
}
.header2021-hamburger-new.menu > .menu-body > .menu-list-container::-webkit-scrollbar-thumb,
.menu-not-flying  .header2021-hamburger-new.menu > .menu-body > .menu-list-container::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.menu-not-flying .header2021 .menu-level-1.is-active .header2021-hamburger-side,
.menu-not-flying .header2021 .menu-level-1.is-active > .menu-list:not(.menu-level-2), 
.menu-not-flying .header2021 .menu-level-1.is-active > .line-horizontal,
.menu-not-flying .header2021 .menu-level-2.is-current > .section-title,
.menu-not-flying .header2021-hamburger-new.menu .menu-list-ads {
	display: none;
}
.menu-not-flying .header2021-hamburger-new.menu .menu-list-cell.menu-level-1.is-active {
	width: 250px;
}
.menu-not-flying .header2021-hamburger-new.menu .menu-level-3.menu.at-right > .menu-body {
	box-shadow: none;
}
.menu-not-flying .header2021-hamburger-new.menu .menu-level-3 .menu-body .menu-list-cells-group {
	padding: 0;
}
.menu-not-flying .header2021-hamburger-new.menu .menu-list-container-inner{
	-webkit-flex-direction: column;
	flex-direction: column;
}
.menu-not-flying .header2021-hamburger-new.menu .menu-level-3 .menu-body .header2021-shopping-tools .menu-level-5 {
	margin: 0;
}
.menu-not-flying .header2021-hamburger-new.menu .menu-level-3 .menu-body .header2021-shopping-tools .menu-list-link {
	display: block;
}
.menu-not-flying .header2021-hamburger-new.menu .menu-level-3 .menu-body a.menu-list-link {
	font-size: 14px;
	line-height: 20px;
	padding: 10px 15px;
	border-radius: 4px;
}
.menu-not-flying .header2021-hamburger-new.menu .menu-level-3.is-current > a.menu-list-link, 
.menu-not-flying .header2021-hamburger-new.menu .menu-level-4.is-current > a.menu-list-link, 
.menu-not-flying .header2021-hamburger-new.menu .menu-level-5.is-current > a.menu-list-link,
.menu-not-flying .header2021-hamburger-new.menu .menu-level-4.is-current > a.section-subtitle {
	padding-right: 60px;
	border-radius: 4px;
}
.menu-not-flying .header2021-hamburger-new.menu .menu-level-3 .menu-body .menu-list-link:hover {
	background-color: #ECF1FE;
	color: #2A69DF;
}
.menu-not-flying .header2021-hamburger-new.menu .menu-list-cell.menu-level-1 > .menu-list.menu-level-2.is-current {
	padding: 0;
}
.menu-not-flying .header2021-hamburger-new.menu .menu-level-3 .menu-body .menu-list-cell,
.menu-not-flying .header2021-hamburger-new.menu .menu-level-3 .menu-body .header2021-shopping-tools {
	width: 100% !important;
	margin-right: 0;
	margin-left: 0;
}
.menu-not-flying .header2021-hamburger-new .menu-level-3 .header2021-shopping-tools .section-subtitle {
	margin-bottom: 0;
}
.menu-not-flying .header2021-hamburger-new .menu-level-3 .menu-list-container-inner:last-child {
	margin-top: 0;
}
.menu-not-flying .header2021-hamburger-new  .menu-level-3.is-current .menu-list-container {
	padding: 0;
}
.menu-not-flying .header2021-hamburger-new.menu .menu-level-3 .menu-body .section-subtitle {
	position: relative;
	padding: 10px 15px;
}
.menu-not-flying .header2021-hamburger-new.menu .menu-list a.section-subtitle {
	text-decoration: none;
}
.menu-not-flying .header2021-hamburger-new.menu .menu-level-3 .header2021-shopping-tools .section-subtitle,
.menu-not-flying .header2021-hamburger-new.menu .menu-level-3 .menu-list-ads .section-subtitle {
	padding-left: 15px;
	padding-right: 15px;
 }
 .menu-not-flying .is-open-new.menu > .menu-body > .menu-list-container {
	padding:15px;
 }
.menu-not-flying .is-open-new.menu > .menu-body.bg-white > .menu-arrow:before {
	border-bottom-color: #fff;
}




@media (max-width: 1799px)  {
	.header2021-hamburger-new.menu .menu-list-cell.menu-level-1 {
		width: 510px;
	}
	.header2021-hamburger-new.menu .menu-level-3 > .menu-body .menu-list-cells-group .menu-list-cell:not(.header2021-shopping-tools) {
		width:225px;
	}
	.header2021-hamburger-new.menu .menu-level-5 .menu-body .menu-list-cell {
		width: 250px !important;
	}
}
@media (max-width: 1699px)  {
	.header2021-hamburger-new.menu .menu-level-3 > .menu-body .menu-list-cells-group .menu-list-cell:not(.header2021-shopping-tools) {
		width:200px;
	}
}
@media (max-width: 1599px)  {
	.header2021-hamburger-new.menu .menu-level-3.menu.at-right > .menu-body {
		-webkit-transform: scale(.96);
		transform: scale(.96);
		-webkit-transform-origin: left top;
		transform-origin: left top;
	}
	.header2021-hamburger-new.menu .menu-level-3 .menu-body .menu-list-ads {
		width: 144px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.header2021-hamburger-new.menu .menu-level-3 .menu-list-ads .section-subtitle {
		-webkit-justify-content: center;
		justify-content: center;
	}
}
@media (max-width: 1536px)  { 
	.header2021-hamburger-new.menu .menu-level-3 > .menu-body .menu-list-cells-group .menu-list-cell:not(.header2021-shopping-tools) {
		width:190px;
	}
}
@media (max-width: 1499px) { 
	.header2021-hamburger-new.menu .menu-level-3 > .menu-body .menu-list-cells-group .menu-list-cell:not(.header2021-shopping-tools) {
		width:200px;
	}
	.header2021-hamburger-new.menu .menu-level-3 .menu-body .menu-list-ads {
		display: none;
	}
	.header2021-hamburger-new.menu .menu-level-3 .menu-body .menu-list-cells-group {
		padding-right: 20px;
	}
	.header2021-hamburger-new.menu .menu-level-3 .menu-body .menu-list-container-inner > .menu-list-cell {
		margin-right: 10px;
	}
	.header2021-hamburger-new.menu .menu-level-3 .menu-body  .menu-list-container-inner > .menu-list-cell:last-child {
		margin-right: 0;
	}
	.header2021-hamburger-new.menu .menu-level-3 .menu-body .section-subtitle-text {
		line-height: 18px;
	}
}
@media (max-width: 1399px) {
	.header2021-hamburger-new.menu .menu-list-cell.menu-level-1 {
		width: 500px;
	}
	.header2021-hamburger-new.menu .menu-level-3 > .menu-body .menu-list-cells-group .menu-list-cell:not(.header2021-shopping-tools) {
		width:190px;
	}
}
@media (max-width: 1336px) {
	.header2021-hamburger-new.menu .menu-level-3 > .menu-body .menu-list-cells-group .menu-list-cell:not(.header2021-shopping-tools) {
		width:180px;
	}
}
@media (max-width: 1299px) {
	.header2021-hamburger-new.menu .menu-list-cell.menu-level-1 {
		width: 500px;
	}
	.header2021-hamburger-new.menu .menu-level-3 > .menu-body .menu-list-cells-group .menu-list-cell:not(.header2021-shopping-tools) {
		width:160px;
	}
}
@media (max-width: 1199px) {
	.header2021-hamburger-new.menu .menu-list-cell.menu-level-1 {
		width: 490px;
	}
	.header2021-hamburger-new.menu .menu-level-3.menu.at-right > .menu-body {
		-webkit-transform: scale(.94);
		transform: scale(.94);
		-webkit-transform-origin: left top;
		transform-origin: left top;
	}
	.header2021-hamburger-new.menu .menu-level-3 > .menu-body .menu-list-cells-group .menu-list-cell:not(.header2021-shopping-tools) {
		width:140px;
	}
	.header2021-inner:first-child>.section-right{
		min-width: initial;
		margin-left: 20px;
	}
	.header2021-country.header2021-nav:not(:first-child),
	.header2021-nav ~ .header2021-nav.header2021-toggle {
		margin-left: 20px;
	}
}
.menu-not-flying .header2021-hamburger-new.menu > .menu-body,
.menu-not-flying .header2021-hamburger-new.menu .menu-level-3.menu.at-right > .menu-body {
    -webkit-transform: scale(1);
    transform: scale(1);
}
@media (max-width: 799px) {
	.header2021-hamburger-new.menu.at-bottom > .menu-body > .menu-arrow {
		display: none;
	}
	.header2021-hamburger-new.menu.at-bottom > .menu-body {
		position: fixed;
		top: 10px;
		left: 10px !important;
		right: 10px;
		margin: 0;
		transform: none;
		width: auto;
	}
	.header2021-hamburger-new.menu > .menu-body > .menu-list-container {
		max-height: calc(65vh + 46px);
	}
	.header2021-inner.has-hamburger .header2021-hamburger {
		transform: unset;
	}
	.header2021-hamburger-new.menu .menu-list-cell.menu-level-1 {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.header2021-hamburger-new.menu .menu-list-cell.menu-level-1,
	.header2021-hamburger-new.menu .header2021-hamburger-side,
	.header2021-hamburger-new.menu .menu-list-cell.menu-level-1 > .menu-list.menu-level-2,
	.menu-not-flying .header2021-hamburger-new.menu .menu-list-cell.menu-level-1.is-active {
		width: 100%;
	}
	.header2021-hamburger-new.menu .header2021-hamburger-side {
		border-radius: 4px 4px 0 0;
	}
	.header2021-hamburger-new.menu .menu-list-link {
		padding: 8px 15px;
	}
	.header2021-hamburger-new.menu .menu-list-cell.menu-level-1 > .menu-list.menu-level-2 {
		padding: 10px 0 10px 10px;
	}
	.menu-not-flying .header2021-hamburger-new.menu > .menu-body > .menu-list-container {
		overflow-y: auto;
	}
}

/* dark-mode header2021-hamburger-new */
.dark-mode .header2021-hamburger-new.menu .bg-transparent-lightblue:hover, 
.dark-mode .header2021-hamburger-new.menu .bg-transparent-lightblue.is-active, 
.dark-mode .header2021-hamburger-new.menu .is-active > .bg-transparent-lightblue,
.dark-mode .header2021-hamburger-new.menu .menu-level-3 .menu-body .header2021-shopping-tools .menu-list-link:hover {
	background-color: #363636;
	color: #fff;
}
.dark-mode .header2021-hamburger-new.menu .menu-level-3 .menu-body .header2021-shopping-tools .menu-list-link {
	background-color: #000;
	color: #fff;
}
.dark-mode .header2021-hamburger-new.menu.at-bottom > .menu-body.bg-white > .menu-arrow:before {
    border-bottom-color: #363636;
}
.dark-mode.menu-not-flying .is-open-new.menu > .menu-body.bg-white > .menu-arrow:before {
	border-bottom-color: #212121;
}
.dark-mode.menu-not-flying .header2021-hamburger-new.menu .menu-level-3 .menu-body .menu-list-link:hover {
	background-color: #363636;
	color: #fff;
}
.dark-mode.menu-not-flying .header2021 .menu-level-3.is-current > a.menu-list-link:after,
.dark-mode.menu-not-flying .header2021 .menu-level-4.is-current > a.menu-list-link:after,
.dark-mode.menu-not-flying .header2021 .menu-level-5.is-current > a.menu-list-link:after,
.dark-mode.menu-not-flying .header2021 .menu-level-4.is-current > a.section-subtitle:after {
	color: #adadad;
}
.dark-mode .header2021-hamburger-new.menu .header2021-hamburger-side.bg-lightblue {
	background-color: #363636;
}
.dark-mode .header2021-hamburger-new.menu .header2021-hamburger-side.bg-lightblue .bg-transparent-lightblue:hover {
	background-color: #212121;
}
.dark-mode .header2021 .menu.is-active > .bg-transparent-gray,
.dark-mode .header2021 .menu.is-active.bg-transparent-gray {
    background-color: #262626;
}
.dark-mode .header2021-location .button.bg-lightblue {
	background-color: #8EAFF0;
	color: #121212;
}
.dark-mode .header2021-location .button.bg-lightblue:hover {
    background-color: #9EBAF2;
	color: #121212;
}


/* mini header */
.header2021.is-mini {
	z-index: 1;
}
.header2021.is-mini .header2021-portals-menu,
.header2021.is-mini .header2021-inner:nth-child(2),
.header2021.is-mini .header2021-hamburger,
.header2021.is-mini .header2021-search {
	display: none;
}
.header2021.is-mini .header2021-inner {
	padding: 5px 20px;
}
.header2021.is-mini .header2021-nav-inner {
	color: #fff;
}
.checkout-title {
	font-size: 20px;
	font-weight: 700;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
}
.checkout-title span {
	font-weight: normal;
}

/* Popup_UesGoogle */
.icon-google {
	background-image: url("../../Nest/images/icons/icon-google.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translate(0, -50%);
}
.modal-dialog-Google .icon-google {
	left: 15px;
}
#Popup_UesGoogle {
	pointer-events: none;
}
.modal-dialog-Google .link-account {
	color: #05F;
	text-decoration: underline;
}
.modal-dialog.modal-dialog-Google {
	max-width: 100%;
	align-items: flex-start;
	justify-content: flex-end;
	margin: 0;
	font-family: roboto,'Noto Sans Myanmar UI',arial,sans-serif;
}
.modal-dialog-Google .modal-content {
	max-width: 400px;
	padding: 0;
	margin: 6px;
	box-shadow: none;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
}
.modal-dialog-Google .modal-header {
	position: relative;
	margin-bottom: 0;
	padding: 15px;
	flex-shrink: 0;
	align-items: center;
	border-bottom: 1px solid #dee2e6;
	border-top-left-radius: calc(6px - 1px);
	border-top-right-radius: calc(6px - 1px);
}
.modal-dialog-Google .modal-title {
	padding-left: 34px;
	font-size: 15px;
	font-weight: normal;
}
.modal-dialog-Google .modal-body {
	padding: 18px 15px 15px 15px;
}
.modal-dialog-Google .modal-body p {
	margin: 0;
	font-size: 14px;
}
.modal-dialog-Google .modal-header .close {
	margin: 0;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(0, -48%);
}



/* responsive */
@media (min-width: 800px) {
	.header2021-search .scrollbar {
		max-height: 520px;
	}
	.header2021-search .menu-list-cell.is-scrollbar {
		box-sizing: border-box;
    overflow: hidden;
    overflow-y: auto;
		max-height: 560px;
		margin-right: 20px;
	}
	.header2021-search .menu-list-cell.is-scrollbar .menu-list + .menu-list {
		margin-top: 0;
		padding-top: 0;
	}
	.header2021-search .menu-list-cell.is-scrollbar .menu-list.margin-right {
		margin-right: 0 !important;
	}
	.header2021-search .menu-list-cell.is-scrollbar::-webkit-scrollbar {
    background-color: #f7f7f7;
		-webkit-appearance: none;
    width: 7px;
    height: 7px;
	}
	.header2021-search .menu-list-cell.is-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
		border-radius: 4px;
	}
	.dark-mode .header2021-search .menu-list-cell.is-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.5);
	}
	.dark-mode .header2021-search .menu-list-cell.is-scrollbar::-webkit-scrollbar {
    background-color: #070707;
	}
	.header2021-search-button > button {
		background-color: #A2C2F5;
		color: #212121;
	}
	.header2021-search-button > button:hover {
		background-color: #3A60C2;
		color: #fff;
	}
}
@media (max-width: 1399px) {
	.header2021.is-business .header2021-logo {
		width: 102px;
	}
}
@media (min-width: 1199px) and (max-width: 1399px) {
	.header2021-search .menu.at-bottom > .menu-body {
		left: 50%;
		transform: translateX(-50%);
	}
}
@media (max-width: 1199px) {
	.header2021-search .menu-list-cell:nth-child(n+4) {
		display: none;
	}
	.header2021-location.header2021-nav {
		margin-left: -32px;
		margin-right: 8px;
	}
	.header2021-location .header2021-nav-title,
	.header2021-location .header2021-nav-subtitle {
		display: none;
	}
	.header2021-location .header2021-nav-icon {
		left: 6px;
	}
	.header2021-nav.menu .header2021-nav-inner {
		padding-right: 0;
		padding-left: 44px;
		height: 44px;
	}
	.header2021-account.menu .header2021-nav-inner {
		padding-left: 34px;
	}
	.header2021-account .header2021-nav-icon {
		left: 0;
	}
	.header2021-location.menu.at-bottom > .menu-body > .menu-arrow {
		left: 12px;
	}
	.header2021-returns.header2021-nav {
		margin-left: 6px;
	}
	.header2021-returns .header2021-nav-inner {
		padding-left: 8px;
		padding-right: 8px;
	}
	.header2021-returns .header2021-nav-title, 
	.header2021-returns .header2021-nav-subtitle {
		margin-right: 0;
	}
	.header2021-cart.header2021-nav {
		margin-left: 0;
	}
	.header2021-cart .header2021-nav-inner {
		padding-left: 34px;
	}
	.header2021-cart .header2021-nav-icon {
		left: 0;
	}
	.header2021.is-business .header2021-nav-title,
	.header2021.is-business .header2021-nav-subtitle {
		display: none;
	}
	.header2021.is-business .header2021-inner:first-child>.section-right:not(.is-response) {
		min-width: 0;
	}
	.header2021.is-business .header2021-account.menu > .menu-body > .menu-arrow {
		right: 77px;
	}
}
@media (max-width: 999px) {
	.header2021-account.menu > .menu-body,
	.header2021-nav.menu .header2021-nav-arrow,
	.header2021-nav-title,
	.header2021-nav-subtitle {
		display: none;
	}
	.header2021-nav-inner,
	.header2021-nav.menu .header2021-nav-inner {
		padding-right: 0;
		padding-left: 44px;
		height: 44px;
	}
	.header2021-nav-icon,
	.header2021-location .header2021-nav-icon {
		left: 6px;
	}
	.header2021-location.header2021-location {
		margin-left: -30px;
		margin-right: 14px;
	}
	.header2021-location.menu.at-bottom > .menu-body > .menu-arrow {
		left: 12px;
	}
	.header2021-search .menu.at-bottom > .menu-body {
		position: fixed;
		top: 60px;
		left: 10px;
		right: 10px;
		min-width: 0;
		max-height: 65vh;
		overflow: auto;
	}
	.header2021-search .menu-list-cell {
		-webkit-box-flex: 1 1 auto;
		-webkit-flex: 1 1 auto;
		-moz-box-flex: 1 1 auto;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}
	.header2021-search {
		position: static;
	}
	.header2021-search.is-active .header2021-search-inner {
		position: absolute;
		top: 20px;
		left: 10px;
		right: 10px;
		width: auto;
	}
	.header2021-search-list {
		max-width: none;
	}
	.header2021-cart .header2021-nav-inner {
		padding-right: 0;
	}
	.header2021-nav-visa .header2021-nav-inner {
		padding-right: 12px;
		padding-left: 0;
		min-height: inherit;
		height: auto;
	}
	.header2021-nav-visa .header2021-visa-logo {
		position: static;
		top: auto;
		right: auto;
		width: 44px;
		height: 44px;
	}
	.header2021-account .header2021-nav-icon {
		left: 6px;
	}
}
@media (max-width: 799px) {
	.header2021-logo {
		margin-right: 10px;
	}
	.header2021-location.header2021-location {
		margin-left: 0;
		margin-right: 10px;
	}
	.header2021-inner.has-hamburger .header2021-hamburger::before {
		content: none;
	}
	.header2021-inner.has-hamburger {
		padding-left: 112px;
	}
	.header2021-search .menu-list-container-inner {
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.header2021-search .menu.is-recent-searchs .menu-list-cell {
		width: auto;
	}
	.header2021-search .menu-list-cell {
		margin-bottom: 20px;
		width: auto;
	}
	.header2021-search-list {
		max-width: none;
	}
	.header2021-search:not(.is-active) .header2021-search-within,
	.header2021-search:not(.is-active) .header2021-search-inner > .line-vertical,
	.header2021-search:not(.is-active) .header2021-search-box {
		display: none;
	}
	
	.header2021-country.menu.at-bottom > .menu-body > .menu-arrow {
		display: none;
	}
	.header2021-country.menu.at-bottom > .menu-body {
		position: fixed;
		top: 10px;
		left: 10px;
		right: 10px;
		margin: 0;
		transform: none;
		width: auto;
	}
	.header2021-country-change,
	.header2021-country-confirm {
		width: auto;
	}
	
	.header-trending.tag-list {
		display: none;
	}

	.header2021-location.menu.at-bottom > .menu-body > .menu-arrow {
		display: none;
	}
	.header2021-location.menu.at-bottom > .menu-body {
		position: fixed;
		top: 10px;
		left: 10px !important;
		right: 10px;
		margin: 0;
		transform: none;
		width: auto;
	}
	.header2021-location .menu-list-cell {
		width: 100%;
	}
}
@media (max-width: 599px) {
	.header2021-location.header2021-nav {
		margin-left: 0;
		margin-right: 0;
	}
	.header2021-location .header2021-nav-icon {
		left: 0;
		top: 0;
	}
	.header2021-nav ~ .header2021-nav.header2021-account {
		margin-left: 5px;
	}
	.header2021-location.header2021-nav .header2021-nav-inner {
		padding-left: 32px;
		height: 32px;
		min-height: 32px;
	}
	.header2021-account .header2021-nav-icon {
		left: 6px;
		top: 9px;
	}
	.header2021-inner {
		padding: 15px 2px;
	}
	.header2021-inner.has-hamburger {
		padding-left: 38px;
	}
	.header2021-inner.has-hamburger .header2021-hamburger {
		left: 4px;
		padding: 4px;
	}
	.header2021-inner.has-hamburger .header2021-hamburger-text {
		display: none;
	}
	.header2021-inner.has-hamburger .header2021-hamburger-icon {
		font-size: 24px;
	}
	.header2021-logo {
		width: 60px;
	}
	.sticky-header-top body {
		padding-top: 105px;
	}
	.header2021.is-business .header2021-inner:first-child>.section-right:not(.is-response) {
		min-width: 375px;
	}
	.header2021-inner:first-child>.section-right:not(.is-response){
		min-width: 400px;
	}
	.sticky-header-top .product-bar.is-fixed,
	.sticky-header-top .compare-items-bar.active,
	.sticky-header-top .row.has-flex-summary .summary-side,
	.sticky-header-top .finder-filter.is-fixed,
	.sticky-header-top .sticky-top {
		top: 64px;
	}
	.header2021-inner > .section-right {
		margin-left: 10px;
	}
	.header2021-search:not(.is-active) .header2021-search-inner {
		margin-left: auto;
		width: 44px;
		background: none;
	}
	.header2021-search:not(.is-active) .header2021-search-button > button {
		padding: 0;
		color: #fff;
		font-size: 28px;
	}
	.header2021-links {
		display: none;
	}
	
	.header2021-country-change {
		width: auto;
	}
	.top-country-wrap .list-box-inner {
		max-height: calc(100vh - 280px) !important;
	}
	.top-country-bottom .button {
		margin-top: 10px;
		width: 100%;
	}

	.header2021-location .menu-list-container {
		padding: 15px;
	}
	.header2021-location .grid.forms > .grid-col {
		margin-bottom: 15px;
	}
	.header2021-location .form-footer {
		padding-top: 15px;
	}
	.header2021-location .form-footer::before {
		content: "";
		width: calc(100% + 30px);
		left: -15px;
	}
	.header2021-location .form-footer .button {
		width: 100%;
	}

	/*.header2021-nav toggle-m font*/
	.header2021-country.header2021-nav:not(:first-child) {
		margin-left: 10px;
	}
	.header2021-toggle .bg-lightgray {
		background: #fff;
	}
	.header2021-nav ~ .header2021-nav.header2021-toggle {
		margin-left: 10px;
	}
	.header2021-toggle .toggle-body {
		min-width: 30px;
		height: 30px;
		border-radius: 50%;
	}
	.header2021-toggle .toggle-body-inner {
		width: 100%;
		height: 100%;
		transform: translateX(0);
		justify-content: center;
		align-items: center;
	}
	.header2021-toggle .toggle-handle {
		height: 100%;
		line-height: 1.1;
		padding: 0;
		font-size: 22px;
		justify-content: center;
		z-index: 2;
	}
	.header2021-toggle .toggle-body-inner:after {
		content: none;
	}
	.header2021-toggle .toggle-handle.take-off {
		padding: 0;
	}
	.header2021-toggle .toggle-handle.take-on {
		display: none;
	}
	.header2021-toggle.at-bottom > .menu-body > .menu-arrow {
		right: 10px;
		border-width: 0px 8px 10px;
	}
	.dark-mode .header2021-toggle  .toggle-handle.take-on {
		display: flex;
		padding: 0;
	}
	.dark-mode .header2021-toggle  .toggle-handle.take-off {
		display: none;
	}
	.section-right > .line-vertical-new {
		margin: 0px 0px 0px 10px;
	}

}
@media (max-width: 499px) {
	.header2021.is-business .header2021-inner:first-child>.section-right:not(.is-response) {
		min-width: 325px;
	}
	.header2021-inner:first-child>.section-right:not(.is-response){
		min-width: 350px;
	}
}
@media (max-width: 399px) {
	.header2021-inner.has-hamburger {
		padding-left: 38px !important;
	}
	.header2021-location.header2021-nav {
		margin-left: 0;
		margin-right: 0;
	}
	.header2021-search:not(.is-active) .header2021-search-inner {
		width: 32px;
		height: 32px;
		margin-left: 0px;
	}
	.header2021-account .header2021-nav-icon {
		left: 2px;
		top: 2px;
	}
	.header2021-nav ~ .header2021-nav {
		margin-left: 0;
	}
	.header2021-inner {
		padding: 10px 2px;
	}
	.header2021-inner > .section-right {
		margin-left: 0;
	}
	.header2021-search .menu.at-bottom > .menu-body {
		top: 50px;
	}
	.header2021-search.is-active .header2021-search-inner {
		top: 10px;
	}
	.header2021-search:not(.is-active) .header2021-search-button > button {
		padding: 0 5px;
	}
	.header2021-hamburger,
	.header2021-logo {
		margin-right: 2px;
	}
	.header2021-hamburger.menu > .menu-body {
		left: 0;
	}
	.header2021-hamburger.menu.at-bottom > .menu-body > .menu-arrow {
		left: 10px;
	}
	.header2021-country.header2021-nav {
		margin-left: 10px;
	}
	.header2021-nav-icon {
		top: 0;
		left: 0;
		font-size: 26px;
	}
	.header2021-cart .header2021-nav-icon {
		top: 2px;
		left: 4px;
	}
	.header2021-nav-inner, 
	.header2021-nav.menu .header2021-nav-inner {
		padding-left: 32px;
		height: 32px;
		min-height: 32px;
	}
	.header2021-notify .header2021-nav-icon {
		border: 0;
	}
	.header2021-notify.menu.at-bottom > .menu-body > .menu-arrow {
		display: none;
	}
	.header2021-notify.menu.at-bottom > .menu-body {
		position: fixed;
		top: 10px;
		left: 10px;
		right: 10px;
		bottom: 10px;
		margin: 0;
		transform: none;
	}
	.header2021-notify .scrollbar {
		max-height: calc(100vh - 150px);
	}
	.sticky-header-top body {
		padding-top: 90px;
	}
	.header2021-nav-visa .header2021-nav-inner {
		padding-right: 4px;
	}
	.header2021-inner:first-child>.section-right:not(.is-response){
		min-width: auto;
	}
}
@media (max-width: 350px) {
	.header2021-nav-inner, 
	.header2021-nav.menu .header2021-nav-inner {
		padding-left: 26px;
		height: 26px;
		min-height: 26px;
	}
	.header2021-country-flag {
		width: 26px;
		height: 26px;
	}
	.header2021-nav-icon {
		width: 26px;
		height: 26px;
		line-height: 26px;
		font-size: 24px;
		top: 2px;
	}
	.header2021-nav ~ .header2021-nav {
		margin-left: 5px;
	}
	.header2021-nav ~ .header2021-nav.header2021-toggle {
		margin-left: 10px;
	}
	.header2021-toggle .toggle-body {
		min-width: 24px;
		height: 24px;
	}
	.header2021-toggle .toggle-handle {
		font-size: 16px;
	}
	
}

@supports(-webkit-touch-callout: none){

	@media (max-width: 430px) {
		.header2021-notify .scrollbar {
			max-height: calc(100vh - 250px);
		}
	}

	@media (max-width: 399px) {
		.header2021-notify .scrollbar {
			max-height: calc(100vh - 200px);
		}
	}

}

/* dark mode */
.dark-mode .header2021.bg-white {
	background-color: #121212;
}
.dark-mode .header2021 {
	border-bottom-color: #424242;
}
.dark-mode .header2021-b2b-newegg {
	color: #8EAFF0;
}
.dark-mode .header2021-search-inner {
	background-color: #363636;
}
.dark-mode .header-trending.tag-list .tag {
	background-color: #262626;
}
.dark-mode .header2021-search-blackfriday .header2021-black-check,
.dark-mode .header-trending.tag-list .tag {
	color: #fff;
}
.dark-mode .header-trending.tag-list .tag:hover {
	color: #fff;
	background-color:#002D6A;
}
.dark-mode .header2021-search-box [type="search"] {
	color: #fff;
}
.dark-mode .header2021-search-clear {
	background-color: #1946B8;
	color: #C3D3F8;
}
.dark-mode .header2021-search-button > button {
	color: #C3D3F8;
}
.dark-mode .header2021-search-inner:after {
	border-color: #6694EA;
}
.dark-mode .header2021-search.is-active .header2021-search-button > button {
	background-color: #6694EA;
	color: #060D37;
}
.dark-mode .header2021-search.is-active .header2021-search-button > button:hover {
	background-color: #9EBAF2;
}
.dark-mode .header2021-country-flag {
	border-color: #636363;
}
.dark-mode .header2021-toggle > label {
	border-color: #636363;
}
.dark-mode .list-box-inner {
	background: transparent;
}
.dark-mode .header2021-inner.has-hamburger .header2021-hamburger:hover,
.dark-mode .list-box-inner li.is-current {
	background-color: #363636;
}
.dark-mode .header2021-user-bar {
	background-color: #363636;
}
.dark-mode .header2021-account.menu.at-bottom > .menu-body.bg-white > .header2021-user-bar ~ .menu-arrow:before {
	border-bottom-color: #363636;
}
.dark-mode .header2021 a.bg-lightgray:hover,
.dark-mode .header2021 .bg-transparent-gray:hover  {
	background-color: #262626;
	color: #fff;
}
.dark-mode .menu .header2021-user-bar .bg-transparent-lightblue:hover {
	background-color: #212121;
    color: #fff;
}
.dark-mode .header2021-portal .menu-arrow:before {
	border-bottom-color: #212121;
}
.dark-mode.sticky-header-top .header2021.is-sticky {
	border-bottom: 1px solid #424242;
	box-shadow: 0 0 10px 0 rgb(4 32 98 / 20%);
}
.dark-mode.menu-not-flying .header2021 .menu-level-3.is-current:not(.is-open) .section-subtitle:hover {
	background-color: #363636;
	color: #fff;
}
.dark-mode.menu-not-flying .header2021-shopping-tools.bg-lightblue {
	background-color: transparent;
}
.dark-mode .header2021-inner.has-hamburger {
	background-color: #262626;
	color: #fff;
}
.dark-mode .header2021-notify .header2021-nav-icon:hover,
.dark-mode .header2021 .header2021-country-flag:hover,
.dark-mode .header2021 .header2021-nav.is-active > .bg-transparent-gray,
.dark-mode .header2021 .header2021-nav .header2021-nav-inner.bg-transparent-gray:hover {
	background-color: #262626;
	color: #fff;
}

.dark-mode .header2021-links .button.bg-blue,
.dark-mode .header2021-links .button.bg-blue:hover {
	color: #fff;
	background-color: transparent;
}


@media (min-width: 800px) {
	.dark-mode .header2021-search-button > button {
		background-color: #084BA6;
		color: #fff;
	}
	.dark-mode .header2021-search-button > button:hover {
		background-color: #1061CD;
	}
}
@media (max-width: 599px) {
	.dark-mode .header2021-search:not(.is-active) .header2021-search-button > button {
		color: #fff;
	}
}



/****  header2021-search-blackfriday ****/
.header2021-search-blackfriday .header2021-search-within {
	padding: 0 0 0 15px;
}
.header2021-search-blackfriday .header2021-black-check {
	font-size: 12px;
	line-height: 18px;
	margin-right: 15px;
	color: #000;
}
.header2021-search-blackfriday .hot-search-swiper .tag-blackfriday,
.dark-mode .header2021-search-blackfriday .hot-search-swiper .tag-blackfriday  {
	color: #fff !important;
    background-color: #174BBE !important;
	background-image: linear-gradient(to right,#174BBE 0%, #CB0051 100%) !important;
}
.header2021-search-blackfriday .hot-search-swiper .tag-blackfriday:hover {
    color: #fff !important;
}
.header2021-search-blackfriday .menu-list-link.bg-color-red {
	color: #FF0048;
}
.header2021-search-blackfriday .input-radio:hover .input-radio-text {
    text-decoration: none;
}
@media (max-width: 1299px) {
	.header2021-search-blackfriday .header2021-search-within {
		padding: 0 0 0 5px;
	}
	.header2021-search-blackfriday .header2021-black-check {
		margin-right: 5px;
	}
}
@charset "UTF-8";
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10b";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f110";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f11c";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f120";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122";
}

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  display: block;
  position: absolute;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 2px solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  transition: all 0.4s;
  height: 64px;
  width: 64px;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  margin: 0;
  border-radius: 50%;
}
.vjs-big-play-centered .vjs-big-play-button {
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  margin: 0;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #e05e00;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(224, 93, 0, 0.25);
}

.video-js .vjs-load-progress div {
  background: rgba(224, 93, 0, 0.25);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
  display: block;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control {
  display: none;
}

.vjs-no-flex .vjs-current-time {
  display: none;
}

.vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
          animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " ";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}
.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }

  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}

.footer2021 {
  padding-bottom: 40px;
}
.footer2021.page-section,
.footer2021.page-section:first-child {
	margin-top: 60px;
}

.footer2021-sitemap {
  padding: 40px 0;
}

.footer2021-sitemap-title {
  display: block;
  margin-bottom: 20px;
  font-weight: bold;
  text-transform: uppercase;
}

.footer2021-sitemap-list>ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer2021-sitemap-list>ul>li+li {
  margin-top: 10px;
}
.footer2021-sitemap-list>ul>li>a {
  color: #fff;
}
.footer2021-sitemap-list>ul>li>a:hover {
  text-decoration: underline;
}

.footer2021-visa-list p {
  font-size: 13px;
  line-height: 18px;
  word-wrap: break-word;
  word-break: break-word;
  display: block;
  max-width: 70%;
}

.footer2021-visa-logo img {
  max-width: 66%;
  height: auto;
  display: block;
}

.footer2021-disclaimer {
  padding: 10px 0;
}

.footer2021-copyright {
  display: inline-block;
  margin-right: 20px;
  padding: 10px 0;
}

.footer2021-disclaimer-links {
  display: inline-block;
}

.footer2021-disclaimer-link {
  display: inline-block;
  margin-right: 10px;
  padding: 10px 0;
}

.footer2021-disclaimer-link:hover {
  text-decoration: underline;
}

.footer2021 .social-icons {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}

.footer2021 .social-icons .social-icon > a {
  color: #fff;
}

.dark-mode .footer2021 .social-icons .social-icon > a {
  color: #212121;
}

.footer2021 .is-nation-center .social-icons {
  -webkit-justify-content: center !important;
  justify-content: center !important;
}

.footer2021 .social-icons .toggle {
  margin: 5px 8px 5px 0;
}

.footer2021 .social-icons>.line-vertical {
  height: 16px;
}

.footer2021 .social-icons>li:last-child {
  margin-right: 0;
}

/* mini footer */
.footer2021.is-mini {
  margin-top: 0;
  padding-bottom: 0;
  border-top: 1px solid #eee;
}

.footer2021.is-mini .footer2021-copyright,
.footer2021.is-mini .footer2021-disclaimer-links {
  display: block;
  margin: 0;
}

@media (max-width: 1199px) {
  .footer2021-visa-list p {
    max-width: 100%;
  }
}

@media (max-width: 999px) {
  .footer2021-disclaimer {
    text-align: center;
  }

  .footer2021 .social-icons {
    -webkit-justify-content: center;
    justify-content: center;
  }

  .footer2021-sitemap-list {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid rgb(255, 255, 255, 0.5);
    border-radius: 18px;
    box-sizing: border-box;
    max-width: 500px;
  }

  .footer2021-sitemap-title {
    position: relative;
    margin-bottom: 0;
    padding: 8px 20px;
    cursor: pointer;
  }

  .footer2021-sitemap-title:after {
    font-family: 'new-desktop';
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107";
    position: absolute;
    top: 10px;
    right: 15px;
    display: inline-block;
    transform: rotate(0deg);
    transition: transform 0.3s;
  }

  .footer2021-sitemap-list>ul {
    display: none;
    margin-bottom: 10px;
  }

  .footer2021-sitemap-list>ul a {
    display: block;
    padding: 5px 20px;
  }

  .footer2021-sitemap-list>ul>li {
    margin: 0 20px;
  }

  .footer2021-sitemap-list>ul>li+li {
    padding-top: 10px;
    border-top: 1px solid rgb(255, 255, 255, 0.5);
  }

  .footer2021-sitemap-list.is-active .footer2021-sitemap-title:after {
    transform: rotate(180deg);
  }

  .footer2021-sitemap-list.is-active>ul {
    display: block;
  }

  .footer2021-visa-logo img {
    max-width: 66px;
    margin: 0 auto;
  }

  .footer2021-visa-list.is-active>ul {
    -webkit-display: flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    margin-top: -10px;
  }

  .footer2021-visa-list>ul>li {
    margin: 0px 10px 0 20px;
  }

  .footer2021-visa-list>ul>li+li {
    border-top: none;
    margin: 0 30px 0 0;
    padding: 0;
  }
}



/* subscribe-box */
.subscribe-box {
  position: relative;
  min-height: 250px;
}

.subscribe-box.bg-white {
  background-color: #E3EAFC;
}

.subscribe-box-bg {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px 20px 10px 10px;
  max-width: 390px;
  max-height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  pointer-events: none;
}

.subscribe-box-bg>img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
}

.subscribe-box-inner {
  position: relative;
  z-index: 2;
  padding: 20px;
  box-sizing: border-box;
  width: 600px;
  max-width: 80%;
}

.subscribe-box-inner .section-title {
  margin-bottom: 40px;
}

.subscribe-box-inner .input-group {
  margin-top: 10px;
  margin-bottom: 30px;
}

.subscribe-box-title {
  margin-bottom: 20px;
  font-weight: 800;
}

.subscribe-box-inner p {
  margin-top: 5px;
}

.subscribe-success-title {
  padding-left: 44px;
  position: relative;
}

.subscribe-success-title .ico {
  position: absolute;
  left: 0;
  font-size: 32px;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 1399px) {
  .subscribe-box-bg {
    padding: 10px 0 10px 10px;
  }

  .subscribe-box-inner {
    max-width: 65%;
  }
}

@media (max-width: 999px) {
  .subscribe-box-inner .section-title {
    margin-bottom: 20px;
  }

  .subscribe-box-inner {
    width: 100%;
    max-width: 100%;
  }

  .subscribe-box-bg {
    transform: translateY(0);
    top: auto;
    bottom: 0;
    max-width: 260px;
  }
}

@media (max-width: 799px) {
  .subscribe-box-inner {
    width: 100%;
    max-width: 100%;
    padding: 12px 12px 15px 12px;
  }

  .subscribe-box-inner .input-group .input-text-icon {
    display: none;
  }

  .subscribe-box-inner .input-group .input-text.has-clear>input {
    padding-left: 12px;
  }

  .subscribe-box-inner .section-title {
    margin-bottom: 30px;
  }

  .subscribe-box-bg {
    max-width: 280px;
  }

  .subscribe-success-title {
    padding-left: 30px;
  }

  .subscribe-success-title .ico {
    font-size: 21px;
  }

  .subscribe-box-inner p>.link-more .ico {
    display: none;
  }
}

@media (max-width: 699px) {
  .subscribe-box-inner {
    width: 70%;
    max-width: 70%;
  }

  .grid.col-w-s-2.gap-20px>.grid-col.our-apps,
  .grid.col-w-s-2.gap-20px>.grid-col.subscribe-box {
    max-width: 100%;
  }
}

@media (max-width: 599px) {
  .subscribe-success-title {
    padding-left: 0;
  }

  .subscribe-success-title .ico {
    left: 50%;
    transform: translateX(-50%);
    top: -37px;
    font-size: 32px;
  }

  dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .robot-entry-cell-inner {
    max-width: calc(100% - 52px);
  }
}



/* download our apps */
.our-apps {
  position: relative;
  min-height: 250px;
}

.our-apps.bg-white {
  background-color: #E3EAFC;
}

.our-apps-bg {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 250px;
  max-width: 40%;
  pointer-events: none;
}

.our-apps-bg>img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
}

.our-apps-list {
  position: relative;
  z-index: 2;
  margin: 0 0 30px 40px;
}

.our-apps-list>a {
  position: relative;
  display: block;
  width: 120px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
}

.our-apps-list>a+a {
  margin-top: 20px;
}

.our-apps-qrcode {
  padding: 10px;
  width: 200px;
  box-sizing: border-box;
}

.our-apps-qrcode>img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;

}

.our-apps-list>.menu:hover>.menu-body {
  display: block;
}

.our-apps-mobile {
  background-image: url('../../Nest/images/buttons/btn_mobileSite.png');
}

.our-apps-google {
  background-image: url('../../Nest/images/buttons/btn_playStore.png');
}

.our-apps-apple {
  background-image: url('../../Nest/images/buttons/btn_appStore.png');
}

.our-apps-combine {
  position: relative;
  z-index: 2;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 10px 32% 10px 20px;
  height: 160px;
}

.our-apps-combine .our-apps-qrcode {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  display: block;
  padding: 0;
  width: 80px;
}

.our-apps-combine-info {
  padding: 10px;
}

.our-apps-link {
  position: relative;
  z-index: 2;
  margin: 0 20px;
}

.our-apps-link .input-group .button,
.subscribe-box-inner .input-group .button {
  border-width: 1px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.subscribe-box-inner .input-group .button.bg-blue {
  background-color: #1061CD;
  color: #fff;
}
.dark-mode .subscribe-box-inner .input-group .button.bg-blue {
  background-color: #8EAFF0;
  color: #121212;
}

.our-apps-link>p {
  margin-bottom: 5px;
}

.our-apps-link~.line-horizontal {
  margin: 20px 20px 20px 20px;
}

.our-apps-link~.line-horizontal span.bg-white {
  background-color: #E3EAFC;
  color: #212121;
}

.our-apps-link~.our-apps-combine {
  height: auto;
}

/** ie **/
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .our-apps-link .input-text .input-text-select {
    top: 6px;
  }

  .our-apps-link .input-text .input-text-select .ico-angle-down {
    margin-top: 4px;
  }
}

@media (min-width: 1000px) and (max-width: 1199px) {
  .our-apps-link~.our-apps-combine {
    margin-right: 20px;
  }

  .our-apps-link~.our-apps-bg {
    display: none;
  }
}

@media (min-width: 1200px) {
  .our-apps-link~.our-apps-combine {
    margin-right: 120px;
  }

  .our-apps-link~.our-apps-bg {
    width: 120px;
  }
}

@media (min-width: 1400px) {

  .our-apps-link~.our-apps-combine,
  .our-apps-link~.line-horizontal {
    margin-right: 38%;
  }

  .our-apps-link~.our-apps-bg {
    width: 180px;
  }

  .our-apps-link .input-group {
    width: 70%;
  }
}

@media (min-width: 1600px) {

  .our-apps-link~.our-apps-combine,
  .our-apps-link~.line-horizontal {
    margin-right: 32%;
  }
}

@media (max-width: 1199px) {
  .our-apps-qrcode {
    width: 120px;
  }

  .our-apps-combine {
    margin-top: -10px;
    margin-right: 20px;
    height: auto;
  }
}

@media (max-width: 999px) {
  .our-apps {
    min-height: 0;
  }

  .our-apps-list>.menu:hover>.menu-body {
    display: none;
  }

  .our-apps-list,
  .our-apps-list>a {
    margin: 0 auto;
  }

  .our-apps-combine {
    margin-right: 20px;
  }

  .our-apps-bg {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    opacity: 0.15;
  }

  .our-apps-list {
    margin: 0 10px;
  }

  .our-apps-list>a {
    display: inline-block;
    margin: 0 10px 10px 10px !important;
  }
}



.footer2021 #ot-sdk-btn.ot-sdk-show-settings,
.footer2021 #ot-sdk-btn.optanon-show-settings {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: none !important;
  color: #212121 !important;
  font-style: normal !important;
  font-weight: inherit !important;
  font-size: 12px !important;
  font-family: inherit !important;
  text-align: center !important;
  -webkit-text-size-adjust: none !important;
  -ms-interpolation-mode: bicubic !important;
}

.footer2021 #ot-sdk-btn.ot-sdk-show-settings:hover,
.footer2021 #ot-sdk-btn.optanon-show-settings:hover {
  text-decoration: underline;
}



/* dark mode */
.dark-mode .footer2021 {
  background-color: #212121;
  border-top-color: #424242;
}

.dark-mode .footer2021-sitemap.bg-darkblue {
  background-color: #121212;
}

.dark-mode .footer2021 .social-icon.bg-darkblue {
  background-color: #fff;
  color: #212121;
}

.dark-mode .footer2021 .social-icon.bg-darkblue:hover {
  background-color: #8EAFF0;
}

.dark-mode .footer2021 #ot-sdk-btn.ot-sdk-show-settings,
.dark-mode .footer2021 #ot-sdk-btn.optanon-show-settings {
  color: #fff !important;
}

.dark-mode .subscribe-box.bg-white,
.dark-mode .our-apps.bg-white,
.dark-mode .our-apps-link~.line-horizontal span.bg-white {
  background-color: #333333;
}

.dark-mode .our-apps-link~.line-horizontal span.bg-white {
  color: #fff;
}


/*** floating-live sticky-bottom-right ***/
.floating-live .vjs-top-bar {
  font-family: "Open Sans", sans-serif, Helvetica, Arial;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  padding: 10px 10px 0 10px;
}

.floating-live .vjs-top-bar .vjs-live-logo {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
  background-color: #CC4100;
  border-radius: 4px;
  padding: 0 4px 0 2px;
  position: relative;
  margin-right: 16px;
  line-height: 20px;
  color: #fff;
  cursor: pointer;
}

.floating-live .vjs-top-bar .vjs-live-logo img {
  height: 16px;
  width: 16px;
  margin-right: 2px;
}

.floating-live .vjs-top-bar .vjs-live-logo::before {
  content: "";
  background-image: url(../../Nest/images/live/LiveTag.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  width: 6px;
  position: absolute;
  top: 0;
  right: -6px;
}

.floating-live {
  width: 70px;
  height: 24px;
  box-shadow: none;
  transition: all 0.3s;
  position: relative;
}

.floating-live .vjs-top-bar .vjs-live-logo {
  font-size: 12px;
  line-height: 24px;
  padding: 0 12px 0 9px;
  box-shadow: 0 0 10px 2px rgb(4 32 98 / 20%);
}

.floating-live .vjs-top-bar .vjs-live-logo::before {
  height: 24px;
}

.floating-live.is-hide .video-js {
  background-color: transparent;
}

.floating-live.is-hide .video-js .vjs-big-play-button,
.floating-live.is-hide .video-js.vjs-paused .vjs-big-play-button {
  display: none;
}

.floating-live .video-js.vjs-paused .vjs-big-play-button {
  display: block;
}

.floating-live .video-js.vjs-paused.vjs-ended .vjs-big-play-button .vjs-icon-placeholder::before {
  font-family: "VideoJS";
  content: "\f116";
  margin-left: 0;
}

.floating-live .video-js .vjs-big-play-button {
  font-size: 3em;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.floating-live .video-js {
  border-radius: 8px;
  position: absolute;
  cursor: pointer;
  display: none;
  /* pointer-events: none; */
  transition: all 0.3s;
}

.floating-live.is-active .video-js {
  display: block;
}

.floating-live .video-js .vjs-tech,
.floating-live .video-js .vjs-poster {
  border-radius: 8px 0 0 8px;
}

.floating-live .vjs-top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.floating-live .vjs-top-bar {
  padding: 0;
  top: -2px;
}

.floating-live .video-js .menu-arrow,
.floating-live .video-js .menu-arrow:before {
  border-width: 8px 0 8px 8px;
}

.floating-live .video-js .menu-arrow {
  border-left-color: rgba(0, 0, 0);
  position: absolute;
  right: -8px;
  top: 12px;
}

.floating-live .video-js .vjs-control-bar {
  background-color: transparent;
}

.floating-live .video-js .vjs-progress-control,
.floating-live .video-js .vjs-play-control,
.floating-live .video-js .vjs-fullscreen-control,
.floating-live.is-hide .video-js video,
.floating-live.is-hide .video-js .vjs-volume-panel,
.floating-live.is-hide .video-js .vjs-loading-spinner,
.floating-live.is-hide .video-js .vjs-poster,
.floating-live.is-hide .video-js.vjs-paused.vjs-ended.vjs-live .vjs-live-ended {
  display: none;
}

.floating-live .video-js.vjs-fluid:not(.vjs-audio-only-mode),
.floating-live .video-js.vjs-16-9:not(.vjs-audio-only-mode),
.floating-live .video-js.vjs-4-3:not(.vjs-audio-only-mode),
.floating-live .video-js.vjs-9-16:not(.vjs-audio-only-mode),
.floating-live .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 100%;
}

.floating-live .video-js .vjs-control {
  width: 3.2em;
  height: 24px;
}

.floating-live .video-js .vjs-icon-volume-high:before,
.floating-live .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  background: rgba(54, 54, 54, .75);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-left: 5px;
  font-size: 16px;
  top: 2px;
}

.floating-live .video-js.vjs-live.vjs-ended video {
  display: none;
}

.floating-live .video-js .vjs-live-ended {
  display: none;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  color: #adadad;
  font-weight: bold;
  z-index: 10;
}

.floating-live .video-js .vjs-live-ended i {
  font-size: 16px;
  margin-bottom: 5px;
}

.floating-live .video-js.vjs-paused.vjs-ended.vjs-live .vjs-live-ended {
  display: block;
}

.floating-live .video-js .vjs-live-more-btn {
  width: 80px;
  height: 24px;
  padding: 3px 8px;
  position: absolute;
  bottom: 5px;
  right: 5px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(54, 54, 54, .75);
  color: #fff;
  border-radius: 16px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  transition: width 0.1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.floating-live.is-hide .video-js .vjs-live-more-btn {
  width: 80px;
  transition: visibility 0s, opacity 0s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  pointer-events: none;
}

.floating-live .video-js .vjs-volume-panel.vjs-hover~.vjs-live-more-btn {
  width: 80px;
  opacity: 0;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  pointer-events: none;
}

@media (min-width: 2099px) {
  .floating-live .video-js {
    width: 160px !important;
    height: 250px !important;
    top: -10px;
    left: -175px;
  }
}

@media (max-width: 2099px) {
  .floating-live .video-js {
    width: 120px !important;
    height: 213px !important;
    top: -10px;
    left: -135px;
    max-width: none !important;
  }
}

@media (max-width: 1999px) {
  .floating-live {
    width: 32px;
    height: 58px;
    margin-bottom: 10px;
  }

  .floating-live .vjs-top-bar {
    flex-direction: row-reverse;
  }

  .floating-live .video-js {
    top: 0px;
    left: -134px;
  }

  /* .floating-live .video-js .vjs-top-bar {
		top: 0;
	} */
  .floating-live .vjs-top-bar .vjs-live-logo {
    line-height: 32px;
    padding: 6px 0 10px;
    margin-right: 0;
    top: 0;
    border-radius: 4px 0 0 4px;
    writing-mode: vertical-lr;
  }

  .floating-live .vjs-top-bar .vjs-live-logo::before {
    position: absolute;
    top: auto;
    right: 12px;
    bottom: -14px;
    transform: rotate(90deg);
  }
}

/***  Messages_Info ***/
.Messages-num {
  min-width: 16px;
  border-radius: 18px;
  padding: 0 5px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  box-sizing: border-box;
  position: absolute;
}

.Messages-notice .Messages-num {
  right: 3px;
  top: 1px;
}

.Messages-pop-content {
  width: 350px;
  font-size: 14px;
  position: fixed;
  right: 90px;
  bottom: 118px;
  padding: 15px 0 0 0;
  z-index: 2500;
  box-shadow: 0 0 8px rgb(0 0 0 / 20%);
}

.Messages-pop-content {
  display: none;
}

.Messages-pop-content.show {
  display: block;
}

.Messages-close {
  font-size: 20px;
  color: #d1d1d1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 5px;
  cursor: pointer;
}

.Messages-close:hover {
  color: #212121;
}

.Messages-pop-content-title {
  text-transform: uppercase;
  font-weight: 800;
  text-align: left;
  padding-left: 20px;
  padding-bottom: 10px;
  font-style: italic;
}

.Messages-pop-content .Messages-nav {
  position: relative;
}

.Messages-list-link {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}

.Messages-pop-content .Messages-list-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}

.Messages-pop-content .Messages-list-cell {
  padding: 12px 20px 12px 20px;
}

.Messages-pop-content .Messages-list-cell::before {
  content: "";
  width: 270px;
  height: 1px;
  background-color: rgba(173, 173, 173, 0.25);
  position: absolute;
  right: 0;
  bottom: 0;
}

.Messages-pop-content .Messages-list-cell.bg-white:hover {
  background-color: #E3EAFC;
}

.Messages-pop-content .Messages-list-cell.bg-white:hover::before,
.Messages-pop-content .Messages-list-cell:last-child::before,
.Messages-pop-content .Messages-list-cell:nth-child(3)::before,
.Messages-pop-content .Messages-list-line::before {
  width: 0;
  height: 0;
}

.Messages-pop-content .Messages-list-cell:last-child {
  border-radius: 0 0 8px 8px;
}

.Messages-pop-content .Messages-list-line {
  width: 100%;
  height: 10px;
  padding: 0;
}

.Messages-pop-content .Messages-list-cell .Messages-num {
  display: none;
  position: absolute;
  right: 20px;
  bottom: 16px;
}

.Messages-pop-content .Messages-list-cell.is-unread .Messages-num {
  display: block;
}

.Messages-pop-content .Messages-icon {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  display: block;
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  box-sizing: border-box;
  overflow: hidden;
}

.Messages-pop-content .user-avatar {
  width: 48px;
}

.Messages-pop-content .Messages-icon>.ico {
  width: 28px;
  height: 28px;
  font-size: 24px;
  line-height: 28px;
  padding: 0;
  margin: 0;
  border: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

/* .Messages-pop-content .Messages-icon > .ico-bell-on-regular,
.Messages-pop-content .Messages-icon > .ico-tags-regular {
	font-size: 28px;
} */
.Messages-pop-content .Messages-list-info {
  margin-left: 10px;
  position: relative;
}

.Messages-pop-content .Messages-name .Messages-title {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  word-break: break-all;
  -webkit-box-orient: vertical;
  max-width: 72%;
}

.Messages-pop-content .Messages-name .Messages-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}

.Messages-pop-content .Messages-name .Messages-date {
  position: absolute;
  right: 0;
  top: 2px;
}

.Messages-pop-content .Messages-name .Messages-date,
.Messages-pop-content .Messages-list-msg {
  color: #6e6e6e;
}

.Messages-pop-content .Messages-list-msg {
  position: relative;
  display: block;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  margin-top: 2px;
  padding-right: 20px;
  max-height: 20px;
  line-height: 18px;
}

.dark-mode .Messages-pop-content .Messages-name .Messages-date,
.dark-mode .Messages-pop-content .Messages-list-msg {
  color: #adadad;
}

.dark-mode .Messages-pop-content .Messages-list-cell::before {
  background-color: rgba(66, 66, 66, .5);
}

.dark-mode .Messages-pop-content .Messages-list-cell.bg-white:hover {
  background-color: rgba(21, 56, 158, 1);
}

.dark-mode .Messages-close:hover {
  color: #adadad;
}

.dark-mode .Messages-pop-content .user-avatar {
  background-color: #F2F2F2 !important;
}

.sticky-bottom-right.is-left-mini .Messages-notice .Messages-num {
  right: 3px;
  top: 3px;
}

.sticky-bottom-right.is-left-mini~.Messages-pop-content {
  right: 40px;
}


/* robot-pop */
.floating-robot-pop {
  display: none;
}

.floating-robot-pop.show {
  display: block;
}

.floating-robot-pop {
  width: 640px;
  font-size: 14px;
  position: fixed;
  right: 90px;
  bottom: 118px;
  padding: 15px 0 0 0;
  z-index: 2500;
}

.floating-robot-pop .text-darkorange {
  color: #FF8C80 !important;
}

.robot-chat-popup .layout-half {
  display: inline-block;
  width: calc(50% - 4px);
}


/* cloned existing styles (so module is standalone) */
.robot-chat-popup,
.robot-chat-popup a,
.robot-chat-popup div,
.robot-chat-popup h1,
.robot-chat-popup h2,
.robot-chat-popup h3,
.robot-chat-popup h4,
.robot-chat-popup h5,
.robot-chat-popup h6,
.robot-chat-popup i,
.robot-chat-popup img,
.robot-chat-popup label,
.robot-chat-popup li,
.robot-chat-popup p,
.robot-chat-popup span,
.robot-chat-popup ul {
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: normal;
  font-family: inherit;
  text-decoration: none;
  -webkit-text-size-adjust: none;
  -ms-interpolation-mode: bicubic;
}

.robot-chat-popup,
.robot-chat-popup input,
.robot-chat-popup select,
.robot-chat-popup textarea {
  outline: none;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  /* font-family: 'DM Sans', 'Open Sans', Helvetica, Arial, sans-serif; */
  line-height: 1.36;
}

.robot-chat-popup ::-webkit-input-placeholder {
  color: #6e6e6e;
}

.robot-chat-popup :-moz-placeholder {
  color: #b3b3b3;
}

.robot-chat-popup ::-moz-placeholder {
  color: #b3b3b3;
}

.robot-chat-popup :-ms-input-placeholder {
  color: #b3b3b3;
}

.robot-chat-popup h1,
.robot-chat-popup h2,
.robot-chat-popup h3,
.robot-chat-popup h4,
.robot-chat-popup h5,
.robot-chat-popup h6 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 700;
}

.robot-chat-popup .form-cell-name {
  display: block;
  margin-bottom: 3px;
  overflow: hidden;
  color: #fff;
  text-overflow: ellipsis;
}

.robot-chat-popup .form-select-name,
.robot-chat-popup .form-text,
.robot-chat-popup .form-textarea,
.robot-chat-popup .stuff-textarea {
  margin: 0;
  padding: 7px 1em;
  height: 32px;
  border-radius: 3px;
  box-sizing: border-box;
  /* border: 1px solid #D9D9D9; */
  background: #4b4b57;
  color: #fff;
  font-size: 14px;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.robot-chat-popup .form-select {
  display: inline-block;
  position: relative;
  max-width: 100%;
  white-space: nowrap;
}

.robot-chat-popup .form-select>select {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 13px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.robot-chat-popup .form-select-name {
  display: inline-block;
  position: relative;
  padding-right: 2.5em;
  overflow: hidden;
  color: #fff;
  text-overflow: ellipsis;
}

.robot-chat-popup .form-select-name+.fa {
  position: absolute;
  right: 1em;
  color: #fff;
  font-size: 12px;
  line-height: 32px;
}

.robot-chat-popup .form-textarea,
.robot-chat-popup .stuff-textarea {
  min-height: 32px;
}

.robot-chat-popup .form-textarea-counter {
  display: block;
  color: rgba(226, 226, 228, 0.5);
  font-size: 12px;
  text-align: right;
}

.robot-chat-popup .form-text.is-wide,
.robot-chat-popup .form-textarea.is-wide,
.robot-chat-popup .form-select.is-wide,
.robot-chat-popup .form-select.is-wide .form-select-name,
.robot-chat-popup .form-datepicker.is-wide,
.robot-chat-popup .form-price.is-wide,
.robot-chat-popup .form-checkbox.is-wide,
.robot-chat-popup .form-radiobox.is-wide {
  width: 100%;
}

.robot-chat-popup textarea {
  resize: none;
  overflow: hidden;
}

.robot-chat-popup .robot-chat-popup-right .btn,
.robot-chat-popup .robot-chat-popup-right .button {
  display: inline-block;
  position: relative;
  margin: 0;
  outline: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid transparent;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  font: bold 13px/1 'ChakraPetch', 'Open Sans Condensed', 'Arial Narrow', 'Helvetica Narrow', arial, helvetica, sans-serif;
  font-stretch: condensed;
  letter-spacing: 1px;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  vertical-align: middle;
  cursor: pointer;
  border: none;
}

.robot-chat-popup .btn.inactive,
.robot-chat-popup .btn.inactive:hover {
  background: rgba(154, 154, 160);
  border-color: rgba(154, 154, 160);
  color: rgba(226, 226, 228);
  cursor: not-allowed;
  pointer-events: none;
}

.robot-chat-popup .btn.layout-half {
  display: inline-block;
  width: calc(50% - 4px);
}

.robot-chat-popup .btn.layout-half:not(:nth-child(2n)) {
  margin-right: 8px;
}

.robot-chat-popup .btn:hover,
.robot-chat-popup .btn:active,
.robot-chat-popup .btn-mini:hover,
.robot-chat-popup .btn-mini:active {
  color: #ff7942;
}

.robot-chat-popup .btn-primary,
.robot-chat-popup .btn-secondary,
.robot-chat-popup .btn-alt {
  text-transform: uppercase;
}

.robot-chat-popup .btn-primary,
.robot-chat-popup .button.button-primary {
  border-color: transparent;
  background: #fd6120;
  color: #fff;
}

.robot-chat-popup .btn-primary:hover,
.robot-chat-popup .btn-primary:active,
.robot-chat-popup .button.button-primary:hover,
.robot-chat-popup .button.button-primary:active {
  background: #da5214;
  color: #fff;
}

.robot-chat-popup .btn-secondary,
.robot-chat-popup .button.button-secondary {
  border-color: #849dc2;
  background: #98c6ff;
}

.robot-chat-popup .btn-secondary:hover,
.robot-chat-popup .btn-secondary:active,
.robot-chat-popup .button.button-secondary:hover,
.robot-chat-popup .button.button-secondary:active {
  background: #7fb2f3;
  color: #222;
}

.robot-chat-popup .btn.is-wide {
  width: 100%;
}

.robot-chat-popup .form-cell .form-checkbox,
.robot-chat-popup .form-cell .form-radiobox {
  margin-top: 7px;
  margin-right: 16px;
  margin-bottom: 8px;
}

.robot-chat-popup .form-checkbox,
.robot-chat-popup .form-radiobox {
  display: inline-block;
  position: relative;
  margin-right: 8px;
  padding-left: 22px;
  box-sizing: border-box;
  vertical-align: middle;
  letter-spacing: normal;
  cursor: pointer;
}

.robot-chat-popup .form-checkbox:hover,
.robot-chat-popup .form-radiobox:hover {
  color: #05f;
}

.robot-chat-popup .form-checkbox input[type='checkbox'],
.robot-chat-popup .form-radiobox input[type='radio'] {
  padding: 0;
  position: absolute;
  z-index: 1;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
}

.robot-chat-popup .form-checkbox-title {
  display: block;
  min-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
}

.robot-chat-popup .form-checkbox-title:before,
.robot-chat-popup .form-checkbox-title:after,
.robot-chat-popup .form-radiobox-title:before,
.robot-chat-popup .form-radiobox-title:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  width: 16px;
  height: 16px;
}

.robot-chat-popup .form-checkbox-title:before,
.robot-chat-popup .form-radiobox-title:before {
  z-index: 2;
  border-radius: 3px;
  box-sizing: border-box;
  border: 1px solid #76767f;
  background: #373744;
}

.robot-chat-popup .form-radiobox-title:before {
  border-radius: 16px;
}

.robot-chat-popup .form-checkbox-title:after,
.robot-chat-popup .form-radiobox-title:after {
  z-index: 3;
  font: normal normal normal 14px/16px FontAwesome;
  text-rendering: auto;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.robot-chat-popup .form-checkbox input[type='checkbox']:checked+.form-checkbox-title:after {
  content: '\f00c';
  background-color: rgb(253, 97, 32);
  border-radius: 2px;
}

.robot-chat-popup .form-checkbox input[type='checkbox']:indeterminate+.form-checkbox-title:after {
  content: '\f068';
}

.robot-chat-popup .form-radiobox input[type='radio']:checked+.form-radiobox-title:after {
  top: 6px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-radius: 10px;
  background: #222;
}

/* badge */
.robot-chat-badge {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 8px;
  overflow: hidden;
  text-align: center;
  background: url('../../Nest/images/icons/icon-chevron-notification.svg');
}


/* rating eggs */
.robot-chat-popup .rating-eggs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  margin-left: 2px;
  /* fixed overflow */
  vertical-align: middle;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}


.robot-chat-popup .rating-egg {
  position: relative;
  z-index: 1;

  /* new */
  width: 23px;
  height: 22px;
  cursor: pointer;
  margin-right: 12px;
}

.robot-chat-popup .rating-egg::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url('../../Nest/images/icons/unsel@3x.png');
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.robot-chat-popup .rating-egg+.robot-chat-popup .rating-egg {
  margin-left: 2px;
}

.robot-chat-popup .rating-eggs.rating-1 .rating-egg:nth-child(-n + 1)::before,
.robot-chat-popup .rating-eggs.hover-1 .rating-egg:nth-child(-n + 1)::before,
.robot-chat-popup .rating-eggs.rating-2 .rating-egg:nth-child(-n + 2)::before,
.robot-chat-popup .rating-eggs.hover-2 .rating-egg:nth-child(-n + 2)::before,
.robot-chat-popup .rating-eggs.rating-3 .rating-egg:nth-child(-n + 3)::before,
.robot-chat-popup .rating-eggs.hover-3 .rating-egg:nth-child(-n + 3)::before,
.robot-chat-popup .rating-eggs.rating-4 .rating-egg:nth-child(-n + 4)::before,
.robot-chat-popup .rating-eggs.hover-4 .rating-egg:nth-child(-n + 4)::before,
.robot-chat-popup .rating-eggs.rating-5 .rating-egg:nth-child(-n + 5)::before,
.robot-chat-popup .rating-eggs.hover-5 .rating-egg:nth-child(-n + 5)::before {
  /* background: #FACC59; */
  /* background: linear-gradient(#FBCC4B 0% , #FAB319 100%); */

  background: url('../../Nest/images/icons/sel@3x.png');
  background-size: 100% 100%;
}

.robot-chat-popup .rating-num {
  color: #757575;
  vertical-align: middle;
}

.robot-chat-popup a.rating-eggs .rating-num,
.robot-chat-popup a.rating-num {
  color: #0070ab;
}

.robot-chat-popup .rating-egg+.robot-chat-popup .rating-num {
  margin-left: 5px;
}

.robot-chat-popup .rating-eggs.egg-sm .rating-egg,
.robot-chat-popup .rating-egg.egg-sm {
  width: 10px;
  height: 13px;
}

.robot-chat-popup .rating-eggs.egg-sm .rating-num,
.robot-chat-popup .rating-egg.egg-sm+.robot-chat-popup .rating-num {
  font-size: 13px;
}

.robot-chat-popup .rating-eggs.egg-lg .rating-egg,
.robot-chat-popup .rating-egg.egg-lg {
  width: 21px;
  height: 27px;
}

.robot-chat-popup .rating-eggs.egg-lg .rating-num,
.robot-chat-popup .rating-egg.egg-lg+.rating-num {
  font-size: 17px;
}

.robot-chat-popup .rating-eggs.choose-egg .rating-egg {
  cursor: pointer;
}

.robot-chat-popup .rating-eggs.choose-egg .rating-egg+.robot-chat-popup .rating-egg {
  margin-left: 24px;
}

.robot-chat-popup .rating-eggs.choose-egg .rating-egg:after {
  content: '';
  position: absolute;
  top: -35%;
  left: -60%;
  width: 44px;
  height: 44px;
  border-radius: 0;
  transform: rotate(-30deg);
}

.robot-chat-popup .rating-eggs.choose-egg .rating-num {
  font-size: 15px;
}

.robot-chat-popup .rating-eggs.egg-xs .rating-egg:nth-child(-n + 5),
.robot-chat-popup .rating-eggs.egg-xs .rating-egg,
.robot-chat-popup .rating-egg.egg-xs {
  width: 7px;
  height: 9.8px;
}

.robot-chat-popup .rating-eggs.egg-xs.rating-1 .rating-egg:nth-child(-n + 1),
.robot-chat-popup .rating-eggs.egg-xs.rating-2 .rating-egg:nth-child(-n + 2),
.robot-chat-popup .rating-eggs.egg-xs.rating-3 .rating-egg:nth-child(-n + 3),
.robot-chat-popup .rating-eggs.egg-xs.rating-4 .rating-egg:nth-child(-n + 4),
.robot-chat-popup .rating-eggs.egg-xs.rating-5 .rating-egg:nth-child(-n + 5) {
  background: #949494;
}

.robot-chat-popup .rating-eggs.egg-xs.rating-1.active .rating-egg:nth-child(-n + 1),
.robot-chat-popup .rating-eggs.egg-xs.rating-2.active .rating-egg:nth-child(-n + 2),
.robot-chat-popup .rating-eggs.egg-xs.rating-3.active .rating-egg:nth-child(-n + 3),
.robot-chat-popup .rating-eggs.egg-xs.rating-4.active .rating-egg:nth-child(-n + 4),
.robot-chat-popup .rating-eggs.egg-xs.rating-5.active .rating-egg:nth-child(-n + 5) {
  background: #f90;
}

/* rating eggs */

/* message */
.robot-chat-popup .message {
  margin-bottom: 20px;
  border-width: 1px;
  border-style: solid;
}

.robot-chat-popup .message:last-child {
  margin-bottom: 0;
}

.robot-chat-popup .message-wrapper:after {
  content: '';
  display: table;
  clear: both;
}

.robot-chat-popup .message-wrapper {
  position: relative;
  margin-right: 20px;
  padding: 10px;
  background: #fff;
  min-height: 20px;
}

.robot-chat-popup .message-icon:before {
  display: block;
  width: 20px;
  height: 20px;
  font: normal normal normal 16px/20px 'FontAwesome';
  text-align: center;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.robot-chat-popup .message-icon:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
}

.robot-chat-popup .message-information {
  padding: 1px 0 0 0;
  font-size: 13px;
  text-align: left;
}

.robot-chat-popup .message-icon~.message-information {
  padding-left: 15px;
}

.robot-chat-popup .message-information a {
  text-decoration: underline;
  color: #fff;
}

.robot-chat-popup .message-information a:hover {
  color: #7eb1ff;
}

.robot-chat-popup .message-information a.btn {
  text-decoration: none;
}

.robot-chat-popup .message-information p {
  margin: 0.4em 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.9);
}

.robot-chat-popup .message-information ul {
  list-style: disc outside;
  margin: 0.8em 0;
  padding: 0 0 0 25px;
}

.robot-chat-popup .message-information li {
  list-style: disc outside;
  margin: 0.8em 0;
}

.robot-chat-popup .message-information p:first-child,
.robot-chat-popup .message-information ul:first-child,
.robot-chat-popup .message-information li:first-child {
  margin-top: 0;
}

.robot-chat-popup .message-information p:last-child,
.robot-chat-popup .message-information ul:last-child,
.robot-chat-popup .message-information li:last-child {
  margin-bottom: 0;
}

.robot-chat-popup .message-title {
  font-weight: bold;
  text-transform: uppercase;
}

.robot-chat-popup .message-icon {
  float: none;
  width: auto;
  height: auto;
  background: none;
}

.robot-chat-popup .message-info {
  border-color: #e1b06a;
  background-color: #e1b06a;
}

.robot-chat-popup .message-info .message-icon:before {
  content: '';
  color: #e1b06a;
  width: 60px;
  height: 60px;
  margin: 0 auto 20px;
  display: block;
  color: #eebb84;
  font-size: 55px;
  text-align: center;
  background: url(../../Nest/images/icons/agent-headset-icon@3x.png);
  background-size: 100% 100%;
}

.robot-chat-popup .message-info em {
  color: #e1b06a;
}

.robot-chat-popup .message.is-vertical {
  /* margin: 60px auto; */
  max-width: 512px;
  border: 0;
  background: none;
}

.robot-chat-popup .message.is-vertical .message-wrapper {
  margin: 0;
  padding: 0;
  background: none;
}

.robot-chat-popup .message.is-vertical .message-icon {
  display: block;
  margin: 0 auto 25px auto;
  text-align: center;
}

.robot-chat-popup .message.is-vertical .message-icon:before {
  position: inherit;
  /* height: 50px;
  width: auto; */
  font-size: 56px;
  line-height: 50px;
}

.robot-chat-popup .message.is-vertical .message-title {
  display: block;
  margin-bottom: 16px;
  font: normal 20px/26px 'ChakraPetch', 'Open Sans Condensed', 'Helvetica Narrow', arial, helvetica, sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  vertical-align: baseline;
  text-align: center;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
}

.robot-chat-popup .message.is-vertical .message-information {
  padding: 0;
  font-size: inherit;
  text-align: center;
}

.robot-chat-popup .message.is-vertical .message-information p {
  margin-top: 16px;
  text-align: center;
}

.robot-chat-popup .message.no-bg {
  border: 0;
  background: transparent;
}

.robot-chat-popup .message.no-bg .message-information {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.9);
}

.robot-chat-popup .message.no-bg .message-information .message-title {
  font-size: 12px;
  color: #fff;
}

.robot-chat-popup .message.no-bg .message-wrapper {
  margin-right: 0;
  padding: 0;
  background: transparent;
}

.robot-chat-popup .message-alert .message-icon:before,
.robot-chat-popup .message-alert .message-icon::before {
  position: absolute;
  content: '';
  background: url(../../Nest/images/icons/square-exclamation-regular.svg);
  background-size: 100% 100%;
  width: 11px;
  height: 13px;
}

.robot-chat-popup .message.no-bg .message-icon:before,
.robot-chat-popup .message.no-bg .message-icon::before {
  left: 0;
  top: 3px;
}

/* message */

/* keyframe animations */
@keyframes robot_pulse {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes robot_rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

/* chat specific */
.modal-success.show {
  z-index: 2510;
}
.modal-backdrop.is-modal-success {
  z-index: 2502;
}
.dark-mode .modal-success .message {
  background-color: transparent;
}
dialog.robot-chat-popup {
  padding: 0;
  height: 100%;
  border: none;
  /* background-image: linear-gradient(270deg, rgba(229, 231, 248, 1) 0%, rgba(213, 236, 255, 1) 100%); */
  background-color: #071C58;
  background-image: url("../../Nest/images/bgs/ai_bg.png");
  background-size: 100% 100%;
  -webkit-touch-callout: none; /* 禁止长按菜单 */
  -webkit-user-select: none; /* 可选：禁用选中文本 */
  z-index: 2000;
  display: block;
  right: 0;
  left: auto;
  top: 0;
  bottom: 0;
  overflow: hidden;
  position: fixed;
}

dialog.robot-chat-popup .robot-chat-popup-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex: 1;
  flex-direction: row;
  overflow: auto;
}

dialog.robot-chat-popup .robot-flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-flow: wrap row;
  flex-flow: wrap row;
}

dialog.robot-chat-popup .robot-chat-popup-left {
  width: 66%;
  overflow: hidden;
  margin: 0px 80px 30px;
  height: 100%;
}

dialog.robot-chat-popup .robot-chat-popup-left .robot-chat-content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 0px;
  height: 7px;
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con {
  padding: 15px;
  background: rgba(255, 255, 255, .1);
  border-radius: 8px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  max-width: calc(100% / 2 - 38px);
  position: relative;
  min-height: 260px;
  display: none;
  justify-content: space-between;
}

/* dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .price-save {
  background: #CC4100;
  color: #fff !important;
  font-weight: 700;
  font-size: 11px;
  display: inline-block;
  position: relative;
  margin-top: 5px;
  padding: 2px 4px 2px 8px;
  line-height: 16px;
  border-radius: 6px 0 4px 0;
} */

/* dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .price-save:after {
  left: 100%;
  top: 0;
  border-top: 17px solid #CC4100;
  border-right: 4px solid transparent;
  content: '';
  position: absolute;
} */

dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con:nth-child(-n + 2) {
  display: flex;
}
dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con:last-child {
  margin-bottom: 0;
}

.robot-fighter-compare .tag-list .tag.is-skewed {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 6px;
  border-radius: 4px;
  margin-left: 4px;
  transform: skewX(-10deg);
  border-radius: 4px 0;
  position: relative;
}

.robot-goods-price .tag-list .bg-gradient-bluePurple {
  background-image: linear-gradient(90deg, rgba(106, 75, 203, 1) 0, rgba(0, 155, 173, 1) 100%);
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 60%);
}

.robot-goods-price .tag-list .is-skewed.bg-gradient-bluePurple .tag-text {
  max-height: none;
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .product-bullets {
  margin-top: 5px;
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .product-bullets .description {
  -webkit-line-clamp: 1;
  display: block;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 13px;
  word-wrap: break-word;
  word-break: break-word;
  text-overflow: ellipsis;
  color: #fff;
  padding-left: 15px;
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .product-bullets li::before {
  content: '';
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 3px;
  top: 7px;
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con:nth-of-type(2n + 1) {
  margin-right: 16px;
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .img-content {
  text-align: center;
  height: 120px;
  padding: 0 20px;
}
dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .img-content .goods-img {
  background-color: #fff;
  border-radius: 4px;
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .item-promo {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  max-height: 2.72em;
  -webkit-line-clamp: 2;
  word-wrap: break-word;
  word-break: break-word;
  text-overflow: ellipsis;
  position: relative;
  margin: 5px 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  color: #f90;
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .price {
  margin-top: 5px;
  padding: 0;
  font-weight: 400;
  font-size: 12px;
  text-align: left;
  color: #fff;
  font-weight: bold;
}
dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .price-save {
  color: #fff;
}
dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .price {
  font-size: 20px;
}
dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .price span {
  font-weight: normal;
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .price .price-current-label {
  font-weight: 400;
  font-size: 12px;
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .price-current sup {
  font-size: 13px;
  vertical-align: super;
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .price .was-price,
.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .item-cell .item-container-action .price .was-price {
  text-decoration: line-through;
  color: #adadad;
  font-size: 12px;
  font-weight: normal;
  margin-left: 10px;
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con img {
  width: 100%;
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .title {
  margin: 5px 0;
  max-height: 3.88em;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: block;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.4;
  word-wrap: break-word;
  word-break: break-word;
  text-overflow: ellipsis;
  color: #fff;
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .title:hover {
  text-decoration: underline;
}

dialog.robot-chat-popup .robot-chat-popup-right {
  width: 640px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.25);
  opacity: 1;
  position: relative;
  /* background-color: #1c263f; */
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-chat-content {
  overflow: auto;
  box-sizing: border-box;
  flex: 1 1 0%;
  overflow-y: scroll;
}

dialog.robot-chat-popup .robot-chat-header {
  position: relative;
  padding: 10px 10px 10px 30px;
  color: #fff;
  background-size: 100% 100%;
  border-radius: 3px 3px 0 0;
  backdrop-filter: blur(20px);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

dialog.robot-chat-popup .robot-chat-header .NE-collapse-chat,
dialog.robot-chat-popup .robot-chat-header .closed-icon,
dialog.robot-chat-popup .robot-chat-header .robot-close-chat,
dialog.robot-chat-popup .robot-chat-exit .experience-survey .NE-close-now {
  display: inline-block;
  width: 34px;
  height: 34px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 34px;
  vertical-align: top;
  cursor: pointer;
  position: relative;
}

dialog.robot-chat-popup .robot-chat-header .closed-icon.mobile-icon {
  display: none;
  width: 60px;
  height: 60px;
  font-size: 32px;
  line-height: 56px;
}

dialog.robot-chat-popup .robot-chat-header .robot-closed-title {
  /* display: none; */
  display: flex;
  align-items: center;
  float: left;
  line-height: 22px;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-weight: 800;
  font-style: italic;
  letter-spacing: 0px;
  text-transform: uppercase;
}

dialog.robot-chat-popup .robot-chat-header .robot-closed-title .beta-tag.tag.bg-black {
  background-image: linear-gradient(45deg, rgb(0, 87, 199) 0%, rgb(161, 0, 139) 59%, rgb(216, 0, 62) 100%);
  box-shadow: none;
  background-color: transparent;
  color: #fff;
  margin-left: 8px;
}

dialog.robot-chat-popup .robot-chat-header .robot-closed-title .beta-tag span {
  line-height: 18px;
  padding: 0 4px;
}

dialog.robot-chat-popup .robot-chat-header .robot-close-chat {
  float: right;
  font-size: 20px;
}

dialog.robot-chat-popup .robot-chat-header .robot-close-chat .ico-times:before {
  width: 34px;
  height: 34px;
}

dialog.robot-chat-popup .robot-chat-header .agent-icon {
  margin: 0 9px 0 9px;
  display: inline-block;
  position: relative;
  width: 32px;
  height: 32px;
  /* background-image: url('../../Nest/images/icons/agent-headset-icon.png'); */
  background: url('../../Nest/images/icons/NE_chat_head@2x.png');
  background-size: 100% 100%;
  background-color: transparent;
  background-size: contain;
  background-position: center;
  /* border-radius: 100%; */
  vertical-align: top;
}

dialog.robot-chat-popup .robot-chat-header .agent-icon .robot-chat-badge {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 2px;
}

dialog.robot-chat-popup .robot-chat-header .agent-icon .fa-user {
  display: none;
  font-size: 22px;
  text-align: center;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

dialog.robot-chat-popup .robot-chat-header .robot-chat-agent-name {
  display: inline-block;
  height: 34px;
  vertical-align: top;
  position: relative;
  width: 150px;
}

dialog.robot-chat-popup .robot-chat-header .robot-chat-agent-name h5,
dialog.robot-chat-popup .robot-chat-header .robot-chat-agent-name h6 {
  display: block;
}

dialog.robot-chat-popup .robot-chat-header .robot-chat-agent-name h5 {
  font-size: 16px;
  /* line-height: 20px; */
  font-family: 'ChakraPetch';
}

dialog.robot-chat-popup .robot-chat-header .robot-chat-agent-name h6 {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  position: absolute;
  /* bottom: 0; */
}

dialog.robot-chat-popup .robot-chat-header.no-name .robot-chat-agent-name h5 {
  line-height: 34px;
}

dialog.robot-chat-popup .robot-chat-header.no-name .robot-chat-agent-name h6 {
  display: none;
}

dialog.robot-chat-popup .robot-chat-content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 6px;
  height: 7px;
}

dialog.robot-chat-popup .robot-chat-content::-webkit-scrollbar-thumb {
  background-color: rgb(154, 154, 160);
  -webkit-box-shadow: 0 0 1px rgb(255 255 255 / 50%);
  border-radius: 4px;
}

dialog.robot-chat-popup .robot-chat-content.chat-complete {
  min-height: 441px;
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey .rating-item label {
  font-size: 13px;
  color: #fff;
}


dialog.robot-chat-popup .form-error-message {
  position: absolute;
  z-index: 3;
  display: inline-block;
  padding: 0 5px;
  color: #fff;
  font-size: 12px;
  top: -20px;
  left: 0;
  width: fit-content;
}

dialog.robot-chat-popup .form-error-message:after {
  content: none;
}

.robot-chat-popup .form-textarea-counter+.form-error-message {
  top: -6px;
  margin-top: 0;
  margin-right: 60px;
}


dialog.robot-chat-popup .robot-chat-content .robot-chat-section::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
  height: 7px;
}

dialog.robot-chat-popup .robot-chat-content .build-keywords,
dialog.robot-chat-popup .robot-chat-content .more-order {
  color: #8AB0E6 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 0;
  text-transform: uppercase;
  font-weight: 700;
}

dialog.robot-chat-popup .robot-chat-content .more-order span {
  text-decoration: underline;
}

dialog.robot-chat-popup .robot-chat-content .order-con .more-order i {
  font-size: 16px;
  margin-left: 5px;
  margin-top: 2px;
}

dialog.robot-chat-popup .robot-chat-content .build-keywords.isShow i {
  transform: rotate(180deg);
  margin-top: 0;
}

dialog.robot-chat-popup .robot-chat-content .build-keywords span {
  cursor: pointer;
}

dialog.robot-chat-popup .robot-chat-content .build-keywords i {
  font-size: 16px;
  margin-left: 5px;
  transform: rotate(0);
  cursor: pointer;
}

dialog.robot-chat-popup .robot-chat-content .robot-recommend,
dialog.robot-chat-popup .robot-chat-content #similar {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  margin-top: 10px;
}

dialog.robot-chat-popup .robot-chat-content .recommend-title {
  color: #212121;
  text-transform: uppercase;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section::-webkit-scrollbar-thumb {
  background-color: rgb(154, 154, 160);
  -webkit-box-shadow: 0 0 1px rgb(255 255 255 / 50%);
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section::-webkit-scrollbar-thumb {
  border-radius: 4px;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section,
dialog.robot-chat-popup .robot-chat-content.single-input-bar .robot-chat-section {
  height: 0;
}

dialog.robot-chat-popup .robot-chat-content.double-input-bar .robot-chat-section {
  max-height: 390px;
}

dialog.robot-chat-popup .robot-chat-content.triple-input-bar .robot-chat-section {
  max-height: 373px;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries {
  padding: 10px 30px;
  list-style: none;
  overflow: auto;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li {
  /* max-width: 75%; */
  max-width: 91%;
  width: 91%;
  position: relative;
  clear: both;
}

.robot-chat-popup .order-list .order .order-cell .order-container {
  display: flex;
  flex: auto;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .robot-entry-cell-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  /* flex: 1; */
  max-width: calc(100% - 52px);
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-agent-entry .robot-entry-cell-inner {
  width: 100%;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .robot-entry-cell-inner .robot-entry-text .review-inner {
  overflow: hidden;
  line-height: 20px;
  transition: max-height 0.3s ease-in-out;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .robot-entry-cell-inner .robot-entry-text .review-inner p img,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .robot-entry-cell-inner .robot-entry-text .review-inner li img {
  height: 100px;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .robot-entry-cell-inner .robot-entry-text .review-inner table {
  text-align: center;
  background: rgba(255, 255, 255, .04);
  color: #fff;
  border: 1px solid rgba(0, 0, 0, .3);
  font-size: 13px;
  padding: 4px 0;
  margin: 10px 0;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .robot-entry-cell-inner .robot-entry-text .review-inner thead tr {
  background: rgba(0, 0, 0, .3);
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .robot-entry-cell-inner .robot-entry-text .review-inner tbody tr {
  background: rgba(255, 255, 255, .04);
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .robot-entry-cell-inner .robot-entry-text .review-inner td,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .robot-entry-cell-inner .robot-entry-text .review-inner th {
  border: 1px solid rgba(0, 0, 0, .3);
  padding: 4px 0;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .robot-entry-cell-inner .robot-entry-text .review-inner ul,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .robot-entry-cell-inner .robot-entry-text .review-inner ol {
  margin: 10px 0 10px 20px;
  list-style: outside disc;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .robot-entry-cell-inner .robot-entry-text .review-inner ul:last-child,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .robot-entry-cell-inner .robot-entry-text .review-inner ol:last-child {
  margin: 0 0 0 20px;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .robot-entry-cell-inner .robot-entry-text .review-inner li {
  display: list-item;
  text-align: -webkit-match-parent;
  unicode-bidi: isolate;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .robot-entry-cell-inner .robot-entry-text .review-inner p {
  line-height: 20px;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .robot-entry-cell-inner .robot-entry-text .shorten-token {
  width: 100%;
  text-align: center;
  color: #fff;
  display: inline-block;
  font-size: 12px;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .robot-entry-cell-inner .robot-entry-text .shorten-token.shorten-up {
  transform: rotate(180deg);
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .guess-you-like {
  background-color: rgba(255, 255, 255, .1);
  border-radius: 10px;
  color: #ffffff;
  padding: 20px;
  margin-top: 10px;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .guess-you-like .title {
  font-weight: 800;
  font-size: 16px;
  line-height: 22px;
  color: #8AB0E6;
  font-style: italic;
  text-transform: uppercase;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .entry-recommend {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .entry-recommend span {
  padding: 10px 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  border-bottom: 1px solid rgba(195, 211, 248, .2);
  white-space: pre-line;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .entry-recommend span:last-child {
  border-bottom: none;
}

/* dialog.robot-chat-popup .robot-chat-content .robot-chat-section .entry-recommend span:hover {
  background-color: rgba(145, 145, 145, 0.4);
} */

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-agent-entry {
  width: 91%;
  max-width: 91%;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-user-entry {
  float: right;
  text-align: right;
}

/* dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.attachment-entry .time-stamp {
  float: left;
  width: fit-content;
} */

/* dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-user-entry .time-stamp {
  float: right;
  width: fit-content;
} */

/* dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-agent-entry,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.attachment-entry {
  float: left;
  clear: both;
  text-align: left;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.attachment-entry:after {
  content: '';
  display: block;
  width: 20%;
} */

/* dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.notice {
  margin: 10px 0;
  float: left;
  width: 100%;
  max-width: 100%;
  text-align: center;
  position: relative;
  box-sizing: border-box;
} */

/* dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-user-entry .robot-entry-text,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-agent-entry .robot-entry-text {
  margin: 0 0 8px 0;
  padding: 20px;
  display: block;
  word-wrap: break-word;
} */

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-agent-entry .robot-entry-text.is-block {
  width: 97%;
  max-width: 548.75px;
  white-space: normal;
  box-sizing: border-box;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-user-entry .robot-entry-text {
  float: right;
  color: #fff;
  text-align: left;
  font-size: 14px;
  border-radius: 10px 2px 20px 10px;
  background-color: #1061CD;
  white-space: pre-line;
  position: relative;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-agent-entry .robot-entry-text {
  border-radius: 2px 10px 10px 20px;
  background-color: rgba(255, 255, 255, .1);
  line-height: 20px;
  font-size: 14px;
  color: #ffffff;
  max-width: 100%;
  white-space: pre-wrap;
  width: fit-content;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.attachment-entry .robot-entry-text {
  clear: both;
  display: block;
  margin: 0 0 4px 0;
  color: #222;
  background-color: #fff;
  border-radius: 0 5px 5px 5px;
  background-color: rgb(75, 75, 87);
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-user-entry .robot-entry-text a {
  color: #fff;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-agent-entry .robot-entry-text a {
  color: #7eb1ff;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-agent-entry .robot-entry-text a:hover {
  color: #7eb1ff;
  text-decoration: underline;
}

/* dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-pdf a,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-doc a,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-txt a {
  display: block;
  text-decoration: none;
  color: #fff;
} */

dialog.robot-chat-popup .typing-indicator {
  margin: 0 16px;
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.7);
  overflow: visible;
  position: relative;
  animation: robot_pulse 1s 0.33s infinite ease-in-out alternate;
  border-radius: 50%;
}

dialog.robot-chat-popup .typing-indicator:before,
dialog.robot-chat-popup .typing-indicator:after {
  content: '';
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

dialog.robot-chat-popup .typing-indicator:before {
  left: -14px;
  animation: robot_pulse 1s 0s infinite ease-in-out alternate;
  background-color: rgba(255, 255, 255, 1);
}

dialog.robot-chat-popup .typing-indicator:after {
  right: -14px;
  animation: robot_pulse 1s 0.66s infinite ease-in-out alternate;
  background-color: rgba(255, 255, 255, 0.4);
}

dialog.robot-chat-popup .robot-user-entry .robot-entry-text .typing-indicator,
dialog.robot-chat-popup .robot-user-entry .robot-entry-text .typing-indicator:before,
dialog.robot-chat-popup .robot-user-entry .robot-entry-text .typing-indicator:after {
  background-color: #fff;
}

dialog.robot-chat-popup .robot-user-entry .robot-entry-text .translation .typing-indicator,
dialog.robot-chat-popup .robot-agent-entry .robot-entry-text .translation .typing-indicator {
  margin-top: 6px;
  margin-left: 25px;
}

dialog.robot-chat-popup .robot-user-entry .time-stamp .typing-indicator {
  margin-left: auto;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text .translation {
  display: block;
  color: rgba(255, 255, 255, 0.87);
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .loading {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: 0;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .loading .ico {
  display: block;
  margin: 0 auto;
  width: 20px;
  height: 20px;
  font-size: 20px;
}



dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-user-entry .robot-entry-text .translation,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-agent-entry .robot-entry-text .translation {
  color: rgba(255, 255, 255, 0.87);
  position: relative;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text .translation:before {
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  content: 'Translation';
  display: block;
  width: 100%;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #9dabf4;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-user-entry .robot-entry-text .translation::after {
  position: absolute;
  content: '';
  background: url(../../Nest/images/icons/rotate-regular.svg);
  width: 12px;
  height: 12px;
  display: block;
  top: 13px;
  left: 2px;
  color: #9dabf4;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-agent-entry .robot-entry-text .translation::after {
  position: absolute;
  content: '';
  background: url(../../Nest/images/icons/rotate-regular-agent.svg);
  width: 12px;
  height: 12px;
  display: block;
  top: 13px;
  left: 2px;
  color: #9dabf4;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-user-entry .robot-entry-text .translation:before {
  z-index: 0;
  background-color: #9dabf4;
  background: linear-gradient(to right, transparent 0%, transparent 50%, #9dabf4 50%, #9dabf4 100%);
  background-size: 7px 1px;
  background-repeat: repeat-x;
  padding-left: 20px;
  box-sizing: border-box;
  font-family: 'Barlow Semi Condensed';
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-agent-entry .robot-entry-text .translation:before {
  color: #a6a7ad;
  padding-left: 20px;
  box-sizing: border-box;
  z-index: 0;
  background-color: #a6a7ad;
  background: linear-gradient(to right, transparent 0%, transparent 50%, #a6a7ad 50%, #a6a7ad 100%);
  background-size: 7px 1px;
  background-repeat: repeat-x;
  padding-left: 20px;
  box-sizing: border-box;
  font-family: 'Barlow Semi Condensed';
}

/* dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-pending {
  font-size: 36px;
  line-height: 36px;
  line-height: 0;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-pending .fa-spinner {
  width: 36px;
  height: 36px;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-img,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-pdf {
  padding: 0;
  overflow: hidden;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-user-entry .robot-entry-text.attachment-pending,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-user-entry .robot-entry-text.attachment-img,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-user-entry .robot-entry-text.attachment-text,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-user-entry .robot-entry-text.attachment-doc,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-user-entry .robot-entry-text.attachment-oversized {
  background-color: #fff;
  color: #222;
  color: #fff;
} */

/* dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-img img {
  display: table;
  max-width: 100%;
} */

/* dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-img,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-pdf,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-txt,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-doc,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-pending,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-oversized {
  padding: 12px;
  text-align: center;
  border: 1px solid transparent;
} */
/* 
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-pdf .fa-file-pdf-o,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-txt .fa-file-text-o,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-doc .fa-file-word-o,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-doc .fa-file-excel-o,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-txt .fa-file-image-o,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-oversized .fa-exclamation-triangle {
  margin: 0 0 10px 0;
  display: block;
  font-size: 30px;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-oversized .fa-exclamation-triangle {
  font-size: 28px;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-agent-entry .robot-entry-text.attachment-pdf .fa-file-pdf-o,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-agent-entry .robot-entry-text.attachment-oversized .fa-exclamation-triangle,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.attachment-entry .robot-entry-text.attachment-pdf .fa-file-pdf-o,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.attachment-entry .robot-entry-text.attachment-oversized .fa-exclamation-triangle {
  color: #f4574a;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.attachment-entry .robot-entry-text.attachment-pdf .fa-file-pdf-o {
  color: #fff;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-user-entry .robot-entry-text.attachment-pdf .fa-file-pdf-o,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-user-entry .robot-entry-text.attachment-oversized .fa-exclamation-triangle {
  color: #f4574a;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-user-entry .robot-entry-text.attachment-pdf .fa-file-pdf-o {
  color: #fff;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-agent-entry .robot-entry-text.attachment-txt .fa-file-text-o,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.attachment-entry .robot-entry-text.attachment-txt .fa-file-text-o {
  color: #2d2d2d;
  color: #fff;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-doc .fa-file-word-o {
  color: #386ba6;
  color: #fff;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-doc .fa-file-excel-o {
  color: #008000;
  color: #fff;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-oversized,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-user-entry .robot-entry-text.attachment-oversized {
  color: #F4574A;
  color: #fff;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text.attachment-oversized .oversized-attachment-filename {
  display: block;
  color: #222;
  color: #fff;
}

dialog.robot-chat-popup .attachment-upload-processing {
  display: none;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  height: 2px;
  background: #007ab8;
}

dialog.robot-chat-popup .attachment-uploading {
  position: relative;
}

dialog.robot-chat-popup .attachment-uploading .attachment-upload-processing {
  display: block;
}

dialog.robot-chat-popup .attachment-uploading .lower-opacity,
dialog.robot-chat-popup .attachment-uploading>.fa {
  opacity: 0.2;
} */

/* dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.notice .notice-text {
  padding: 0 10px;
  display: inline-block;
  position: relative;
  z-index: 1;
  background: #343442;
  max-width: 70%;
  color: rgb(226, 226, 228);
  font-size: 12px;
  font-family: 'ChakraPetch';
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.notice .notice-text .agent-thumbnail {
  margin: 0 auto 5px;
  display: block;
  width: 44px;
  height: 44px;
  background-color: rgb(75, 75, 87);
  border-radius: 100%;
  position: relative;
  background-image: url('https://prod-inin-directory-service-profile.s3.amazonaws.com/2c7d9529/5fd9/4ba7/961c/56108c738c7b.jpg');
  background-image: url('../../Nest/images/icons/agent-headset-icon_v2.png');
  background-size: contain;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.notice:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 0;
  background-color: #76767f;
  background: linear-gradient(to right, transparent 0%, transparent 50%, #76767f 50%, #76767f 100%);
  background-size: 7px 1px;
  background-repeat: repeat-x;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.notice.chatting-with {
  margin-top: 30px;
  margin-bottom: 12px;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.notice.chatting-with .notice-text {
  background-color: rgb(75, 75, 87);
  border-radius: 4px;
  width: 51%;
  margin: 0 auto;
  padding: 22px 25px 12px;
  position: relative;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.notice.chatting-with .robot-entry-text {
  font-size: 14px;
  color: #fff;
  font-weight: bold;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.notice.chatting-with .notice-text .agent-thumbnail {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -22px;
  margin: 0;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.notice.chatting-with:after {
  top: 89%;
  content: none;
} */

/* dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .time-stamp {
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  display: block;
  clear: both;
  font-family: 'Barlow Semi Condensed';
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .time-stamp.not-sent {
  color: #fff;
  position: relative;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.attachment-entry .time-stamp.not-sent {
  padding-left: 16px;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-user-entry .time-stamp.not-sent::before {
  position: absolute;
  content: '';
  background: url(../../Nest/images/icons/square-exclamation-regular.svg);
  background-size: 100% 100%;
  width: 11px;
  height: 13px;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.attachment-entry .time-stamp.not-sent::before {
  position: absolute;
  content: '';
  background: url(../../Nest/images/icons/square-exclamation-regular.svg);
  background-size: 100% 100%;
  width: 11px;
  height: 13px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .time-stamp a {
  margin-left: 4px;
  padding: 8px 0;
  color: #7fb3fe;
  text-decoration: underline;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-agent-entry .time-stamp,
dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.attachment-entry .time-stamp {
  right: auto;
  left: 0;
} */

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .robot-entry-cell-inner>* {
  margin-top: 10px;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .robot-entry-cell-inner>*:first-child {
  margin-top: 0;
}

dialog.robot-chat-popup .robot-chat-content.chat-complete .robot-chat-section {
  min-height: 466px;
}

dialog.robot-chat-popup .robot-chat-refresh {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
  overflow: hidden;
}

dialog.robot-chat-popup .robot-chat-refresh .quick-entry {
  flex: 1;
  position: relative;
  width: calc(100% - 185px);

}

dialog.robot-chat-popup .robot-chat-refresh .quick-entry .swiper-slide {
  width: auto;
  margin-right: 10px;
  height: auto;
}

dialog.robot-chat-popup .robot-chat-refresh .quick-entry .swiper-slide:last-child {
  margin-right: 0;
}

dialog.robot-chat-popup .robot-chat-refresh .quick-entry .swiper-slide a {
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 20px;
  border-radius: 38px;
  background-color: rgba(255, 255, 255, 0.08);
  font-size: 14px;
  padding: 5px 15px;
}

dialog.robot-chat-popup .robot-chat-refresh .quick-entry .swiper-slide a i,
dialog.robot-chat-popup .robot-chat-refresh .quick-entry .swiper-slide a span {
  margin-left: 5px;
  opacity: 1;
  color: rgba(255, 255, 255, 1);
  font-family:'Open Sans', sans-serif, Helvetica, Arial;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px;
  line-height: 20px;
}

dialog.robot-chat-popup .robot-chat-refresh .quick-entry .swiper-slide a span {
  margin-left: 0;
}

dialog.robot-chat-popup .robot-chat-refresh .quick-entry .swiper-container {
  padding-bottom: 0;
  height: auto;
}

dialog.robot-chat-popup .robot-chat-refresh .right-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

dialog.robot-chat-popup .robot-chat-refresh .btn-refresh,
dialog.robot-chat-popup .robot-chat-refresh .btn-feedback {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: rgba(138, 176, 230, 1);
  font-family: 'Open Sans', sans-serif, Helvetica, Arial;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px;
  text-align: left;
  line-height: 20px;
  text-transform: none;
  padding: 5px;
}

dialog.robot-chat-popup .robot-chat-refresh .btn-refresh span,
dialog.robot-chat-popup .robot-chat-refresh .btn-feedback span,
dialog.robot-chat-popup .robot-chat-refresh .btn-refresh i,
dialog.robot-chat-popup .robot-chat-refresh .btn-feedback i {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin-left: 6px;
  font-family: 'Open Sans', sans-serif, Helvetica, Arial;
  letter-spacing: 0;
  font-stretch:normal;
}

dialog.robot-chat-popup .robot-chat-input-bar {
  padding: 20px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
  background-image: linear-gradient(135deg, #002180 0%, #0B005E 100%);
  user-select:none;
  -webkit-user-select: none;
}

dialog.robot-chat-popup .robot-chat-input-bar .robot-message-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
}

dialog.robot-chat-popup .robot-chat-input-bar .robot-message-bar .form-textarea {
  border-radius: 20px;
  width: 100%;
  outline-width: 0px;
  font-size: 14px;
  line-height: 23px;
  border-color: rgb(67, 67, 67) !important;
  border-width: 1px;
  min-height: 40px !important;
  padding: 8px 16px;
  padding-right: 36px;
  background-image: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(195, 212, 237, 1) 100%) !important;
  color: #000000 !important;
}

dialog.robot-chat-popup .robot-chat-input-bar.is-sound .form-textarea{
  padding-right: 78px;
}
dialog.robot-chat-popup .robot-chat-input-bar .sound-trip {
  font-size: 13px;
  color: #A2C2F5;
  width: 100%;
  text-align: center;
  display: none;
}
dialog.robot-chat-popup .robot-chat-input-bar.is-mouseenter .sound-text canvas,
dialog.robot-chat-popup .robot-chat-input-bar.is-mouseleave .sound-text canvas,
dialog.robot-chat-popup .robot-chat-input-bar.is-mouseenter .sound-trip,
dialog.robot-chat-popup .robot-chat-input-bar.is-mouseleave .sound-trip {
  display: block;
}
dialog.robot-chat-popup .robot-chat-input-bar.is-mouseleave .sound-trip {
  color: #FF5B4D;
}
dialog.robot-chat-popup .robot-chat-input-bar.is-mouseenter .quick-entry,
dialog.robot-chat-popup .robot-chat-input-bar.is-mouseenter .robot-chat-refresh-btn,
dialog.robot-chat-popup .robot-chat-input-bar.is-mouseenter .sound-text span,
dialog.robot-chat-popup .robot-chat-input-bar.is-mouseenter .send-btn-con .send-keyboard,
dialog.robot-chat-popup .robot-chat-input-bar.is-mouseleave .quick-entry,
dialog.robot-chat-popup .robot-chat-input-bar.is-mouseleave .robot-chat-refresh-btn,
dialog.robot-chat-popup .robot-chat-input-bar.is-mouseleave .send-btn-con .send-keyboard {
  display: none;
}
dialog.robot-chat-popup .robot-chat-input-bar.is-mouseenter .robot-message-bar .sound-text {
  background-image: linear-gradient(90deg, #1061CD 0%, #7C5AD5 100%) !important;
  padding: 0 20px;
  box-sizing: border-box;
}
dialog.robot-chat-popup .robot-chat-input-bar.is-mouseleave .robot-message-bar .sound-text {
  background-image: linear-gradient(270deg, #DB1600 0%, #FF3729 100%) !important;
  padding: 0 20px;
  box-sizing: border-box;
}

dialog.robot-chat-popup .robot-chat-input-bar .robot-message-bar .send-btn-con .send-btn {
  opacity: 1;
  color: rgba(255, 255, 255, 1);
  font-family: "OpenSans-Bold";
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0;
  text-align: left;
  line-height: 20px;
  text-transform: uppercase;
  margin-left: 8px;
  height: 32px;
  width: 32px;
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background:#084BA6;
}

dialog.robot-chat-popup .robot-chat-input-bar .robot-message-bar .send-btn-con .send-sound {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: absolute;
  right: 45px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("../../Nest/images/icons/sound@2x.png");
  background-size: 100%;
}

dialog.robot-chat-popup .robot-chat-input-bar .robot-message-bar .send-btn-con .send-keyboard {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("../../Nest/images/icons/keyboard@2x.png");
  background-size: 100%;
  display: none;
  z-index: 99;
}

dialog.robot-chat-popup .robot-chat-input-bar .robot-message-bar .send-btn-con .send-btn img {
  width: 16px;
  margin-right: 2px;
}
dialog.robot-chat-popup .robot-chat-input-bar .robot-message-bar .send-btn-con .send-btn .ico {
  transform: rotate(270deg);
  font-size: 18px;
  position: relative;
  left: 1px;
  font-weight: bold;
}
dialog.robot-chat-popup .robot-chat-input-bar .robot-message-bar .send-btn-con .send-btn:disabled {
  cursor: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: #D1D1D1;
  color: #858585;
}
dialog.robot-chat-popup .robot-chat-input-bar .robot-message-bar .sound-text {
  font-size: 15px;
  font-weight: bold;
  color: #084BA6;
  height: 40px;
  background-image: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(195, 212, 237, 1) 100%) !important;
  border-radius: 20px;
  width: 100%;
  align-items: center;
  justify-content: center;
  display: none;
  position: relative;
}
dialog.robot-chat-popup .robot-chat-input-bar .robot-message-bar .sound-text span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  padding-right: 32px;
}
dialog.robot-chat-popup .robot-chat-input-bar .robot-message-bar .sound-text canvas {
  opacity: 0;
}
dialog.robot-chat-popup .robot-chat-input-bar.is-sound.is-active .robot-message-bar {
  touch-action: none;
}
dialog.robot-chat-popup .robot-chat-input-bar.is-sound.is-active.is-mouseenter .sound-text span,
dialog.robot-chat-popup .robot-chat-input-bar.is-sound.is-active.is-mouseleave .sound-text span {
  opacity: 0;
}
dialog.robot-chat-popup .robot-chat-input-bar.is-mouseenter .sound-text canvas,
dialog.robot-chat-popup .robot-chat-input-bar.is-mouseleave .sound-text canvas,
dialog.robot-chat-popup .robot-chat-input-bar.is-sound.is-active .sound-text span {
  opacity: 1;
}

dialog.robot-chat-popup .robot-chat-input-bar.is-sound.is-active .sound-text,
dialog.robot-chat-popup .robot-chat-input-bar.is-sound.is-active .send-keyboard,
dialog.robot-chat-popup .robot-chat-input-bar.is-sound.is-active .send-keyboard {
  display: flex;
}

dialog.robot-chat-popup .robot-chat-input-bar.is-sound.is-active .send-sound,
dialog.robot-chat-popup .robot-chat-input-bar.is-sound.is-active .send-btn,
dialog.robot-chat-popup .robot-chat-input-bar.is-mouseenter .send-keyboard,
dialog.robot-chat-popup .robot-chat-input-bar.is-mouseleave .send-keyboard {
  display: none !important;
}

dialog.robot-chat-popup .robot-chat-input-bar.is-sound.is-active .form-textarea {
  display: none;
}

dialog.robot-chat-popup .robot-chat-exit {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  background-color: #42424f;
}

dialog.robot-chat-popup .robot-chat-exit.show-message {
  bottom: 54px;
  z-index: 3;
}

dialog.robot-chat-popup .robot-chat-exit.show-confirm,
dialog.robot-chat-popup .robot-chat-exit.show-survey,
dialog.robot-chat-popup .robot-chat-exit.show-message,
dialog.robot-chat-popup .robot-chat-exit.show-closed,
dialog.robot-chat-popup .robot-chat-exit.show-unavailable {
  display: block;
  overflow: hidden;
  border-radius: 2px 2px 4px 4px;
}

dialog.robot-chat-popup .robot-chat-exit.show-survey {
  bottom: 54px;
  border-radius: 2px 2px 0 0;
  /* z-index: 3; */
}

dialog.robot-chat-popup .robot-chat-exit.show-confirm,
dialog.robot-chat-popup .robot-chat-exit.show-closed,
dialog.robot-chat-popup .robot-chat-exit.show-unavailable {
  z-index: 10;
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey,
dialog.robot-chat-popup .robot-chat-exit .exit-message,
dialog.robot-chat-popup .robot-chat-exit .confirm-exit,
dialog.robot-chat-popup .robot-chat-exit .chat-unavailable {
  display: none;
}

dialog.robot-chat-popup .robot-chat-exit.show-confirm .confirm-exit,
dialog.robot-chat-popup .robot-chat-exit.show-survey .experience-survey,
dialog.robot-chat-popup .robot-chat-exit.show-message .exit-message,
dialog.robot-chat-popup .robot-chat-exit.show-closed .confirm-exit,
dialog.robot-chat-popup .robot-chat-exit.show-unavailable .chat-unavailable {
  display: block;
}

/* exit states */
dialog.robot-chat-popup .robot-chat-exit .confirm-exit,
dialog.robot-chat-popup .robot-chat-exit .chat-unavailable {
  position: absolute;
  /* decimal values prevent anti-alias / blurring of elements */
  top: 49.85%;
  top: 72px;
  left: 49.85%;
  width: 75%;
  /* transform: translate(-50.15%, -50.15%); */
  transform: translateX(-50.15%);
  -webkit-font-smoothing: subpixel-antialiased;
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey {
  position: relative;
  padding: 34px 16px;
}

dialog.robot-chat-popup .robot-chat-exit .confirm-exit .fa-info-circle {
  width: 60px;
  height: 60px;
  margin: 0 auto 20px;
  display: block;
  color: #eebb84;
  font-size: 55px;
  text-align: center;
  background: url('../../Nest/images/icons/agent-headset-icon_bg.png');
  background: url('../../Nest/images/icons/agent-headset-icon@3x.png');
  background-size: 100% 100%;
}

dialog.robot-chat-popup .robot-chat-exit .confirm-exit h5 {
  margin: 0 0 20px 0;
  font-family: 'ChakraPetch', 'Open Sans Condensed', 'Helvetica Narrow', arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

dialog.robot-chat-popup .robot-chat-exit .confirm-exit .exit-buttons,
dialog.robot-chat-popup .robot-chat-exit .chat-unavailable .exit-buttons {
  margin: 20px 0 0 0;
  text-align: center;
}

dialog.robot-chat-popup .robot-chat-exit .confirm-exit .exit-buttons .btn,
dialog.robot-chat-popup .robot-chat-exit .chat-unavailable .exit-buttons .btn {
  margin: 0;
  width: 80%;
}

dialog.robot-chat-popup .robot-chat-exit .confirm-exit .exit-buttons .btn:first-child {
  margin: 0 0 10px 0;
}

dialog.robot-chat-popup .robot-chat-exit .confirm-exit .form-checkbox {
  margin: 0 auto;
  display: block;
  width: 80%;
  font-size: 13px;
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey {
  text-align: center;
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey .NE-close-now {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  /* font-size: 20px; */
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey .NE-close-now:hover {
  color: #000;
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey h5 {
  margin: 0 auto 20px;
  font-size: 16px;
  color: #fff;
  position: relative;
  text-align: center;
  display: inline-block;
  font-family: 'ChakraPetch';
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey h5::before {
  content: '';
  width: 10px;
  height: 4px;
  background: url('../../Nest/images/icons/chat_icon-left.png');
  position: absolute;
  top: 50%;
  left: -14px;
  transform: translateY(-50%);
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey h5::after {
  content: '';
  width: 10px;
  height: 4px;
  background: url('../../Nest/images/icons/chat_icon-right.png');
  position: absolute;
  top: 50%;
  right: -14px;
  transform: translateY(-50%);
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey .ratings {
  text-align: left;
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey .rating-item {
  margin: 0 0 10px 0;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey .rating-item:last-of-type {
  margin-bottom: 20px;
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey .rating-item.is-error label,
dialog.robot-chat-popup .robot-chat-exit .experience-survey .ratings .comment-input.is-error label {
  color: #f4574a;
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey .ratings .comment-input.is-error textarea {
  border: solid 1px #f4574a;
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey .ratings label {
  font-size: 13px;
  line-height: 20px;
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey .ratings label .small {
  font-size: 10px;
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey .ratings .rating-eggs {
  /* padding: 0 0 0 6px; */
  margin: 0;
  height: 30px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey .ratings .rating-eggs .rating-egg {
  margin-right: 12px;
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey .ratings .comment-input {
  position: relative;
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey .ratings .comment-input textarea {
  margin: 3px 0 0 0;
  width: 100%;
  box-sizing: border-box;
}

dialog.robot-chat-popup .robot-chat-exit .experience-survey .submit-ratings-bar {
  margin: 30px -5% 0;
  padding: 15px 5% 15px;
  border-top: solid 1px #ccc;
  text-align: right;
}

dialog.robot-chat-popup .robot-chat-exit .exit-message {
  padding: 50px 30px;
  text-align: center;
}

dialog.robot-chat-popup .robot-chat-exit .exit-message h5 {
  margin: 0 0 20px 0;
  font-size: 18px;
  font-weight: normal;
}

dialog.robot-chat-popup .robot-chat-exit .exit-message .fa-check-circle {
  margin: 0 0 30px 0;
  color: #86c08e;
  font-size: 30px;
  width: 60px;
  height: 60px;
  background-color: #373744;
  border-radius: 50%;
  line-height: 60px;
  position: relative;
}

dialog.robot-chat-popup .robot-chat-exit .exit-message h5 {
  margin: 0;
  font-size: 20px;
  color: #fff;
  line-height: 26px;
  font-family: 'ChakraPetch';
  /* ,'Open Sans Condensed', 'Helvetica Narrow', arial, helvetica, sans-serif; */
  text-transform: uppercase;
}

/* collapsed state */
dialog.robot-chat-popup.is-collapsed {
  height: auto;
  bottom: 0;
}

dialog.robot-chat-popup.is-collapsed .robot-chat-header .NE-collapse-chat i {
  transform: rotate(-180deg);
}

dialog.robot-chat-popup.is-collapsed .robot-chat-header .NE-collapse-chat i::before {
  transform: translate(-50%, -35%);
}

dialog.robot-chat-popup.is-collapsed .robot-chat-content,
dialog.robot-chat-popup.is-collapsed .robot-chat-input-bar {
  display: none;
}

/* closed state */
dialog.robot-chat-popup.is-closed {
  position: fixed;
  top: auto;
  right: 17px;
  bottom: 17px;
  left: auto;
  display: block;
  width: auto;
  min-width: 150px;
  height: auto;
  border-radius: 30px;
  background-color: transparent;
}

dialog.robot-chat-popup.is-closed .robot-chat-header .NE-collapse-chat,
dialog.robot-chat-popup.is-closed .robot-chat-header .agent-icon,
dialog.robot-chat-popup.is-closed .robot-chat-header .robot-chat-agent-name,
dialog.robot-chat-popup.is-closed .robot-chat-header .robot-close-chat,
dialog.robot-chat-popup.is-closed .robot-chat-content,
dialog.robot-chat-popup.is-closed .robot-chat-input-bar,
dialog.robot-chat-popup.is-closed .robot-chat-input-bar,
dialog.robot-chat-popup.is-closed .robot-chat-exit {
  display: none;
  background-color: transparent;
  height: 0;
  width: 0;
}

dialog.robot-chat-popup.is-closed .robot-chat-header {
  padding: 0;
  border-radius: 30px;
  /* background-color: #242332; */
  background: #242332;
  border: 1px solid transparent;
}

dialog.robot-chat-popup.is-closed .robot-chat-header:hover {
  background: #302e3e;
}

dialog.robot-chat-popup.is-closed .robot-chat-header:hover h5.robot-closed-title {
  color: #ff7942;
}

dialog.robot-chat-popup.is-closed .robot-chat-header .closed-icon {
  display: inline-block;
  padding: 0 0 0 25px;
  text-align: left;
  width: 40px;
  border-radius: 40px 0 0 40px;
  cursor: pointer;
}

dialog.robot-chat-popup.is-closed .robot-chat-header h5.robot-closed-title {
  padding: 0 34px 0 0;
  line-height: 60px;
  border-radius: 0 40px 40px 0;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  font-family: 'ChakraPetch';
}

/* offline */
dialog.robot-chat-popup.is-agent-offline .agent-icon {
  filter: alpha(opacity=50);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* dialog */
.robot-chat-popup .robot-chat-dialog-backdrop,
.robot-chat-popup .robot-chat-loading-backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px 4px 3px 3px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.robot-chat-popup .robot-chat-loading-backdrop {
  background: #343442;
  pointer-events: none;
}

.robot-chat-dialog-backdrop>.fa-spinner {
  color: #fff;
  font-size: 56px;
}

.robot-chat-loading-backdrop>.fa-spinner {
  font-size: 56px;
  width: 57px;
  height: 57px;
  background: url('../../Nest/images/icons/icon_loading.png');
  background-size: 100% 100%;
}

.robot-chat-popup .robot-chat-dialog {
  width: 300px;
  border-radius: 4px;
  box-sizing: border-box;
  background: #42424f;
}

.robot-chat-popup .robot-chat-dialog-inner {
  padding: 12px 16px;
  text-align: center;
}

.robot-chat-popup .robot-chat-dialog-title {
  font-weight: bold;
  font-size: 16px;
  /* line-height: 1.6; */
  color: #fff;
  display: inline-block;
  position: relative;
  font-family: 'ChakraPetch';
}

.robot-chat-popup .robot-chat-dialog-title::before {
  content: '';
  width: 10px;
  height: 4px;
  background: url(../../Nest/images/icons/chat_icon-left.png);
  position: absolute;
  top: 50%;
  left: -14px;
  transform: translateY(-50%);
}

.robot-chat-popup .robot-chat-dialog-title::after {
  content: '';
  width: 10px;
  height: 4px;
  background: url(../../Nest/images/icons/chat_icon-right.png);
  position: absolute;
  top: 50%;
  right: -14px;
  transform: translateY(-50%);
}

.robot-chat-popup .robot-chat-dialog-text {
  margin-top: 12px;
  font-size: 14px;
  color: RGBA(226, 226, 228, 0.9);
}

.robot-chat-popup .robot-chat-dialog-buttons {
  padding: 0 16px 16px 16px;
  text-align: center;
}

.robot-chat-popup .robot-chat-dialog-buttons .btn {
  width: 48%;
}

.robot-chat-popup .robot-chat-dialog-buttons.clear-children-space {
  font-size: 0;
}

.robot-chat-popup .robot-chat-dialog-content {
  padding: 0 16px 0 16px;
  margin-bottom: 12px;
}

/* chat upload */
.robot-chat-popup .robot-chat-attachments {
  display: block;
}

.robot-chat-popup .robot-chat-attachments:after,
.robot-chat-popup .robot-chat-attachments::after {
  content: '';
  display: table;
  clear: both;
}

.robot-chat-popup .robot-chat-attachments .attachment-img,
.robot-chat-popup .robot-chat-attachments .attachment-add,
.robot-chat-popup .robot-chat-attachments .attachment-pdf {
  width: 86px;
  height: 64px;
  border: 1px solid #9a9aa0;
  position: relative;
  box-sizing: border-box;

  margin: 0 0 4px 0;

  float: left;
}

.robot-chat-popup .robot-chat-attachments .attachment-img:not(:nth-child(3n + 1)),
.robot-chat-popup .robot-chat-attachments .attachment-add:not(:nth-child(3n + 1)),
.robot-chat-popup .robot-chat-attachments .attachment-pdf:not(:nth-child(3n + 1)) {
  margin-left: 4px;
}

.robot-chat-popup .robot-chat-attachments .attachment-add {
  border-style: dashed;
  background: #343442;
  cursor: pointer;
}

.robot-chat-popup .robot-chat-attachments .attachment-pdf {
  display: -webkit-flex;
  display: flex;
  /* background: #f2f2f2; */
  background: #343442;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.robot-chat-popup .robot-chat-attachments .attachment-pdf .fa-file-pdf-o {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  color: #f4574a;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
}

.robot-chat-popup .robot-chat-attachments .attachment-pdf .attachment-pdf-name {
  display: block;
  padding: 2px 8px 0 8px;
  max-width: 100%;
  box-sizing: border-box;
  color: #fff;
  font-size: 11px;
  line-height: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.robot-chat-popup .robot-chat-attachments .attachment-img img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

.robot-chat-popup .attachment-remove {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  padding: 0;
  /* width: 14px;
height: 14px; */
  border-radius: 50%;
  box-sizing: border-box;
  line-height: 13px;
  text-align: right;
  cursor: pointer;
}

.robot-chat-popup .attachment-remove .fa {
  border-radius: 100%;
  width: 18px;
  height: 18px;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  position: relative;
  border: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0.54);
}

.robot-chat-popup .attachment-remove:hover .fa {
  color: #f4574a;
}

.robot-chat-popup .attachment-add input[type='file'] {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  opacity: 0;
  cursor: pointer;
}

.robot-chat-popup .attachment-add-icon {
  color: rgba(154, 154, 160);
  padding: 3px 5px;
}

.robot-chat-popup .note {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.6);
}

.robot-chat-popup .robot-chat-dialog-content .note {
  margin-top: 3px;
  margin-bottom: 12px;
}

.robot-chat-popup .robot-chat-attachments .attachment-failed {
  border-color: #f4574a;
}

.robot-chat-popup .attachment-failed .attachment-reselect {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.4);
  padding: 3px;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
  font-family: 'Barlow Semi Condensed';
  border: 1px solid #fff;
  line-height: 1;
}

.robot-chat-popup .attachment-failed .lower-opacity {
  opacity: 0.3;
}

.robot-chat-popup .flex-center {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

/* mobile only */
dialog.robot-chat-popup.on-mobile {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  max-width: none;
  border-radius: 0;
}

dialog.robot-chat-popup.on-mobile,
dialog.robot-chat-popup.on-mobile.is-collapsed .robot-chat-header .NE-collapse-chat i,
dialog.robot-chat-popup.on-mobile .robot-chat-content,
dialog.robot-chat-popup.on-mobile .robot-chat-input-bar,
dialog.robot-chat-popup.on-mobile .robot-chat-input-bar .columns.robot-message-bar textarea {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

dialog.robot-chat-popup.on-mobile .robot-chat-header {
  z-index: 10;
  border-radius: 0;
}

dialog.robot-chat-popup.on-mobile.is-collapsed .robot-chat-header .closed-icon.mobile-icon {
  display: block;
}

dialog.robot-chat-popup.on-mobile.is-collapsed .robot-chat-header:not(.no-name) .closed-icon.mobile-icon {
  position: absolute;
  top: 0;
  left: 0;
}

dialog.robot-chat-popup.on-mobile.is-collapsed .robot-chat-header .agent-icon {
  margin: 0;
  width: 60px;
  height: 60px;
  pointer-events: none;
}

dialog.robot-chat-popup.on-mobile.is-collapsed .robot-chat-header .agent-icon .robot-chat-badge {
  top: 0;
  right: 0;
}

dialog.robot-chat-popup.on-mobile .robot-chat-content {
  position: absolute;
  top: 59px;
  right: 0;
  left: 0;
  bottom: 59px;
  padding: 0 0 31px 0;
}

dialog.robot-chat-popup.on-mobile .robot-chat-content .robot-chat-section,
dialog.robot-chat-popup.on-mobile .robot-chat-content.single-input-bar .robot-chat-section,
dialog.robot-chat-popup.on-mobile .robot-chat-content.triple-input-bar .robot-chat-section {
  height: auto;
  max-height: none;
}

dialog.robot-chat-popup.on-mobile .robot-chat-input-bar {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0;
}

dialog.robot-chat-popup.on-mobile .robot-chat-input-bar .columns.robot-message-bar .column:nth-child(2) {
  width: calc(100% - 34px - 63px);
  /* 34 = attach width, 63 = send width */
  padding-right: 12px;
}

dialog.robot-chat-popup.on-mobile .robot-chat-input-bar .columns.robot-message-bar .column textarea {
  width: 100%;
}

dialog.robot-chat-popup.on-mobile .robot-chat-exit.show-survey,
dialog.robot-chat-popup.on-mobile .robot-chat-exit.show-message {
  overflow: auto;
}

dialog.robot-chat-popup.on-mobile .robot-chat-exit.show-confirm,
dialog.robot-chat-popup.on-mobile .robot-chat-exit.show-survey,
dialog.robot-chat-popup.on-mobile .robot-chat-exit.show-message,
dialog.robot-chat-popup.on-mobile .robot-chat-exit.show-closed {
  border-radius: 0;
}

dialog.robot-chat-popup.on-mobile .robot-chat-content.chat-complete {
  padding-bottom: 0;
}

dialog.robot-chat-popup.on-mobile.is-closed {
  min-width: 60px;
}

dialog.robot-chat-popup.on-mobile.is-collapsed {
  top: auto;
  right: 16px;
  bottom: 16px;
  left: auto;
  min-width: auto;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: transparent;
}

dialog.robot-chat-popup.on-mobile.is-collapsed .robot-chat-header {
  padding: 0;
  width: 60px;
  height: 60px;
  border-radius: 100%;
}

dialog.robot-chat-popup.on-mobile.is-collapsed .robot-chat-header .NE-collapse-chat,
dialog.robot-chat-popup.on-mobile.is-collapsed .robot-chat-header.no-name .agent-icon,
dialog.robot-chat-popup.on-mobile.is-collapsed .robot-chat-header .robot-chat-agent-name,
dialog.robot-chat-popup.on-mobile.is-collapsed .robot-chat-header a.robot-close-chat {
  display: none;
}

dialog.robot-chat-popup.on-mobile.is-collapsed .robot-chat-header .NE-collapse-chat.mobile-icon {
  display: block;
}

dialog.robot-chat-popup.on-mobile.is-collapsed .robot-chat-header .NE-collapse-chat.mobile-icon i {
  transform: rotate(0deg);
}

dialog.robot-chat-popup.on-mobile.is-collapsed .robot-chat-input-bar {
  border-top: none;
}

.robot-chat-popup .upload-btn {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  width: 26px;
  height: 34px;
  cursor: pointer;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  color: #e6e6e7;
  -webkit-box-pack: flex-end;
  -ms-flex-pack: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  background-color: #343442;
  border-radius: 3px 0 0 3px;
}

.robot-chat-popup .upload-btn input[type='file'] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.robot-chat-popup .upload-btn .fa {
  font-size: 18px;
  line-height: 34px;
  transform: rotate(270deg);
}

.robot-chat-popup.not-proactive.is-collapsed {
  width: 56px;
  height: 56px;
  position: fixed;
  right: 20px;
  bottom: 40px;
  border: 0;
  border-radius: 30px;
  cursor: pointer;
  -webkit-box-shadow: 0px 3px 10px rgb(0 0 0 / 50%);
  -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 10px rgb(0 0 0 / 50%);
}

.robot-chat-popup.not-proactive.is-collapsed .robot-chat-header.not-proactive {
  width: 100%;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.robot-chat-popup.not-proactive.is-collapsed .agent-icon {
  width: 56px;
  height: 56px;
  background: #242332;
  margin: 0;
  background-size: contain;
  border-radius: 50%;
  position: relative;
}

.robot-chat-popup.not-proactive.is-collapsed .agent-icon .fa-user:before {
  content: '';
  width: 32px;
  height: 32px;
  background: url('../../Nest/images/icons/NE_chat_head@2x.png');
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.robot-chat-popup.not-proactive.is-collapsed .robot-chat-badge {
  position: absolute;
  left: 10px;
  bottom: 10px;
}

.robot-chat-popup.not-proactive.is-collapsed.is-agent-offline {
  filter: alpha(opacity=50);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.robot-chat-popup.not-proactive.is-collapsed .robot-chat-badge.color-red {
  background: rgba(204, 0, 0, 1);
  width: 8px;
  height: 8px;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  padding: 0 2px;
  border-radius: 50%;
}

.robot-entry-text:hover .robot-entry-text-action {
  opacity: 1;
}
.robot-entry-text-action {
  align-items: center;
  position: absolute;
  top: 100%;
  right: 0;
  padding-top: 4px;
  display: flex;
  opacity: 0;
  /* width: calc(100%); */
  transition: opacity 0.5s;
}
.robot-entry-text-action span {
  cursor: pointer;
  margin-right: 15px;
}
.robot-entry-text-action span:hover {
  color: #6596EA;
}
.robot-entry-text-action .robot-entry-copy {
  font-size: 16px;
  width: 16px;
}
.robot-entry-text-action .robot-entry-copy .ico-check {
  font-size: 16px;
}
.robot-entry-text-action .robot-entry-copy:not(.is-active) .ico-check {
  width: 16px;
  height: 16px;
  background: url("../../Nest/images/icons/copy.svg");
  background-size: 100%;
  fill: #fff;
}
.robot-entry-text-action .robot-entry-copy:not(.is-active) .ico-check::before {
  content: none;
}
.robot-entry-text-action .robot-entry-copy:not(.is-active):hover .ico-check {
  background: url("../../Nest/images/icons/copy_hover.svg");
}

.recommend-item.robot-entry-text span {
  display: block;
  border-top: 1px solid #5f5f69;
}

.recommend-item.robot-entry-text:first-child {
  border-top: none;
}

.recommend-item.robot-entry-text .robot-item-con {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #5f5f69;
}

.recommend-item.robot-entry-text .robot-item-con:first-child {
  border-top: none;
}

.recommend-item.robot-entry-text .robot-item-con .classification {
  width: 130px;
  padding: 10px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}

.recommend-item.robot-entry-text .robot-item-con .content {
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 8px;
}

.recommend-item.robot-entry-text .robot-item-con .title {
  margin-bottom: 6px;
  max-width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.3;
  word-wrap: break-word;
  word-break: break-word;
  margin: 0 0 0 10px;
  flex: 1;
  max-height: 36px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recommend-item.robot-entry-text .robot-item-con img {
  height: 40px;
}

.robot-chat-popup .btn.inactive,
.robot-chat-popup .btn.inactive:hover {
  background: rgba(154, 154, 160);
  border-color: rgba(154, 154, 160);
  color: rgba(226, 226, 228);
  cursor: not-allowed;
  pointer-events: none;
}

/* new */

dialog.robot-chat-popup .robot-chat-content .robot-chat-entries .robot-agent-entry,
dialog.robot-chat-popup .robot-chat-content .robot-chat-entries .robot-user-entry {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  margin-bottom: 25px;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-entries li.robot-user-entry {
  -webkit-flex-directions: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.robot-user-avatar {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  display: block;
  position: relative;
  border-radius: 50%;
  box-sizing: border-box;
  overflow: hidden;
  width: 40px;
  height: 40px;
}

.robot-user-avatar:before {
  content: '';
  display: none;
}

.robot-user-avatar img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-entries li.robot-agent-entry .robot-user-avatar {
  margin-right: 12px;
  /* background-image: linear-gradient(90deg, rgba(106, 75, 203, 1) 0%, rgba(0, 155, 173, 1) 100%); */
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-entries li.robot-user-entry .robot-user-avatar {
  margin-left: 12px;
  margin-right: 0;
  background: rgba(195, 211, 248, 1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  color: rgba(12, 29, 106, 1);
  font-family: 'OpenSans-Bold';
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.5px;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text {
  padding: 20px;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .chat-vote {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0 0 4px;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries .vote-feedback {
  color: #fff6;
  font-size: 12px;
  line-height: 16px;
  margin-left: 10px;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .chat-vote button {
  width: 24px;
  height: 24px;
  background-color: rgba(41, 54, 81, 1);
  color: #fff6;
  border: none;
  border-radius: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .chat-vote button:hover {
  background-color: #363841;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .chat-vote button:last-child {
  margin-left: 5px;
}

dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .time-stamp {
  color: #fefefe;
}

dialog.robot-chat-popup .robot-chat-input-bar .columns {
  margin: 0;
  padding: 20px;
}

dialog.robot-chat-popup .robot-chat-input-bar.show-message .robot-message-bar .form-textarea {
  min-height: 50px;
  padding: 15px;
  resize: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  border-radius: 6px;
  margin-right: 20px;
  background-color: rgb(9, 19, 45);
}

dialog.robot-chat-popup .robot-chat-input-bar.show-message .robot-message-bar .send-btn {
  width: calc(20% - 20px);
  height: 50px;
  border-radius: 6px;
}

.robot-chat-popup .btn-primary,
.robot-chat-popup .button.button-primary {
  background: #e05e00;
}

.form-textarea::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
  background-color: transparent;
}

.form-textarea::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: none;
}

dialog.robot-chat-popup .robot-chat-header .agent-icon {
  -webkit-animation: robot_btnsmou 1s linear infinite;
  animation: robot_btnsmou 1s linear infinite;
}

@keyframes robot_btnsmou {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(1.08);
  }

  50% {
    transform: scale(1.1);
  }

  75% {
    transform: scale(1.08);
  }

  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes robot_btnsmou {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(1.08);
  }

  50% {
    transform: scale(1.1);
  }

  75% {
    transform: scale(1.08);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes robot_animate-up {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-50%);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes robot_animate-down {
  0% {
    transform: translateY(-70vh);
  }

  50% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-70vh);
  }
}

dialog.robot-chat-popup .robot-chat-popup-left .left-header {
  margin: 30px 0;
  height: 60px;
  line-height: 60px;
}

dialog.robot-chat-popup .robot-chat-popup-left .left-header .title {
  opacity: 1;
  color: transparent;
  font-family: 'OpenSans-Extrabold';
  font-size: 32px;
  font-weight: 800;
  font-style: normal;
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
  -webkit-background-clip: text;
  background-image: linear-gradient(90deg, rgba(106, 75, 203, 1) 0%, rgba(0, 155, 173, 1) 100%);
}

dialog.robot-chat-popup .robot-chat-popup-left .left-header .icon {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background-image: linear-gradient(90deg, rgba(106, 75, 203, 1) 0%, rgba(0, 155, 173, 1) 100%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  float: left;
}

dialog.robot-chat-popup .robot-chat-popup-left .left-header .homeIcon {
  float: right;
  margin: 10px 0;
  cursor: pointer;
}

dialog.robot-chat-popup .robot-chat-popup-left .left-header .homeIcon img {
  width: 40px;
}

dialog.robot-chat-popup .robot-chat-popup-left .left-header .icon .ai-svg {
  margin: 0;
  background: url('../../Nest/images/icons/AI.svg');
  width: 35px;
  height: 40px;
  background-size: 100% 100%;
}

dialog.robot-chat-popup .robot-chat-popup-left .left-container {
  overflow: hidden;
}

dialog.robot-chat-popup .robot-chat-popup-left .waterfall {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

dialog.robot-chat-popup .robot-chat-popup-left .waterfall .waterfall-list-up {
  animation: robot_animate-up 500s ease infinite;
}

dialog.robot-chat-popup .robot-chat-popup-left .waterfall .waterfall-list-down {
  animation: robot_animate-down 200s ease infinite;
}

dialog.robot-chat-popup .robot-chat-popup-left .waterfall .waterfall-item {
  flex-basis: calc(33.3% - 10px);
  background-color: #fff;
  break-inside: avoid;
  margin-bottom: 20px;
  border-radius: 15px;
  padding: 15px;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

dialog.robot-chat-popup .robot-chat-popup-left .waterfall .waterfall-item img {
  width: 100%;
  display: block;
  border-radius: 4px;
}

dialog.robot-chat-popup .tracking-days {
  padding: 20px 10px 0 20px;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  min-height: 400px;
}

dialog.robot-chat-popup .tracking-days-top,
dialog.robot-chat-popup .tracking-days-bottom {
  width: 100%;
}

dialog.robot-chat-popup .tracking-days-weekday {
  font-weight: bold;
  font-size: 24px;
  color: #e3e3e3;
}

dialog.robot-chat-popup .tracking-days-label {
  margin-bottom: 20px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
}

dialog.robot-chat-popup .tracking-days-top .tracking-days-month {
  font-size: 18px;
  color: #e3e3e3;
  font-weight: 700;
}

dialog.robot-chat-popup .tracking-days-cell .tracking-days-month {
  font-size: 18px;
  color: #222222;
}

dialog.robot-chat-popup .tracking-days-day {
  color: #CC4100;
  font-weight: bold;
  font-size: 50px;
  margin: 8px 0;
  line-height: 1;
}

dialog.robot-chat-popup .tracking-days-cells {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  margin-bottom: 35px;
}

dialog.robot-chat-popup .tracking-days-cell {
  padding: 10px;
  width: 80px;
  text-align: center;
  box-sizing: border-box;
  border-radius: 6px;
  display: inline-block;
}

dialog.robot-chat-popup .tracking-days-cells .tracking-days-line {
  width: 15px;
  height: 6px;
  background-color: #fff;
}

dialog.robot-chat-popup .tracking-days-cell .tracking-days-day {
  font-size: 70px;
  margin: 12px 0;
}

dialog.robot-chat-popup .tracking-days-cell .tracking-days-day {
  color: #CC4100;
  font-weight: bold;
  font-size: 50px;
  margin: 8px 0;
  line-height: 1;
}

dialog.robot-chat-popup .tracking-days-status {
  margin-bottom: 12px;
  color: #fff;
}

dialog.robot-chat-popup .tracking-days-status.is-to-go {
  margin-top: 15px;
}

dialog.robot-chat-popup .tracking-days-status span {
  display: inline-block;
}

dialog.robot-chat-popup .tracking-days-status.is-to-go strong {
  display: inline-block;
  margin-top: -8px;
  width: 30px;
  background: #fff;
  border-radius: 2px;
  border-top: 5px solid #CC4100;
  overflow: hidden;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  color: #000;
}

dialog.robot-chat-popup .tracking-days-status.is-on-way {
  padding: 6px 10px;
  background: #e4e4e4 !important;
  border-radius: 2px;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #222222;
}

dialog.robot-chat-popup .tracking-days-status.is-delivered {
  padding: 6px 10px;
  background: #CC4100;
  border-radius: 2px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
}

dialog.robot-chat-popup .tracking-days-status.is-delay {
  padding: 6px 10px;
  background: #d74447;
  border-radius: 2px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
}

dialog.robot-chat-popup .tracking-timeline {
  padding: 20px 0 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

dialog.robot-chat-popup .tracking-days,
dialog.robot-chat-popup .tracking-timeline {
  width: 50%;
}

dialog.robot-chat-popup .tracking-timeline-milestone {
  position: relative;
  padding-left: 40px !important;
  padding-bottom: 20px !important;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

dialog.robot-chat-popup .tracking-timeline-milestone:last-child {
  padding-bottom: 0;
}

dialog.robot-chat-popup .tracking-timeline-milestone:before {
  content: '';
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  width: 3px;
  overflow: hidden;
  background: #707070;
}

dialog.robot-chat-popup .tracking-timeline-milestone:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 23px;
  height: 23px;
  border: 2px solid #707070;
  border-radius: 100%;
  background: #fff;
  box-sizing: border-box;
}

dialog.robot-chat-popup .tracking-timeline-label {
  margin-bottom: 8px;
  color: #aaa;
  font-weight: bold;
  font-size: 16px;
  line-height: 23px;
  word-wrap: break-word;
  word-break: break-word;
  text-overflow: ellipsis;
}

dialog.robot-chat-popup .tracking-timeline-milestone.is-active .tracking-timeline-label {
  color: #fff;
}

dialog.robot-chat-popup .tracking-timeline-time,
dialog.robot-chat-popup .tracking-timeline-address {
  font-size: 14px;
  color: #e3e3e3;
}

dialog.robot-chat-popup .tracking-timeline-milestone.is-active:before {
  background: #CC4100;
}

dialog.robot-chat-popup .tracking-timeline-milestone.is-active:after {
  border-color: #CC4100;
  background: #CC4100;
}

dialog.robot-chat-popup .tracking-timeline-milestone.is-active dialog.robot-chat-popup .tracking-timeline-label {
  color: #e3e3e3;
}

dialog.robot-chat-popup .tracking-info {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background: rgba(255, 255, 255, .1);
  padding: 10px 0;
  margin-top: 20px;
}

dialog.robot-chat-popup .tracking-link+.tracking-link {
  margin-top: 12px;
}

dialog.robot-chat-popup .tracking-link-label {
  font-weight: bold;
  font-size: 14px;
  color: #e3e3e3;
}
dialog.robot-chat-popup .tracking-link-value {
  position: relative;
}
dialog.robot-chat-popup .tracking-link-value a {
  display: inline-block;
  font-size: 13px;
  text-decoration: underline;
  color: #e3e3e3 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: block;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-word;
  text-overflow: ellipsis;
}
dialog.robot-chat-popup .tracking-link-value a:hover {
  color: #8BB2F1 !important;
}
dialog.robot-chat-popup .tracking-link-value .tracking-link-copy {
  position: absolute;
  right: -30px;
  top: 1px;
  z-index: 10;
  background-color: #fff;
  border-radius: 4px;
  padding: 2px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: bold;
  display: none;
}
dialog.robot-chat-popup .tracking-link-value .tracking-link-copy.is-active {
  display: block;
}
dialog.robot-chat-popup .tracking-link-value .tracking-link-copy::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 6px 6px 6px 0;
  border-right-color: #fff;
  top: 4px;
  left: -5px;
}

dialog.robot-chat-popup .tracking-link-value span {
  font-size: 14px;
  color: #e3e3e3;
}

dialog.robot-chat-popup .tracking-link-value .btn-copy {
  text-transform: unset;
  border-radius: 12px;
  padding: 5px 5px;
  margin-left: 5px;
  outline: 0;
  border: 1px solid #d9d9d9;
  font-size: 12px;
  background: #fff;
  color: #222;
}

dialog.robot-chat-popup .tracking-link-value .btn-copy:active {
  color: #06f;
}

/* compare */

.robot-chat-popup .robot-fighter-compare {
  /* max-width: 91%; */
  /* margin: 0 auto; */
  background: rgba(255, 129, 223, 0.08);
  mix-blend-mode: normal;
  margin-top: 60px !important;
  border-radius: 80px 80px 0 0;
  padding-bottom: 20px;
}

.robot-chat-popup .compare-page .robot-fighter-compare {
  max-width: 1500px;
  margin: 0 auto;
  background: rgba(255, 129, 223, 0.08);
  mix-blend-mode: normal;
}

.robot-chat-popup .robot-fighter-compare-items {
  margin-bottom: 20px;
  position: relative;
}

.robot-chat-popup .robot-fighter-compare-item-l,
.robot-chat-popup .robot-fighter-compare-item-r {
  height: 90px;
  cursor: pointer;
  position: relative;
}

.robot-chat-popup .robot-fighter-compare-item-r .robot-fighter-item-info {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding-left: 0;
  padding-right: 10%;
}

.robot-chat-popup .robot-fighter-compare-item-r .robot-fighter-item-img {
  left: 10%;
}

.robot-chat-popup .robot-fighter-compare-item-r::before {
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  width: 100%;
  height: 90px;
  background: linear-gradient(90deg, #d371c6, #f55f4a);
  border-radius: 20px 100px 100px 8px;
  transform: perspective(40px) scale(1.03, 1.1) rotateX(2deg);
  transform-origin: bottom right;
}

.robot-chat-popup .robot-fighter-compare-item-l::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 90px;
  background: linear-gradient(90deg, #6e66fb, #728efe);
  border-radius: 100px 8px 20px 100px;
  transform: perspective(40px) scale(1.03, 1.1) rotateX(358deg);
  transform-origin: top left;
}

.robot-chat-popup .robot-fighter-item-info {
  padding-left: 6%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.robot-chat-popup .robot-fighter-item-img {
  width: 110px;
  position: absolute;
  top: -55%;
  left: 50%;
  transform: translateX(-50%);
}

.robot-chat-popup .robot-fighter-item-img img {
  width: 100%;
  position: absolute;
  top: 0;
  transform: translateY(0);
  max-height: 80px;
  opacity: 1;
}
.robot-chat-popup .robot-fighter-item-img,
.dark-mode .robot-chat-popup .robot-fighter-item-img img {
  opacity: 1;
}

.robot-chat-popup .robot-fighter-compare-item-r .robot-fighter-item-img {
  left: 50%;
}

.robot-chat-popup .robot-fighter-product {
  width: 85%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 10px 0;
  height: 100%;
  box-sizing: border-box;
  z-index: 2;
  color: #0b1368;
  position: relative;
  padding-left: 5%;
}

.robot-chat-popup .robot-fighter-compare-item-r .robot-fighter-product {
  color: #4d001d;
  padding-left: 0%;
}

.robot-chat-popup .robot-fighter-compare-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 6px solid #191d38;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(90deg, #d77d5c, #de967b);
  text-align: center;
  line-height: 50px;
  font-size: 30px;
  font-weight: 800;
  color: #9b2b00;
  -webkit-text-stroke-width: medium;
  font-style: italic;
  text-indent: 0px;
}

.robot-chat-popup .robot-fighter-brand {
  font-size: 14px;
  /* font-weight: 700; */
  /* font-family: Orbitron; */
  text-shadow: 0 0 #000;
  line-height: 16px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: block;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-word;
  text-overflow: ellipsis;
}

.robot-chat-popup .robot-fighter-gpu {
  font-size: 16px;
  font-weight: 800;
  font-family: Orbitron;
  line-height: 20px;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  display: block;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-word;
  text-overflow: ellipsis;
}

.robot-chat-popup .robot-fighter-modelNumber {
  font-size: 14px;
  /* font-family: Orbitron; */
  line-height: 18px;
  text-shadow: 0 0 #000;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: block;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-word;
  text-overflow: ellipsis;
}

.robot-fighter-prices {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
}

.robot-goods-price.is-horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: calc(100% / 2 - 10px);
}

.robot-goods-price .tag-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: visible;
  margin: 0 10px 4px 0;
  position: relative;
  transform: skewX(-10deg);
  border-radius: 4px 0;
}

.robot-goods-price .tag-list .tag {
  position: relative;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 6px;
  border-radius: 4px;
}

.robot-goods-price .tag-list .tag .tag-text {
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: top;
  padding: 2px 0;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  text-transform: capitalize;
  -webkit-transform: skewX(10deg);
  transform: skewX(10deg);
}

.robot-goods-price .tag-list .is-skewed-right.is-skewed.bg-gradient-bluePurple::after {
  content: '';
  background-image: linear-gradient(90deg, rgba(106, 75, 203, 1) 0%, rgba(106, 42, 188, 0) 100%);
}

.robot-goods-price .tag-list .is-skewed-right.is-skewed::after {
  content: '';
  width: 80%;
  height: 100%;
  position: absolute;
  left: -4%;
  top: 0;
  border-radius: 8px 0 8px 0;
  -webkit-transform: skewX(10deg);
  transform: skewX(10deg);
}

.robot-goods-price.is-horizontal .robot-goods-price-current,
.robot-goods-price.is-horizontal .robot-goods-price-was,
.robot-goods-price.is-horizontal .robot-goods-price-map {
  margin-right: 10px;
}

.robot-goods-price-current,
.robot-goods-price-current .robot-goods-price-value {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  line-height: 1;
}

.robot-fighter-prices .robot-goods-price-current .robot-goods-price-symbol,
.robot-fighter-prices .robot-goods-price-current .robot-goods-price-value strong {
  font-size: 20px;
  line-height: 40px;
}

.robot-goods-price .robot-goods-price-was {
  margin-top: 5px;
  text-decoration: line-through;
  color: #adadad;
}

.fighter-title-center h2 {
  color: #ffff;
  font-size: 20px;
  font-weight: 900;
  line-height: 30px;
  text-align: center;
  font-family: Orbitron;
  margin: 15px 0;
}

/* star */
.robot-chat-popup .star {
  display: inline-block;
  vertical-align: middle;
  width: 93px;
  height: 18px;
  overflow: hidden;
  background: url('../../Nest/images/icons/rating_small.png') no-repeat 0px 0px;
  background-size: 93px 276px;
}

.robot-chat-popup .star-5 {
  background-position-y: 1px;
}

.robot-chat-popup .star-4-5 {
  background-position-y: -25px;
}

.robot-chat-popup .star-4 {
  background-position-y: -51px;
}

.robot-chat-popup .star-3-5 {
  background-position-y: -77px;
}

.robot-chat-popup .star-3 {
  background-position-y: -103px;
}

.robot-chat-popup .star-2-5 {
  background-position-y: -129px;
}

.robot-chat-popup .star-2 {
  background-position-y: -155px;
}

.robot-chat-popup .star-1-5 {
  background-position-y: -181px;
}

.robot-chat-popup .star-1 {
  background-position-y: -207px;
}

.robot-chat-popup .star-0-5 {
  background-position-y: -233px;
}

.robot-chat-popup .star-0 {
  background-position-y: -259px;
}

.robot-chat-popup .fighter-star-num {
  color: #ffce64;
  font-size: 16px;
  line-height: 24px;
}

.robot-chat-popup .goods-branding a:hover span {
  text-decoration: underline;
}

.robot-chat-popup .goods-rating-num.text-gray {
  color: #adadad;
}

.robot-chat-popup .fighter-rectangle {
  position: relative;
  margin: 15px 0 !important;
}

.robot-chat-popup .fighter-data-name {
  font-size: 16px;
  color: #adadad;
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  top: 0;
  line-height: 26px;
}

.robot-chat-popup .fighter-rectangle-container {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  box-sizing: border-box;
}

.robot-chat-popup .fighter-rectangle-l,
.robot-chat-popup .fighter-rectangle-r {
  order: 0;
  -webkit-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  max-width: calc(100% / 2);
}

.robot-chat-popup .fighter-rectangle-l .goods-branding {
  justify-content: flex-end;
  padding-right: 20px;
}

.robot-chat-popup .fighter-rectangle-r .goods-branding {
  justify-content: flex-start;
  padding-left: 20px;
}

.robot-chat-popup .goods-branding {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.robot-chat-popup .fighter-rectangle-r .goods-branding .fighter-con {
  flex-direction: row-reverse;
}

.robot-chat-popup .fighter-rectangle-l .goods-branding .fighter-con,
.robot-chat-popup .fighter-rectangle-r .goods-branding .fighter-con {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
}

.robot-chat-popup .robot-fighter-compare .robot-goods-price-current .robot-goods-price-value sup {
  font-size: 12px;
  line-height: 24px;
  margin-top: 4px;
}

.robot-chat-popup .robot-compare-items .robot-compare-items-title {
  font-size: 14px;
  line-height: 26px;
  color: #adadad;
  font-weight: 700;
  text-align: center;
  margin: 5px;
}

.robot-chat-popup .robot-compare-items .robot-compare-items-con {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: nowrap;
  flex-flow: nowrap;
  box-sizing: border-box;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 10px;
  /* margin-bottom: -20px; */
}

.robot-chat-popup .robot-compare-items .robot-compare-items-con .compare-item-l,
.robot-chat-popup .robot-compare-items .robot-compare-items-con .compare-item-r {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 200px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  order: 0;
  -webkit-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  box-sizing: border-box;
  margin: 0 10px;
  padding: 5px 0;
  color: #fff;
}

.robot-chat-popup .robot-compare-items .robot-compare-items-con .compare-item-value {
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  position: relative;
  text-align: center;
}

.robot-chat-popup .robot-compare-items .robot-compare-items-con .compare-item-l {
  background-image: linear-gradient(to left top, rgba(58, 53, 117, 1) 0, rgba(57, 52, 116, 1) 45%, rgba(63, 61, 133, 1) 55%, rgba(58, 53, 117, 1) 100%);
  position: relative;
  box-sizing: border-box;
  /* padding: 5px 40px 4px; */
  background: rgba(45, 42, 86, 1);
  border: 4px solid #979cff38;
}

.robot-chat-popup .robot-compare-items .robot-compare-items-con .compare-item-r {
  background-image: linear-gradient(to left top, rgba(73, 40, 78, 1) 0, rgba(68, 40, 100, 1) 45%, rgba(68, 40, 100, 1) 55%, rgba(73, 40, 78, 1) 100%);
  position: relative;
  box-sizing: border-box;
  /* padding: 5px 40px 4px; */
  background: rgba(51, 32, 72, 1);
  border: 4px solid #cc5ebd1a;
}

.robot-chat-popup .robot-compare-items .robot-compare-items-con .compare-item-l.highlight {
  box-shadow: 0 0 6px 3px #8685ef;
}

.robot-chat-popup .robot-compare-items .robot-compare-items-con .compare-item-r.highlight {
  box-shadow: 0 0 6px 3px #cc5ebd;
}

.robot-chat-popup .order-list {
  color: #fff;
  margin-top: 20px;
}


.robot-chat-popup .robot-agent-entry .info-item{
  background-color: rgba(255, 255, 255, .1);
  padding: 20px;
  border-radius: 10px;
  color: #fff;
}

.robot-chat-popup .robot-agent-entry .info-item h4{
  margin: 0 0 15px 0;
  font-size: 14px;
}

.robot-chat-popup .robot-agent-entry .info-item li{
  margin: 10px 0 0 0;
  word-wrap: break-word;
  word-break: break-word;
  text-overflow: ellipsis;
}

.robot-chat-popup .robot-agent-entry .info-item .link-text{
  color: #7eb1ff;
  text-decoration: underline;
}

.robot-chat-popup .robot-agent-entry .info-item a .ico-envelope-solid {
  display: none;
}

.robot-chat-popup .robot-agent-entry .info-item .button.bg-white {
  border-radius: 20px;
  border: 1px solid #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;

}

.robot-chat-popup .robot-agent-entry .info-item .button.bg-white:hover {
  color: #fff;
}

.robot-chat-popup .order-list .order {
  background-color: rgba(255, 255, 255, .1);
  padding: 20px;
  border-radius: 10px;
}

.robot-chat-popup .order-con .order-list,
.robot-chat-popup .order-con .order-list .order {
  margin-top: 10px;
}

.robot-chat-popup .order-con .order-list:first-child,
.robot-chat-popup .order-con .order-list .order:first-child {
  margin-top: 0;
}

.robot-chat-popup .order-list .order .order-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}

.robot-chat-popup .order-list .order .order-package {
  background-color: rgba(255, 255, 255, 0.08);
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 8px;
}

.robot-chat-popup .order-list .order .tracking-status {
  color: #F66300;
  font-weight: 700;
  text-align: end;
}

.robot-chat-popup .order-list .order .order-left,
.robot-chat-popup .order-list .order .order-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.robot-chat-popup .order-list .order .order-section .order-left p,
.robot-chat-popup .order-list .order .order-section .order-right p {
  padding: 5px 0;
}

.robot-chat-popup .order-list .order .order-cell {
  box-sizing: border-box;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 0;
}

.robot-chat-popup .order-list .order .order-cell .price-current {
  font-size: 24px;
  line-height: 36px;
}

.robot-chat-popup .order-list .order .order-cell .price-current sup {
  font-size: 13px;
  vertical-align: super;
}

.robot-chat-popup .order-list .order .order-imgs {
  min-width: 80px;
  width: 80px;
  height: 60px;
  margin: 0 5px;
  border-radius: 4px;
  background-image: linear-gradient(to right bottom, #5671c2 10%, #7e83dc 100%);
  position: relative;
}

.robot-chat-popup .order-list .order .order-imgs img {
  transform: scale(0.8);
  max-width: 100%;
  max-height: 100%;
  position: relative;
  z-index: 2;
}

.robot-chat-popup .order-list .order .order-info {
  margin: 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.robot-chat-popup .order-list .order .order-info .order-text {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.3;
  word-wrap: break-word;
  word-break: break-word;
  text-overflow: ellipsis;
  color: #fff;
}

.robot-chat-popup .robot-chat-popup-right .order-list .order .order-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.robot-chat-popup .robot-chat-popup-right .order-list .order .order-button + .order-bottom-info {
  margin-top: 10px;
}

.robot-chat-popup .robot-chat-popup-right .order-list .order .order-bottom-info {
  border-top: 2px solid rgba(255, 255, 255, 0.04);
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .btn-primary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  padding: 7px 20px;
  color: #fff !important;
  font-weight: 700;
  border-radius: 18px;
  background-color: rgba(16, 97, 205, 1);
  text-transform: lowercase;
  font-family: 'Open Sans', sans-serif, Helvetica, Arial;
}
.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .btn-primary span::first-letter {
  text-transform: uppercase;
}

.robot-chat-popup .robot-chat-popup-right .order-list .order .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  padding: 5px 0;
  font-size: 13px;
  line-height: 20px;
  gap: 20px;
}

.robot-chat-popup .robot-chat-popup-right .order-list .order .info p {
  max-width: 80%;
  text-align: left;
}

.robot-chat-popup .robot-chat-popup-right .order-list .order .info label {
  min-width: 75px;
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 36px;
  box-sizing: border-box;
  color: #fff;
  border-radius: 8px 8px 0px 0px;
  background-color: rgba(255, 255, 255, .2);
  width: 100%;
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-tab .button {
  position: relative;
  z-index: 2;
  width: calc(100% / 3 - 10px);
  margin: 0 5px;
  height: 26px;
  font-weight: normal;
  text-transform: capitalize;
  display: inline-flex;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0.6;
  color: rgba(255, 255, 255, 1);
  font-family: "OpenSans-Bold";
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0px;
  text-align: center;
  line-height: 20px;
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-tab .button-slide {
  position: absolute;
  z-index: 1;
  left: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 4px;
  background-color: rgba(0, 45, 106, 1);
  color: #fff;
  opacity: 1;
}

.robot-chat-popup .recommended-nav-tab .button:nth-of-type(1).is-slide~.button-slide {
  transform: translateX(0%);
}

.robot-chat-popup .recommended-nav-tab .button:nth-of-type(2).is-slide~.button-slide {
  transform: translateX(108%);
}

.robot-chat-popup .recommended-nav-tab .button:nth-of-type(3).is-slide~.button-slide {
  transform: translateX(210%);
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-tab .button.is-slide {
  color: #212121;
  opacity: 0;
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane {
  padding: 10px 20px;
  border-radius: 8px;
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .item-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: unset;
  min-height: auto;
  padding: 15px 0px;
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .item-cell-action-price {
  border-top: 1px solid rgba(195, 211, 248, .2);
  padding: 10px 0;
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .item-combo-price {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .item-combo-price-con {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  margin-left: 20px;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  list-style: none;
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .item-combo-price-con li {
  text-align: end;
  width: auto !important;
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .build-button {
  display: flex;
  justify-content: end;
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .item-combo-price-map {
  display: block;
  margin-top: 0;
  height: auto;
  font-size: 13px;
  color: #adadad;
  margin-right: 5px;
  font-weight: 400;
  line-height: 16px;
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .item-combo-price-con .item-combo-price-current {
  font-size: 16px;
  font-weight: 700;
  margin-right: 0;
  color: #fff;
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .item-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: unset;
  width: 100%;
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .item-container .item-container-action {
  display: flex;
  width: 100%;
  align-items: center;
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .item-container .item-container-action .is-map .price-map {
  display: inline-block;
  margin-bottom: 2px;
  color: #fff;
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .item-cell .item-img {
  width: 60px;
  margin-left: 0;
  margin: 0 10px 0 0;
  position: relative;
  min-width: 60px;
  background-color: #fff;
  border-radius: 4px;
}

.robot-chat-popup .item-img:before {
  content: '';
  display: block;
  padding-top: 75%;
  width: 100%;
  height: 0;
  overflow: hidden;
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .item-info {
  color: #fff;
  flex: auto;
  padding-right: 15px;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.robot-chat-popup .robot-entry-cell-inner .robot-tab-box {
  border-radius: 8px;
  background-image: linear-gradient(180deg, rgba(0, 45, 106, 0.493774) 0%, rgba(255, 255, 255, .1) 100%);
  margin-top: 20px;
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .item-info p {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow-wrap: break-word;
  word-break: break-word;
  text-overflow: ellipsis;
  max-height: 56px;
  -webkit-line-clamp: 3;
  line-height: 1.3;
  font-size: 14px;
  overflow: hidden;
  color: #fff !important;
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .item-info p:hover {
  text-decoration: underline;
}

.robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .item-action .price-current {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  height: auto;
}


.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product {
  border-radius: 10px;
  background-color: rgba(255, 255, 255, .1);
  color: #ffffff;
  padding: 15px 20px;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .discount-option {
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.08);
  padding: 15px;
  width: fit-content;
  color: rgba(255, 255, 255, 1);
  font-family: 'Open Sans', sans-serif, Helvetica, Arial;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px;
  text-align: left;
  line-height: 20px;
  margin-top: 10px;
  display: inline-flex;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .discount-option .option-ico {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-image: linear-gradient(136deg, rgba(255, 184, 143, 1) 0%, rgba(255, 184, 143, 0.298754) 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  min-width: 20px;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .discount-option .option-ico .ico {
  font-size: 13px;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .discount-option .link {
  color: rgba(138, 176, 230, 1);
  font-family: 'Open Sans', sans-serif, Helvetica, Arial;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px;
  text-align: left;
  text-transform: uppercase;
  margin-left: 15px;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .title {
  font-weight: 800;
  font-size: 16px;
  line-height: 22px;
  color: #8AB0E6;
  font-style: italic;
  text-transform: uppercase;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .item-option {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: row;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .item-cell {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: row;
  background-color: rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  margin-top: 5px;
  padding: 15px;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .item-cell .item-img,
.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .item-option .item-img {
  width: 100px;
  margin-left: 0;
  margin: 0 10px 0 0;
  position: relative;
  min-width: 100px;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .item-cell p {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow-wrap: break-word;
  word-break: break-word;
  text-overflow: ellipsis;
  max-height: 56px;
  -webkit-line-clamp: 3;
  line-height: 1.3;
  font-size: 14px;
  overflow: hidden;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .item-cell .item-container-action,
.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .item-option .item-container-action {
  flex: 1;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .item-cell .item-container-action .price {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  height: auto;
  margin-bottom: 0;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .item-cell .item-container-action .price .price-map a {
  color: #fff;
  text-decoration: underline;
  vertical-align: middle;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .item-cell .item-container-action .price-current sup {
  font-size: 13px;
  vertical-align: super;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .product-link {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 10px;
  font-size: 14px;
  border-top: 1px solid rgba(195, 211, 248, .2);
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .product-link .button-send {
  width: auto;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .product-link .button-send .ico {
  margin-left: 5px;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .quick-cardbox {
  position: relative;
  margin-top: 10px;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .quick-cardbox .swiper-slide {
  width: 108px;
  margin-right: 14px;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .quick-cardbox .swiper-slide:last-child {
  margin-right: 0;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .quick-cardbox .swiper-button-prev,
.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .quick-cardbox .swiper-button-next {
  color: #fff;
  position: absolute;
  top: 50px;
  padding-left: 0;
  padding-right: 0;
  background-image: none;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .quick-cardbox .swiper-button-next.swiper-button-disabled,
.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .quick-cardbox .swiper-button-prev.swiper-button-disabled {
  display: none;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .quick-cardbox .swiper-button-prev {
  left: -30px;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .quick-cardbox .swiper-button-next {
  right: -30px;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .quick-cardbox .swiper-button-prev:after,
.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .quick-cardbox .swiper-button-next:after {
  font-size: 20px;
}


.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .quick-cardbox .recommend_option_link {
  display: flex;
  flex-direction: column;
  margin: 0 0 0 0;
  padding: 0 10px;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .1);
  border-radius: 12px;
  height: 104px;
  cursor: pointer;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .quick-cardbox .recommend_option_link .recommend_option_img {
  width: 40px;
  height: 40px;
}

.robot-chat-popup .robot-chat-popup-right .robot-evaluation {
  color: #a2c2f5;
  font-family: "OpenSans-Regular";
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.robot-chat-popup .robot-chat-popup-right .robot-evaluation span {
  display: flex;
  align-items: center;
}

.robot-chat-popup .robot-chat-popup-right .robot-evaluation>i {
  margin-left: 0;
}

.robot-chat-popup .robot-chat-popup-right .robot-evaluation .ico {
  font-size: 16px;
  margin-right: 3px;
  cursor: pointer;
  display: inline-block;
  cursor: pointer;
}
.robot-chat-popup .robot-chat-popup-right .robot-evaluation .ico-favorable:hover::before,
.robot-chat-popup .robot-chat-popup-right .robot-evaluation .ico-favorable.is-active::before {
  content: '\e997';
}
.robot-chat-popup .robot-chat-popup-right .robot-evaluation .ico-badreview:hover::before,
.robot-chat-popup .robot-chat-popup-right .robot-evaluation .ico-badreview.is-active::before {
  content: '\e998';
}

.robot-chat-popup .robot-chat-refresh-btn {
  display: flex;
  align-items: center;
  box-shadow: -30px 0px 20px #080765;
  z-index: 2;
}

.robot-chat-popup .robot-chat-popup-right .vote-container {
  border-radius: 2px 8px 8px 16px;
  background-color: rgba(255, 255, 255, .12);
  color: #ffffff;
  padding: 10px 15px;
}

.robot-chat-popup .robot-chat-popup-right .vote-container .title {
  color: rgba(255, 255, 255, 1);
  font-family: "FontAwesome6Pro-Regular";
  font-size: 14px;
  line-height: 20px;
}

.robot-chat-popup .robot-chat-popup-right .vote-container .dislike-options {
  margin: 15px 0 10px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.robot-chat-popup .robot-chat-popup-right .vote-container .dislike-options span {
  border-radius: 38px;
  background-color: rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, 1);
  font-family: "OpenSans-Regular";
  font-size: 14px;
  text-align: left;
  line-height: 20px;
  padding: 5px 12px;
}

.robot-chat-popup .robot-chat-popup-right .vote-container .dislike-options span.is-selected,
.robot-chat-popup .robot-chat-popup-right .vote-container .dislike-options span:hover {
  color: rgba(33, 33, 33, 1);
  background-color: rgba(255, 255, 255, 1);
}

.robot-chat-popup .robot-chat-popup-right .vote-container ::-webkit-input-placeholder {
  color: #d5d3d3;
}

.robot-chat-popup .robot-chat-popup-right .vote-container textarea {
  -webkit-tap-highlight-color: #FFFFFF;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 14px;
  height: 76px;
  margin: 0;
  padding: 7px 1em;
  background-color: rgba(255, 255, 255, 1);
  color: #000;
  width: 100%;
  overflow-y: scroll;
}

.robot-chat-popup .robot-chat-popup-right .vote-container textarea::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
  height: 6px;
  background-color: transparent;
  border: none;
}

.robot-chat-popup .robot-chat-popup-right .vote-container textarea::-webkit-scrollbar-thumb {
  background-color: #707070;
  -webkit-box-shadow: none !important;
  border-radius: 4px;
}

.robot-chat-popup .robot-chat-popup-right .vote-container textarea:disabled {
  -webkit-tap-highlight-color: transparent;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
  color: #fff;
}

.robot-chat-popup .robot-chat-popup-right .vote-container .dislike-des {
  opacity: 1;
  color: #ffffff;
  font-size: 12px;
  line-height: 16px;
  margin-top: 5px;
}

.robot-chat-popup .robot-chat-popup-right .vote-container .dislike-btn {
  border-radius: 20px;
  color: #ffffff;
  background-color: rgba(16, 97, 205, 1);
  font-size: 14px;
  padding: 5px 20px;
  text-transform: none;
  float: right;
  font-family: "OpenSans-Bold";
  font-weight: 700;
  line-height: 20px;
}

.robot-chat-popup .robot-chat-popup-right .vote-container .dislike-btn:disabled {
  background-color: rgba(242, 242, 242, 1);
  color: #ADADAD;
}

.robot-chat-popup .robot-chat-refresh-btn .btn-refresh:last-child {
  /* margin-left: 10px; */
}

.robot-chat-popup .robot-chat-refresh-btn .btn-refresh:last-child::before {
  border-left: 1px solid #A2C2F5;
  content: '';
  position: absolute;
  width: 1px;
  height: 12px;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .quick-cardbox .recommend_option_link .recommend_option_img img {
  width: 100%;
  height: 100%;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .quick-cardbox .recommend_option_link .ico {
  color: #fff;
  font-size: 24px;
}

.robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .quick-cardbox .recommend_option_link .link {
  color: #fff !important;
  margin-top: 5px;
  line-height: 1.25;
  font-size: 12px;
  -webkit-line-clamp: 2;
  display: block;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  word-wrap: break-word;
  text-align: center;
  max-height: 28px;
  word-break: break-word;
  text-overflow: ellipsis;
}

.robot-chat-popup .item-img>img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .button-area {
  margin-top: 10px;
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-agent-entry .robot-entry-cell-inner .button-addtocart,
dialog.robot-chat-popup .robot-chat-popup-right .robot-agent-entry .robot-entry-cell-inner .button-customize,
dialog.robot-chat-popup .robot-chat-popup-right .robot-agent-entry .robot-entry-cell-inner .button-send {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 20px;
  border: none;
  border-radius: 20px;
  background-color: #FA9D28;
  text-transform: unset;
  white-space: nowrap;
  cursor: pointer;
  line-height: 18px;
  color: #212121;
  font-size: 13px;
  font-weight: 700;
  width: 100%;
  height: auto;
  letter-spacing: normal;
}
dialog.robot-chat-popup .robot-chat-popup-right .robot-agent-entry .robot-entry-cell-inner .button-customize {
  background-color: #FF8500;
}
dialog.robot-chat-popup .robot-chat-popup-right .robot-agent-entry .robot-entry-cell-inner .button-addtocart .ico,
dialog.robot-chat-popup .robot-chat-popup-right .robot-agent-entry .robot-entry-cell-inner .button-customize .ico,
dialog.robot-chat-popup .robot-chat-popup-right .robot-agent-entry .robot-entry-cell-inner .button-send .ico {
  margin-left: 5px;
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-agent-entry .robot-entry-cell-inner .button-addtocart:hover,
dialog.robot-chat-popup .robot-chat-popup-right .robot-agent-entry .robot-entry-cell-inner .button-send:hover {
  background-color: #FF8500;
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-agent-entry .robot-entry-cell-inner .build-button .button-addtocart,
dialog.robot-chat-popup .robot-chat-popup-right .robot-agent-entry .robot-entry-cell-inner .build-button .button-customize {
  width: auto;
  margin-left: 10px;
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .item-open-box-italic {
  color: #596f97;
  font-weight: 800;
  font-size: 14px;
  text-transform: uppercase;
  font-style: italic;
}

dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .tag-list.at-top-left {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

dialog.robot-chat-popup .robot-chat-popup-right .review-con {
  display: flex;
  padding: 20px 15px;
  background: rgba(96, 123, 232, 0.1);
  border-radius: 8px;
  position: relative;
}

dialog.robot-chat-popup .robot-chat-popup-right .review-con .goods-branding {
  position: absolute;
  left: 10px;
  top: 95px;
  width: auto;
}

dialog.robot-chat-popup .robot-chat-popup-right .review-con .img-content {
  max-width: 110px;
  min-width: 110px;
  margin-right: 10px;
}

dialog.robot-chat-popup .robot-chat-popup-right .review-con .img-content img {
  width: 100%;
}

dialog.robot-chat-popup .product-reviews-bytes {
  margin-top: 20px;
  background-color: rgba(96, 123, 232, 0.1);
  padding: 12px 15px 5px;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
}

dialog.robot-chat-popup .product-reviews-list {
  max-height: 160px;
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
}

dialog.robot-chat-popup .product-reviews-byte {
  margin-right: 7px;
  /* background-color: #eff4fb; */
  border: 1px solid #aac5e9;
  padding: 5px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  text-shadow: -1px -1px 0px #000;
  cursor: pointer;
  margin-bottom: 10px;
  -webkit-line-clamp: 1;
  display: block;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  word-wrap: break-word;
  max-height: 28px;
  word-break: break-word;
  text-overflow: ellipsis;
}

dialog.robot-chat-popup .product-reviews-bytes .product-bullets-more {
  margin: 0;
  position: absolute;
  z-index: 2;
  left: 145px;
  top: -14px;
}

dialog.robot-chat-popup .product-reviews-bytes .product-bullets-more span {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
  font-weight: 700;
}

dialog.robot-chat-popup .product-reviews-bytes .product-bullets-more strong {
  text-decoration: underline;
}

dialog.robot-chat-popup .product-reviews-byte:hover {
  border-color: #1061cd;
  box-shadow: 0 0 4px #0000004d;
}

dialog.robot-chat-popup .product-reviews-bytes .product-reviews-tags {
  position: absolute;
  left: 0;
  top: -16px;
}

dialog.robot-chat-popup .product-reviews-bytes .product-reviews-tags:before {
  content: '';
  width: 12px;
  height: 30px;
  position: absolute;
  left: -5px;
  top: 0;
  background-size: 100% 100%;
  background-image: url(../../Nest/images/icons/review_bytes_left@2x.png);
}

dialog.robot-chat-popup .product-reviews-bytes .product-reviews-tags:after {
  content: '';
  width: 12px;
  height: 24px;
  position: absolute;
  right: -6px;
  top: 0;
  background-image: url(../../Nest/images/icons/review_bytes_right.png);
}

dialog.robot-chat-popup .product-reviews-bytes .product-reviews-tags .product-reviews-tag {
  padding: 3px 6px;
  background-image: url(../../Nest/images/icons/review_bytes_mid.png);
  background-size: cover;
  line-height: 18px;
  font-weight: 700;
  border-radius: 4px 0 4px 8px;
  color: #fff;
  display: flex;
  align-items: center;
}

dialog.robot-chat-popup .product-reviews-bytes .product-reviews-tags .product-reviews-tag span {
  transform: skew(-10deg);
  display: inline-block;
  padding-right: 4px;
}

dialog.robot-chat-popup .product-reviews-bytes .product-reviews-tags .ico-svg {
  margin: 0 5px 0 0;
  background: url(../../Nest/images/icons/AI.svg);
  width: 14px;
  height: 14px;
  background-size: 100% 100%;
  display: inline-block;
}

dialog.robot-chat-popup .robot-chat-popup-right .download-box {
  display: flex;
  align-items: center;
}

dialog.robot-chat-popup .robot-chat-popup-right .download-box .qr {
  width: 100px;
  height: 100px;
  min-width: 100px;
  margin-right: 20px;
}

dialog.robot-chat-popup .robot-chat-popup-right .download-box .btn-box {
  display: none;
  flex-direction: column;
  justify-content: space-around;
}

dialog.robot-chat-popup .robot-chat-popup-right .download-box .btn-box .apple-btn,
.mobile-intro-page .step .download-box .btn-box .google-btn {
  display: block;
  width: 150px;
  height: 40px;
  margin: 5px 0;
  cursor: pointer;
}

dialog.robot-chat-popup .robot-chat-popup-right .download-box .btn-box .apple-btn img,
.mobile-intro-page .step .download-box .btn-box .google-btn img {
  width: 100%;
}

dialog.robot-chat-popup .robot-chat-popup-right .download-box .btn-box .download-btn {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 16px;
  padding: 0 10px;
  height: 42px;
  background-color: #000;
  font-weight: 700;
  border-radius: 8px;
  color: #fff;
}

dialog.robot-chat-popup .robot-chat-popup-right .download-box .btn-box .download-btn i {
  font-size: 22px;
  height: 100%;
  line-height: 42px;
  padding-right: 10px;
  border-right: 1px solid #121212;
}

dialog.robot-chat-popup .robot-chat-popup-right .download-con {
  background: rgba(96, 123, 232, .1);
  padding: 10px;
  border-radius: 8px;
  margin-top: 10px;
}

dialog.robot-chat-popup .robot-chat-popup-right .download-box .btn-box .download-btn {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 16px;
  padding: 0 10px;
  height: 42px;
  background-color: #000;
  font-weight: 700;
  border-radius: 8px;
  color: #fff;
}

dialog.robot-chat-popup .robot-chat-popup-right .download-con .text-1 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

dialog.robot-chat-popup .robot-chat-popup-right .download-con .text {
  display: none;
}

dialog.robot-chat-popup .robot-chat-popup-right .download-con .text-2 {
  color: #fff;
  font-size: 16px;
  margin-top: 7px;
}

dialog.robot-chat-popup .feedback-container {
  position: absolute;
  width: 448px;
  /* height: 158px; */
  top: calc(50% - 80px);
  left: calc(50% - 224px);
  border-radius: 12px;
  border: 1px solid #002d6a;
  background-image: linear-gradient(135deg, rgba(7, 28, 88, 1) 0%, rgba(59, 15, 123, 1) 100%);
}

dialog.robot-chat-popup .feedback-container .header {
  position: relative;
  height: 48px;
}

dialog.robot-chat-popup .feedback-container .header .title {
  color: #ffffff;
  font-family: "FontAwesome6Pro-Regular";
  font-size: 14px;
  font-weight: 600;
  line-height: 48px;
  margin-left: 20px;
}

dialog.robot-chat-popup .feedback-container .close {
  font-size: 20px;
  color: #ffffff;
  position: absolute;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 15px;
  top: 13px;
}

dialog.robot-chat-popup .feedback-container .body {
  display: flex;
  justify-content: center;
  height: 100px;
  margin-top: 10px;
}

dialog.robot-chat-popup .feedback-container .body .thanks-tips {
  color: #ffffff;
  font-family: "OpenSans-Bold";
  font-size: 14px;
  font-weight: 700;
  line-height: 60px;
}

dialog.robot-chat-popup .feedback-container .body li {
  opacity: 1;
  color: #ffffff;
  font-family: "OpenSans-Regular";
  font-size: 13px;
  text-align: left;
  line-height: 18px;
  height: 70px;
  width: 52px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

dialog.robot-chat-popup .feedback-container .body .emoticon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

dialog.robot-chat-popup .feedback-container .body .emoticon-terrible::before,
dialog.robot-chat-popup .feedback-container .body .emoticon-bad::before,
dialog.robot-chat-popup .feedback-container .body .emoticon-okay::before,
dialog.robot-chat-popup .feedback-container .body .emoticon-good::before,
dialog.robot-chat-popup .feedback-container .body .emoticon-great::before {
  content: '';
  display: inline-block;
  width: 36px;
  height: 36px;
  transition: all 200ms linear;
}

dialog.robot-chat-popup .feedback-container .body .emoticon-terrible::before {
  background: url(../../Nest/images/icons/terrible.png);
  background-size: 100% 100%;
}

dialog.robot-chat-popup .feedback-container .body .emoticon-bad::before {
  background: url(../../Nest/images/icons/bad.png);
  background-size: 100% 100%;
}

dialog.robot-chat-popup .feedback-container .body .emoticon-okay::before {
  background: url(../../Nest/images/icons/okay.png);
  background-size: 100% 100%;
}

dialog.robot-chat-popup .feedback-container .body .emoticon-good::before {
  background: url(../../Nest/images/icons/good.png);
  background-size: 100% 100%;
}

dialog.robot-chat-popup .feedback-container .body .emoticon-great::before {
  background: url(../../Nest/images/icons/great.png);
  background-size: 100% 100%;
}

dialog.robot-chat-popup .feedback-container .body .emoticon-terrible:hover::before {
  background: url(../../Nest/images/icons/terrible_selected.png);
  background-size: 100% 100%;
}

dialog.robot-chat-popup .feedback-container .body .emoticon-bad:hover::before {
  background: url(../../Nest/images/icons/bad_selected.png);
  background-size: 100% 100%;
}

dialog.robot-chat-popup .feedback-container .body .emoticon-okay:hover::before {
  background: url(../../Nest/images/icons/okay_selected.png);
  background-size: 100% 100%;
}

dialog.robot-chat-popup .feedback-container .body .emoticon-good:hover::before {
  background: url(../../Nest/images/icons/good_selected.png);
  background-size: 100% 100%;
}

dialog.robot-chat-popup .feedback-container .body .emoticon-great:hover::before {
  background: url(../../Nest/images/icons/great_selected.png);
  background-size: 100% 100%;
}

dialog.robot-chat-popup .feedback-container .body .emoticon-terrible:hover::before,
dialog.robot-chat-popup .feedback-container .body .emoticon-bad:hover::before,
dialog.robot-chat-popup .feedback-container .body .emoticon-okay:hover::before,
dialog.robot-chat-popup .feedback-container .body .emoticon-good:hover::before,
dialog.robot-chat-popup .feedback-container .body .emoticon-great:hover::before {
  transform: scale(1.33);
}

.ai-shopping-tips-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1990;
  min-width: 100vw;
  min-height: 100vh;
  background-color: #000;
}

.floating-robot-tips {
  position: absolute;
  display: none;
  right: 100%;
  top: 50%;
  margin-right: 10px;
  pointer-events: none;
  transform: translateY(-50%);
}

.floating-robot-tips .tag.is-new.tag-s .tag-text {
  font-size: 16px;
  line-height: 20px;
}

.floating-robot-tips .tag.is-new {
  background: #CC4100;
  color: #fff;
  text-align: center;
  margin: 0;
  width: 150px;
  border-radius: 12px;
}

.floating-robot-tips .tag.is-new.at-left:after {
  border-left-color: #CC4100;
  border-top-color: transparent;
  border-width: 10px 0 10px 10px;
  bottom: 50%;
  left: auto;
  right: -9px;
  margin-left: 0;
  transform: translateY(50%);
}


@media (max-width: 699px) {
  dialog.robot-chat-popup {
    width: 100%;
  }

  dialog.robot-chat-popup .robot-chat-popup-right {
    width: 100%;
  }

  dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries {
    padding: 10px 5px 10px 10px;
  }

  dialog.robot-chat-popup .robot-chat-header {
    padding: 10px;
  }

  dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .price {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 16px;
  }

  dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .price .was-price {
    margin-left: 0;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 14px;
  }

  .robot-chat-popup .order-list .order .order-cell .price-current {
    font-size: 16px;
    line-height: 20px;
  }

  .robot-goods-price .tag-list {
    margin: 0;
  }

  .robot-chat-popup .robot-fighter-compare-items {
    margin-bottom: 10px;
  }

  .robot-goods-price.is-horizontal {
    align-content: flex-end;
  }

  .robot-fighter-prices {
    justify-content: center;
  }
  .robot-chat-popup .fighter-rectangle-l .goods-branding,
  .robot-chat-popup .fighter-rectangle-r .goods-branding {
    justify-content: center;
  }

  .robot-chat-popup .order-list .order {
    padding: 10px;
  }

  dialog.robot-chat-popup .tracking-days {
    padding-left: 10px;
  }

  dialog.robot-chat-popup .tracking-timeline-milestone {
    padding-left: 30px !important;
  }

  dialog.robot-chat-popup .tracking-link-value .btn-copy {
    margin-left: 5px;
    margin-top: 5px;
  }

  .robot-chat-popup .robot-fighter-compare-circle {
    width: 40px;
    height: 40px;
    border-width: 4px;
    font-size: 20px;
    line-height: 36px;
    text-indent: -3px;
  }

  dialog.robot-chat-popup .robot-chat-popup-right .robot-agent-entry .robot-entry-cell-inner .build-button .button-addtocart, dialog.robot-chat-popup .robot-chat-popup-right .robot-agent-entry .robot-entry-cell-inner .build-button .button-customize {
    margin-left: 0 !important;
    padding: 5px 10px;
  }


  dialog.robot-chat-popup .robot-chat-input-bar {
    padding: 8px;
  }

  .robot-chat-popup .order-list .order .order-cell .order-container {
    flex-wrap: wrap;
  }

  .robot-chat-popup .order-list .order .order-cell .order-container .price-current {
    margin-left: 5px;
    text-align: right;
  }

  .robot-fighter-compare .robot-fighter-prices .robot-goods-price.is-horizontal .robot-goods-price-current {
    justify-content: center;
    width: 100%;
    margin-right: 0;
  }

  .robot-fighter-prices .robot-goods-price-current .robot-goods-price-symbol,
  .robot-fighter-prices .robot-goods-price .robot-goods-price-was {
    margin-top: 0;
    margin-right: 0;
  }

  dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con {
    max-width: 100%;
    min-width: 100%;
    box-sizing: border-box;
    padding: 8px;
    min-height: 0;
  }
  .robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .quick-cardbox .swiper-button-next {
    right: 0;
  }
  .robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .quick-cardbox .swiper-button-prev {
    left: 0;
  }
  dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .price-current sup {
    vertical-align: top;
  }
  dialog.robot-chat-popup .feedback-container .header .title {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 13px;
    padding-right: 20px;
    line-height: 20px;
    min-height: 48px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  dialog.robot-chat-popup .feedback-container .header .title .ico-comments-question {
    margin-right: 4px;
  }
  dialog.robot-chat-popup .feedback-container .close {
    right: 4px;
  }
  dialog.robot-chat-popup .feedback-container {
    max-width: 90%;
    left: 50%;
    transform: translateX(-50%);
  }

  /* dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .price-save {
    background: #CC4100;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    position: relative;
    border-radius: 6px 0 0 0;
    padding: 2px 8px;
  } */

  .robot-chat-popup .order-list .order .order-info {
    margin: 0 5px;
  }

  dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-agent-entry,
  dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li {
    width: 100%;
    max-width: 100%;
  }

  /* dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .price-save:after {
    left: 100%;
    border-right: 4px solid transparent;
    border-top: 20px solid #CC4100;
    content: '';
    position: absolute;
  } */

  dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con:nth-of-type(2n + 1) {
    margin-right: 0;
  }

  dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .img-content {
    max-width: 80px;
    min-width: 80px;
    min-height: 80px;
    margin-right: 8px;
    min-height: auto;
    padding: 0;
    height: auto;
  }

  dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con a {
    display: flex;
    position: relative;
  }

  dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .goods-branding {
    position: absolute;
    left: 4px;
    top: 60px;
    width: auto;
  }

  .robot-chat-popup .order-list .order .order-info {
    width: 100%;
  }

  dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .goods-branding .goods-rating {
    display: flex;
    flex-wrap: wrap;
    max-width: 65px;
    margin-top: 5px;
  }

  dialog.robot-chat-popup .robot-chat-input-bar .robot-message-bar .form-textarea {
    font-size: 14px !important;
  }

  .robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .item-combo-price {
    flex-wrap: wrap;
  }

  .robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .build-button {
    flex-wrap: wrap;
    gap: 8px;
  }

  .robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane {
    padding: 10px 0;
  }

  dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .tag {
    font-size: 12px;
  }

  .robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .item-container .item-container-action {
    flex-wrap: wrap;
  }

  .robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .item-container .item-container-action .item-info {
    padding-right: 0;
    margin-bottom: 5px;
  }

  .robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .item-cell,
  .robot-chat-popup .robot-entry-cell-inner .recommended-nav-pane .item-cell-action-price {
    padding: 10px;
  }

  dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .button-area {
    margin: 10px 0 0 auto;
    width: calc(100% - 86px);
  }

  dialog.robot-chat-popup .robot-chat-popup-right .review-con .img-content {
    max-width: 90px;
    min-width: 90px;
    margin-right: 5px;
  }

  dialog.robot-chat-popup .robot-chat-popup-right .review-con {
    padding: 10px 10px;
  }

  dialog.robot-chat-popup .robot-chat-content .robot-chat-entries li.robot-user-entry .robot-user-avatar {
    margin-left: 8px;
  }

  .robot-user-avatar {
    width: 36px;
    height: 36px;
  }

  dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li.robot-agent-entry .robot-entry-text {
    border-radius: 2px 12px 12px 12px;
  }

  dialog.robot-chat-popup .robot-chat-content .robot-chat-entries li.robot-agent-entry .robot-user-avatar {
    margin-right: 8px;
  }

  dialog.robot-chat-popup .product-reviews-list {
    max-height: 140px;
  }

  dialog.robot-chat-popup .product-reviews-byte {
    font-size: 12px;
    max-height: 26px;
  }

  dialog.robot-chat-popup .robot-chat-popup-right .review-con .goods-branding {
    top: 70px;
  }

  dialog.robot-chat-popup .robot-chat-popup-right .download-box .btn-box {
    display: flex;
  }

  dialog.robot-chat-popup .robot-chat-popup-right .download-box .text-box {
    display: none;
  }

  dialog.robot-chat-popup .robot-chat-popup-right .download-con .text {
    display: block;
    margin-bottom: 15px;
  }

  dialog.robot-chat-popup .robot-chat-content .robot-chat-section .robot-chat-entries li .robot-entry-text {
    padding: 8px 12px;
  }
}

@media (max-width: 599px) {

  .robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .item-option,
  .robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .item-cell {
    flex-wrap: wrap;
  }

  .robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .item-cell .item-img,
  .robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .item-option .item-img {
    width: 100%;
    margin: 5px 0 5px 0;
    max-width: 120px;
  }

  .robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .item-cell .item-container-action,
  .robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .guess-product .item-option .item-container-action {
    flex: auto;
    margin-top: 5px;
  }
  .robot-entry-text-action {
    opacity: 1;
  }
}


@media (max-width: 399px) {
  dialog.robot-chat-popup .tracking-days {
    order: 2;
    margin: 0;
    padding: 20px 10%;
    width: calc(100% + 24px);
    min-height: 0;
    background: none;
  }
  dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con {
    min-height: 0;
  }
  .robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .quick-cardbox .swiper-slide {
    margin-right: 8px;
    width: calc((100% - 16px) / 3) !important;
  }
  .robot-chat-popup .robot-chat-popup-right .robot-entry-cell-inner .quick-cardbox .recommend_option_link .link{
    font-size: 11px;
  }

  dialog.robot-chat-popup .tracking-timeline {
    order: 2;
    width: 100%;
    padding: 0 10% 20px;
    background: none;
  }
}

@media (max-width: 1999px) {
  .floating-more-button .Messages-num {
    right: 0;
    top: 2px;
  }

  .sticky-bottom-right .Messages-num,
  .floating-compare .Messages-num {
    min-width: 14px;
    border-radius: 16px;
    padding: 0 3px;
    font-size: 12px;
    line-height: 14px;
  }

  .sticky-bottom-right .Messages-notice .Messages-num {
    right: -5px;
    top: -4px;
  }

  .Messages-pop-content {
    right: 40px;
  }

  .sticky-bottom-right.is-left-mini .Messages-notice .Messages-num {
    right: -5px;
    top: -4px;
    font-weight: normal;
  }
}

@media (max-width: 799px) {
  .Messages-pop-content {
    bottom: 128px;
  }

  .floating-live .video-js {
    height: 170px !important;
  }
}

@media (max-width: 399px) {
  .Messages-pop-content {
    width: 96%;
    margin: 0 auto;
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
  }
}

/***  Link  ***/
#Link-generator .link-notice {
  display: block;
  margin: 0 auto;
  padding: 12px 0 0 0;
  width: 60px;
  font-size: 24px;
  line-height: 1;
  text-align: center;
}

#Link-generator .link-notice.is-mini {
  margin: 0 2px;
  padding: 10px 0;
  width: 28px;
  font-size: 14px;
}

#Link-generator .link-notice.is-mini .link-horizontal-light {
  height: auto;
  width: 14px;
}

.link-horizontal-light {
  width: 30px;
  height: 24px;
  fill: #6e6e6e;
}

.dark-mode .link-horizontal-light path {
  fill: #adadad;
}

.Link-pop-content {
  width: 350px;
  font-size: 14px;
  position: fixed;
  right: 90px;
  bottom: 118px;
  padding: 15px 20px;
  box-sizing: border-box;
  z-index: 2500;
  box-shadow: 0 0 8px rgb(0 0 0 / 20%);
}

.Link-pop-content {
  display: none;
}

.Link-pop-content.show {
  display: block;
}

.Link-close {
  font-size: 20px;
  color: #d1d1d1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  right: 8px;
  top: 5px;
  cursor: pointer;
}

.Link-close:hover {
  color: #212121;
}

.Link-pop-content-title {
  text-transform: uppercase;
  font-weight: 800;
  text-align: left;
  font-style: italic;
}

.Link-forms-rakuten,
.Link-forms-tracking {
  margin-top: 30px;
}

.Link-forms-tracking .input-label {
  font-weight: bold;
  margin-bottom: 10px;
}

.Link-forms-tracking .input-textarea {
  margin: 5px 0;
}

.Link-forms-tracking .input-textarea>textarea {
  height: 100px;
}

.Link-forms-tracking .input-textarea>textarea::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
  height: 6px;
}

.Link-forms-tracking .input-textarea>textarea::-webkit-scrollbar {
  background-color: transparent;
  border: none;
}

.Link-forms-tracking .input-textarea>textarea::-webkit-scrollbar-thumb {
  background-color: #707070;
  -webkit-box-shadow: none !important;
  border-radius: 4px;
}

.Link-note a {
  text-decoration: underline;
}

.Link-note a:hover {
  color: #2A69DF !important;
}

.Link-copy-button {
  width: 100%;
  margin: 10px 0 20px 0;
}

.Link-share-list {
  margin-bottom: 15px;
}

.Link-share-list .social-icon {
  width: 40px;
  height: 40px;
  font-size: 22px;
  border-radius: 50%;
  margin: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.Link-share-list .social-icon:hover {
  background-color: #e2dfdf;
}

.Link-share-list .social-envelope {
  color: #F06C00;
}

.Link-share-list .social-facebook {
  color: #4267B2;
}

.Link-share-list .social-twitter {
  color: #1DA1F2;
}

.Link-share-list .social-pinterest {
  fill: #E60023;
}

.Link-share-list .social-pinterest svg {
  width: 20px;
}

.dark-mode .Link-close:hover {
  color: #adadad;
}

.dark-mode .Link-share-list .social-icon:hover {
  background-color: #121212;
}

.dark-mode .Link-forms-tracking .input-textarea>textarea {
  background-color: #121212 !important;
  border-color: transparent !important;
}

.sticky-bottom-right.is-left-mini~.Link-pop-content {
  right: 40px;
}

@media (max-width: 1999px) {
  .Link-pop-content {
    right: 40px;
  }

  #Link-generator .link-notice {
    margin: 0 2px;
    padding: 10px 0;
    width: 28px;
    font-size: 14px;
    border-bottom: 1px solid #E8E8E8;
  }

  .link-horizontal-light {
    height: auto;
    width: 14px;
  }
}

@media (max-width: 799px) {
  .Link-pop-content {
    bottom: 128px;
  }
}

@media (max-width: 499px) {
  .robot-chat-popup .robot-entry-cell-inner .recommended-nav-tab .button {
    font-size: 12px;
  }

  .robot-chat-popup .recommended-nav-tab .button:nth-of-type(2).is-slide~.button-slide {
    transform: translateX(112%);
  }

  .robot-chat-popup .recommended-nav-tab .button:nth-of-type(3).is-slide~.button-slide {
    transform: translateX(222%);
  }
  dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .img-content {
    max-width: 60px;
    min-width: 60px;
    min-height: 60px;
    margin-right: 14px;
    min-height: auto;
    padding: 0;
  }
  dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .goods-branding {
    top: 52px;
  }
  dialog.robot-chat-popup .robot-chat-popup-right .robot-item-con .button-area {
    width: calc(100% - 66px);
  }
  .robot-chat-popup .robot-entry-cell-inner .recommended-nav-tab .button {
    width: auto;
    padding: 3px 10px;
  }
  .robot-chat-popup .robot-fighter-compare-circle {
    font-size: 16px;
    line-height: 34px;
    text-indent: 0px;
  }
}

@media (max-width: 399px) {
  .Link-pop-content {
    width: 96%;
    margin: 0 auto;
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
  }
}



/*** compare-items compare-sticky-bottom-right ***/
.compare-sticky-bottom-right {
  bottom: 46px;
  right: 0;
  -webkit-transition: none 250ms linear;
  transition: none 250ms linear;
}

.compare-sticky-bottom-right.hide {
  right: -112px;
}

.compare-sticky-bottom-right .compare-items-button .ico {
  padding: 0;
  width: 8px;
}

.compare-items-button[class*="bg-"] {
  max-width: 80px;
  height: 50px;
  padding: 9px;
  border-radius: 8px 0 0 8px;
  line-height: 18px;
  white-space: normal;
  -webkit-display: flex;
  display: flex;
  font-size: 12px;
}

.compare-items-button[class*="bg-"] i {
  display: none;
}

.compare-items-button:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.compare-items-button .section-subtitle,
.section-subtitle-group .section-subtitle {
  margin: 0;
  text-transform: capitalize;
}

.compare-items-button .section-subtitle-text,
.section-subtitle-group .section-subtitle-text {
  font-style: normal;
  font-weight: 700;
}

.compare-items-button .section-title-note,
.section-subtitle-group .section-title-note {
  padding-left: 3px;
}

.compare-items-button>.ico {
  font-size: 16px;
}

/*** compare-items-toolbar ***/
.toolbar-wrap {
  width: 100%;
  margin: 0;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1001;
  height: auto;
  color: #fff;
  opacity: 0;
  background-color: rgba(33, 33, 33, 0.8);

  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.toolbar-ani-top {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.toolbar-wrap.show {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.compare-items-toolbar .page-content-inner {
  max-width: initial;
  margin-right: 30px;
}

.compare-items-toolbar .compare-items-content {
  height: 140px;
  box-sizing: border-box;
  overflow: hidden;
}

.compare-items-toolbar.compareMaxHeight .compare-items-content {
  height: 0;
}

.compare-items-toolbar .compare-items-side {
  width: 321px;
  height: 100%;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.compare-items-toolbar .slabs-body {
  width: 100%;
  margin-bottom: 0;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.compare-items-toolbar .slabs-body .slab {
  background-color: rgba(33, 33, 33, 0.5);
  border: 2px #adadad dashed;
  color: #BFBFBF;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 14px;
  border-radius: 4px;
  box-sizing: border-box;
}

.compare-items-toolbar .slabs-body .compare-tray-item {
  background-color: #fff;
  border-width: 1px;
  padding: 1px;
  border-color: #d1d1d1;
  border-style: solid;
  color: #212121;
  text-align: left;
}

.compare-items-toolbar .slab-inner {
  padding: 10px 9px;
  min-height: 105px;
  margin: 0;
  height: 100%;
  overflow: visible;
  cursor: initial;
  background-color: transparent;
  border: initial;
}

.compare-items-toolbar .slab:hover .slab-inner {
  padding-right: 9px;
}

.compare-items-toolbar .slab-inner-body {
  width: 100%;
}

.compare-items-toolbar .compare-items-button {
  width: 132px;
  height: auto;
  padding: 6px;
  border-radius: 0;
  cursor: default;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.compare-items-toolbar .compare-items-button .section-title-note {
  margin: 5px 0 0 0;
  font-size: 12px;
  line-height: 18px;
}

.compare-items-toolbar .goods-container .goods-img {
  max-width: 70px;
}

.compare-items-toolbar .goods-container .goods-info {
  padding: 0;
  min-width: 68%;
  padding-left: 5px;
}

.compare-items-toolbar .compare-items-close {
  cursor: pointer;
  font-size: 24px;
  width: 24px;
  height: 24px;
  text-align: center;
  position: absolute;
  right: 15px;
  top: 15px;
}

.compare-items-toolbar .goods-price.is-horizontal .goods-price-current,
.compare-items-toolbar .goods-price.is-horizontal .goods-price-was,
.compare-items-toolbar .goods-price.is-horizontal .goods-price-map {
  margin-right: 5px;
}

.compare-items-toolbar .goods-info .goods-price:not(:first-child),
.compare-items-toolbar .goods-info .tag-list:not(:first-child),
.compare-items-toolbar .goods-info .goods-features:not(:first-child) {
  margin-top: 4px;
}

.compare-items-toolbar .goods-price.is-horizontal .goods-price-was {
  font-size: 11px;
  margin-top: 0;
}

.compare-items-toolbar .goods-price-current .goods-price-symbol,
.compare-items-toolbar .goods-price-current .goods-price-value strong {
  font-size: 16px;
}

.compare-items-toolbar .goods-price-current .goods-price-value sup {
  margin-top: 0.15em;
  font-size: 10px;
}

.compare-items-toolbar .goods-button-group {
  width: 180px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.compare-items-toolbar .goods-button-group>.button {
  max-width: 110px;
  margin: 0 auto;
}

.compare-items-toolbar .compare-items-content .goods-button-group>.button-clear-all {
  text-transform: capitalize;
  text-decoration: underline;
  margin: 18px auto 0;
  font-weight: 400;
}

.compare-items-toolbar .button-clear-all:hover {
  color: #E8E8E8;
}

.compare-items-toolbar .section-subtitle-group {
  width: 177px;
}

.compare-items-toolbar .section-subtitle-group .section-subtitle {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 8px 10px 7px 10px;
  display: block;
  background-image: linear-gradient(to bottom, #212121, rgba(38, 38, 38, 0.8));
  color: #bfbfbf;
  border-radius: 0;
  text-align: left;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
}

.compare-items-toolbar .section-subtitle-group .section-subtitle:hover {
  background-image: linear-gradient(to bottom, rgba(21, 56, 158, 1), rgba(21, 56, 158, .8));
  color: #8EAFF0;
}

.compare-items-toolbar .section-subtitle-group .section-subtitle-text {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.compare-items-toolbar .section-subtitle-group .section-subtitle.is-active,
.compare-items-toolbar .section-subtitle-group .section-subtitle.is-onlyOne {
  background: transparent;
  color: #fff;
}

.compare-items-toolbar .section-subtitle-group .section-subtitle.is-active:before {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
}

.compare-items-toolbar .section-subtitle-group .section-subtitle.is-onlyOne {
  -webkit-justify-content: center;
  justify-content: center;
}

.compare-items-toolbar .section-subtitle-group .section-subtitle.is-onlyOne:before {
  content: "";
  background-color: transparent;
  width: 0;
}

.compare-items-toolbar .slab-actions {
  display: block;
  position: absolute;
  right: -15px;
  top: -20px;
}

.compare-items-toolbar .slab-actions .button:hover,
.compare-items-toolbar .button-clear-all:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.compare-items-toolbar .slab-actions .button:hover .ico {
  background-color: #adadad;
}

.compare-items-toolbar .slab-del .ico {
  background: #BFBFBF;
  color: #212121;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  margin: 1px;
  border-radius: 100%;
  text-align: center;
  padding: 0;
}

.compare-items-toolbar .compare-tips-text {
  display: none;
}

.compare-items-toolbar .compare-tips .compare-tips-text {
  display: block;
  ;
}

.compare-items-new .info-nowrap {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.compare-items-toolbar .section-subtitle-group .info-nowrap {
  max-width: 76%;
}

.section-subtitle-group .subcategory-actions {
  position: absolute;
  right: 5px;
  top: 51%;
  transform: translateY(-49%);
}

.section-subtitle-group .subcategory-actions .subcategory-del {
  height: 100%;
  display: none;
}

.section-subtitle-group .section-subtitle:hover .subcategory-del {
  display: block;
}

.section-subtitle-group .section-subtitle.is-active .subcategory-actions .subcategory-del,
.compare-items-toolbar .section-subtitle-group .section-subtitle.is-onlyOne:hover .subcategory-del {
  color: #bfbfbf;
}

.section-subtitle-group .section-subtitle:hover .subcategory-del {
  color: #8EAFF0;
}

.section-subtitle-group .section-subtitle:hover .subcategory-del:hover,
.section-subtitle-group .section-subtitle.is-active .subcategory-actions .subcategory-del:hover {
  color: #fff;
}

.section-subtitle-group .subcategory-actions .subcategory-del>.ico {
  font-size: 12px;
}

#compare-items-tips .modal-sm {
  max-width: 333px;
}

#compare-items-tips .modal-content {
  padding: 20px;
}

#compare-items-tips .modal-body {
  padding-bottom: 20px;
}

#compare-items-tips .close {
  position: absolute;
  right: 24px;
  top: 24px;
}

#compare-items-tips .alert-body-inner {
  font-size: 14px;
  line-height: 19px;
}

#compare-items-tips .alert-danger .alert-icon {
  color: #CC0000;
}

#compare-items-tips.fade .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0x);
}

/*** compare-items-improvement ****/
.compare-items-improvement .toolbar-wrap {
  background-color: #565656;
}

.compare-items-improvement .compare-items-toolbar .page-content-inner {
  margin: 0 10px;
  padding: 0;
}

.compare-items-improvement .compare-items-toolbar .compare-items-content {
  min-height: 95px;
  height: auto;
}

.compare-items-improvement .compare-items-toolbar .compare-items-swiper-wrapper {
  overflow: hidden;
}

.compare-items-improvement .compare-items-toolbar .compare-items-swiper {
  padding: 10px;
  margin: 0;
  transform: translate3d(0px, 0px, 0px);
  height: auto;
}

.compare-items-improvement .compare-items-toolbar .compare-items-swiper .slab {
  width: 250px;
  margin: 8px 5px;
  height: auto;
  box-sizing: border-box;
  border-color: #949494;
  min-height: 98px;
}

.compare-items-improvement .compare-items-toolbar .slabs-body .compare-tray-item {
  padding: 0;
  transform: translate3d(0px, 0px, 0px);
}

.compare-items-improvement .compare-items-toolbar .compare-items-swiper .slab:first-child {
  margin-left: 0;
}

.compare-items-improvement .compare-items-toolbar .compare-items-swiper .slab:last-child {
  margin-right: 0;
}

.compare-items-improvement .compare-items-toolbar .slab-inner {
  padding: 9px 10px;
  min-height: 75px;
}

.compare-items-improvement .compare-items-toolbar .slab:hover .slab-inner {
  padding-right: 10px;
}

.compare-items-improvement .goods-price-map-text {
  font-size: 12px;
}

.compare-items-improvement .compare-items-toolbar .goods-container .goods-img {
  max-width: 80px;
}

.compare-items-improvement .compare-items-toolbar .goods-container .goods-info {
  min-width: 52%;
  padding-left: 10px;
}

.compare-items-improvement .compare-items-toolbar .goods-title {
  font-size: 13px;
  line-height: 18px;
}

.compare-items-improvement .compare-items-toolbar .goods-price-current .goods-price-value sup {
  margin-top: 0;
  font-size: 16px;
  font-weight: bold;
}

.compare-items-improvement .compare-items-toolbar .compare-items-close {
  right: 20px;
  top: -24px;
  border: 12px solid transparent;
  border-bottom: 12px solid #565656;
  height: 24px;
  width: 76px;
  box-sizing: border-box;
}

.compare-items-improvement .compare-items-toolbar .compare-items-close>.ico {
  margin-top: 12px;
  font-size: 18px;
  line-height: 18px;
}

.compare-items-improvement .compare-items-toolbar .goods-button-group>.button {
  max-width: 100px;
  width: auto;
  margin-bottom: 10px;
  text-transform: unset;
}

.compare-items-improvement .compare-items-toolbar .goods-button-group {
  width: 120px;
  margin-left: auto;
}

.compare-items-improvement .compare-items-toolbar .compare-items-content .goods-button-group>.button-clear-all {
  text-decoration: none;
  margin: 0 auto;
  height: 18px;
  padding-top: 10px;
  padding-bottom: 5px;
  font-size: 13px;
  line-height: 18px;
  color: #77AAFF;
}

.compare-items-improvement .compare-items-toolbar .compare-tips-text {
  display: block;
  font-size: 28px;
  line-height: 38px;
  font-weight: 700;
  text-align: center;
  width: 100%;
  color: #636363;
}

.compare-items-improvement .compare-items-toolbar .compare-tray-item .compare-tips-text {
  display: none;
}

.compare-items-improvement .compare-items-toolbar .slab-actions {
  top: -18px;
  display: none;
}

.compare-items-improvement .compare-tray-item:hover .slab-actions {
  display: block;
}

.compare-items-improvement .compare-items-swiper .swiper-button-prev.swiper-button-black,
.compare-items-improvement .compare-items-swiper .swiper-button-next.swiper-button-black {
  background-image: none !important;
  padding-left: 5px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  width: 24px;
  height: 32px;
  box-sizing: border-box;
}

.compare-items-improvement .compare-items-swiper .swiper-button-gray:after,
.compare-items-improvement .compare-items-swiper .swiper-button-black:after {
  font-weight: bold;
  font-size: 16px;
}

.compare-items-improvement .compare-items-swiper .swiper-button-prev,
.compare-items-improvement .compare-items-swiper .swiper-button-next {
  display: none;
}

.compare-items-improvement .compare-items-swiper:hover .swiper-button-prev:not(.swiper-button-disabled),
.compare-items-improvement .compare-items-swiper:hover .swiper-button-next:not(.swiper-button-disabled) {
  display: flex;
}

.compare-items-improvement .compare-items-toolbar .compare-tips-text {
  word-break: break-word;
}

@media (min-width: 800px) {
  .compare-items-improvement .compare-items-side {
    display: none !important;
  }
}


@media (max-width: 1699px) {
  .compare-items-toolbar .goods-button-group {
    width: 130px;
    margin-top: 24px;
  }

  .compare-items-toolbar .compare-items-content .goods-button-group>.button-clear-all {
    margin: 8px auto 0;
  }

  .compare-items-toolbar .slabs-body.grid.gap-30px {
    margin: 0 0 0 10px;
  }

  .compare-items-toolbar .slabs-body.grid.gap-30px>.grid-col {
    margin: 0 10px;
  }

  .compare-items-improvement .compare-items-toolbar .goods-button-group {
    width: 120px;
    margin-top: 0;
  }
}

@media (max-width: 1599px) {
  .compare-items-toolbar .slab-inner {
    max-height: 120px;
  }

  .compare-items-toolbar .goods-container {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .compare-items-toolbar .goods-container.is-horizontal>.goods-img {
    max-width: 50px;
  }

  .compare-items-toolbar .goods-container.is-horizontal .goods-info {
    padding-top: 4px;
  }

  .compare-items-toolbar .goods-container.is-horizontal .goods-title {
    font-size: 11px;
    line-height: 1.1;
  }

  .compare-items-improvement .compare-items-toolbar .goods-container {
    -webkit-flex-direction: row;
    flex-direction: row;
  }
}

@media (max-width: 1299px) {
  .compare-items-toolbar .slab-inner {
    min-height: 85px;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .compare-items-toolbar .goods-button-group {
    width: 124px;
  }

  .compare-items-toolbar .slabs-body.grid.gap-30px {
    margin: 0 0 0 7px;
  }

  .compare-items-toolbar .slabs-body.grid.gap-30px>.grid-col {
    margin: 0 7px;
  }

  .compare-items-toolbar .goods-container.is-horizontal>.goods-img {
    width: 70px;
    max-width: 100%;
  }

  .compare-items-toolbar .goods-container .goods-info {
    display: none;
  }

  .compare-items-improvement .compare-items-toolbar .goods-container .goods-info {
    display: block;
  }
}

@media (max-width: 999px) {
  .compare-items-toolbar .compare-items-side {
    width: 220px;
  }

  .compare-items-toolbar .section-subtitle-group {
    width: 120px;
  }

  .compare-items-toolbar .section-subtitle-group .section-subtitle-text,
  .section-subtitle-group .subcategory-actions .subcategory-del>.ico,
  .compare-items-toolbar .compare-items-button .section-title-note,
  .compare-items-toolbar .compare-tips-text {
    font-size: 11px;
    line-height: 16px;
  }

  .compare-items-toolbar .slab-inner {
    padding: 5px;
  }

  .compare-items-toolbar .slab:hover .slab-inner {
    padding-right: 5px;
  }

  .section-subtitle-group .subcategory-actions {
    right: 2px;
  }

  .compare-items-toolbar .compare-items-button .section-subtitle-text {
    font-size: 12px;
    text-align: center;
  }

  .compare-items-toolbar .goods-container.is-horizontal>.goods-img {
    width: 60px;
  }
}

@media (max-width: 799px) {
  .compare-items-toolbar .page-content-inner {
    margin-right: 0;
  }

  .compare-sticky-bottom-right {
    width: 100%;
    bottom: 0;
  }

  .compare-items-new .compare-sticky-bottom-right.hide {
    right: auto;
    bottom: -48px;
  }

  .compare-items-new .compare-items-button[class*="bg-"] {
    max-width: 100%;
    width: 100%;
    height: 44px;
    border-radius: 0;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .compare-items-new .compare-sticky-bottom-right {
    bottom: 0;
  }

  .compare-items-new .compare-sticky-bottom-right .compare-items-button .section-subtitle-text {
    writing-mode: unset;
    width: auto;
    height: auto;
  }

  .compare-items-button[class*="bg-"] i,
  .compare-items-toolbar .compare-items-button>.ico {
    display: block;
  }

  .compare-items-new .section-title-note,
  .compare-items-new .ico-caret-left-solid {
    display: inline-block;
  }

  .compare-items-toolbar .compare-items-button {
    pointer-events: all;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
  }

  .compare-sticky-bottom-right .compare-items-button .ico {
    margin-left: 8px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .compare-items-toolbar .goods-button-group {
    margin-top: 0;
  }

  .toolbar-wrap {
    border-radius: 8px 8px 0 0;
  }

  .compare-items-improvement .compare-items-toolbar .goods-container .goods-info {
    display: none;
  }
  .compare-items-improvement .compare-items-toolbar .slab-inner {
    padding: 2px;
    min-height: 44px;
  }
  .compare-items-improvement .compare-items-toolbar .compare-items-swiper {
    padding: 0;
  }

  .compare-items-toolbar .compare-items-content {
    height: auto;
  }

  .compare-items-toolbar .compare-items-content,
  .compare-items-side.display-flex {
    width: 100%;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-top: 2px;
  }
  .compare-items-improvement .compare-items-toolbar .compare-tips-text {
    font-size: 14px;
    line-height: 44px;
  }

  .compare-items-toolbar .compare-items-button {
    max-width: 100%;
    width: 100%;
    height: 14px;
    border-radius: 0;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .compare-items-toolbar .compare-items-button .section-title-note {
    display: none;
  }
  .compare-items-new .compare-items-button .section-subtitle {
    text-transform: unset;
  }
  .compare-items-toolbar .compare-items-button .section-subtitle-text {
    font-size: 11px;
  }
  .compare-items-toolbar .compare-items-button .section-subtitle-text span {
    margin-right: 3px;
  }

  .compare-items-toolbar .compare-items-button>.ico {
    margin: 0;
    margin-left: 4px;
  }

  .compare-items-toolbar .section-subtitle-group {
    width: 100%;
    -webkit-flex-direction: row;
    flex-direction: row;
  }

  .compare-items-toolbar .section-subtitle-group .section-subtitle {
    position: relative;
    padding: 20px 0;
    height: auto;
    background-image: linear-gradient(to right, #212121, rgba(38, 38, 38, 0.8));
  }

  .compare-items-toolbar .section-subtitle-group .section-subtitle.is-active:before {
    content: "";
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
  }

  .compare-items-toolbar .section-subtitle-group .section-subtitle-text {
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
  }

  .compare-items-toolbar .section-subtitle-group .section-subtitle-text span.info-nowrap {
    display: block;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    max-width: 100%;
    box-sizing: border-box;
    line-height: 1.375;
    word-wrap: break-word;
    word-break: break-word;
    text-overflow: ellipsis;
    text-decoration: none;
    overflow: hidden;
    max-height: 2.8em;
    -webkit-line-clamp: 2;
    white-space: normal;
  }

  .compare-items-toolbar .section-subtitle-group .section-subtitle-text,
  .compare-items-toolbar .compare-items-button .section-title-note,
  .compare-items-toolbar .compare-tips-text {
    font-size: 12px;
    line-height: 18px;
  }

  .compare-items-toolbar .slabs-body.grid.gap-30px {
    width: calc(100% - 16px);
    margin: 36px 8px 30px;
  }

  .compare-items-toolbar .slabs-body.grid.gap-30px>.grid-col {
    width: calc(100% / 5 - 16px);
    margin: 0 8px;
  }

  .compare-items-toolbar .goods-container.is-horizontal>.goods-img {
    width: 80px;
  }

  .compare-items-toolbar .goods-button-group {
    width: 100%;
    padding-bottom: 20px;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
  }

  .compare-items-toolbar .goods-button-group>.button {
    font-size: 14px;
    line-height: 19px;
    margin: 0;
  }

  .compare-items-toolbar .compare-items-content .goods-button-group>.button-clear-all {
    margin: 0 20px 0 0;
  }

  .section-subtitle-group .subcategory-actions {
    height: 18px;
    text-align: right;
    position: absolute;
    right: 2px;
    top: 2px;
    transform: translateY(0);
  }

  .section-subtitle-group .subcategory-actions>.button {
    padding: 0;
  }

  .compare-items-toolbar .section-subtitle-group .section-subtitle:active {
    background-image: linear-gradient(to bottom, rgba(21, 56, 158, 1), rgba(21, 56, 158, .8));
    color: #8EAFF0;
  }

  .compare-items-toolbar .section-subtitle-group .section-subtitle.is-onlyOne {
    padding: 30px 0;
    margin-bottom: -30px;
  }

  .compare-items-toolbar .section-subtitle-group .section-subtitle.is-onlyOne .section-subtitle-text {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .section-subtitle-group .section-subtitle.is-active .subcategory-del {
    display: block;
  }

  .compare-items-improvement .compare-items-toolbar .page-content-inner {
    margin: 0;
  }

  .compare-items-improvement .compare-items-toolbar .compare-items-swiper-wrapper {
    padding: 0;
    margin: 0 8px;
  }

  .compare-items-improvement .compare-tray-item .slab-actions {
    display: block;
  }

  .compare-items-improvement .compare-items-swiper .swiper-button-prev,
  .compare-items-improvement .compare-items-swiper .swiper-button-next {
    display: none !important;
  }

  .compare-items-improvement .compare-items-toolbar .compare-items-content {
    display: block !important;
  }

  .compare-items-improvement .compare-items-toolbar .goods-button-group {
    width: 85px;
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 12px;
    padding-bottom: 16px;
  }

  .compare-items-improvement .compare-items-toolbar .slabs-body .compare-tray-item {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px;
  }
  .compare-items-improvement .compare-items-toolbar .compare-items-content {
    min-height: 78px;
  }
  .compare-items-improvement .compare-items-toolbar .compare-items-swiper .slab {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px;
    margin-bottom: 0;
  }
  .compare-items-improvement .compare-items-toolbar .slab:hover .slab-inner {
    padding: 2px;
  }

  .compare-items-improvement .compare-items-toolbar .compare-items-content .goods-button-group>.button-clear-all {
    margin: 0 20px 0 0;
  }

  .compare-items-improvement .compare-items-toolbar .goods-button-group>.button {
    margin-bottom: 0;
    font-size: 13px;
    padding: 3px 12px;
  }
  .compare-items-improvement .compare-items-toolbar .compare-items-content .goods-button-group>.button-clear-all {
    display: none;
  }
  .compare-items-swiper-wrapper {
    width: calc(100% - 140px);
  }
}

@media (max-width: 610px) {
  .section-subtitle-group .subcategory-actions {
    right: 0;
    top: 0;
  }

  .section-subtitle-group .section-subtitle.is-onlyOne .subcategory-actions {
    right: 2px;
    top: 2px;
  }

  .compare-items-toolbar .goods-container.is-horizontal>.goods-img {
    width: 55px;
    transform: scale(1);
  }

  .compare-items-toolbar .slabs-body.grid.gap-30px {
    width: calc(100% - 12px);
  }

  .compare-items-toolbar .slabs-body.grid.gap-30px>.grid-col {
    width: calc(100% / 5 - 6px);
    margin: 0 3px;
  }

  .compare-items-toolbar .section-subtitle-group .section-subtitle {
    padding: 14px 6px 10px 6px;
  }

  .compare-items-toolbar .compare-items-button .section-title-note,
  .section-subtitle-group .subcategory-actions .subcategory-del>.ico {
    font-size: 10px;
    line-height: 14px;
  }

  .compare-items-toolbar .compare-tips .compare-tips-text {
    font-size: 9px;
    line-height: 1.1;
  }


}

@media (max-width: 499px) {
  .compare-items-toolbar .slab-del .ico {
    width: 10px;
    height: 10px;
    line-height: 10px;
    font-size: 9px;
  }

  #compare-items-tips .modal-sm {
    max-width: 320px;
  }

  .compare-items-improvement .compare-items-toolbar .slab-del .ico {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
  }

  dialog.robot-chat-popup .robot-chat-refresh {
    margin-bottom: 8px;
    flex-wrap: wrap;
  }
  dialog.robot-chat-popup .robot-chat-refresh .btn-refresh, dialog.robot-chat-popup .robot-chat-refresh .btn-feedback {
    padding: 0 4px;
  }
  dialog.robot-chat-popup .robot-chat-refresh .btn-refresh span, dialog.robot-chat-popup .robot-chat-refresh .btn-feedback span, dialog.robot-chat-popup .robot-chat-refresh .btn-refresh i, dialog.robot-chat-popup .robot-chat-refresh .btn-feedback i {
    line-height: 18px;
  }

  .robot-chat-popup .robot-chat-refresh-btn {
    width: 100%;
    justify-content: flex-end;
    box-shadow: none;
    margin-top: 5px;
  }

  dialog.robot-chat-popup .tracking-days-cell {
    width: 60px;
  }

  dialog.robot-chat-popup .tracking-days-cell .tracking-days-month {
    font-size: 16px;
    font-weight: 600;
  }

  dialog.robot-chat-popup .tracking-days-cell .tracking-days-day {
    color: #CC4100;
    font-weight: bold;
    font-size: 35px;
    margin: 8px 0;
    line-height: 1;
  }
  .robot-chat-popup .robot-entry-cell-inner .recommended-nav-tab {
    flex-wrap: wrap;
    gap: 5px;
    height: auto;
    padding: 8px;
    box-sizing: border-box;
    align-items: flex-start;
  }
  .robot-chat-popup .robot-entry-cell-inner .recommended-nav-tab .button.is-slide {
    opacity: 1; 
    color: #fff;
    border-radius: 4px;
    background-color: rgba(0, 45, 106, 1);
  }
  .robot-chat-popup .robot-entry-cell-inner .recommended-nav-tab .button-slide {
    display: none;
  }
  .robot-chat-popup .fighter-rectangle {
    margin: 10px 0 !important;
  }
  .robot-chat-popup .fighter-rectangle-r .goods-branding .fighter-con,
  .robot-chat-popup .fighter-rectangle-l .goods-branding .fighter-con {
    flex-direction: column;
  }
  .robot-chat-popup .fighter-rectangle-r .goods-branding {
    padding-left: 0;
  }
  .robot-chat-popup .fighter-rectangle-l .goods-branding {
    padding-right: 0;
  }
  .robot-chat-popup .fighter-rectangle-l .goods-branding .fighter-con, 
  .robot-chat-popup .fighter-rectangle-r .goods-branding .fighter-con {
    gap: 0;
  }
}

@media (max-width: 399px) {
  dialog.robot-chat-popup .tracking-days-cell {
    padding: 10px;
    width: 100px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 8px;
    display: inline-block;
  }

  dialog.robot-chat-popup .robot-chat-input-bar .robot-message-bar .sound-text span {
    padding-right: 0;
    left: 45%;
  }

  dialog.robot-chat-popup .tracking-days-cell .tracking-days-month {
    font-size: 20px;
    font-weight: 600;
  }

  dialog.robot-chat-popup .tracking-days-cell .tracking-days-day {
    color: #CC4100;
    font-weight: bold;
    font-size: 60px;
    margin: 12px 0;
    line-height: 1;
  }
  dialog.robot-chat-popup .robot-chat-popup-right .download-box {
    flex-wrap: wrap;
  }
  dialog.robot-chat-popup .robot-chat-popup-right .download-box .qr {
    margin-right: 0;
    margin-bottom: 10px;
  }
  dialog.robot-chat-popup .rating.is-large {
    transform: scale(.6);
  }
}

/*** dark-mode ***/
.dark-mode .toolbar-wrap {
  background-color: #565656;
}

.dark-mode .compare-items-toolbar .slabs-body .slab {
  background-color: rgba(33, 33, 33, 0.7);
}

.dark-mode .compare-items-toolbar .slabs-body .compare-tray-item {
  background-color: #fff;
}

.dark-mode .compare-items-toolbar .slabs-body .compare-tray-item .text-gray {
  color: #636363;
}

.dark-mode .compare-items-toolbar a:not(.btn) {
  color: inherit !important;
}

.dark-mode .compare-items-improvement .compare-items-toolbar .compare-items-close {
  border-bottom-color: #565656;
}
/* blue */
.n-blue-ld {
	color: var(--n-blue-ld);
  }
  .bg-n-blue-ld {
	background-color: var(--n-blue-ld);
  }
  .n-blue-l1 {
	color: var(--n-blue-l1);
  }
  .bg-n-blue-l1 {
	background-color: var(--n-blue-l1);
  }
  .n-blue-l2 {
	color: var(--n-blue-l2);
  }
  .bg-n-blue-l2 {
	background-color: var(--n-blue-l2);
  }
  .n-blue-l3 {
	color: var(--n-blue-l3);
  }
  .bg-n-blue-l3 {
	background-color: var(--n-blue-l3);
  }
  .n-blue-l4 {
	color: var(--n-blue-l4);
  }
  .bg-n-blue-l4 {
	background-color: var(--n-blue-l4);
  }
  .n-blue-l5 {
	color: var(--n-blue-l5);
  }
  .bg-n-blue-l5 {
	background-color: var(--n-blue-l5);
  }
  .n-blue-l6 {
	color: var(--n-blue-l6);
  }
  .bg-n-blue-l6 {
	background-color: var(--n-blue-l6);
  }
  .n-blue-l7 {
	color: var(--n-blue-l7);
  }
  .bg-n-blue-l7 {
	background-color: var(--n-blue-l7);
  }
  .n-blue-ld {
	color: var(--n-blue-ld);
  }
  .bg-n-blue-ld {
	background-color: var(--n-blue-ld);
  }
  .n-blue-d1 {
	color: var(--n-blue-d1);
  }
  .bg-n-blue-d1 {
	background-color: var(--n-blue-d1);
  }
  .n-blue-d2 {
	color: var(--n-blue-d2);
  }
  .bg-n-blue-d2 {
	background-color: var(--n-blue-d2);
  }
  .n-blue-d3 {
	color: var(--n-blue-d3);
  }
  .bg-n-blue-d3 {
	background-color: var(--n-blue-d3);
  }
  .n-blue-d4 {
	color: var(--n-blue-d4);
  }
  .bg-n-blue-d4 {
	background-color: var(--n-blue-d4);
  }
  .n-blue-d5 {
	color: var(--n-blue-d5);
  }
  .bg-n-blue-d5 {
	background-color: var(--n-blue-d5);
  }
  .n-blue-d6 {
	color: var(--n-blue-d6);
  }
  .bg-n-blue-d6 {
	background-color: var(--n-blue-d6);
  }
  .n-blue-d7 {
	color: var(--n-blue-d7);
  }
  .bg-n-blue-d7 {
	background-color: var(--n-blue-d7);
  }
  .dark-mode .n-blue-ld {
	color: var(--n-blue-ld);
  }
  .dark-mode .bg-n-blue-ld {
	background-color: var(--n-blue-ld);
  }
  .dark-mode .n-blue-l1 {
	color: var(--n-blue-d1);
  }
  .dark-mode .bg-n-blue-l1 {
	background-color: var(--n-blue-d1);
  }
  .dark-mode .n-blue-l2 {
	color: var(--n-blue-d2);
  }
  .dark-mode .bg-n-blue-l2 {
	background-color: var(--n-blue-d2);
  }
  .dark-mode .n-blue-l3 {
	color: var(--n-blue-d3);
  }
  .dark-mode .bg-n-blue-l3 {
	background-color: var(--n-blue-d3);
  }
  .dark-mode .n-blue-l4 {
	color: var(--n-blue-d4);
  }
  .dark-mode .bg-n-blue-l4 {
	background-color: var(--n-blue-d4);
  }
  .dark-mode .n-blue-l5 {
	color: var(--n-blue-d5);
  }
  .dark-mode .bg-n-blue-l5 {
	background-color: var(--n-blue-d5);
  }
  .dark-mode .n-blue-l6 {
	color: var(--n-blue-d6);
  }
  .dark-mode .bg-n-blue-l6 {
	background-color: var(--n-blue-d6);
  }
  .dark-mode .n-blue-l7 {
	color: var(--n-blue-d7);
  }
  .dark-mode .bg-n-blue-l7 {
	background-color: var(--n-blue-d7);
  }
  .dark-mode .n-blue-ld {
	color: var(--n-blue-ld);
  }
  .dark-mode .bg-n-blue-ld {
	background-color: var(--n-blue-ld);
  }
  .dark-mode .n-blue-d1 {
	color: var(--n-blue-l1);
  }
  .dark-mode .bg-n-blue-d1 {
	background-color: var(--n-blue-l1);
  }
  .dark-mode .n-blue-d2 {
	color: var(--n-blue-l2);
  }
  .dark-mode .bg-n-blue-d2 {
	background-color: var(--n-blue-l2);
  }
  .dark-mode .n-blue-d3 {
	color: var(--n-blue-l3);
  }
  .dark-mode .bg-n-blue-d3 {
	background-color: var(--n-blue-l3);
  }
  .dark-mode .n-blue-d4 {
	color: var(--n-blue-l4);
  }
  .dark-mode .bg-n-blue-d4 {
	background-color: var(--n-blue-l4);
  }
  .dark-mode .n-blue-d5 {
	color: var(--n-blue-l5);
  }
  .dark-mode .bg-n-blue-d5 {
	background-color: var(--n-blue-l5);
  }
  .dark-mode .n-blue-d6 {
	color: var(--n-blue-l6);
  }
  .dark-mode .bg-n-blue-d6 {
	background-color: var(--n-blue-l6);
  }
  .dark-mode .n-blue-d7 {
	color: var(--n-blue-l7);
  }
  .dark-mode .bg-n-blue-d7 {
	background-color: var(--n-blue-l7);
  }
  /* blue */
  .n-gray-ld {
	color: var(--n-gray-ld);
  }
  .bg-n-gray-ld {
	background-color: var(--n-gray-ld);
  }
  .n-gray-l1 {
	color: var(--n-gray-l1);
  }
  .bg-n-gray-l1 {
	background-color: var(--n-gray-l1);
  }
  .n-gray-l2 {
	color: var(--n-gray-l2);
  }
  .bg-n-gray-l2 {
	background-color: var(--n-gray-l2);
  }
  .n-gray-l3 {
	color: var(--n-gray-l3);
  }
  .bg-n-gray-l3 {
	background-color: var(--n-gray-l3);
  }
  .n-gray-l4 {
	color: var(--n-gray-l4);
  }
  .bg-n-gray-l4 {
	background-color: var(--n-gray-l4);
  }
  .n-gray-l5 {
	color: var(--n-gray-l5);
  }
  .bg-n-gray-l5 {
	background-color: var(--n-gray-l5);
  }
  .n-gray-l6 {
	color: var(--n-gray-l6);
  }
  .bg-n-gray-l6 {
	background-color: var(--n-gray-l6);
  }
  .n-gray-l7 {
	color: var(--n-gray-l7);
  }
  .bg-n-gray-l7 {
	background-color: var(--n-gray-l7);
  }
  .n-gray-ld {
	color: var(--n-gray-ld);
  }
  .bg-n-gray-ld {
	background-color: var(--n-gray-ld);
  }
  .n-gray-d1 {
	color: var(--n-gray-d1);
  }
  .bg-n-gray-d1 {
	background-color: var(--n-gray-d1);
  }
  .n-gray-d2 {
	color: var(--n-gray-d2);
  }
  .bg-n-gray-d2 {
	background-color: var(--n-gray-d2);
  }
  .n-gray-d3 {
	color: var(--n-gray-d3);
  }
  .bg-n-gray-d3 {
	background-color: var(--n-gray-d3);
  }
  .n-gray-d4 {
	color: var(--n-gray-d4);
  }
  .bg-n-gray-d4 {
	background-color: var(--n-gray-d4);
  }
  .n-gray-d5 {
	color: var(--n-gray-d5);
  }
  .bg-n-gray-d5 {
	background-color: var(--n-gray-d5);
  }
  .n-gray-d6 {
	color: var(--n-gray-d6);
  }
  .bg-n-gray-d6 {
	background-color: var(--n-gray-d6);
  }
  .n-gray-d7 {
	color: var(--n-gray-d7);
  }
  .bg-n-gray-d7 {
	background-color: var(--n-gray-d7);
  }
  .dark-mode .n-gray-ld {
	color: var(--n-gray-ld);
  }
  .dark-mode .bg-n-gray-ld {
	background-color: var(--n-gray-ld);
  }
  .dark-mode .n-gray-l1 {
	color: var(--n-gray-d1);
  }
  .dark-mode .bg-n-gray-l1 {
	background-color: var(--n-gray-d1);
  }
  .dark-mode .n-gray-l2 {
	color: var(--n-gray-d2);
  }
  .dark-mode .bg-n-gray-l2 {
	background-color: var(--n-gray-d2);
  }
  .dark-mode .n-gray-l3 {
	color: var(--n-gray-d3);
  }
  .dark-mode .bg-n-gray-l3 {
	background-color: var(--n-gray-d3);
  }
  .dark-mode .n-gray-l4 {
	color: var(--n-gray-d4);
  }
  .dark-mode .bg-n-gray-l4 {
	background-color: var(--n-gray-d4);
  }
  .dark-mode .n-gray-l5 {
	color: var(--n-gray-d5);
  }
  .dark-mode .bg-n-gray-l5 {
	background-color: var(--n-gray-d5);
  }
  .dark-mode .n-gray-l6 {
	color: var(--n-gray-d6);
  }
  .dark-mode .bg-n-gray-l6 {
	background-color: var(--n-gray-d6);
  }
  .dark-mode .n-gray-l7 {
	color: var(--n-gray-d7);
  }
  .dark-mode .bg-n-gray-l7 {
	background-color: var(--n-gray-d7);
  }
  .dark-mode .n-gray-ld {
	color: var(--n-gray-ld);
  }
  .dark-mode .bg-n-gray-ld {
	background-color: var(--n-gray-ld);
  }
  .dark-mode .n-gray-d1 {
	color: var(--n-gray-l1);
  }
  .dark-mode .bg-n-gray-d1 {
	background-color: var(--n-gray-l1);
  }
  .dark-mode .n-gray-d2 {
	color: var(--n-gray-l2);
  }
  .dark-mode .bg-n-gray-d2 {
	background-color: var(--n-gray-l2);
  }
  .dark-mode .n-gray-d3 {
	color: var(--n-gray-l3);
  }
  .dark-mode .bg-n-gray-d3 {
	background-color: var(--n-gray-l3);
  }
  .dark-mode .n-gray-d4 {
	color: var(--n-gray-l4);
  }
  .dark-mode .bg-n-gray-d4 {
	background-color: var(--n-gray-l4);
  }
  .dark-mode .n-gray-d5 {
	color: var(--n-gray-l5);
  }
  .dark-mode .bg-n-gray-d5 {
	background-color: var(--n-gray-l5);
  }
  .dark-mode .n-gray-d6 {
	color: var(--n-gray-l6);
  }
  .dark-mode .bg-n-gray-d6 {
	background-color: var(--n-gray-l6);
  }
  .dark-mode .n-gray-d7 {
	color: var(--n-gray-l7);
  }
  .dark-mode .bg-n-gray-d7 {
	background-color: var(--n-gray-l7);
  }
  .n-green-ld {
	color: var(--n-green-ld);
  }
  .bg-n-green-ld {
	background-color: var(--n-green-ld);
  }
  .n-green-l1 {
	color: var(--n-green-l1);
  }
  .bg-n-green-l1 {
	background-color: var(--n-green-l1);
  }
  .n-green-l2 {
	color: var(--n-green-l2);
  }
  .bg-n-green-l2 {
	background-color: var(--n-green-l2);
  }
  .n-green-l3 {
	color: var(--n-green-l3);
  }
  .bg-n-green-l3 {
	background-color: var(--n-green-l3);
  }
  .n-green-l4 {
	color: var(--n-green-l4);
  }
  .bg-n-green-l4 {
	background-color: var(--n-green-l4);
  }
  .n-green-l5 {
	color: var(--n-green-l5);
  }
  .bg-n-green-l5 {
	background-color: var(--n-green-l5);
  }
  .n-green-l6 {
	color: var(--n-green-l6);
  }
  .bg-n-green-l6 {
	background-color: var(--n-green-l6);
  }
  .n-green-l7 {
	color: var(--n-green-l7);
  }
  .bg-n-green-l7 {
	background-color: var(--n-green-l7);
  }
  .n-green-ld {
	color: var(--n-green-ld);
  }
  .bg-n-green-ld {
	background-color: var(--n-green-ld);
  }
  .n-green-d1 {
	color: var(--n-green-d1);
  }
  .bg-n-green-d1 {
	background-color: var(--n-green-d1);
  }
  .n-green-d2 {
	color: var(--n-green-d2);
  }
  .bg-n-green-d2 {
	background-color: var(--n-green-d2);
  }
  .n-green-d3 {
	color: var(--n-green-d3);
  }
  .bg-n-green-d3 {
	background-color: var(--n-green-d3);
  }
  .n-green-d4 {
	color: var(--n-green-d4);
  }
  .bg-n-green-d4 {
	background-color: var(--n-green-d4);
  }
  .n-green-d5 {
	color: var(--n-green-d5);
  }
  .bg-n-green-d5 {
	background-color: var(--n-green-d5);
  }
  .n-green-d6 {
	color: var(--n-green-d6);
  }
  .bg-n-green-d6 {
	background-color: var(--n-green-d6);
  }
  .n-green-d7 {
	color: var(--n-green-d7);
  }
  .bg-n-green-d7 {
	background-color: var(--n-green-d7);
  }
  .dark-mode .n-green-ld {
	color: var(--n-green-ld);
  }
  .dark-mode .bg-n-green-ld {
	background-color: var(--n-green-ld);
  }
  .dark-mode .n-green-l1 {
	color: var(--n-green-d1);
  }
  .dark-mode .bg-n-green-l1 {
	background-color: var(--n-green-d1);
  }
  .dark-mode .n-green-l2 {
	color: var(--n-green-d2);
  }
  .dark-mode .bg-n-green-l2 {
	background-color: var(--n-green-d2);
  }
  .dark-mode .n-green-l3 {
	color: var(--n-green-d3);
  }
  .dark-mode .bg-n-green-l3 {
	background-color: var(--n-green-d3);
  }
  .dark-mode .n-green-l4 {
	color: var(--n-green-d4);
  }
  .dark-mode .bg-n-green-l4 {
	background-color: var(--n-green-d4);
  }
  .dark-mode .n-green-l5 {
	color: var(--n-green-d5);
  }
  .dark-mode .bg-n-green-l5 {
	background-color: var(--n-green-d5);
  }
  .dark-mode .n-green-l6 {
	color: var(--n-green-d6);
  }
  .dark-mode .bg-n-green-l6 {
	background-color: var(--n-green-d6);
  }
  .dark-mode .n-green-l7 {
	color: var(--n-green-d7);
  }
  .dark-mode .bg-n-green-l7 {
	background-color: var(--n-green-d7);
  }
  .dark-mode .n-green-ld {
	color: var(--n-green-ld);
  }
  .dark-mode .bg-n-green-ld {
	background-color: var(--n-green-ld);
  }
  .dark-mode .n-green-d1 {
	color: var(--n-green-l1);
  }
  .dark-mode .bg-n-green-d1 {
	background-color: var(--n-green-l1);
  }
  .dark-mode .n-green-d2 {
	color: var(--n-green-l2);
  }
  .dark-mode .bg-n-green-d2 {
	background-color: var(--n-green-l2);
  }
  .dark-mode .n-green-d3 {
	color: var(--n-green-l3);
  }
  .dark-mode .bg-n-green-d3 {
	background-color: var(--n-green-l3);
  }
  .dark-mode .n-green-d4 {
	color: var(--n-green-l4);
  }
  .dark-mode .bg-n-green-d4 {
	background-color: var(--n-green-l4);
  }
  .dark-mode .n-green-d5 {
	color: var(--n-green-l5);
  }
  .dark-mode .bg-n-green-d5 {
	background-color: var(--n-green-l5);
  }
  .dark-mode .n-green-d6 {
	color: var(--n-green-l6);
  }
  .dark-mode .bg-n-green-d6 {
	background-color: var(--n-green-l6);
  }
  .dark-mode .n-green-d7 {
	color: var(--n-green-l7);
  }
  .dark-mode .bg-n-green-d7 {
	background-color: var(--n-green-l7);
  }
  .n-orange-ld {
	color: var(--n-orange-ld);
  }
  .n-orange-l1 {
	color: var(--n-orange-l1);
  }
  .bg-n-orange-l1 {
	background-color: var(--n-orange-l1);
  }
  .n-orange-l2 {
	color: var(--n-orange-l2);
  }
  .bg-n-orange-l2 {
	background-color: var(--n-orange-l2);
  }
  .n-orange-l3 {
	color: var(--n-orange-l3);
  }
  .bg-n-orange-l3 {
	background-color: var(--n-orange-l3);
  }
  .n-orange-l4 {
	color: var(--n-orange-l4);
  }
  .bg-n-orange-l4 {
	background-color: var(--n-orange-l4);
  }
  .n-orange-l5 {
	color: var(--n-orange-l5);
  }
  .bg-n-orange-l5 {
	background-color: var(--n-orange-l5);
  }
  .n-orange-l6 {
	color: var(--n-orange-l6);
  }
  .bg-n-orange-l6 {
	background-color: var(--n-orange-l6);
  }
  .n-orange-l7 {
	color: var(--n-orange-l7);
  }
  .bg-n-orange-l7 {
	background-color: var(--n-orange-l7);
  }
  .n-orange-ld {
	color: var(--n-orange-ld);
  }
  .bg-n-orange-ld {
	background-color: var(--n-orange-ld);
  }
  .n-orange-d1 {
	color: var(--n-orange-d1);
  }
  .bg-n-orange-d1 {
	background-color: var(--n-orange-d1);
  }
  .n-orange-d2 {
	color: var(--n-orange-d2);
  }
  .bg-n-orange-d2 {
	background-color: var(--n-orange-d2);
  }
  .n-orange-d3 {
	color: var(--n-orange-d3);
  }
  .bg-n-orange-d3 {
	background-color: var(--n-orange-d3);
  }
  .n-orange-d4 {
	color: var(--n-orange-d4);
  }
  .bg-n-orange-d4 {
	background-color: var(--n-orange-d4);
  }
  .n-orange-d5 {
	color: var(--n-orange-d5);
  }
  .bg-n-orange-d5 {
	background-color: var(--n-orange-d5);
  }
  .n-orange-d6 {
	color: var(--n-orange-d6);
  }
  .bg-n-orange-d6 {
	background-color: var(--n-orange-d6);
  }
  .n-orange-d7 {
	color: var(--n-orange-d7);
  }
  .bg-n-orange-d7 {
	background-color: var(--n-orange-d7);
  }
  .dark-mode .n-orange-ld {
	color: var(--n-orange-ld);
  }
  .dark-mode .bg-n-orange-ld {
	background-color: var(--n-orange-ld);
  }
  .dark-mode .n-orange-l1 {
	color: var(--n-orange-d1);
  }
  .dark-mode .bg-n-orange-l1 {
	background-color: var(--n-orange-d1);
  }
  .dark-mode .n-orange-l2 {
	color: var(--n-orange-d2);
  }
  .dark-mode .bg-n-orange-l2 {
	background-color: var(--n-orange-d2);
  }
  .dark-mode .n-orange-l3 {
	color: var(--n-orange-d3);
  }
  .dark-mode .bg-n-orange-l3 {
	background-color: var(--n-orange-d3);
  }
  .dark-mode .n-orange-l4 {
	color: var(--n-orange-d4);
  }
  .dark-mode .bg-n-orange-l4 {
	background-color: var(--n-orange-d4);
  }
  .dark-mode .n-orange-l5 {
	color: var(--n-orange-d5);
  }
  .dark-mode .bg-n-orange-l5 {
	background-color: var(--n-orange-d5);
  }
  .dark-mode .n-orange-l6 {
	color: var(--n-orange-d6);
  }
  .dark-mode .bg-n-orange-l6 {
	background-color: var(--n-orange-d6);
  }
  .dark-mode .n-orange-l7 {
	color: var(--n-orange-d7);
  }
  .dark-mode .bg-n-orange-l7 {
	background-color: var(--n-orange-d7);
  }
  .dark-mode .n-orange-ld {
	color: var(--n-orange-ld);
  }
  .dark-mode .n-orange-d1 {
	color: var(--n-orange-l1);
  }
  .dark-mode .bg-n-orange-d1 {
	background-color: var(--n-orange-l1);
  }
  .dark-mode .n-orange-d2 {
	color: var(--n-orange-l2);
  }
  .dark-mode .bg-n-orange-d2 {
	background-color: var(--n-orange-l2);
  }
  .dark-mode .n-orange-d3 {
	color: var(--n-orange-l3);
  }
  .dark-mode .bg-n-orange-d3 {
	background-color: var(--n-orange-l3);
  }
  .dark-mode .n-orange-d4 {
	color: var(--n-orange-l4);
  }
  .dark-mode .bg-n-orange-d4 {
	background-color: var(--n-orange-l4);
  }
  .dark-mode .n-orange-d5 {
	color: var(--n-orange-l5);
  }
  .dark-mode .bg-n-orange-d5 {
	background-color: var(--n-orange-l5);
  }
  .dark-mode .n-orange-d6 {
	color: var(--n-orange-l6);
  }
  .dark-mode .bg-n-orange-d6 {
	background-color: var(--n-orange-l6);
  }
  .dark-mode .n-orange-d7 {
	color: var(--n-orange-l7);
  }
  .dark-mode .bg-n-orange-d7 {
	background-color: var(--n-orange-l7);
  }
  .n-red-ld {
	color: var(--n-red-ld);
  }
  .bg-n-red-ld {
	background-color: var(--n-red-ld);
  }
  .n-red-l1 {
	color: var(--n-red-l1);
  }
  .bg-n-red-l1 {
	background-color: var(--n-red-l1);
  }
  .n-red-l2 {
	color: var(--n-red-l2);
  }
  .bg-n-red-l2 {
	background-color: var(--n-red-l2);
  }
  .n-red-l3 {
	color: var(--n-red-l3);
  }
  .bg-n-red-l3 {
	background-color: var(--n-red-l3);
  }
  .n-red-l4 {
	color: var(--n-red-l4);
  }
  .bg-n-red-l4 {
	background-color: var(--n-red-l4);
  }
  .n-red-l5 {
	color: var(--n-red-l5);
  }
  .bg-n-red-l5 {
	background-color: var(--n-red-l5);
  }
  .n-red-l6 {
	color: var(--n-red-l6);
  }
  .bg-n-red-l6 {
	background-color: var(--n-red-l6);
  }
  .n-red-l7 {
	color: var(--n-red-l7);
  }
  .bg-n-red-l7 {
	background-color: var(--n-red-l7);
  }
  .n-red-ld {
	color: var(--n-red-ld);
  }
  .bg-n-red-ld {
	background-color: var(--n-red-ld);
  }
  .n-red-d1 {
	color: var(--n-red-d1);
  }
  .bg-n-red-d1 {
	background-color: var(--n-red-d1);
  }
  .n-red-d2 {
	color: var(--n-red-d2);
  }
  .bg-n-red-d2 {
	background-color: var(--n-red-d2);
  }
  .n-red-d3 {
	color: var(--n-red-d3);
  }
  .bg-n-red-d3 {
	background-color: var(--n-red-d3);
  }
  .n-red-d4 {
	color: var(--n-red-d4);
  }
  .bg-n-red-d4 {
	background-color: var(--n-red-d4);
  }
  .n-red-d5 {
	color: var(--n-red-d5);
  }
  .bg-n-red-d5 {
	background-color: var(--n-red-d5);
  }
  .n-red-d6 {
	color: var(--n-red-d6);
  }
  .bg-n-red-d6 {
	background-color: var(--n-red-d6);
  }
  .n-red-d7 {
	color: var(--n-red-d7);
  }
  .bg-n-red-d7 {
	background-color: var(--n-red-d7);
  }
  .dark-mode .n-red-ld {
	color: var(--n-red-ld);
  }
  .dark-mode .bg-n-red-ld {
	background-color: var(--n-red-ld);
  }
  .dark-mode .n-red-l1 {
	color: var(--n-red-d1);
  }
  .dark-mode .bg-n-red-l1 {
	background-color: var(--n-red-d1);
  }
  .dark-mode .n-red-l2 {
	color: var(--n-red-d2);
  }
  .dark-mode .bg-n-red-l2 {
	background-color: var(--n-red-d2);
  }
  .dark-mode .n-red-l3 {
	color: var(--n-red-d3);
  }
  .dark-mode .bg-n-red-l3 {
	background-color: var(--n-red-d3);
  }
  .dark-mode .n-red-l4 {
	color: var(--n-red-d4);
  }
  .dark-mode .bg-n-red-l4 {
	background-color: var(--n-red-d4);
  }
  .dark-mode .n-red-l5 {
	color: var(--n-red-d5);
  }
  .dark-mode .bg-n-red-l5 {
	background-color: var(--n-red-d5);
  }
  .dark-mode .n-red-l6 {
	color: var(--n-red-d6);
  }
  .dark-mode .bg-n-red-l6 {
	background-color: var(--n-red-d6);
  }
  .dark-mode .n-red-l7 {
	color: var(--n-red-d7);
  }
  .dark-mode .bg-n-red-l7 {
	background-color: var(--n-red-d7);
  }
  .dark-mode .n-red-ld {
	color: var(--n-red-ld);
  }
  .dark-mode .bg-n-red-ld {
	background-color: var(--n-red-ld);
  }
  .dark-mode .n-red-d1 {
	color: var(--n-red-l1);
  }
  .dark-mode .bg-n-red-d1 {
	background-color: var(--n-red-l1);
  }
  .dark-mode .n-red-d2 {
	color: var(--n-red-l2);
  }
  .dark-mode .bg-n-red-d2 {
	background-color: var(--n-red-l2);
  }
  .dark-mode .n-red-d3 {
	color: var(--n-red-l3);
  }
  .dark-mode .bg-n-red-d3 {
	background-color: var(--n-red-l3);
  }
  .dark-mode .n-red-d4 {
	color: var(--n-red-l4);
  }
  .dark-mode .bg-n-red-d4 {
	background-color: var(--n-red-l4);
  }
  .dark-mode .n-red-d5 {
	color: var(--n-red-l5);
  }
  .dark-mode .bg-n-red-d5 {
	background-color: var(--n-red-l5);
  }
  .dark-mode .n-red-d6 {
	color: var(--n-red-l6);
  }
  .dark-mode .bg-n-red-d6 {
	background-color: var(--n-red-l6);
  }
  .dark-mode .n-red-d7 {
	color: var(--n-red-l7);
  }
  .dark-mode .bg-n-red-d7 {
	background-color: var(--n-red-l7);
  }
  .n-turquoise-ld {
	color: var(--n-turquoise-ld);
  }
  .bg-n-turquoise-ld {
	background-color: var(--n-turquoise-ld);
  }
  .n-turquoise-l1 {
	color: var(--n-turquoise-l1);
  }
  .bg-n-turquoise-l1 {
	background-color: var(--n-turquoise-l1);
  }
  .n-turquoise-l2 {
	color: var(--n-turquoise-l2);
  }
  .bg-n-turquoise-l2 {
	background-color: var(--n-turquoise-l2);
  }
  .n-turquoise-l3 {
	color: var(--n-turquoise-l3);
  }
  .bg-n-turquoise-l3 {
	background-color: var(--n-turquoise-l3);
  }
  .n-turquoise-l4 {
	color: var(--n-turquoise-l4);
  }
  .bg-n-turquoise-l4 {
	background-color: var(--n-turquoise-l4);
  }
  .n-turquoise-l5 {
	color: var(--n-turquoise-l5);
  }
  .bg-n-turquoise-l5 {
	background-color: var(--n-turquoise-l5);
  }
  .n-turquoise-l6 {
	color: var(--n-turquoise-l6);
  }
  .bg-n-turquoise-l6 {
	background-color: var(--n-turquoise-l6);
  }
  .n-turquoise-l7 {
	color: var(--n-turquoise-l7);
  }
  .bg-n-turquoise-l7 {
	background-color: var(--n-turquoise-l7);
  }
  .n-turquoise-ld {
	color: var(--n-turquoise-ld);
  }
  .bg-n-turquoise-ld {
	background-color: var(--n-turquoise-ld);
  }
  .n-turquoise-d1 {
	color: var(--n-turquoise-d1);
  }
  .bg-n-turquoise-d1 {
	background-color: var(--n-turquoise-d1);
  }
  .n-turquoise-d2 {
	color: var(--n-turquoise-d2);
  }
  .bg-n-turquoise-d2 {
	background-color: var(--n-turquoise-d2);
  }
  .n-turquoise-d3 {
	color: var(--n-turquoise-d3);
  }
  .bg-n-turquoise-d3 {
	background-color: var(--n-turquoise-d3);
  }
  .n-turquoise-d4 {
	color: var(--n-turquoise-d4);
  }
  .bg-n-turquoise-d4 {
	background-color: var(--n-turquoise-d4);
  }
  .n-turquoise-d5 {
	color: var(--n-turquoise-d5);
  }
  .bg-n-turquoise-d5 {
	background-color: var(--n-turquoise-d5);
  }
  .n-turquoise-d6 {
	color: var(--n-turquoise-d6);
  }
  .bg-n-turquoise-d6 {
	background-color: var(--n-turquoise-d6);
  }
  .n-turquoise-d7 {
	color: var(--n-turquoise-d7);
  }
  .bg-n-turquoise-d7 {
	background-color: var(--n-turquoise-d7);
  }
  .dark-mode .n-turquoise-ld {
	color: var(--n-turquoise-ld);
  }
  .dark-mode .bg-n-turquoise-ld {
	background-color: var(--n-turquoise-ld);
  }
  .dark-mode .n-turquoise-l1 {
	color: var(--n-turquoise-d1);
  }
  .dark-mode .bg-n-turquoise-l1 {
	background-color: var(--n-turquoise-d1);
  }
  .dark-mode .n-turquoise-l2 {
	color: var(--n-turquoise-d2);
  }
  .dark-mode .bg-n-turquoise-l2 {
	background-color: var(--n-turquoise-d2);
  }
  .dark-mode .n-turquoise-l3 {
	color: var(--n-turquoise-d3);
  }
  .dark-mode .bg-n-turquoise-l3 {
	background-color: var(--n-turquoise-d3);
  }
  .dark-mode .n-turquoise-l4 {
	color: var(--n-turquoise-d4);
  }
  .dark-mode .bg-n-turquoise-l4 {
	background-color: var(--n-turquoise-d4);
  }
  .dark-mode .n-turquoise-l5 {
	color: var(--n-turquoise-d5);
  }
  .dark-mode .bg-n-turquoise-l5 {
	background-color: var(--n-turquoise-d5);
  }
  .dark-mode .n-turquoise-l6 {
	color: var(--n-turquoise-d6);
  }
  .dark-mode .bg-n-turquoise-l6 {
	background-color: var(--n-turquoise-d6);
  }
  .dark-mode .n-turquoise-l7 {
	color: var(--n-turquoise-d7);
  }
  .dark-mode .bg-n-turquoise-l7 {
	background-color: var(--n-turquoise-d7);
  }
  .dark-mode .n-turquoise-ld {
	color: var(--n-turquoise-ld);
  }
  .dark-mode .bg-n-turquoise-ld {
	background-color: var(--n-turquoise-ld);
  }
  .dark-mode .n-turquoise-d1 {
	color: var(--n-turquoise-l1);
  }
  .dark-mode .bg-n-turquoise-d1 {
	background-color: var(--n-turquoise-l1);
  }
  .dark-mode .n-turquoise-d2 {
	color: var(--n-turquoise-l2);
  }
  .dark-mode .bg-n-turquoise-d2 {
	background-color: var(--n-turquoise-l2);
  }
  .dark-mode .n-turquoise-d3 {
	color: var(--n-turquoise-l3);
  }
  .dark-mode .bg-n-turquoise-d3 {
	background-color: var(--n-turquoise-l3);
  }
  .dark-mode .n-turquoise-d4 {
	color: var(--n-turquoise-l4);
  }
  .dark-mode .bg-n-turquoise-d4 {
	background-color: var(--n-turquoise-l4);
  }
  .dark-mode .n-turquoise-d5 {
	color: var(--n-turquoise-l5);
  }
  .dark-mode .bg-n-turquoise-d5 {
	background-color: var(--n-turquoise-l5);
  }
  .dark-mode .n-turquoise-d6 {
	color: var(--n-turquoise-l6);
  }
  .dark-mode .bg-n-turquoise-d6 {
	background-color: var(--n-turquoise-l6);
  }
  .dark-mode .n-turquoise-d7 {
	color: var(--n-turquoise-l7);
  }
  .dark-mode .bg-n-turquoise-d7 {
	background-color: var(--n-turquoise-l7);
  }
  .n-yellow-ld {
	color: var(--n-yellow-ld);
  }
  .bg-n-yellow-ld {
	background-color: var(--n-yellow-ld);
  }
  .n-yellow-l1 {
	color: var(--n-yellow-l1);
  }
  .bg-n-yellow-l1 {
	background-color: var(--n-yellow-l1);
  }
  .n-yellow-l2 {
	color: var(--n-yellow-l2);
  }
  .bg-n-yellow-l2 {
	background-color: var(--n-yellow-l2);
  }
  .n-yellow-l3 {
	color: var(--n-yellow-l3);
  }
  .bg-n-yellow-l3 {
	background-color: var(--n-yellow-l3);
  }
  .n-yellow-l4 {
	color: var(--n-yellow-l4);
  }
  .bg-n-yellow-l4 {
	background-color: var(--n-yellow-l4);
  }
  .n-yellow-l5 {
	color: var(--n-yellow-l5);
  }
  .bg-n-yellow-l5 {
	background-color: var(--n-yellow-l5);
  }
  .n-yellow-l6 {
	color: var(--n-yellow-l6);
  }
  .bg-n-yellow-l6 {
	background-color: var(--n-yellow-l6);
  }
  .n-yellow-l7 {
	color: var(--n-yellow-l7);
  }
  .bg-n-yellow-l7 {
	background-color: var(--n-yellow-l7);
  }
  .n-yellow-ld {
	color: var(--n-yellow-ld);
  }
  .bg-n-yellow-ld {
	background-color: var(--n-yellow-ld);
  }
  .n-yellow-d1 {
	color: var(--n-yellow-d1);
  }
  .bg-n-yellow-d1 {
	background-color: var(--n-yellow-d1);
  }
  .n-yellow-d2 {
	color: var(--n-yellow-d2);
  }
  .bg-n-yellow-d2 {
	background-color: var(--n-yellow-d2);
  }
  .n-yellow-d3 {
	color: var(--n-yellow-d3);
  }
  .bg-n-yellow-d3 {
	background-color: var(--n-yellow-d3);
  }
  .n-yellow-d4 {
	color: var(--n-yellow-d4);
  }
  .bg-n-yellow-d4 {
	background-color: var(--n-yellow-d4);
  }
  .n-yellow-d5 {
	color: var(--n-yellow-d5);
  }
  .bg-n-yellow-d5 {
	background-color: var(--n-yellow-d5);
  }
  .n-yellow-d6 {
	color: var(--n-yellow-d6);
  }
  .bg-n-yellow-d6 {
	background-color: var(--n-yellow-d6);
  }
  .n-yellow-d7 {
	color: var(--n-yellow-d7);
  }
  .bg-n-yellow-d7 {
	background-color: var(--n-yellow-d7);
  }
  .dark-mode .n-yellow-ld {
	color: var(--n-yellow-ld);
  }
  .dark-mode .bg-n-yellow-ld {
	background-color: var(--n-yellow-ld);
  }
  .dark-mode .n-yellow-l1 {
	color: var(--n-yellow-d1);
  }
  .dark-mode .bg-n-yellow-l1 {
	background-color: var(--n-yellow-d1);
  }
  .dark-mode .n-yellow-l2 {
	color: var(--n-yellow-d2);
  }
  .dark-mode .bg-n-yellow-l2 {
	background-color: var(--n-yellow-d2);
  }
  .dark-mode .n-yellow-l3 {
	color: var(--n-yellow-d3);
  }
  .dark-mode .bg-n-yellow-l3 {
	background-color: var(--n-yellow-d3);
  }
  .dark-mode .n-yellow-l4 {
	color: var(--n-yellow-d4);
  }
  .dark-mode .bg-n-yellow-l4 {
	background-color: var(--n-yellow-d4);
  }
  .dark-mode .n-yellow-l5 {
	color: var(--n-yellow-d5);
  }
  .dark-mode .bg-n-yellow-l5 {
	background-color: var(--n-yellow-d5);
  }
  .dark-mode .n-yellow-l6 {
	color: var(--n-yellow-d6);
  }
  .dark-mode .bg-n-yellow-l6 {
	background-color: var(--n-yellow-d6);
  }
  .dark-mode .n-yellow-l7 {
	color: var(--n-yellow-d7);
  }
  .dark-mode .bg-n-yellow-l7 {
	background-color: var(--n-yellow-d7);
  }
  .dark-mode .n-yellow-ld {
	color: var(--n-yellow-ld);
  }
  .dark-mode .bg-n-yellow-ld {
	background-color: var(--n-yellow-ld);
  }
  .dark-mode .n-yellow-d1 {
	color: var(--n-yellow-l1);
  }
  .dark-mode .bg-n-yellow-d1 {
	background-color: var(--n-yellow-l1);
  }
  .dark-mode .n-yellow-d2 {
	color: var(--n-yellow-l2);
  }
  .dark-mode .bg-n-yellow-d2 {
	background-color: var(--n-yellow-l2);
  }
  .dark-mode .n-yellow-d3 {
	color: var(--n-yellow-l3);
  }
  .dark-mode .bg-n-yellow-d3 {
	background-color: var(--n-yellow-l3);
  }
  .dark-mode .n-yellow-d4 {
	color: var(--n-yellow-l4);
  }
  .dark-mode .bg-n-yellow-d4 {
	background-color: var(--n-yellow-l4);
  }
  .dark-mode .n-yellow-d5 {
	color: var(--n-yellow-l5);
  }
  .dark-mode .bg-n-yellow-d5 {
	background-color: var(--n-yellow-l5);
  }
  .dark-mode .n-yellow-d6 {
	color: var(--n-yellow-l6);
  }
  .dark-mode .bg-n-yellow-d6 {
	background-color: var(--n-yellow-l6);
  }
  .dark-mode .n-yellow-d7 {
	color: var(--n-yellow-l7);
  }
  .dark-mode .bg-n-yellow-d7 {
	background-color: var(--n-yellow-l7);
  }
  .n-steel-blue-ld {
	color: var(--n-steel-blue-ld);
  }
  .bg-n-steel-blue-ld {
	background-color: var(--n-steel-blue-ld);
  }
  .n-steel-blue-l1 {
	color: var(--n-steel-blue-l1);
  }
  .bg-n-steel-blue-l1 {
	background-color: var(--n-steel-blue-l1);
  }
  .n-steel-blue-l2 {
	color: var(--n-steel-blue-l2);
  }
  .bg-n-steel-blue-l2 {
	background-color: var(--n-steel-blue-l2);
  }
  .n-steel-blue-l3 {
	color: var(--n-steel-blue-l3);
  }
  .bg-n-steel-blue-l3 {
	background-color: var(--n-steel-blue-l3);
  }
  .n-steel-blue-l4 {
	color: var(--n-steel-blue-l4);
  }
  .bg-n-steel-blue-l4 {
	background-color: var(--n-steel-blue-l4);
  }
  .n-steel-blue-l5 {
	color: var(--n-steel-blue-l5);
  }
  .bg-n-steel-blue-l5 {
	background-color: var(--n-steel-blue-l5);
  }
  .n-steel-blue-l6 {
	color: var(--n-steel-blue-l6);
  }
  .bg-n-steel-blue-l6 {
	background-color: var(--n-steel-blue-l6);
  }
  .n-steel-blue-l7 {
	color: var(--n-steel-blue-l7);
  }
  .bg-n-steel-blue-l7 {
	background-color: var(--n-steel-blue-l7);
  }
  .n-steel-blue-ld {
	color: var(--n-steel-blue-ld);
  }
  .bg-n-steel-blue-ld {
	background-color: var(--n-steel-blue-ld);
  }
  .n-steel-blue-d1 {
	color: var(--n-steel-blue-d1);
  }
  .bg-n-steel-blue-d1 {
	background-color: var(--n-steel-blue-d1);
  }
  .n-steel-blue-d2 {
	color: var(--n-steel-blue-d2);
  }
  .bg-n-steel-blue-d2 {
	background-color: var(--n-steel-blue-d2);
  }
  .n-steel-blue-d3 {
	color: var(--n-steel-blue-d3);
  }
  .bg-n-steel-blue-d3 {
	background-color: var(--n-steel-blue-d3);
  }
  .n-steel-blue-d4 {
	color: var(--n-steel-blue-d4);
  }
  .bg-n-steel-blue-d4 {
	background-color: var(--n-steel-blue-d4);
  }
  .n-steel-blue-d5 {
	color: var(--n-steel-blue-d5);
  }
  .bg-n-steel-blue-d5 {
	background-color: var(--n-steel-blue-d5);
  }
  .n-steel-blue-d6 {
	color: var(--n-steel-blue-d6);
  }
  .bg-n-steel-blue-d6 {
	background-color: var(--n-steel-blue-d6);
  }
  .n-steel-blue-d7 {
	color: var(--n-steel-blue-d7);
  }
  .bg-n-steel-blue-d7 {
	background-color: var(--n-steel-blue-d7);
  }
  .dark-mode .n-steel-blue-ld {
	color: var(--n-steel-blue-ld);
  }
  .dark-mode .bg-n-steel-blue-ld {
	background-color: var(--n-steel-blue-ld);
  }
  .dark-mode .n-steel-blue-l1 {
	color: var(--n-steel-blue-d1);
  }
  .dark-mode .bg-n-steel-blue-l1 {
	background-color: var(--n-steel-blue-d1);
  }
  .dark-mode .n-steel-blue-l2 {
	color: var(--n-steel-blue-d2);
  }
  .dark-mode .bg-n-steel-blue-l2 {
	background-color: var(--n-steel-blue-d2);
  }
  .dark-mode .n-steel-blue-l3 {
	color: var(--n-steel-blue-d3);
  }
  .dark-mode .bg-n-steel-blue-l3 {
	background-color: var(--n-steel-blue-d3);
  }
  .dark-mode .n-steel-blue-l4 {
	color: var(--n-steel-blue-d4);
  }
  .dark-mode .bg-n-steel-blue-l4 {
	background-color: var(--n-steel-blue-d4);
  }
  .dark-mode .n-steel-blue-l5 {
	color: var(--n-steel-blue-d5);
  }
  .dark-mode .bg-n-steel-blue-l5 {
	background-color: var(--n-steel-blue-d5);
  }
  .dark-mode .n-steel-blue-l6 {
	color: var(--n-steel-blue-d6);
  }
  .dark-mode .bg-n-steel-blue-l6 {
	background-color: var(--n-steel-blue-d6);
  }
  .dark-mode .n-steel-blue-l7 {
	color: var(--n-steel-blue-d7);
  }
  .dark-mode .bg-n-steel-blue-l7 {
	background-color: var(--n-steel-blue-d7);
  }
  .dark-mode .n-steel-blue-ld {
	color: var(--n-steel-blue-ld);
  }
  .dark-mode .bg-n-steel-blue-ld {
	background-color: var(--n-steel-blue-ld);
  }
  .dark-mode .n-steel-blue-d1 {
	color: var(--n-steel-blue-l1);
  }
  .dark-mode .bg-n-steel-blue-d1 {
	background-color: var(--n-steel-blue-l1);
  }
  .dark-mode .n-steel-blue-d2 {
	color: var(--n-steel-blue-l2);
  }
  .dark-mode .bg-n-steel-blue-d2 {
	background-color: var(--n-steel-blue-l2);
  }
  .dark-mode .n-steel-blue-d3 {
	color: var(--n-steel-blue-l3);
  }
  .dark-mode .bg-n-steel-blue-d3 {
	background-color: var(--n-steel-blue-l3);
  }
  .dark-mode .n-steel-blue-d4 {
	color: var(--n-steel-blue-l4);
  }
  .dark-mode .bg-n-steel-blue-d4 {
	background-color: var(--n-steel-blue-l4);
  }
  .dark-mode .n-steel-blue-d5 {
	color: var(--n-steel-blue-l5);
  }
  .dark-mode .bg-n-steel-blue-d5 {
	background-color: var(--n-steel-blue-l5);
  }
  .dark-mode .n-steel-blue-d6 {
	color: var(--n-steel-blue-l6);
  }
  .dark-mode .bg-n-steel-blue-d6 {
	background-color: var(--n-steel-blue-l6);
  }
  .dark-mode .n-steel-blue-d7 {
	color: var(--n-steel-blue-l7);
  }
  .dark-mode .bg-n-steel-blue-d7 {
	background-color: var(--n-steel-blue-l7);
  }
  .n-pink-ld {
	color: var(--n-pink-ld);
  }
  .bg-n-pink-ld {
	background-color: var(--n-pink-ld);
  }
  .n-pink-l1 {
	color: var(--n-pink-l1);
  }
  .bg-n-pink-l1 {
	background-color: var(--n-pink-l1);
  }
  .n-pink-l2 {
	color: var(--n-pink-l2);
  }
  .bg-n-pink-l2 {
	background-color: var(--n-pink-l2);
  }
  .n-pink-l3 {
	color: var(--n-pink-l3);
  }
  .bg-n-pink-l3 {
	background-color: var(--n-pink-l3);
  }
  .n-pink-l4 {
	color: var(--n-pink-l4);
  }
  .bg-n-pink-l4 {
	background-color: var(--n-pink-l4);
  }
  .n-pink-l5 {
	color: var(--n-pink-l5);
  }
  .bg-n-pink-l5 {
	background-color: var(--n-pink-l5);
  }
  .n-pink-l6 {
	color: var(--n-pink-l6);
  }
  .bg-n-pink-l6 {
	background-color: var(--n-pink-l6);
  }
  .n-pink-l7 {
	color: var(--n-pink-l7);
  }
  .bg-n-pink-l7 {
	background-color: var(--n-pink-l7);
  }
  .n-pink-ld {
	color: var(--n-pink-ld);
  }
  .bg-n-pink-ld {
	background-color: var(--n-pink-ld);
  }
  .n-pink-d1 {
	color: var(--n-pink-d1);
  }
  .bg-n-pink-d1 {
	background-color: var(--n-pink-d1);
  }
  .n-pink-d2 {
	color: var(--n-pink-d2);
  }
  .bg-n-pink-d2 {
	background-color: var(--n-pink-d2);
  }
  .n-pink-d3 {
	color: var(--n-pink-d3);
  }
  .bg-n-pink-d3 {
	background-color: var(--n-pink-d3);
  }
  .n-pink-d4 {
	color: var(--n-pink-d4);
  }
  .bg-n-pink-d4 {
	background-color: var(--n-pink-d4);
  }
  .n-pink-d5 {
	color: var(--n-pink-d5);
  }
  .bg-n-pink-d5 {
	background-color: var(--n-pink-d5);
  }
  .n-pink-d6 {
	color: var(--n-pink-d6);
  }
  .bg-n-pink-d6 {
	background-color: var(--n-pink-d6);
  }
  .n-pink-d7 {
	color: var(--n-pink-d7);
  }
  .bg-n-pink-d7 {
	background-color: var(--n-pink-d7);
  }
  .dark-mode .n-pink-ld {
	color: var(--n-pink-ld);
  }
  .dark-mode .bg-n-pink-ld {
	background-color: var(--n-pink-ld);
  }
  .dark-mode .n-pink-l1 {
	color: var(--n-pink-d1);
  }
  .dark-mode .bg-n-pink-l1 {
	background-color: var(--n-pink-d1);
  }
  .dark-mode .n-pink-l2 {
	color: var(--n-pink-d2);
  }
  .dark-mode .bg-n-pink-l2 {
	background-color: var(--n-pink-d2);
  }
  .dark-mode .n-pink-l3 {
	color: var(--n-pink-d3);
  }
  .dark-mode .bg-n-pink-l3 {
	background-color: var(--n-pink-d3);
  }
  .dark-mode .n-pink-l4 {
	color: var(--n-pink-d4);
  }
  .dark-mode .bg-n-pink-l4 {
	background-color: var(--n-pink-d4);
  }
  .dark-mode .n-pink-l5 {
	color: var(--n-pink-d5);
  }
  .dark-mode .bg-n-pink-l5 {
	background-color: var(--n-pink-d5);
  }
  .dark-mode .n-pink-l6 {
	color: var(--n-pink-d6);
  }
  .dark-mode .bg-n-pink-l6 {
	background-color: var(--n-pink-d6);
  }
  .dark-mode .n-pink-l7 {
	color: var(--n-pink-d7);
  }
  .dark-mode .bg-n-pink-l7 {
	background-color: var(--n-pink-d7);
  }
  .dark-mode .n-pink-ld {
	color: var(--n-pink-ld);
  }
  .dark-mode .bg-n-pink-ld {
	background-color: var(--n-pink-ld);
  }
  .dark-mode .n-pink-d1 {
	color: var(--n-pink-l1);
  }
  .dark-mode .bg-n-pink-d1 {
	background-color: var(--n-pink-l1);
  }
  .dark-mode .n-pink-d2 {
	color: var(--n-pink-l2);
  }
  .dark-mode .bg-n-pink-d2 {
	background-color: var(--n-pink-l2);
  }
  .dark-mode .n-pink-d3 {
	color: var(--n-pink-l3);
  }
  .dark-mode .bg-n-pink-d3 {
	background-color: var(--n-pink-l3);
  }
  .dark-mode .n-pink-d4 {
	color: var(--n-pink-l4);
  }
  .dark-mode .bg-n-pink-d4 {
	background-color: var(--n-pink-l4);
  }
  .dark-mode .n-pink-d5 {
	color: var(--n-pink-l5);
  }
  .dark-mode .bg-n-pink-d5 {
	background-color: var(--n-pink-l5);
  }
  .dark-mode .n-pink-d6 {
	color: var(--n-pink-l6);
  }
  .dark-mode .bg-n-pink-d6 {
	background-color: var(--n-pink-l6);
  }
  .dark-mode .n-pink-d7 {
	color: var(--n-pink-l7);
  }
  .dark-mode .bg-n-pink-d7 {
	background-color: var(--n-pink-l7);
  }
  .n-purple-ld {
	color: var(--n-purple-ld);
  }
  .bg-n-purple-ld {
	background-color: var(--n-purple-ld);
  }
  .n-purple-l1 {
	color: var(--n-purple-l1);
  }
  .bg-n-purple-l1 {
	background-color: var(--n-purple-l1);
  }
  .n-purple-l2 {
	color: var(--n-purple-l2);
  }
  .bg-n-purple-l2 {
	background-color: var(--n-purple-l2);
  }
  .n-purple-l3 {
	color: var(--n-purple-l3);
  }
  .bg-n-purple-l3 {
	background-color: var(--n-purple-l3);
  }
  .n-purple-l4 {
	color: var(--n-purple-l4);
  }
  .bg-n-purple-l4 {
	background-color: var(--n-purple-l4);
  }
  .n-purple-l5 {
	color: var(--n-purple-l5);
  }
  .bg-n-purple-l5 {
	background-color: var(--n-purple-l5);
  }
  .n-purple-l6 {
	color: var(--n-purple-l6);
  }
  .bg-n-purple-l6 {
	background-color: var(--n-purple-l6);
  }
  .n-purple-l7 {
	color: var(--n-purple-l7);
  }
  .bg-n-purple-l7 {
	background-color: var(--n-purple-l7);
  }
  .n-purple-ld {
	color: var(--n-purple-ld);
  }
  .bg-n-purple-ld {
	background-color: var(--n-purple-ld);
  }
  .n-purple-d1 {
	color: var(--n-purple-d1);
  }
  .bg-n-purple-d1 {
	background-color: var(--n-purple-d1);
  }
  .n-purple-d2 {
	color: var(--n-purple-d2);
  }
  .bg-n-purple-d2 {
	background-color: var(--n-purple-d2);
  }
  .n-purple-d3 {
	color: var(--n-purple-d3);
  }
  .bg-n-purple-d3 {
	background-color: var(--n-purple-d3);
  }
  .n-purple-d4 {
	color: var(--n-purple-d4);
  }
  .bg-n-purple-d4 {
	background-color: var(--n-purple-d4);
  }
  .n-purple-d5 {
	color: var(--n-purple-d5);
  }
  .bg-n-purple-d5 {
	background-color: var(--n-purple-d5);
  }
  .n-purple-d6 {
	color: var(--n-purple-d6);
  }
  .bg-n-purple-d6 {
	background-color: var(--n-purple-d6);
  }
  .n-purple-d7 {
	color: var(--n-purple-d7);
  }
  .bg-n-purple-d7 {
	background-color: var(--n-purple-d7);
  }
  .dark-mode .n-purple-ld {
	color: var(--n-purple-ld);
  }
  .dark-mode .bg-n-purple-ld {
	background-color: var(--n-purple-ld);
  }
  .dark-mode .n-purple-l1 {
	color: var(--n-purple-d1);
  }
  .dark-mode .bg-n-purple-l1 {
	background-color: var(--n-purple-d1);
  }
  .dark-mode .n-purple-l2 {
	color: var(--n-purple-d2);
  }
  .dark-mode .bg-n-purple-l2 {
	background-color: var(--n-purple-d2);
  }
  .dark-mode .n-purple-l3 {
	color: var(--n-purple-d3);
  }
  .dark-mode .bg-n-purple-l3 {
	background-color: var(--n-purple-d3);
  }
  .dark-mode .n-purple-l4 {
	color: var(--n-purple-d4);
  }
  .dark-mode .bg-n-purple-l4 {
	background-color: var(--n-purple-d4);
  }
  .dark-mode .n-purple-l5 {
	color: var(--n-purple-d5);
  }
  .dark-mode .bg-n-purple-l5 {
	background-color: var(--n-purple-d5);
  }
  .dark-mode .n-purple-l6 {
	color: var(--n-purple-d6);
  }
  .dark-mode .bg-n-purple-l6 {
	background-color: var(--n-purple-d6);
  }
  .dark-mode .n-purple-l7 {
	color: var(--n-purple-d7);
  }
  .dark-mode .bg-n-purple-l7 {
	background-color: var(--n-purple-d7);
  }
  .dark-mode .n-purple-ld {
	color: var(--n-purple-ld);
  }
  .dark-mode .bg-n-purple-ld {
	background-color: var(--n-purple-ld);
  }
  .dark-mode .n-purple-d1 {
	color: var(--n-purple-l1);
  }
  .dark-mode .bg-n-purple-d1 {
	background-color: var(--n-purple-l1);
  }
  .dark-mode .n-purple-d2 {
	color: var(--n-purple-l2);
  }
  .dark-mode .bg-n-purple-d2 {
	background-color: var(--n-purple-l2);
  }
  .dark-mode .n-purple-d3 {
	color: var(--n-purple-l3);
  }
  .dark-mode .bg-n-purple-d3 {
	background-color: var(--n-purple-l3);
  }
  .dark-mode .n-purple-d4 {
	color: var(--n-purple-l4);
  }
  .dark-mode .bg-n-purple-d4 {
	background-color: var(--n-purple-l4);
  }
  .dark-mode .n-purple-d5 {
	color: var(--n-purple-l5);
  }
  .dark-mode .bg-n-purple-d5 {
	background-color: var(--n-purple-l5);
  }
  .dark-mode .n-purple-d6 {
	color: var(--n-purple-l6);
  }
  .dark-mode .bg-n-purple-d6 {
	background-color: var(--n-purple-l6);
  }
  .dark-mode .n-purple-d7 {
	color: var(--n-purple-l7);
  }
  .dark-mode .bg-n-purple-d7 {
	background-color: var(--n-purple-l7);
  }
  .color-black, .color-black.icon {
	color: var(--n-gray-d1);
  }
  .color-white, .color-white.icon {
	color: #fff;
  }
  .color-gray, .color-gray.icon {
	color: var(--n-gray-d7);
  }
  .color-green, .color-green.icon {
	color: var(--green-l9);
  }
  .color-red, .color-red.icon {
	color: var(--red-l8);
  }
  .color-orange {
	color: var(--orange-l8);
  }
  .color-orange.icon {
	color: var(--orange-l6);
  }
  .color-blue, .color-blue.icon {
	color: var(--blue-l9);
  }
  .color-theme {
	color: #00283a;
  }
  .bg-color-black {
	background-color: #000;
  }
  .bg-color-white {
	background-color: #fff;
  }
  .bg-color-blue {
	background-color: var(--blue-l9) !important;
  }
  .bg-color-theme {
	background-color: #00283a;
  }
  .bg-transparent {
	background-color: transparent !important;
  }
  .dark-mode .color-black {
	color: #fff !important;
  }
  .dark-mode .color-gray {
	color: var(--n-gray-l7) !important;
  }
  .dark-mode .color-green {
	color: var(--green-d9) !important;
  }
  .dark-mode .color-red {
	color: var(--red-d8) !important;
  }
  .dark-mode .color-orange {
	color: var(--orange-d8) !important;
  }
  .dark-mode .color-orange.icon {
	color: var(--orange-d6) !important;
  }
  .dark-mode .color-combo {
	color: var(--orange-d9) !important;
  }
  .dark-mode .color-blue {
	color: var(--blue-d9) !important;
  }
  .dark-mode .color-theme {
	color: var(--gray-d2) !important;
  }
  .dark-mode .bg-color-white {
	background-color: #121212 !important;
  }
  .dark-mode .bg-transparent {
	background-color: transparent !important;
  }
  .dark-mode .bg-color-theme {
	background-color: var(--gray-d2) !important;
  }

@media not print {


	/* text color */
	a {
		color: inherit;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	.button {
		-webkit-tap-highlight-color: transparent;
	}
	.text-gray { color: #707070; }
	.text-lightergray { color: #6E6E6E; }
	.text-lightestgray { color: #505050; }
	.text-graylevel { color:#858585;}
	.text-darkgray { color: #212121; /* default */ }
	.text-darkgraylevel { color:#333;}
	.text-grayblack{ color: #424242;}
	.text-blue { color: #1946B8; }
	.text-brandblue { color: #09144f; }
	.text-darkblue { color: #0A185C;}
	.text-darkorange { color: #C21A00; }
	.text-grayorange{ color: #BD4B00; }
	.text-purered{ color: #DB1600; }
	.text-green { color: #1C7D29; }
	.text-red { color: #c00; }
	.text-darkred { color: #C1240B; }
	.text-line { color: #adadad; }
	.text-lightblue,
	.text-lightgray { color: #2A69DF;}
	.text-darklightblue { color: #4D6386;}
	.text-transparent { color: transparent; }
	
	
	
	
	/* background color */
	body {
		background-color: #fff;
		color: #212121;
	}
	.bg-white {
		background-color: #fff;
		color: #212121;
	}
	.bg-black {
		background-color: #000;
		color: #fff;
	}
	.tag.bg-black {
		background-color: #424242;
		color: #FBCC4B;
	}
	.tag.tag-success {
		background-color: #ECF5ED;
		color: #1E852C;
	}
	.tag.tag-danger {
		background-color: #FFEEEB;
		color: #DB1600;
	}
	.tag.tag-normal {
		background-color: #F2F2F2;
		color: #6E6E6E;
	}
	.tag.tag-warning {
		background-color: #FDF3C4;
		color: #8B6B0B;
	}
	.tag.tag-bigdanger {
		color: #DB1600;
		font-size: 20px;
	}
	.bg-gray {
		background-color: #E8E8E8;
		color: #212121;
	}
	.bg-black {
		background-color: #212121;
	}
	.bg-lightgray {
		background-color: #f7f7f7;
	}
	.bg-lightestgray {
		background-color: #D1D1D1;
	}
	.bg-lightergray {
		background-color: #f4f5f7;
	}
	.bg-graywhite {
		background-color: #F2F2F2;
	}
	a.bg-lightgray {
		transition: background-color 0.2s;
	}
	a.bg-lightgray:hover {
		background-color: rgba(228, 235, 253, 1);
		color: #2A69DF;
	}
	.bg-darkgray {
		background-color: #6e6e6e;
		color: #fff;
	}
	.bg-orange {
		background-color: #FA9D28;
		color: #212121;
		border: 2px solid transparent;
	}
	.bg-lightorange {
		background-color: #FF8500;
		color: #68200E;
	}
	.bg-lighterorange {
		background-color: #FF6600;
		color: #fff;
	}
	.bg-darkorange {
		background-color: #DB1600;
		border-color: transparent;
		color: #fff;
	}
	.bg-blue {
		background-color: #1061CD;
		color: #fff;
	}
	.bg-4-blue {
		background-color: #BCD5FA;
		color: #1946B8 !important;
	}
	.bg-lightblue {
		background-color: #ECF1FE;
	}
	.bg-lightgrayblue {
		background-color: #F6F8FE;
	}
	.tag.bg-lightblue {
		background-color: #ECF1FE;
		color: #2A69DF;
	}
	.tag.bg-lightgrayblue {
		background-color: #ECF1FE;
		color: #2A69DF;
	}
	.bg-darkblue {
		background-color: #0A185C;
		color: #fff;
	}
	.bg-red {
		background-color: #c00;
		color: #fff;
	}
	.bg-lightred {
		background-color: #FFEEEB;
		color: #DB1600;
	}
	.bg-green {
		background-color: #1C7D29;
		color: #fff;
	}
	.bg-thingreen {
		background-color: #0B855F;
		color: #fff;
	}
	.bg-lightgreen {
		background-color: #E0FAE3;
		color: #1C7D29;
	}
	.bg-violet {
		background-color: #3d0066;
		color: #fdc500;
	}
	.bg-line {
		background-color: #adadad;
	}
	.bg-badword {
		padding: 0 2px;
		background-color: #ff0;
		color: #c00;
		font-weight: bold;
	}
	.bg-darkred,
	.button.bg-darkred {
		background-color: #801500;
		color: #fff;
	}
	.bg-darkred:hover,
	.button.bg-darkred:hover {
		background-color: #BA2002;
		color: #fff;
	}
	.bg-darkred:active,
	.button.bg-darkred:active {
		background-color: #ba2002db;
	}
	.bg-darkerred,
	.button.bg-darkerred {
		background-color: #6B1500;
		color: #fff;
	}
	.bg-darkerred:hover,
	.button.bg-darkerred:hover {
		background-color: #A22000;
		color: #fff;
	}
	.bg-darkerred:active,
	.button.bg-darkerred:active {
		background-color: #6b1500de;
	}
	.bg-levelblue {
		background-color: #6694EA;
		color: #fff;
	}
	.bg-levelyellow {
		background-color: #F3A700;
		color: #fff;
	}
	.bg-levelpurple {
		background-color: #9783C7;
		color: #fff;
	}
	.bg-levelorange {
		background-color: #FF9233;
		color: #fff;
	} 

	.button.bg-normal {
		background-color: #fff !important;
		color: #212121 !important;
		border-color: #BFBFBF;
	}
	.button.bg-normal:hover {
		border-color: #1946B8 !important;
		color: #1946B8 !important;
	}
	.dark-mode .button.bg-normal {
		background-color: #212121 !important;
		color: #fff !important;
		border-color: #424242 !important;
	}
	.dark-mode .button.bg-normal:hover {
		border-color: #8EAFF0 !important;
		color: #8EAFF0 !important;
	}


	/* ----svg */
	.bg-black > svg,
	.bg-darkgray > svg,
	.bg-orange > svg,
	.bg-darkorange > svg,
	.bg-blue > svg,
	.bg-darkblue > svg,
	.bg-red > svg,
	.bg-green > svg {
		fill: #fff;
	}
	/* ----text special */
	.bg-lightgray.text-gray,
	.bg-lightgray .text-gray,
	.bg-lightblue.text-gray,
	.bg-lightblue .text-gray,
	.bg-lightgrayblue.text-gray,
	.bg-lightgrayblue .text-gray,
	.bg-gradient-lightblue .text-gray {
		color: hsl(0deg, 0%, 43%);
	}
	.bg-gradient-lightblue .text-darkorange {
		color: #8A3700;
	}
	.bg-darkblue.text-gray,
	.bg-darkblue .text-gray {
		color: #adadad;
	}
	/* ----button special */
	.button:hover {
		color: #1946B8;
	}
	.button:disabled,
	.button.is-disabled {
		color: #C6CDDE;
	}
	.button.bg-orange:hover,
	.toggle:hover .toggle-handle.bg-orange {
		background-color: #FF8500;
		color: #212121;
	}
	.button.bg-orange:active {
		background-color: #E47423;
	}
	.button.bg-orange:disabled,
	.button.bg-orange.is-disabled {
		color: #ADADAD;
		background-color: #F2F2F2;
		border: 2px solid #E8E8E8;
	}
	.toggle:hover .toggle-handle.bg-orange {
		background-color: #FF8500;
	}
	.button.bg-blue:hover,
	.toggle:hover .toggle-handle.bg-blue {
		background-color: #3A60C2;
		color: #fff;
	}
	.button.bg-blue:active {
		background-color: #163FAA;
	}
	.button.bg-blue:focus {
		box-shadow: 0 0 0 2px rgba(26, 71, 184, 0.4);
	}
	.button.bg-blue:disabled,
	.button.bg-blue.is-disabled {
		color: #fff;
		background-color: #C6CDDE;
	}
	.button.bg-lightblue,
	.toggle .toggle-handle.bg-lightblue,
	.button.bg-lightgrayblue,
	.toggle .toggle-handle.bg-lightgrayblue {
		background-color: #A9C1F4;
		color: #212121;
	}
	.button.bg-lightblue:hover,
	.toggle:hover .toggle-handle.bg-lightblue,
	.button.bg-lightgrayblue:hover,
	.toggle:hover .toggle-handle.bg-lightgrayblue {
		background-color: #B5CAF5;
		color: #212121;
	}
	.button.bg-lightblue:active,
	.button.bg-lightgrayblue:active {
		background-color: #8FA4CF;
	}
	.button.bg-lightblue:focus,
	.button.bg-lightgrayblue:focus {
		box-shadow: 0 0 0 2px rgba(142, 175, 240, 0.4);
	}
	.button.bg-lightblue:disabled,
	.button.bg-lightblue.is-disabled,
	.button.bg-lightgrayblue:disabled,
	.button.bg-lightgrayblue.is-disabled {
		color: #ADADAD;
		background-color: #D7DDE9;
	}	
	.button.bg-follow {
		background-color: #8EAFF0;
		color:#212121;
	}
	.button.bg-white {
		border-color: #d1d1d1;
		color: #363636;
	}
	.button.bg-white:hover {
		border-color: #1946B8;
		color: #1946B8;
	}
	.button.bg-white:active {
		background-color: #E3EAFC;
	}
	.button.bg-white:focus {
		border-color: #1946B8;
		box-shadow: 0 0 0 2px rgba(25, 70, 184, 0.4);
	}
	.button.bg-white.is-active,
	.button.bg-white.is-active:hover {
		background-color: #1946B8;
		border-color: transparent;
		color: #fff;
	}
	.button.bg-white:disabled,
	.button.bg-white.is-disabled {
		border-color: #E8E8E8;
		background-color: #f2f2f2;
		color: #605252;
	}
	.button.bg-lightgray.is-active,
	.button.bg-lightgray.is-active:hover {
		background-color: #CC4100;
		border-color: transparent;
		color: #fff;
	}
	.button.bg-black:hover {
		color: #fff;
	}
	/* ----arrow in bg */
	.menu.at-bottom > .menu-body.bg-white > .menu-arrow { border-bottom-color: rgba(180, 180, 180, 0.2); }
	.menu.at-bottom > .menu-body.bg-white > .menu-arrow:before { border-bottom-color: #fff; }
	.menu.at-right > .menu-body.bg-white > .menu-arrow { border-right-color: rgba(180, 180, 180, 0.2); }
	.menu.at-right > .menu-body.bg-white > .menu-arrow:before { border-right-color: #fff; }
	.menu.at-left > .menu-body.bg-white > .menu-arrow { border-left-color: rgba(180, 180, 180, 0.2); }
	.menu.at-left > .menu-body.bg-white > .menu-arrow:before { border-left-color: #fff; }
	.menu.at-top > .menu-body.bg-white > .menu-arrow { border-top-color: rgba(180, 180, 180, 0.2); }
	.menu.at-top > .menu-body.bg-white > .menu-arrow:before { border-top-color: #fff; }
	/* ----arrow in new-feature */
	.new-features-body.bg-black {background-color: rgba(0, 0, 0, 0.8);}
	.new-features-body.at-top > .new-features-arrow { border-top-color: #fff; }
	.new-features-body.at-top > .new-features-arrow:before { border-top-color: rgba(0, 0, 0, 0.8); }
	.new-features-body.at-top-center > .new-features-arrow { border-top-color: #fff; }
	.new-features-body.at-top-center > .new-features-arrow:before { border-top-color: rgba(0, 0, 0, 0.8); }
	.new-features-body.at-bottom > .new-features-arrow { border-bottom-color: #fff; }
	.new-features-body.at-bottom > .new-features-arrow:before { border-bottom-color: rgba(0, 0, 0, 0.8); }
	.new-features-body.at-bottom-center > .new-features-arrow { border-bottom-color: #fff; }
	.new-features-body.at-bottom-center > .new-features-arrow:before { border-bottom-color: rgba(0, 0, 0, 0.8); }
	.new-features-body.at-right > .new-features-arrow { border-right-color: #fff; }
	.new-features-body.at-right > .new-features-arrow:before { border-right-color: rgba(0, 0, 0, 0.8); }
	.new-features-body.at-left > .new-features-arrow { border-left-color: #fff; }
	.new-features-body.at-left > .new-features-arrow:before { border-left-color: rgba(0, 0, 0, 0.8); }

	.menu-close { color: #d1d1d1; }
	.menu-close:hover { color: #212121; }
	
	
	/* gradient background color */
	.bg-gradient-lightblue {
		background-color: #ECF1FE;
		background-image: -webkit-linear-gradient(135deg, #EFFAFF 0%, #E9EFFF 50%, rgba(195, 234, 255, 0.40) 100%);
		background-image: linear-gradient(135deg, #EFFAFF 0%, #E9EFFF 50%, rgba(195, 234, 255, 0.40) 100%);
	}
	
	
	
	/* transparent background color */
	.bg-transparent-gray {
		transition: background-color 0.2s;
		transform: translate3d(0, 0, 0);
	}
	.bg-transparent-gray:hover,
	.bg-transparent-gray.is-active,
	.is-active > .bg-transparent-gray {
		background-color: rgba(235, 235, 235, 1);
	}
	.bg-transparent-lightblue {
		transition: background-color 0.2s;
		transform: translate3d(0, 0, 0);
	}
	.link-underline:hover,
	.link-underline.is-active,
	.review-content p a:hover,
	.review-content li a:hover,
	.bg-transparent-lightblue:hover,
	.bg-transparent-lightblue.is-active,
	.is-active > .bg-transparent-lightblue {
		color: #2A69DF;
	}
	
	
	
	
	/* border color */
	.bd-gray,
	.grid.bd-gray > .grid-col,
	table, 
	tr, 
	td, 
	th {
		border-color: #e8e8e8;
	}
	.grid.bd-gray > .grid-col:before,
	.grid.bd-gray > .grid-col:after {
		background-color: #e8e8e8;
	}
	.bd-blue,
	.breadcrumbs-dropdown:hover .breadcrumbs-dropdown-trigger.bd-gray,
	.breadcrumbs-dropdown.is-active > .breadcrumbs-dropdown-trigger.bd-gray,
	.selectable-card.bd-gray:hover {
		border-color: #1946B8;
	}
	.breadcrumbs-dropdown:hover .breadcrumbs-dropdown-trigger.bd-gray,
	.breadcrumbs-dropdown.is-active > .breadcrumbs-dropdown-trigger.bd-gray {
		background-color: #fff;
		color: #1946B8;
	}
	.breadcrumbs-keywords-del:hover {
		color: red;
	}
	.bd-gray.is-checked {
		border-color: #1946B8;
		box-shadow: 0 0 4px #1946B8;
	}
	
	
	/* shadow */
	.shadow-level-1,
	.hover-shadow-level-1:hover {
		-webkit-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
		   -moz-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
		    -ms-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
			 -o-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
			 	box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
	}
	
	
	
	
	
	
	/* forms color */
	
	/* ----placeholder */
	::-webkit-input-placeholder { color: #858585; }
	:-moz-placeholder { color: #858585; }
	::-moz-placeholder { color: #858585; }
	:-ms-input-placeholder { color: #858585; }
	::placeholder { color: #858585; }
	
	/* ----input box */
	.input-text > input,
	.input-textarea > textarea,
	.input-select-text,
	.goods-select-name {
		border-color: transparent;
		box-shadow: 0 0 0 1px #d1d1d1;
		background-color: #fff;
		color: #212121;
	}
	.input-combined {
		border-color: transparent;
		box-shadow: 0 0 0 1px #d1d1d1;
		background-color: #fff;
	}
	.input-text > input:focus,
	.input-text.is-active > input,
	.input-textarea > textarea:focus,
	.input-textarea.is-active > textarea,
	.input-select.is-active .input-select-text,
	.goods-select select:focus + .goods-select-name {
		border-color: #1946B8;
		box-shadow: 0 0 0 1px #1946B8;
	}
	.input-text-clear {
		background-color: #C3D3F8;
		color: #1946B8;
	}
	
	/* ----checkbox */
	.input-check-mark,
	.input-radio-mark {
		border-color: #d1d1d1;
		background-color: #fff;
	}
	.input-check:hover .input-check-mark,
	.input-radio:hover .input-radio-mark {
		border-color: #A9C1F4;
		background-color: #E3EAFC;
	}
	.input-check input[type="checkbox"]:checked + .input-check-mark,
	.input-check input[type="checkbox"]:indeterminate + .input-check-mark,
	.input-radio input[type="radio"]:checked + .input-radio-mark {
		background-color: #1946B8;
		border-color: #1946B8;
	}
	.input-check input[type="checkbox"]:checked + .input-check-mark:before,
	.input-check input[type="checkbox"]:indeterminate + .input-check-mark:before {
		border-color: #fff;
	}
	.input-radio input[type="radio"]:checked + .input-radio-mark:before {
		background-color: #fff;
	}
	.input-check input[type="checkbox"]:disabled + .input-check-mark,
	.input-radio input[type="radio"]:disabled + .input-radio-mark,
	.input-text input[type="text"]:disabled {
		background-color: #f2f2f2;
		border-color: #ebebeb;
	}
	
	/* ---error */
	.form-error-msg {
		background-color: #DB1600;
		color: #fff;
	}
	.form-error-msg:before {
		border-bottom-color: #DB1600;
	}
	.goods-select.show-error > span,
	.input-text.show-error > input,
	.input-textarea.show-error > textarea,
	.input-select.show-error .input-select-text,
	.goods-select.show-error select:focus + .goods-select-name{
		border-color: #DB1600;
		box-shadow: 0 0 0 1px #DB1600;
	}
	.input-radio.show-error  .input-radio-text {
		color: #DB1600;
	}
	.input-radio.show-error input[type="radio"] + .input-radio-mark {
		background-color: #ffe5e5;
		border-color: #DB1600;
	}
	.input-radio.show-error input[type="radio"]:checked + .input-radio-mark {
		background-color: #DB1600;
		border-color: #DB1600;
	}
	
	/* ----disabled */
	.input-text.is-disabled,
	.input-textarea.is-disabled,
	.input-select.is-disabled {
		pointer-events: none;
	}
	.input-text.is-disabled > input,
	.input-textarea.is-disabled > textarea,
	.input-select.is-disabled .input-select-text {
		border-color: #E8E8E8;
		background-color: #f2f2f2;
		color: #ADADAD;
		pointer-events: none;
	}
	
	/* ----toggle button */
	.toggle input[type="checkbox"]:disabled ~ .toggle-body {
		border-color: #f2f2f2;
	}
	.toggle input[type="checkbox"]:disabled ~ .toggle-body .toggle-handle {
		background: #ebebeb;
		color: #adadad;
	}
	
	/* ----countdown */
	.section-countdown span {
		background: #E8E8E8;
	}
	
	/* scrollbar */
	.scrollbar::-webkit-scrollbar {
	    background-color: #f7f7f7;
	}
	.scrollbar::-webkit-scrollbar-thumb {
	    background-color: rgba(0,0,0,.5);
	    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
	}
	.filter-side.is-new .menu-list.scrollbar::-webkit-scrollbar {
		background-color: transparent;
	}
	.filter-side.is-new .menu-list.scrollbar::-webkit-scrollbar-thumb {
		background-color: #D1D1D1;
	}
	.dark-mode .filter-side.bg-white {
		background-color: #121212;
	}
	
	/* swiper arrows */
	.swiper-button-gray {
		background-color: rgba(243, 243, 243, 0.7);
		color: #adadad;
	}
	.swiper-button-gray:hover {
		background-color: rgba(243, 243, 243, 1);
	}
	.swiper-button-black {
		background-color: rgba(0, 0, 0, 0.4);
		color: #fff;
	}
	.swiper-button-black:hover {
		background-color: rgba(0, 0, 0, 0.8);
	}
	
	
	/* show item image's background */
	.show-img-bg .bg-gradient-lightblue {
		background-color: #ECF1FE;
		background-image: none;
	}
	.show-img-bg .goods-bg {
		display: none;
	}
	.show-img-bg .goods-img:not(.bg-lightgray) {
		mix-blend-mode: darken;
	}
	.show-img-bg .goods-img > img {
		mix-blend-mode: darken;
		background-color: #fff;
	}
	
	
	
	/* menu-list */
	.menu-list > ul > li.is-active .filter-list-cell > div {
		color: #1946B8;
	}
	.dark-mode .menu-list > ul > li.is-active .filter-list-cell > div {
		color: #6694EA;
	}



	/* filter-button */
	.filter-button-cell {
		border: 1px solid #ADADAD;
	}
	.filter-button-cell:hover {
		border-color: #1946B8;
	}
	.filter-button-cell.is-active {
		background-color: #E3EAFC;
		color: #1946B8;
		border-color: #1946B8;
	}
	.filter-button-cell.text-darkorange {
		color: #CC4100;
	}
	.filter-button-cell.is-active.text-darkorange {
		color: #1946B8;
	}
	.filter-button-cell.is-active > .text-lightergray {
		color: #616161;
	}
	.filter-side.is-new .filter-list,
	.filter-side.is-new .filter-list-switch > ul:last-child {
		border-bottom: 1px solid #E8E8E8;	
	}
	.filter-side.is-new .filter-list-title .ico-angle-down {
		color: #6e6e6e;
	}
	.filter-side.is-new .filter-list.is-scrollbar.scrollbar > .filter-list {
		border-bottom: none;	
	}
	.filter-side.is-new .filter-list:last-child {
		border-bottom: 0;
	}
	.filter-list-price-range.is-new .input-text.is-active {
		border-color: #1946B8;
	}
	.dark-mode .filter-button-cell.is-active > .text-lightergray {
		color: #adadad;
	}
	.dark-mode .filter-button-cell.text-darkorange {
		color: #FF9233;
	}
	.dark-mode .filter-button-cell,
	.dark-mode .filter-list-price-range.is-new .input-text {
		border-color: #424242;
	}
	.dark-mode .filter-side.is-new .filter-list-title .ico-angle-down {
		color: #adadad;
	}
	.dark-mode .filter-list-price-range.is-new .input-text > input {
		background-color: transparent;
	}
	.dark-mode .filter-list-price-range.is-new .input-text > input:focus {
		box-shadow: none;
	}
	.dark-mode .filter-list-price-range.is-new .input-text:focus-within {
		border-color: #A9C1F4;
	}
	.dark-mode .filter-list-price-range.is-new .input-text.is-active {
		border-color: #A9C1F4;
	}
	.dark-mode .filter-list-price-range.is-new .input-text.is-active > input {
		border: 0;
		box-shadow: none;
	}
	.dark-mode .filter-side.is-new .filter-list,
	.dark-mode .filter-side.is-new .filter-list-switch > ul:last-child {
		border-color: #363636;
	}
	.dark-mode .filter-button-cell.is-active {
		border-color: #A9C1F4;
		color: #A9C1F4;
		background-color: #363636;
	}
	.dark-mode .filter-side.is-new .menu-list.scrollbar::-webkit-scrollbar-thumb {
		background-color: #424242;
	}
	.dark-mode .filter-button-cell:hover {
		border-color: #A9C1F4;
	}
	.dark-mode .filter-button-cell.has-image {
		background-color: rgba(255, 255, 255, 0.8);
	}
	.dark-mode .filter-button-cell.is-active.has-image {
		background-color: rgba(255, 255, 255, 1);
	}
	


	
	/***************
	 ***************
	 ** var color **
	 ***************
	 ***************/
	 :root {
		--n-orange-l1:#FFF8EE;
		--n-orange-l2:#FFF3E2;
		--n-orange-l3:#FFE4C0;
		--n-orange-l4:#FFC988;
		--n-orange-l5:#FFB25D;
		--n-orange-l6:#FF8500;
		--n-orange-l7:#FF6600;
	
		--n-orange-ld:#E85500;
	
		--n-orange-d7:#CC4100;
		--n-orange-d6:#B03708;
		--n-orange-d5:#8E2B0D;
		--n-orange-d4:#78250E;
		--n-orange-d3:#68200E;
		--n-orange-d2:#461608;
		--n-orange-d1:#3E1407;
	}
	:root {
		--n-steel-blue-l1:#F5F6FA;
		--n-steel-blue-l2:#F2F3F8;
		--n-steel-blue-l3:#E8EAF2;
		--n-steel-blue-l4:#CAD0E2;
		--n-steel-blue-l5:#B7C0D7;
		--n-steel-blue-l6:#A0ADCA;
		--n-steel-blue-l7:#8494B8;
	
		--n-steel-blue-ld:#7587AE;
		
		--n-steel-blue-d7:#596F97;
		--n-steel-blue-d6:#4F638C;
		--n-steel-blue-d5:#3E5074;
		--n-steel-blue-d4:#334261;
		--n-steel-blue-d3:#293651;
		--n-steel-blue-d2:#1C263F;
		--n-steel-blue-d1:#172036;
	}
	:root {
		--n-yellow-l1:#FFFBE5;
		--n-yellow-l2:#FFF8E2;
		--n-yellow-l3:#FEECA8;
		--n-yellow-l4:#F2D16D;
		--n-yellow-l5:#E1BC52;
		--n-yellow-l6:#D1A835;
		--n-yellow-l7:#C09411;
	
		--n-yellow-ld:#A8810F;
		
		--n-yellow-d7:#8B6B0B;
		--n-yellow-d6:#7A5E0A;
		--n-yellow-d5:#5F4807;
		--n-yellow-d4:#4F3C05;
		--n-yellow-d3:#453403;
		--n-yellow-d2:#302403;
		--n-yellow-d1:#2A2002;
	}
	:root {
		--n-gray-l1:#F7F7F7;
		--n-gray-l2:#F2F2F2;
		--n-gray-l3:#E8E8E8;
		--n-gray-l4:#D1D1D1;
		--n-gray-l5:#BFBFBF;
		--n-gray-l6:#ADADAD;
		--n-gray-l7:#949494;
	
		--n-gray-ld:#858585;
		
		--n-gray-d7:#6E6E6E;
		--n-gray-d6:#636363;
		--n-gray-d5:#505050;
		--n-gray-d4:#424242;
		--n-gray-d3:#363636;
		--n-gray-d2:#262626;
		--n-gray-d1:#212121;
	}
	:root {
		--n-green-l1:#F5FAF5;
		--n-green-l2:#ECF5ED;
		--n-green-l3:#DDEEE0;
		--n-green-l4:#BBDBC0;
		--n-green-l5:#9FCBA4;
		--n-green-l6:#84BB89;
		--n-green-l7:#5FA664;
	
		--n-green-ld:#47984E;
		
		--n-green-d7:#1E852C;
		--n-green-d6:#177428;
		--n-green-d5:#0F5C21;
		--n-green-d4:#0B4E1D;
		--n-green-d3:#094018;
		--n-green-d2:#062E12;
		--n-green-d1:#06260E;
	}
	:root {
		--n-red-l1:#FFF3F0;
		--n-red-l2:#FFEEEB;
		--n-red-l3:#FFE1DB;
		--n-red-l4:#FFC1B8;
		--n-red-l5:#FFA99E;
		--n-red-l6:#FF8C80;
		--n-red-l7:#FF5B4D;
	
		--n-red-ld:#FF3729;
		
		--n-red-d7:#DB1600;
		--n-red-d6:#C21A00;
		--n-red-d5:#9E1500;
		--n-red-d4:#801500;
		--n-red-d3:#6B1500;
		--n-red-d2:#471100;
		--n-red-d1:#3D1000;
	}
	:root {
		--n-turquoise-l1:#F1F8FB;
		--n-turquoise-l2:#E7F1F5;
		--n-turquoise-l3:#DCEBF1;
		--n-turquoise-l4:#B9DAE7;
		--n-turquoise-l5:#94C9DF;
		--n-turquoise-l6:#6BB9DA;
		--n-turquoise-l7:#26A0D5;
	
		--n-turquoise-ld:#1E8FC2;
		
		--n-turquoise-d7:#1477A3;
		--n-turquoise-d6:#0E6A92;
		--n-turquoise-d5:#075678;
		--n-turquoise-d4:#044866;
		--n-turquoise-d3:#023B55;
		--n-turquoise-d2:#00283A;
		--n-turquoise-d1:#002533;
	}
	:root {
		--n-blue-l1:#F5F9FF;
		--n-blue-l2:#EEF5FF;
		--n-blue-l3:#E0EDFF;
		--n-blue-l4:#BCD5FA;
		--n-blue-l5:#A2C2F5;
		--n-blue-l6:#8BB2F1;
		--n-blue-l7:#6596EA;
	
		--n-blue-ld:#4D86E5;
		
		--n-blue-d7:#146ADB;
		--n-blue-d6:#1061CD;
		--n-blue-d5:#084BA6;
		--n-blue-d4:#043E8D;
		--n-blue-d3:#002D6A;
		--n-blue-d2:#05225E;
		--n-blue-d1:#071C58;
	}

	:root {
		--n-purple-l1:#F8F6FF;
		--n-purple-l2:#F4F0FF;
		--n-purple-l3:#EBE5FF;
		--n-purple-l4:#D4C8FF;
		--n-purple-l5:#CABDFF;
		--n-purple-l6:#B2A1FF;
		--n-purple-l7:#9078FE;
	
		--n-purple-ld:#8C72F6;
		
		--n-purple-d7:#7C5AD5;
		--n-purple-d6:#724BC1;
		--n-purple-d5:#6337A5;
		--n-purple-d4:#582892;
		--n-purple-d3:#4D197F;
		--n-purple-d2:#3D0066;
		--n-purple-d1:#36005B;
	}

	:root {
		--n-pink-l1:#FEF6FD;
		--n-pink-l2:#FEF1FA;
		--n-pink-l3:#FFE5F4;
		--n-pink-l4:#FDC3E4;
		--n-pink-l5:#FAA6D6;
		--n-pink-l6:#F98CCD;
		--n-pink-l7:#F15AB3;
	
		--n-pink-ld:#E943A6;
		
		--n-pink-d7:#C43489;
		--n-pink-d6:#B12C7B;
		--n-pink-d5:#922063;
		--n-pink-d4:#7C1753;
		--n-pink-d3:#670F44;
		--n-pink-d2:#4F0532;
		--n-pink-d1:#44062B;
	}
	
	
	/***************
	 ***************
	 ** DARK MODE **
	 ***************
	 ***************/


	/* text color */
	.dark-mode .text-graylevel,
	.dark-mode .text-gray { color: #ADADAD; }
	.dark-mode .text-darkgraylevel,
	.dark-mode .text-darkgray { color: #fff; /* default */ }
	.dark-mode .text-grayblack { color:#D1D1D1; }
	.dark-mode .text-lightblue,
	.dark-mode .text-blue { color: #AFC3EE !important; }
	.dark-mode .text-darkblue,
	.dark-mode .text-brandblue { color: #fff; }
	.dark-mode .text-darkorange { color: #FF6600;; }
	.dark-mode .text-grayorange{color: #F06C00; }
	.dark-mode .text-green { color: #239A33 !important; }
	.dark-mode .text-darklightblue { color: #fff; }
	.dark-mode .text-lightestgray { color: #fff; }
	.dark-mode .text-purered{ color: #FF5B4D; }
	.dark-mode .text-lightergray { color: #ADADAD; }
	
	
	
	/* background color */
	.dark-mode body {
		background-color: #121212;
		color: #fff;
	}
	.dark-mode .bg-white {
		background-color: #212121;
		color: #fff;
	}
	.dark-mode .bg-gray,
	.dark-mode .bg-lightergray,
	.dark-mode .bg-lightestgray {
		background-color: #424242;
		color: #fff;
	}
	.dark-mode .bg-lightgray,
	.dark-mode .bg-graywhite {
		background-color: #262626;
	}
	.dark-mode a.bg-lightgray {
		transition: background-color 0.2s;
	}
	.dark-mode a.bg-lightgray:hover {
		background-color: rgba(21, 56, 158, 1);
		color: #8EAFF0;
	}
	.dark-mode .bg-darkgray {
		background-color: #6e6e6e;
		color: #fff;
	}
	.dark-mode .bg-orange:not(.toggle-handle) {
		background-color: #FA9D28;
		color: #121212;
	}
	.dark-mode .bg-darkred,
	.dark-mode .button.bg-darkred {
		background-color: #FDD7DE;
		color: #301656;
	}
	.dark-mode .bg-darkred:hover,
	.dark-mode .button.bg-darkred:hover {
		background-color: #FEE9ED;
		color: #301656;
	}
	.dark-mode .bg-darkred:active,
	.dark-mode .button.bg-darkred:active {
		background-color: #fee9eddb;
	}
	.dark-mode .bg-darkerred,
	.dark-mode .button.bg-darkerred {
		background-color: #FEDBA6;
		color: #212121;
	}
	.dark-mode .bg-darkerred:hover,
	.dark-mode .button.bg-darkerred:hover {
		background-color: #FFC264;
		color: #212121;
	}
	.dark-mode .bg-darkerred:active,
	.dark-mode .button.bg-darkerred:active {
		background-color: #fedba6f2;
	}

	.dark-mode .bg-lightorange {
		background-color: #B03708;
		color: #fff;
	}
	.dark-mode .button.bg-lightgray.is-active,
	.dark-mode .button.bg-lightgray.is-active:hover {
		background-color: #CC4100;
		color: #fff;
	}
	.dark-mode .bg-blue {
		background-color: #8EAFF0;
		color: #121212;
	}
	.dark-mode .bg-lightblue,
	.dark-mode .bg-lightgrayblue {
		background-color: #0C1D6A;
	}
	.dark-mode .bg-darkblue { /* speacil */
		background-color: #0A185C;
		color: #fff;
	}
	.dark-mode .bg-red {
		background-color: #c00;
		color: #fff;
	}
	.dark-mode .bg-green {
		background-color: #239A33;
		color: #fff;
	}
	.dark-mode .bg-line {
		background-color: #6E6E6E;
	}
	/* ----text special */
	.dark-mode .bg-lightgray.text-gray,
	.dark-mode .bg-lightgray .text-gray,
	.dark-mode .bg-lightblue.text-gray,
	.dark-mode .bg-lightblue .text-gray,
	.dark-mode .bg-lightgrayblue.text-gray,
	.dark-mode .bg-lightgrayblue .text-gray {
		color: #ADADAD;
	}
	.dark-mode .bg-blue.text-gray,
	.dark-mode .bg-blue .text-gray {
		color: #121212;
	}
	/* ----button special */
	.dark-mode .button:hover {
		color: #8EAFF0;
	}
	.dark-mode .button.bg-orange:hover {
		background-color: #FA9D28;
		color: #121212;
	}
	.dark-mode .button.bg-orange:active {
		background-color: #E47423;
	}
	.dark-mode .button.bg-orange:disabled,
	.dark-mode .button.bg-orange.is-disabled {
		background-color: #F2F2F2;
		color: #ADADAD;
		border: 2px solid #E8E8E8;
	}
	.dark-mode .button.bg-blue:hover,
	.dark-mode .toggle:hover .toggle-handle.bg-blue {
		background-color: #9EBAF2;
		color: #121212;
	}
	.dark-mode .button.bg-blue:active {
		background-color: #7894CC;
	}
	.dark-mode .button.bg-blue:focus {
		box-shadow: 0 0 0 2px rgba(142, 174, 240, 0.4);
	}
	.dark-mode .button.bg-blue:disabled,
	.dark-mode .button.bg-blue.is-disabled {
		background-color: #D1D9E8;
	}
	
	
	.dark-mode .button.bg-lightblue,
	.dark-mode .toggle .toggle-handle.bg-lightblue,
	.dark-mode .button.bg-lightgrayblue,
	.dark-mode .toggle .toggle-handle.bg-lightgrayblue {
		background-color: #15379E;
		color: #fff;
	}
	.dark-mode .button.bg-lightblue:hover,
	.dark-mode .toggle:hover .toggle-handle.bg-lightblue,
	.dark-mode .button.bg-lightgrayblue:hover,
	.dark-mode .toggle:hover .toggle-handle.bg-lightgrayblue {
		background-color: #3754AC;
		color: #fff;
	}
	.dark-mode .button.bg-lightblue:active,
	.dark-mode .button.bg-lightgrayblue:active {
		background-color: #112E86;
	}
	.dark-mode .button.bg-lightblue:focus,
	.dark-mode .button.bg-lightgrayblue:focus {
		box-shadow: 0 0 0 2px rgba(21, 55, 158, 0.4);
	}
	.dark-mode .button.bg-lightblue:disabled,
	.dark-mode .button.bg-lightblue.is-disabled,
	.dark-mode .button.bg-lightgrayblue:disabled,
	.dark-mode .button.bg-lightgrayblue.is-disabled {
		color: #636363;
		background-color: #242D45;
	}
	
	
	.dark-mode .button.bg-white {
		border-color: #424242;
		color: #E8E8E8;
	}
	.dark-mode .button.bg-white:hover {
		border-color: #8EAFF0;
		color: #8EAFF0;
	}
	.dark-mode .button.bg-white:active {
		background-color: #112B88;
		border-color: #8EAFF0;
	}
	.dark-mode .button.bg-white:focus {
		border-color: #8EAFF0;
		box-shadow: 0 0 0 2px rgba(142, 174, 240, 0.4);
	}
	.dark-mode .button.bg-white:disabled,
	.dark-mode .button.bg-white.is-disabled {
		border-color: #363636;
		background-color: #262626;
		color: #636363;
	}
	.dark-mode .button.bg-white.is-active,
	.dark-mode .button.bg-white.is-active:hover {
		background-color: #1946B8;
		border-color: #1946B8;
		color: #fff;
	}
	.dark-mode .button.bg-black {
		border-color: #fff;
		color: #fff;
		background-color: transparent;
	}
	/* .dark-mode .button:disabled,
	.dark-mode .button.is-disabled {
		opacity: 0.4;
	} */
	/* ----arrow in bg */
	.dark-mode .menu.at-bottom > .menu-body.bg-white > .menu-arrow { border-bottom-color: rgba(0, 0, 0, 0.9); }
	.dark-mode .menu.at-bottom > .menu-body.bg-white > .menu-arrow:before { border-bottom-color: #212121; }
	.dark-mode .menu.at-right > .menu-body.bg-white > .menu-arrow { border-right-color: rgba(0, 0, 0, 0.9); }
	.dark-mode .menu.at-right > .menu-body.bg-white > .menu-arrow:before { border-right-color: #212121; }
	.dark-mode .menu.at-left > .menu-body.bg-white > .menu-arrow { border-left-color: rgba(0, 0, 0, 0.9); }
	.dark-mode .menu.at-left > .menu-body.bg-white > .menu-arrow:before { border-left-color: #212121; }
	.dark-mode .menu.at-top > .menu-body.bg-white > .menu-arrow { border-top-color: rgba(0, 0, 0, 0.9); }
	.dark-mode .menu.at-top > .menu-body.bg-white > .menu-arrow:before { border-top-color: #212121; }
	/* ---arrow new-feature */
	.dark-mode .new-features > .new-features-body.bg-black {background-color: rgba(255, 255, 255, 0.8);color: #000;}
	.dark-mode .new-features > .new-features-body.at-top > .new-features-arrow { border-top-color: transparent; }
	.dark-mode .new-features > .new-features-body.at-top > .new-features-arrow:before { border-top-color: rgba(255, 255, 255, 0.8); }
	.dark-mode .new-features > .new-features-body.at-top-center > .new-features-arrow { border-top-color: transparent; }
	.dark-mode .new-features > .new-features-body.at-top-center > .new-features-arrow:before { border-top-color: rgba(255, 255, 255, 0.8); }
	.dark-mode .new-features > .new-features-body.at-bottom > .new-features-arrow { border-bottom-color: transparent; }
	.dark-mode .new-features > .new-features-body.at-bottom > .new-features-arrow:before { border-bottom-color: rgba(255, 255, 255, 0.8); }
	.dark-mode .new-features > .new-features-body.at-bottom-center > .new-features-arrow { border-bottom-color: transparent; }
	.dark-mode .new-features > .new-features-body.at-bottom-center > .new-features-arrow:before { border-bottom-color: rgba(255, 255, 255, 0.8); }
	.dark-mode .new-features > .new-features-body.at-right > .new-features-arrow { border-right-color: transparent; }
	.dark-mode .new-features > .new-features-body.at-right > .new-features-arrow:before { border-right-color: rgba(255, 255, 255, 0.8); }
	.dark-mode .new-features > .new-features-body.at-left > .new-features-arrow { border-left-color: transparent; }
	.dark-mode .new-features > .new-features-body.at-left > .new-features-arrow:before { border-left-color: rgba(255, 255, 255, 0.8); }

	.dark-mode .menu-close:hover {
		color: #fff;
	}
	
	
	/* gradient background color */
	.dark-mode .bg-gradient-lightblue {
		background-color: #033459;
		background-image: -webkit-linear-gradient(135deg, #033459 0%, #032159 50%, #033959 100%);
		background-image: linear-gradient(135deg, #033459 0%, #032159 50%, #033959 100%);
	}
	
	
	
	/* transparent background color */
	.dark-mode .bg-transparent-gray:hover,
	.dark-mode .bg-transparent-gray.is-active,
	.dark-mode .is-active > .bg-transparent-gray {
		background-color: rgba(10, 24, 93, 0.7);
	}
	.dark-mode .link-underline:hover,
	.dark-mode .link-underline.is-active,
	.dark-mode .review-content p a:hover,
	.dark-mode .review-content li a:hover,
	.dark-mode .bg-transparent-lightblue:hover,
	.dark-mode .bg-transparent-lightblue.is-active,
	.dark-mode .is-active > .bg-transparent-lightblue {
		color: #8EAFF0;
	}
	/* update */
	.dark-mode .categories-nav-cell.bg-transparent-gray:hover,
	.dark-mode .categories-nav-cell.bg-transparent-gray.is-active {
		background-color: #363636;
	}
	.dark-mode .menu .bg-transparent-lightblue:hover,
	.dark-mode .menu .bg-transparent-lightblue.is-active,
	.dark-mode .menu.is-active > .bg-transparent-lightblue,
	.dark-mode .menu a.bg-lightgray:hover,
	.dark-mode .menu .bg-transparent-gray:hover,
	.dark-mode .menu .bg-transparent-gray.is-active {
		background-color: #363636;
		color: #fff;
	}
	.dark-mode .main-tab-store .bg-transparent-lightblue:hover,
	.dark-mode .main-tab-store .bg-transparent-lightblue.is-active,
	.dark-mode .main-tab-store a.bg-lightgray:hover,
	.dark-mode .main-tab-store .bg-transparent-gray:hover  {
		background-color: #363636;
		color: #fff;
	}
	.dark-mode .menu .bg-lightblue:not(.button) {
		background-color: #000;
	}
	.dark-mode .goods-list a.goods-img.bg-lightgray:hover,
	.dark-mode .goods-list .goods-img.bg-lightgray:hover {
		background-color: #424242;
	}
	.dark-mode .page-section.bg-lightblue {
		background-color: #212121;
	}
	.dark-mode .footer2021 .page-section.bg-lightgrayblue {
		background-color: #262626
	}
	.dark-mode .seller-items-bar.bg-lightblue {
		background-color: #363636;
	}
	
	
	/* border color */
	.dark-mode .bd-gray,
	.dark-mode .grid.bd-gray > .grid-col,
	.dark-mode table, 
	.dark-mode tr,
	.dark-mode td, 
	.dark-mode th,
	.dark-mode .modal-footer {
		border-color: #424242;
	}
	.dark-mode .grid.bd-gray > .grid-col:before,
	.dark-mode .grid.bd-gray > .grid-col:after {
		background-color: #424242;
	}
	
	.dark-mode .bd-blue,
	.dark-mode .breadcrumbs-dropdown:hover .breadcrumbs-dropdown-trigger.bd-gray,
	.dark-mode .breadcrumbs-dropdown.is-active > .breadcrumbs-dropdown-trigger.bd-gray,
	.dark-mode .selectable-card.bd-gray:hover {
		border-color: #8EAFF0;
	}
	.dark-mode .breadcrumbs-dropdown:hover .breadcrumbs-dropdown-trigger.bd-gray,
	.dark-mode .breadcrumbs-dropdown.is-active > .breadcrumbs-dropdown-trigger.bd-gray {
		background-color: #212121;
		color: #8EAFF0;
	}
	.dark-mode .breadcrumbs-keywords-del:hover {
		color: red;
	}
	.dark-mode .bd-gray.is-checked {
		border-color: #8EAFF0;
		box-shadow: 0 0 2px #8EAFF0;
	}
	
	
	/* shadow */
	.dark-mode .shadow-level-1,
	.dark-mode .hover-shadow-level-1:hover {
		-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
		   -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
		    -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
			 -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
			 	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
	}


	/* combo color */
	.goods-combo p {
		color: #1061CD;
		background-color: #F5F9FD;
	}
	.goods-combo span {
		color: #9E1500;
	}
	.dark-mode .module-combo-added.bg-lightblue {
		background-color: #000;
	}
	.dark-mode .checkbox-combo-swiper .multiple-choice-card {
		border: 2px solid #555555;
	}
	.dark-mode .checkbox-combo-swiper .multiple-choice-card {
		border: 2px solid #555555;
		background-color: #212121;
	}
	.dark-mode .checkbox-combo-swiper .multiple-choice-card .multiple-choice-check {
		border-top: 17px solid #555555;
		border-right: 20px solid #555555;
	}
	.dark-mode .checkbox-combo-swiper .multiple-choice-card:hover {
		border: 2px solid #E05E00;
		background-color: #454545;
	}
	.dark-mode .checkbox-combo-swiper .multiple-choice-card.is-checked {
		border: 2px solid #E05E00;
	}
	.dark-mode .checkbox-combo-swiper .multiple-choice-card.is-checked .multiple-choice-check {
		border-top-color: #E05E00;
		border-right-color: #E05E00;
	}
	.dark-mode .checkbox-combo-swiper .multiple-choice-card.is-checked:hover .multiple-choice-check {
		border-top-color: #0091FF;
		border-right-color: #0091FF;
	}
	.dark-mode .module-combo-summary {
		background-color: #212121;
	}
	.dark-mode .items-summary-swiper .swiper-button-black.swiper-button-disabled {
		opacity: 0.4;
	}
	.dark-mode .items-summary-swiper .swiper-button-black {
		background-color: rgba(0, 0, 0, 0.8);
		color: #fff;
	}
	.dark-mode .items-summary-swiper .swiper-button-black:hover {
		background-color: rgba(0, 0, 0, 1);
	}
	.dark-mode .module-combo-summary-sub.bg-white {
		background-color: #000;
	}
	.dark-mode .items-summary-swiper .swiper-slide .nothing {
		border: 2px dashed #555;
		background-color: #333;
	}
	.dark-mode .items-summary-swiper .swiper-slide .goods-container .goods-img.bg-white {
		background-color: #fff;
	}
	
	
	
	/* forms color */
	
	/* ----placeholder */
	.dark-mode ::-webkit-input-placeholder { color: #949494; }
	.dark-mode :-moz-placeholder { color: #949494; }
	.dark-mode ::-moz-placeholder { color: #949494; }
	.dark-mode :-ms-input-placeholder { color: #949494; }
	.dark-mode ::placeholder { color: #949494; }
	
	/* ----input box */
	.dark-mode .input-text > input,
	.dark-mode .input-textarea > textarea,
	.dark-mode .input-select-text,
	.dark-mode .input-combined,
	.dark-mode .goods-select-name {
		border-color: transparent;
		box-shadow: 0 0 0 1px #505050;
		background-color: #121212;
		color: #fff;
	}
	.dark-mode .input-text > input:focus,
	.dark-mode .input-text.is-active > input,
	.dark-mode .input-textarea > textarea:focus,
	.dark-mode .input-textarea.is-active > textarea,
	.dark-mode .input-select.is-active .input-select-text,
	.dark-mode .goods-select select:focus + .goods-select-name {
		border-color: #8EAFF0;
		box-shadow: 0 0 0 1px #8EAFF0;
	}
	.dark-mode .input-text-clear {
		background-color: #1946B8;
		color: #C3D3F8;
	}
	.dark-mode .input-select .menu-list-link em {
		color: aquamarine;
	}
	
	/* ----checkbox */
	.dark-mode .input-check-mark,
	.dark-mode .input-radio-mark {
		border-color: #505050;
		background-color: #121212;
	}
	.dark-mode .input-check:hover .input-check-mark,
	.dark-mode .input-radio:hover .input-radio-mark {
		background-color: #112B88;
		border-color: #8EAFF0;
	}
	.dark-mode .input-check input[type="checkbox"]:checked + .input-check-mark,
	.dark-mode .input-check input[type="checkbox"]:indeterminate + .input-check-mark,
	.dark-mode .input-radio input[type="radio"]:checked + .input-radio-mark {
		background-color: #112B88;
		border-color: #8EAFF0;
	}
	.dark-mode .input-check input[type="checkbox"]:checked + .input-check-mark:before,
	.dark-mode .input-check input[type="checkbox"]:indeterminate + .input-check-mark:before {
		border-color: #8EAFF0;
	}
	.dark-mode .input-radio input[type="radio"]:checked + .input-radio-mark:before {
		background-color: #8EAFF0;
	}
	
	
	/* ----disabled */
	.dark-mode .input-text.is-disabled > input,
	.dark-mode .input-textarea.is-disabled > textarea,
	.dark-mode .input-select.is-disabled .input-select-text,
	.dark-mode .input-check input[type="checkbox"]:disabled + .input-check-mark,
	.dark-mode .input-radio input[type="radio"]:disabled + .input-radio-mark,
	.dark-mode .input-text input[type="text"]:disabled  {
		border-color: #3d3d3d;
		background: #444;
		opacity: 0.5;
	}
	.dark-mode .input-check input[type="checkbox"]:disabled:checked + .input-check-mark:before {
		border-color: #6e6e6e;
	}
	.dark-mode .input-radio input[type="radio"]:disabled:checked + .input-radio-mark:before {
		background-color: #6e6e6e;
	}
	
	/* ----toggle button */
	.dark-mode .toggle input[type="checkbox"]:disabled ~ .toggle-body {
		border-color: #f2f2f2;
	}
	.dark-mode .toggle input[type="checkbox"]:disabled ~ .toggle-body .toggle-handle {
		background: #ebebeb;
		color: #adadad;
	}
	
	/* ----countdown */
	.dark-mode .section-countdown span {
		background: #424242;
	}
	
	/* scrollbar */
	.dark-mode .scrollbar::-webkit-scrollbar {
	    background-color: #070707;
	}
	.dark-mode .scrollbar::-webkit-scrollbar-thumb {
	    background-color: rgba(255,255,255,.5);
	    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.5);
	}
	.dark-mode .swiper-scrollbar {
		background-color: #363636;
	}
	.dark-mode .swiper-scrollbar-drag {
		background-color: #6e6e6e;
	}

	/* ---error */
	.dark-mode .form-error-msg {
		background-color: #DB1600;
		color: #fff;
	}
	.dark-mode .form-error-msg:before {
		border-bottom-color: #DB1600;
	}
	.dark-mode .input-text.show-error > input,
	.dark-mode .input-textarea.show-error > textarea,
	.dark-mode .input-select.show-error .input-select-text,
	.dark-mode .goods-select.show-error select:focus + .goods-select-name{
		border-color: #DB1600;
		box-shadow: 0 0 0 1px #DB1600;
	}
	.dark-mode .input-radio.show-error  .input-radio-text {
		color: #DB1600;
	}
	.dark-mode .input-radio.show-error input[type="radio"] + .input-radio-mark {
		background-color: #ffe5e5;
		border-color: #DB1600;
	}
	.dark-mode .input-radio.show-error input[type="radio"]:checked + .input-radio-mark {
		background-color: #DB1600;
		border-color: #DB1600;
	}
	.dark-mode .input-radio.show-error input[type="radio"]:checked + .input-radio-mark:before {
		background-color: #fff;
	}
	
	/* swiper arrows */
	.dark-mode .swiper-button-gray.swiper-button-prev,
	.dark-mode .swiper-button-gray.swiper-button-next {
		background-color: rgba(53, 53, 53, 0.7);
		color: #6e6e6e;
	}
	.dark-mode .swiper-button-black {
		background-color: rgba(255, 255, 255, 0.4);
		color: #000;
	}
	.dark-mode .swiper-button-black:hover {
		background-color: rgba(255, 255, 255, 0.8);
	}
	
	
	
	.dark-mode.show-img-bg .bg-gradient-lightblue {
		background-color: #262626;
		background-image: none;
	}
	.dark-mode.show-img-bg .goods-img:not(.bg-lightgray),
	.dark-mode.show-img-bg .goods-img > img {
		mix-blend-mode: normal;
		border-radius: 4px;
	}

}












/* body */
/* body {
	min-width: 0;
} */
.page-content,
.popover,
.modal,
.pc-builder,
.nav-x-body-top-bar-wrap {
	font-size: 13px;
	line-height: 1.36;
}
.page-bar + .page-section,
.page-section {
	margin-top: 0;
}

/* tag hover color */
a.tag.bg-blue:hover {
	color: #fff;
}
.dark-mode a.tag.bg-blue,
.dark-mode a.tag.bg-blue:hover {
	color: #121212;
}

/* header, footer */
.header2021-logo {
	margin-top: 0;
	margin-bottom: 0;
}
a.header2021-portal:hover,
a.header2021-link:hover,
a.header2021-nav-inner:hover,
.footer2021 a:hover {
	color: inherit;
}
.header2021-country-flag .flag {
	margin-right: 0;
}
.header2021-saved-search .slab-inner {
	background-color: inherit;
	border: 0;
}
.header2021-search .showout-box a:hover{
	color: inherit;
}
.header2021-search .showout-box a.tag {
	color: #fff;
}
.header2021-search .showout-box a.tag:hover {
	color: #fff;
}
.sticky-header-top body {
	padding-top: 120px;
	height: auto;
	min-height: calc(100% - 120px);
}
.sticky-header-top .page-content {
	padding-top: 0;
	min-height: 0;
}
.footer2021.page-section {
	margin-top: 60px;
}
.header2021 .link-more > span,
.footer2021 .link-more > span {
	text-decoration: none;
}
.header2021 .link-more:hover > span,
.footer2021 .link-more:hover > span {
	text-decoration: underline;
}
.footer2021 .is-nation-center .social-icons {
	-webkit-justify-content: center !important;
	justify-content: center !important;
}

/* breadcrumb, page title */
.header2021 .page-content-inner {
	max-width: none;
}
.header2021.is-mini .page-content-inner {
	max-width: 1650px;
}
.nav-x-body-top-bar {
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;
}


/* gallery, banner, swiper etc. */
.modal-gallery-images .swiper-button-prev .fa,
.modal-gallery-images .swiper-button-next .fa {
	display: none;
}
.product-view.is-popup .swiper-button-prev,
.product-view.is-popup .swiper-button-next {
	display: flex;
	background-image: none;
}
.hero-banner .fas.swiper-button-prev:before, 
.hero-banner .fas.swiper-button-next:before {
	content: none;
}
.hero-banner-buttons {
	position: static;
}
.history-timeline .swiper-button-prev,
.history-timeline .swiper-button-next {
	background-image: none;
}
.tab-tags .swiper-button-next, 
.tab-tags .swiper-button-prev,
.bs-customstore .swiper-button-next,
.bs-customstore .swiper-button-prev,
.similar-items-box .swiper-button-next,
.similar-items-box .swiper-button-prev {
	color: #222;
}
.tab-tags .swiper-button-next:after, 
.tab-tags .swiper-button-prev:after,
.bs-customstore .swiper-button-next:after,
.bs-customstore .swiper-button-prev:after,
.similar-items-box .swiper-button-next:after,
.similar-items-box .swiper-button-prev:after {
	display: none;
}
.header2021 .swiper-container, 
.header2021 .swiper-slide {
	height: inherit;
}
.header2021 .swiper-slide.history-timeline-item {
	width: 200px;
}
.header2021 .swiper-slide.history-timeline-more {
	height: auto;
}
.header2021 .goods-info {
	font-size: 14px;
}
/* .list-box-inner {
    background: transparent;
    border: none;
} */

/* z-index */
.product-bar {
	z-index: 1200;
}


/* old searchbox */
.header2020-search-bar-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	box-sizing: border-box;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.header2020-search-bar {
	position: relative;
	margin-top: 8px;
	margin-bottom: 4px;
	border-radius: 3px;
	background: #fff;
}
.header2020-search-box {
	position: relative;
	width: 100%;
	min-width: 200px;
	-webkit-box-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}
.header2020-search-box > input {
	padding: 8px;
	width: 100%;
	height: 36px;
	border: 0;
	background: transparent;
	box-sizing: border-box;
	font-size: 13px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.header2020-search-button {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}
.header2020-search-button > button {
	width: 48px;
	height: 36px;
	box-sizing: border-box;
	border-radius: 0 3px 3px 0;
	border: 0;
	border-left: 1px solid #f1f1f1;
	background: transparent;
	text-align: center;
	cursor: pointer;
}
.header2020-search-button > button:hover { background: #f1f1f1; }
.header2020-search-button .fas,
.header2020-search-button .fa {
	color: #707070;
	font-size: 18px;
	line-height: 1;
}


/* filter */
.complete-section-filter .header2020-search-bar {
	margin-bottom: 4px;
	border-radius: 3px;
	background: #fff;
}
.complete-section-filter .header2020-search-bar-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	box-sizing: border-box;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.complete-section-filter .header2020-search-box {
	position: relative;
	width: 100%;
	min-width: 200px;
	-webkit-box-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}
.complete-section-filter .header2020-search-box > input {
	padding: 8px 16px 8px 8px;
	width: 100%;
	height: 36px;
	border: 0;
	background: transparent;
	box-sizing: border-box;
	font-size: 13px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.complete-section-filter .header2020-search-button {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}
.complete-section-filter .header2020-search-button > button {
	width: 48px;
	height: 36px;
	box-sizing: border-box;
	border-radius: 0 3px 3px 0;
	border: 0;
	border-left: 1px solid #f1f1f1;
	background: transparent;
	text-align: center;
	cursor: pointer;
}
.complete-section-filter .header2020-search-button .fas, 
.complete-section-filter .header2020-search-button .fa {
	color: #707070;
	font-size: 18px;
	line-height: 1;
}


/* tag */
.tag.bg-black:hover {
	color: #FBCC4B !important;
}
.tag.bg-green:hover {
	color: #fff !important;
}

.text-blue{
	color: #1946B8 !important;
}

/* dark mode */
.dark-mode img,
.dark-mode .header2021-logo-img > img {
	opacity: 1 !important;
}
.dark-mode .header2021-search-box [type="search"] {
	background-color: transparent !important;
}
.dark-mode .input-text > input {
	border-color: transparent !important;
	background-color: #121212 !important;
}
.dark-mode .header2021 a{
	color: #fff;
}
.dark-mode .header2021 a.text-red:hover {
	color: #c00 !important;
}
.dark-mode .link-underline:hover{
	color: #8EAFF0 !important;
}
.dark-mode a.header2021-link:hover,
.dark-mode a.header2021-nav-inner:hover,
.dark-mode a.header2021-portal:hover,
.dark-mode .header2021 a.goods-title:hover,
.dark-mode .header2021 a.menu-list-link:hover,
.dark-mode .footer2021 .social-icon a,
.dark-mode .footer2021 .social-icon a:hover,
.dark-mode .footer2021 .footer2021-sitemap a:hover {
	color: inherit !important;
}
.dark-mode .header2021 a.bg-lightgray:hover,
.dark-mode .header2021 a.bg-transparent-lightblue:hover,
.dark-mode .footer2021 .text-blue,
.dark-mode .footer2021 .text-blue:hover {
	color: #6694EA !important;
}
.dark-mode .tag.bg-black {
	color: #FBCC4B;
}
.dark-mode .tag.bg-black:hover {
	color: #FBCC4B !important;
}

.hero-banner .fa.swiper-button-prev:before, 
.hero-banner .fa.swiper-button-next:before {
	content: none;
}

.dark-mode .footer2021-disclaimer-link:hover {
	color: #e3e3e3!important;
}

/* alert */
.alert {
	display: -webkit-flex;
	display: flex;
	position: relative;
	margin: 10px 0;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #eee;
	border-radius: 4px;
	background: #f7f7f7;
}
.alert::before {
	content: '';
	width: 4px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 4px 0 0 4px;
}
span.alert,
a.alert {
	-webkit-display: inline-flex;
	display: inline-flex;
}
.alert:first-child { margin-top: 0; }
.alert:last-child { margin-bottom: 0; }
.alert:not(.no-bg) .text-gray { color: #606060; }

.alert-info {
	border-color: #ADADAD;
	background: #fff;
}
.alert-info::before {
	background-color: #ADADAD;
}
.alert-danger {
	border-color: #DB1600;
	background: #FFEEEB;
}
.alert-danger::before {
	background-color: #DB1600;
}
.alert-warning {
	border-color: #D3A800;
	background: #FDF5C7;
}
.alert-warning::before {
	background-color: #D3A800;
}
.alert-updated {
	margin: 0;
	background: #EFF4FB;
	border-color: #6198E4;
}
.alert-updated::before {
	background-color: #6198E4;
}
.alert-success {
	background: #F5FAF5;
	border-color: #BBDBC0;
}
.alert-success::before {
	background-color: #47984E;
}
.alert-info .alert-icon { color: #858585; }
.alert-danger .alert-icon { color: #DB1600; }
.alert-warning .alert-icon { color: #D3A800; }
.alert-updated .alert-icon { color: #4187E5; }
.alert-success .alert-icon { color: #1E852C; }



.alert p { margin: 10px 0; }
.alert p:first-child { margin-top: 0; }
.alert p:last-child { margin-bottom: 0; }
.alert p a {
	text-decoration: underline;
}
.alert p a:hover {
	color: #2A69DF;
}
.alert p{
	word-wrap: break-word;
	word-break: break-all;
	word-break: break-word;
}
.alert-title {
	display: block;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
}
.alert-subtitle {
	display: block;
	margin-top: 5px;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}
.alert-icon,
.alert-close {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	font-size: 20px;
}
.alert-icon {
	width: 16px;
	height: 16px;
	font-size: 16px;
}
.alert-icon .ico-exclamation-triangle {
	font-size: 14px;
}
.alert-close {
	cursor: pointer;
	color: #707070;
	font-size: 14px;
}
.alert-close:hover {
	color: #212121;
}
.alert-body {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 0 5px;
	box-sizing: border-box;
	min-width: 0;
}
.alert-body-inner {
	font-size: 12px;
	line-height: 16px;
}
.alert-body ul {
	padding-left: 20px;
	list-style: disc outside;
}
.alert-body ul li {
    list-style: disc outside;
	margin: 10px 0;
}
.alert-body ul li:first-child {
	margin-top: 0;
}
.alert-body ul li:last-child {
	margin-bottom: 0;
}

/* no background */
.alert.no-bg {
	padding: 0;
	border-width: 0;
	background: transparent;
}
.alert.no-bg::before {
	content: none;
}
.alert.no-bg .alert-body {
	padding-left: 5px;
}


/* vertical */
.alert.is-vertical {
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
.alert.is-vertical .alert-icon {
	margin-bottom: 10px;
	width: auto;
	height: auto;
	font-size: 60px;
}
.alert.is-vertical .alert-close {
	position: absolute;
	top: 0;
	right: 0;
}
.alert.is-vertical.no-bg {
	padding: 30px 0;
}
.alert.is-vertical.no-bg .alert-body {
	padding: 0 20px;
}

.badword-key {
	background-color: #FDF5C7;
	color: #DB1600;
	padding: 2px 5px;
    font-weight: bold;
}



/* dark mode */
.dark-mode .alert {
	border-color: #424242;
	background-color: #262626;
}
.dark-mode .alert.alert-info {
	border-color: #636363;
}
.dark-mode .alert-info::before {
	background-color: #636363;
}
.dark-mode .alert.alert-danger {
	border-color: #c00;
	background-color: #471100;
}
.dark-mode .alert.alert-warning {
	border-color: #E05E00;
}
.dark-mode .alert.alert-warning::before {
	background-color: #E05E00;
}
.dark-mode .alert.alert-updated {
	border-color: #8EAFF0;
}
.dark-mode .dark-mode .alert.alert-updated::before {
	background-color: #8EAFF0;
}
.dark-mode .alert.alert-success {
	border-color: #0B4E1D;
	background: #062E12;
}
.dark-mode .alert-warning .alert-icon { color: #E05E00; }
.dark-mode .alert-info .alert-icon { color: #858585; }
.dark-mode .alert-danger .alert-icon { color: #FF5B4D; }
.dark-mode .alert-updated .alert-icon { color: #8EAFF0; }
.dark-mode .alert-success .alert-icon { color: #5FA664; }

.dark-mode .alert-close:hover {
	color: #fff;
}
.dark-mode .alert p a:hover {
	color: #8EAFF0;
}
.dark-mode .alert.no-bg {
	background-color: transparent;
}











.display-none {
	display: none !important;
}
.display-block {
	display: block !important;
}
.display-flex {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}
.opacity-0 {
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.justify-content-flex-start {
	-webkit-box-pack: start!important;
	-webkit-justify-content: flex-start!important;
	-ms-flex-pack: start!important;
	justify-content: flex-start!important
}
.justify-content-center {
	-webkit-box-pack: center!important;
	-webkit-justify-content: center!important;
	-ms-flex-pack: center!important;
	justify-content: center!important
}
.justify-content-flex-end {
	-webkit-box-pack: end!important;
	-webkit-justify-content: flex-end!important;
	-ms-flex-pack: end!important;
	justify-content: flex-end!important
}
.justify-content-space-between {
	-webkit-box-pack: justify!important;
	-webkit-justify-content: space-between!important;
	-ms-flex-pack: justify!important;
	justify-content: space-between!important
}
.justify-content-space-around {
	-webkit-justify-content: space-around!important;
	-ms-flex-pack: distribute!important;
	justify-content: space-around!important
}
.align-items-flex-start {
	-webkit-box-align: start!important;
	-webkit-align-items: flex-start!important;
	-ms-flex-align: start!important;
	align-items: flex-start!important
}
.align-items-flex-end {
	-webkit-box-align: end!important;
	-webkit-align-items: flex-end!important;
	-ms-flex-align: end!important;
	align-items: flex-end!important
}
.align-items-center {
	-webkit-box-align: center!important;
	-webkit-align-items: center!important;
	-ms-flex-align: center!important;
	align-items: center!important
}
.flex-shrink-0 {
	-webkit-flex-shrink: 0!important;
	flex-shrink: 0!important;
}
.flex-direction-column {
	-webkit-flex-direction: column;
	flex-direction: column;
}

.auto-flex {
	-webkit-box-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}


.no-padding { padding: 0!important }
.no-padding-left { padding-left: 0!important }
.no-padding-right { padding-right: 0!important }
.no-padding-top { padding-top: 0!important }
.no-padding-bottom { padding-bottom: 0!important }
.no-margin { margin: 0!important }
.no-margin-left { margin-left: 0!important }
.no-margin-right { margin-right: 0!important }
.no-margin-top { margin-top: 0!important }
.no-margin-bottom { margin-bottom: 0!important }
.width-auto { width: auto!important }
.width-100 { width: 100%!important }
.padding { padding: 20px!important }
.padding-top { padding-top: 20px!important }
.padding-bottom { padding-bottom: 20px!important }
.padding-left { padding-left: 20px!important }
.padding-right { padding-right: 20px!important }
.padding-vertical {
	padding-top: 20px!important;
	padding-bottom: 20px!important
}
.padding-horizontal {
	padding-left: 20px!important;
	padding-right: 20px!important
}
.margin { margin: 20px!important }
.margin-top { margin-top: 20px!important }
.margin-bottom { margin-bottom: 20px!important }
.margin-left { margin-left: 20px!important }
.margin-right { margin-right: 20px!important }
.margin-vertical {
	margin-top: 20px!important;
	margin-bottom: 20px!important
}
.margin-horizontal {
	margin-left: 20px!important;
	margin-right: 20px!important
}


.text-align-left { text-align: left !important; }
.text-align-right { text-align: right !important; }
.text-align-center { text-align: center !important; }
/* items for cart, checkout and order */
/* ----qty */
.item-qty {
	position: relative;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	min-width: 75px;
	font-size: 12px;
	text-align: center;
}
.item-qty .form-text {
	width: 55px;
	text-align: center;
}
.item-qty-limit {
	margin-top: 10px;
}
.item-qty .menu-box-menu {
	top: 32px;
	left: auto;
	right: 0;
	min-width: 55px;
	box-sizing: border-box;
}
.item-qty .nav-cell { width: 100%; }
.item-qty .nav-list-link {
	-webkit-justify-content: center;
	justify-content: center;
	padding-left: 1em;
	padding-right: 1em;
	box-sizing: border-box;
}
.item-qty + .btn-mini {
	padding-top: 9px;
	padding-bottom: 9px;
}
.item-qty.is-active .menu-box-menu { display: block; }
/* ----subscribe */
.item-subscribe {
	margin: 0.5em 0;
}
.item-subscribe .message {
	margin: 10px 0;
}
/* ----sub container */
.item-sub-container:before,
.item-sub-container:after {
	content: '';
	display: table;
	clear: both;
}
.item-sub-container {
	margin-top: 20px;
	margin-left: calc(20% + 20px);
	padding: 20px 0;
	border-top: 1px solid #d9d9d9;
}
.item-sub-container + .item-sub-container { margin-top: 0; }
.item-sub-container.no-border-top {
	margin-top: 0;
	border-top: 0;
}
.item-cell .item-sub-container:last-child { padding-bottom: 0; }
.item-sub-head .item-title {
	margin-bottom: 0;
	font-size: 15px;
}
.item-sub-body { margin-top: 15px; }
.item-sub-body + .item-sub-body {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}
.item-sub-container .item-promo,
.item-sub-container .item-msg { margin-bottom: 0; }
.item-sub-container .item-action,
.item-sub-container .item-qty {
	padding-left: 20px;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	box-sizing: border-box;
}
.item-sub-container .item-action {
	width: 250px;
	text-align: right;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.item-sub-container .item-qty {
	width: 75px;
}
.item-sub-container .item-info {
	width: 100%;
	min-width: 0;
}
.item-sub-container .item-img.width-80px ~ .item-info {
	min-height: 60px;
}
.item-sub-container .price-current {
	height: auto;
	font-weight: bold;
	font-size: 15px;
}
.item-sub-container .item-sub-container {
	margin-left: 100px;
	border-top-color: #eee;
}
.item-sub-container .product-gift {
	padding-top: 0;
	border-top: 0;
}
.item-sub-container + .item-container {
	padding-top: 15px;
	border-top: 1px solid #eee;
}
/* sub container in modal */
.modal .item-sub-container.narrow-margin {
	margin-left: 100px;
	padding-top: 0;
	border: 0;
}
/* ----plan */
.item-plan + .item-plan,
.item-promo + .item-plan {
	margin-top: 20px;
}
.item-plan-title {
	margin-bottom: 15px;
	color: #707070;
	font-weight: normal;
	font-size: 13px;
}
.item-plan-options {
	list-style: none;
	margin: 0;
	padding: 0;
}
.item-plan-options > li + li { margin-top: 10px; }
.item-plan-options .price-was {
	display: inline;
	margin-right: 10px;
	height: auto;
}
.item-plan-options .price-current {
	display: inline;
	height: auto;
	color: #222;
	font-weight: bold;
	font-size: 13px;
}
.item-plan-options .form-radiobox + .product-gift {
	margin: 15px 0 20px 20px;
}
.item-selected {
	display: none;
	font-size: 13px;
}
.item-selected li + li { margin-top: 10px; }
.item-selected .fa { margin-right: 10px; }
.item-selected .item-msg {
	margin-left: 23px;
	font-style: italic;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-word;
}
.item-promo ~ .item-selected { margin-top: 20px; }
.item-gift-message .form-cell { margin-bottom: 10px; }
.item-gift-message .form-cell:last-child { margin-bottom: 0; }
/* ----status: none */
.item-sub-container[data-status="none"] .item-plan,
.item-sub-container[data-status="none"] .item-sub-head .price-current,
.item-sub-container[data-status="none"] .item-action-edit,
.item-sub-container[data-status="none"] .item-action-done,
.item-sub-container[data-status="none"] .item-gift-message { display: none; }
/* ----status: add or edit */
.item-sub-container[data-status="edit"] .item-plan-intro,
.item-sub-container[data-status="edit"] .item-action-edit,
.item-sub-container[data-status="edit"] .item-action-add { display: none; }
/* ----status: selected */
.item-sub-container[data-status="selected"] .item-plan-intro,
.item-sub-container[data-status="selected"] .item-action-add,
.item-sub-container[data-status="selected"] .item-action-done,
.item-sub-container[data-status="selected"] .item-plan,
.item-sub-container[data-status="selected"] .item-gift-message { display: none; }
.item-sub-container[data-status="selected"] .item-selected { display: block; }
/* ----compact item */
.items-compact-view .item-img { width: 80px; }
.items-compact-view .item-sub-container { margin-left: 100px; }
.items-compact-view .item-title { font-size: 13px; }
.items-compact-view .price-current {
	height: auto;
	font-size: 15px;
}

/* removed item */
.item-removed {
	border: 1px solid #d9d9d9;
}
.item-removed .item-img-placehold {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}
.item-removed .item-info {
	width: 100%;
}
.item-removed .item-title {
	font-weight: normal;
}
.item-removed .item-action {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	text-align: right;
}
.items-list-view .item-removed .item-img-placehold {
	/* ----same as: .items-list-view .item-cell .item-img */
	width: 20%;
	text-align: right;
}
.items-list-view .item-removed .item-info {
	padding-left: 20px;
}
.items-list-view .item-removed .item-action {
	width: 250px;
}
.items-grid-view .item-removed .item-container {
	position: sticky;
	top: 10px;
}
.items-grid-view .item-removed .item-img-placehold {
	margin-bottom: 10px;
}
.items-grid-view .item-removed .item-note .limit-string {
	max-width: 90%;
}

/* promo code card */
.single-choice-wrap,
.multiple-choice-wrap {
	position: relative;
}
.single-choice-card,
.multiple-choice-card {
	position: relative;
	padding: 15px 20px;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	cursor: pointer;
}
.multiple-choice-card {
	border-color: transparent;
}
.single-choice-wrap > input[type="radio"],
.single-choice-card input[type="radio"],
.multiple-choice-wrap > input[type="checkbox"],
.multiple-choice-card input[type="checkbox"] { display: none; }
.single-choice-card .item-title,
.multiple-choice-card .item-title {
	margin-bottom: 5px;
	font-size: 14px;
}
.single-choice-card .item-msg,
.multiple-choice-card .item-msg {
	margin-bottom: 8px;
	font-size: 12px;
}
.single-choice-card .item-note,
.multiple-choice-card .item-note {
	color: #707070;
	font-size: 11px;
}
.single-choice-check,
.multiple-choice-check {
	position: absolute;
	top: -1px;
	right: -1px;
	border-top: 17px solid #d9d9d9;
	border-right: 20px solid #d9d9d9;
	border-left: 20px solid transparent;
	border-bottom: 17px solid transparent;
	transform: scale(.9999); /* fix safari issue */
}
.multiple-choice-check {
	opacity: 0;
}
.single-choice-check .fa,
.multiple-choice-check .fa {
	position: absolute;
	top: -13px;
	right: -14px;
	color: #fff;
}
.single-choice-card:hover,
.multiple-choice-card:hover {
	border-color: #CC4E00;
}
.single-choice-card.is-checked,
.multiple-choice-card.is-checked {
	padding: 14px 19px;
	border: 2px solid #CC4E00;
}
.single-choice-card.is-checked .single-choice-check,
.multiple-choice-card.is-checked .multiple-choice-check {
	border-top-color: #CC4E00;
	border-right-color: #CC4E00;
}
.multiple-choice-card.is-checked .multiple-choice-check {
	opacity: 1;
}
.single-choice-card.is-checked:hover,
.multiple-choice-card.is-checked:hover {
	border-color: #0091FF;
}
.single-choice-card.is-checked:hover .single-choice-check,
.multiple-choice-card.is-checked:hover .multiple-choice-check {
	border-top-color: #0091FF;
	border-right-color: #0091FF;
}
.single-choice-card.is-checked:hover .single-choice-check .fa:before,
.multiple-choice-card.is-checked:hover .multiple-choice-check .fa:before {
	content: '\f00d';
}
.single-choice-card.is-disabled,
.multiple-choice-card.is-disabled {
	opacity: 0.5;
	pointer-events: none;
}
.single-choice-card.is-disabled .single-choice-check .fa,
.multiple-choice-card.is-disabled .single-choice-check .fa {
	display: none;
}
.multiple-choice-card.is-unavailable {
	opacity: 0.5;
}
.item-cell > .single-choice-card,
.item-cell > .multiple-choice-card {
	margin: -30px;
	height: calc(100% + 60px);
}

/* border-top cells */
.item-cells-wrap.border-top-cells > .item-cell + .item-cell { border-top: 1px solid #eee; }

/* gift AATC */
.product-gift {
    margin: 20px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 1px solid #eee;
    text-align: left;
}
.product-gift fieldset {
    padding: 15px;
    border: 1px solid #eee;
}
.product-gift fieldset .form-checkbox {
    margin: 0 5px;
}
.product-gift fieldset .form-checkbox-title {
    font: 700 14px/1.2 'Open Sans Condensed', 'Helvetica Narrow', arial, helvetica, sans-serif;
    text-transform: uppercase;
}
.product-gift fieldset .item-img {
    width: 100px;
}
.product-gift fieldset .item-img:before {
    padding-top: 75% !important;
}
.product-gift fieldset .item-value span {
    margin: 0 5px 0 0;
    color: #707070;
}
.product-gift fieldset .item-value strong {
    font-size: 15px;
}
.product-gift.is-sm fieldset .item-img {
	width: 60px;
}
.product-gift.is-sm fieldset .item-title {
	font-size: 13px;
}
.product-gift.is-sm fieldset .item-value strong {
	font-size: 13px;
}
.product-gift.is-sm fieldset .item-value span {
	font-size: 12px;
}

/* absolute images cells */
.items-list-view.absolute-img-cells:not(.items-compact-view) > .item-cell:not(.item-removed) {
	min-height: 242px;
}
.items-list-view.absolute-img-cells .item-cell .item-container {
	position: static;
}
.items-list-view.absolute-img-cells .item-cell .item-img {
	position: absolute;
}
.items-list-view.absolute-img-cells.border-cells .item-cell .item-img,
.items-list-view.absolute-img-cells.tile-cells .item-cell .item-img {
	max-width: calc((100% - 60px) / 5);
	max-height: calc(100% - 60px);
}
.items-list-view.absolute-img-cells .item-cell .item-img + .item-info {
	margin-left: 20%;
}
.items-compact-view.absolute-img-cells .item-cell .item-img + .item-info,
.items-list-view.absolute-img-cells .item-cell .item-img.width-80px + .item-info {
	margin-left: 80px;
}
.absolute-img-cells .product-gift.is-sm fieldset .items-list-view .item-info,
.product-gift.is-sm fieldset .items-list-view.absolute-img-cells .item-info {
	margin-left: 60px;
}

/* dark mode */
.dark-mode .item-cells-wrap.border-top-cells > .item-cell + .item-cell,
.dark-mode .item-sub-body + .item-sub-body {
	border-color: #555;
}
.dark-mode .item-sub-body .item-img { background: transparent !important; }
.dark-mode .item-sub-container {
	border-top-color: #202020;
}
.dark-mode .single-choice-card:not(.is-checked):not(:hover) {
	border-color: #555;
}
.dark-mode .single-choice-card:not(.is-checked) .single-choice-check {
	border-top-color: #555;
	border-right-color: #555;
}

@media print {
	.item-sub-body,
	.item-sub-container {
		page-break-inside: avoid !important;
		page-break-after: auto !important;
		page-break-before: auto !important;
	}
	.item-sub-container { height: 100%; }
	.item-sub-container .item-action {
		width: 180px;
	}
	.single-choice-card:not(.is-checked) .single-choice-check,
	.item-removed { display: none !important; }
}