.banner-pages {
  border-radius: 30px; }
  @media (max-width: 767px) {
    .banner-pages {
      border-radius: 20px; } }

.top_20px {
  top: 20px; }

.article-name {
  font-size: 1.2rem; }

.blog-name {
  font-size: 22px; }

.page-title h1 {
  font-size: 25px;
  color: var(--mainColor);
  margin: 20px 0; }

.sidebar .buttons-set button {
  color: #fff;
  border: 1px solid var(--mainColor);
  background: var(--mainColor);
  padding: 5px 25px;
  min-width: 150px;
  margin-top: 10px;
  border-radius: 20px; }

.com_info {
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: cover; }

.bg-clock {
  background: var(--bg_cd_page); }

.cl-clock {
  color: var(--cl_cd_page); }

.bg-item {
  background: var(--bg_cd_item); }

@media (min-width: 768px) {
  .mew_flash_page .swiper-slide {
    width: calc(100%/3 - 10px);
    margin-right: 15px; } }

@media (min-width: 992px) {
  .mew_flash_page .swiper-slide {
    width: calc(100%/4 - 11.25px);
    margin-right: 15px; } }

@media (min-width: 1200px) {
  .mew_flash_page .swiper-slide {
    width: calc(100%/5 - 12px);
    margin-right: 15px; } }

@media (max-width: 767px) {
  .mew_flash_page .swiper-slide {
    width: calc(100%/2 - 7.5px);
    margin-right: 15px; } }

.sold-module {
  border-radius: 10px;
  background: var(--bg_sold);
  z-index: 1; }
  .sold-module.text-in {
    height: 20px; }
  .sold-module.text-out {
    height: 8px; }
  .sold-module img {
    left: 0px;
    bottom: 0px;
    width: 24px;
    z-index: 3; }
  .sold-module .sold {
    font-size: 12px;
    color: var(--cl_sold);
    z-index: 2;
    line-height: normal; }
    @media (max-width: 375px) {
      .sold-module .sold {
        font-size: 9px; } }
  .sold-module .remain {
    background: linear-gradient(to right, var(--bg_remain_1), var(--bg_remain_2));
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: 10px; }
    .sold-module .remain:before {
      content: '';
      width: 100%;
      height: 100%;
      background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
      animation: progress_bar_fill 2s linear infinite;
      background-size: 30px 30px;
      position: absolute; }

@keyframes progress_bar_fill {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 30px 0; } }

.box-content-flashsale {
  border: 2px solid var(--bg_cd_page); }

.top_20px {
  top: 20px; }

.article-name {
  font-size: 1.2rem; }

.blog-name {
  font-size: 22px; }

.sidebar .buttons-set button {
  color: #fff;
  border: 1px solid var(--mainColor);
  background: var(--mainColor);
  padding: 5px 25px;
  min-width: 150px;
  margin-top: 10px;
  border-radius: 20px; }

.com_info {
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: cover; }

.rte a {
  color: var(--mainColor); }
  .rte a:hover {
    filter: brightness(0.6); }

.top_blog {
  top: 40px; }

.bg-sale {
  background: var(--bgSale); }

.title_bar a {
  font-size: 14px; }

@media (min-width: 768px) {
  .blog-item-list {
    margin-bottom: 10px !important; } }

.blog-item-list:last-child {
  margin-bottom: 0px !important; }

.blog-item-list .blog-item-name {
  font-size: 1rem; }

.google-map iframe {
  border: none;
  width: 100% !important;
  height: 100%;
  min-height: 400px; }

.buttons-set {
  margin-bottom: 15px; }

.contact {
  padding-top: 10px; }

.page-title h1 {
  font-size: 25px;
  margin: 20px 0; }

.rte h2 {
  border-left: 2px solid var(--btnBuy);
  padding-left: 10px;
  color: var(--btnBuy);
  font-size: 20px;
  margin-bottom: 10px; }

.rte h3 {
  font-size: 18px; }

.rte h4 {
  font-size: 16px; }

.rte h5 {
  font-size: 14px; }

.rte h6 {
  font-size: 12px; }

.blog-list h3 img {
  max-width: 28px; }

.blog-list ul li {
  min-width: 25%;
  flex: 0 0 25%; }
  @media (max-width: 767px) {
    .blog-list ul li {
      min-width: 50%;
      flex: 0 0 50%; } }
  .blog-list ul li .image {
    width: 3rem;
    height: 3rem;
    min-width: 48px; }
    .blog-list ul li .image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .blog-list ul li .text h4 {
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0; }
  .blog-list ul li .text span {
    font-size: .75rem;
    line-height: 1rem; }

.info_prodject .summary {
  width: 850px;
  max-width: 100%;
  margin: 0 auto;
  font-size: 14px; }

.info_prodject .tit_pr {
  font-size: 18px;
  color: var(--mainColor); }
  @media (min-width: 768px) {
    .info_prodject .tit_pr {
      pointer-events: none; } }
  @media (max-width: 767px) {
    .info_prodject .tit_pr {
      font-size: 16px;
      color: #ffffff;
      display: block;
      background: var(--mainColor);
      border-radius: 6px;
      padding: 5px 40px 5px 15px;
      position: relative; }
      .info_prodject .tit_pr:before, .info_prodject .tit_pr:after {
        content: '';
        width: 12px;
        height: 2px;
        background: #fff;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%); }
      .info_prodject .tit_pr:after {
        transform: translateY(-50%) rotate(0deg); }
      .info_prodject .tit_pr.collapsed:after {
        transform: translateY(-50%) rotate(-90deg); } }

.info_prodject .line_middle:before {
  content: '';
  width: 1px;
  position: absolute;
  height: calc(100% + 40px);
  background: #fff;
  top: 50%;
  transform: translate(-50%, -50%); }
  @media (min-width: 768px) {
    .info_prodject .line_middle:before {
      left: 50%; } }
  @media (max-width: 767px) {
    .info_prodject .line_middle:before {
      left: 24px; } }

.info_prodject .cir:before {
  content: '';
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--mainColor);
  position: absolute;
  top: 8px;
  transform: translateX(50%); }
  @media (min-width: 768px) {
    .info_prodject .cir:before {
      right: 0;
      display: none; } }
  @media (max-width: 767px) {
    .info_prodject .cir:before {
      left: 9px;
      display: block; } }

@media (min-width: 768px) {
  .info_prodject .cir-block:before {
    display: block; } }

@media (min-width: 992px) {
  .intro_block .left {
    padding: 0 3%; } }

@media (min-width: 992px) {
  .intro_block .right {
    padding: 0 3%; } }

.intro_block .title {
  font-size: 36px;
  background: none; }
  @media (max-width: 991px) {
    .intro_block .title {
      font-size: 18px; } }
  .intro_block .title:before, .intro_block .title:after {
    display: none; }

@media (max-width: 991px) {
  .intro_block.intro_block_2 .left {
    order: 2; } }

@media (max-width: 991px) {
  .intro_block.intro_block_2 .right {
    order: 1; } }

.intro_block.intro_block_3 .imgWrap {
  width: 80%;
  margin: 0 auto; }

.intro_block.intro_block_3 .title {
  text-align: center; }

.intro_block.intro_block_3 .item {
  text-align: center; }

.intro_block.intro_block_3 h3 {
  font-size: 24px;
  font-weight: 600; }
  @media (max-width: 991px) {
    .intro_block.intro_block_3 h3 {
      font-size: 18px; } }

countdown-sale {
  display: block; }
  countdown-sale .sold-wait, countdown-sale .waitsale-text, countdown-sale .endsale-text, countdown-sale .esl {
    display: none; }
  countdown-sale.event-end .cd-clock {
    display: none !important; }
  countdown-sale.event-end .sold-on {
    display: none !important; }
  countdown-sale.event-end .sold-wait {
    display: flex !important; }
    countdown-sale.event-end .sold-wait .endsale-text {
      display: flex !important; }
  countdown-sale.event-end .special-price, countdown-sale.event-end .label-sale {
    color: #838383 !important; }
  countdown-sale.event-end .end-sale-label:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.5;
    z-index: 1; }
  countdown-sale.event-end .esl {
    display: block;
    z-index: 2; }
  countdown-sale.event-wait .sold-on {
    display: none !important; }
  countdown-sale.event-wait .sold-wait {
    display: flex !important; }
    countdown-sale.event-wait .sold-wait .waitsale-text {
      display: flex !important; }
  countdown-sale.event-on .sold-wait {
    display: none !important; }

.loader {
  width: var(--container-size);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative; }

.i-load {
  width: var(--box-size);
  height: var(--box-size);
  position: relative;
  display: block;
  transform-origin: -50% center;
  border-radius: var(--box-border-radius); }

.i-load:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: lightblue;
  border-radius: var(--box-border-radius);
  box-shadow: 0px 0px 10px 0px rgba(28, 159, 255, 0.4); }

.i-load:nth-child(1) {
  animation: slide var(--duration) ease-in-out infinite alternate; }

.i-load:nth-child(1):after {
  animation: color-change var(--duration) ease-in-out infinite alternate; }

.i-load:nth-child(2) {
  animation: flip-1 var(--duration) ease-in-out infinite alternate; }

.i-load:nth-child(2):after {
  animation: squidge-1 var(--duration) ease-in-out infinite alternate; }

.i-load:nth-child(3) {
  animation: flip-2 var(--duration) ease-in-out infinite alternate; }

.i-load:nth-child(3):after {
  animation: squidge-2 var(--duration) ease-in-out infinite alternate; }

.i-load:nth-child(4) {
  animation: flip-3 var(--duration) ease-in-out infinite alternate; }

.i-load:nth-child(4):after {
  animation: squidge-3 var(--duration) ease-in-out infinite alternate; }

.i-load:nth-child(5) {
  animation: flip-4 var(--duration) ease-in-out infinite alternate; }

.i-load:nth-child(5):after {
  animation: squidge-4 var(--duration) ease-in-out infinite alternate; }

.i-load:nth-child(2):after {
  background-color: #1c9fff; }

.i-load:nth-child(3):after {
  background-color: #1fb1fd; }

.i-load:nth-child(4):after {
  background-color: #22c7fb; }

.i-load:nth-child(5):after {
  background-color: #23d3fb; }

@keyframes slide {
  0% {
    background-color: #1795ff;
    transform: translatex(0vw); }
  100% {
    background-color: #23d3fb;
    transform: translatex(calc(var(--container-size) - (var(--box-size) * 1.25))); } }

@keyframes color-change {
  0% {
    background-color: #1795ff; }
  100% {
    background-color: #23d3fb; } }

@keyframes flip-1 {
  0%,
  15% {
    transform: rotate(0); }
  35%,
  100% {
    transform: rotate(-180deg); } }

@keyframes squidge-1 {
  5% {
    transform-origin: center bottom;
    transform: scalex(1) scaley(1); }
  15% {
    transform-origin: center bottom;
    transform: scalex(1.3) scaley(0.7); }
  25%,
  20% {
    transform-origin: center bottom;
    transform: scalex(0.8) scaley(1.4); }
  55%,
  100% {
    transform-origin: center top;
    transform: scalex(1) scaley(1); }
  40% {
    transform-origin: center top;
    transform: scalex(1.3) scaley(0.7); } }

@keyframes flip-2 {
  0%,
  30% {
    transform: rotate(0); }
  50%,
  100% {
    transform: rotate(-180deg); } }

@keyframes squidge-2 {
  20% {
    transform-origin: center bottom;
    transform: scalex(1) scaley(1); }
  30% {
    transform-origin: center bottom;
    transform: scalex(1.3) scaley(0.7); }
  40%,
  35% {
    transform-origin: center bottom;
    transform: scalex(0.8) scaley(1.4); }
  70%,
  100% {
    transform-origin: center top;
    transform: scalex(1) scaley(1); }
  55% {
    transform-origin: center top;
    transform: scalex(1.3) scaley(0.7); } }

@keyframes flip-3 {
  0%,
  45% {
    transform: rotate(0); }
  65%,
  100% {
    transform: rotate(-180deg); } }

@keyframes squidge-3 {
  35% {
    transform-origin: center bottom;
    transform: scalex(1) scaley(1); }
  45% {
    transform-origin: center bottom;
    transform: scalex(1.3) scaley(0.7); }
  55%,
  50% {
    transform-origin: center bottom;
    transform: scalex(0.8) scaley(1.4); }
  85%,
  100% {
    transform-origin: center top;
    transform: scalex(1) scaley(1); }
  70% {
    transform-origin: center top;
    transform: scalex(1.3) scaley(0.7); } }

@keyframes flip-4 {
  0%,
  60% {
    transform: rotate(0); }
  80%,
  100% {
    transform: rotate(-180deg); } }

@keyframes squidge-4 {
  50% {
    transform-origin: center bottom;
    transform: scalex(1) scaley(1); }
  60% {
    transform-origin: center bottom;
    transform: scalex(1.3) scaley(0.7); }
  70%,
  65% {
    transform-origin: center bottom;
    transform: scalex(0.8) scaley(1.4); }
  100%,
  100% {
    transform-origin: center top;
    transform: scalex(1) scaley(1); }
  85% {
    transform-origin: center top;
    transform: scalex(1.3) scaley(0.7); } }

.warranty-info .title {
  font-size: 26px; }

.warranty-info .url a {
  color: var(--mainColor); }

.find-box {
  max-width: 400px; }
  .find-box .find-vendor {
    padding-left: 48px;
    height: 40px;
    font-size: 14px; }
  .find-box .btn-find-vendor {
    left: 0;
    top: 0;
    height: 40px; }
    .find-box .btn-find-vendor svg {
      fill: #b3b3b3; }

.vendor-box-render .vendor-list {
  display: grid;
  grid-auto-flow: row dense;
  grid-auto-columns: 1fr;
  gap: 8px 8px; }
  @media (min-width: 991px) {
    .vendor-box-render .vendor-list {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } }
  @media (max-width: 991px) {
    .vendor-box-render .vendor-list {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } }
  @media (max-width: 767px) {
    .vendor-box-render .vendor-list {
      grid-template-columns: 1fr 1fr 1fr; } }
  .vendor-box-render .vendor-list .vendor-item {
    border: 1px solid var(--mainColor);
    border-radius: 8px;
    overflow: hidden;
    padding: 8px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#edfcff), to(#fff));
    background: -webkit-linear-gradient(top, #fff, #edfcff);
    background: -moz-linear-gradient(top, #fff, #edfcff);
    background: -ms-linear-gradient(top, #fff, #edfcff);
    background: -o-linear-gradient(top, #fff, #edfcff); }
    .vendor-box-render .vendor-list .vendor-item p {
      color: #4a90e2; }
    .vendor-box-render .vendor-list .vendor-item img {
      mix-blend-mode: multiply;
      max-height: 30px; }

.vendor-box-render .vendor-item {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease; }

.vendor-box-render .vendor-item.fade-in {
  opacity: 1;
  transform: translateY(0); }
  .vendor-box-render .vendor-item.fade-in:hover {
    transform: translateY(-5px); }

.vendor-box-render .toggle-vendor-list {
  overflow: hidden;
  min-width: 200px;
  border: 1px solid #4a90e2;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #4a90e2; }

.warranty-center-option .city-select {
  max-width: 200px;
  font-size: 14px; }

@media (max-width: 575px) {
  .warranty-center-option {
    display: flex;
    align-items: center;
    justify-content: space-between; } }

.warranty-center-list .grid-list {
  display: grid;
  grid-auto-flow: row dense;
  font-size: 13px; }
  @media (min-width: 768px) {
    .warranty-center-list .grid-list {
      grid-auto-columns: 1fr;
      grid-template-columns: 50px 1.7fr 1.1fr 0.8fr; }
      .warranty-center-list .grid-list:nth-child(2n + 2) {
        background: #f5f5f5; } }
  @media (max-width: 767px) {
    .warranty-center-list .grid-list {
      padding: 8px; }
      .warranty-center-list .grid-list:nth-child(2n + 1) {
        background: #f5f5f5; } }
  .warranty-center-list .grid-list a {
    color: var(--mainColor); }
  .warranty-center-list .grid-list .fa-phone {
    transform: rotate(90deg); }

.warranty-center-list .head-list {
  background: #dcdbdb;
  font-weight: bold; }
  @media (max-width: 767px) {
    .warranty-center-list .head-list {
      display: none; } }

.warranty-center-list .body-list {
  max-height: 500px;
  overflow: auto; }
  .warranty-center-list .body-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #f7f7f7;
    border-radius: 10px; }
  .warranty-center-list .body-list::-webkit-scrollbar {
    width: 12px;
    background-color: #f7f7f7; }
  .warranty-center-list .body-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border: 2px solid #f7f7f7;
    background-color: #dcdbdb; }