/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */


.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}
img {
    max-width: 100%;
    height: auto;
}
.order-2 {
    -ms-flex-order: 2;
    order: 2;
}
.order-3 {
    -ms-flex-order: 3;
    order: 3;
}
@media (min-width: 768px) {
    .order-md-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .order-md-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-md-4 {
        -ms-flex-order: 4;
        order: 4;
    }
}

@media (min-width: 992px) {
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4;
    }
}
.d-none {
    display: none !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.d-block {
    display: block !important;
}
.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}
.d-inline-block {
    display: inline-block !important;
}
@media (min-width: 768px) {
    .d-md-block {
        display: block !important;
    }
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
ul, ol {
    padding: 0;
    margin: 0;
}

.block-title h2 {
    font-weight: bold;
    font-size: 42px;
    position: relative;
    margin-bottom: 20px;
    line-height: 1.3;
}
.block-title .sub-title {
    display: inline-block;
    color: var(--mainColor);
    font-size: 18px;
    letter-spacing: 3px;
    font-weight: bold;
    position: relative;
    text-transform: uppercase;
    border-bottom: 2px solid var(--mainColor);
    margin-bottom: 10px;
}
@media (min-width: 992px) {
    .d-lg-block {
        display: block !important;
    }
    .d-lg-none {
        display: none !important;
    }
}
:root {
	--main-border-radius: 10px;
	--mainColor: #2d9301; /*#ad7555*/
	--oldColor: #ffc700;
	--priceColor: #ff0000;
	--middleHeaderColor: #ffffff;
	--middleHeaderTextColor: #000000;
	--topBarColor: #ffc700;
	--topBarTextColor: #000000;
	--oldColor: #ffc700;
	--backgroundColorReview: #152755;
	--oldColorReview: #ffc700;
	--backgroundColorFlashSale: #152755;
	--oldColorFlashSale: #000f36;
	--oldColorFlashSale2: #fcdb10;
	--oldColorFlashSale3: #152755;
	--backgroundColorService: #152755;
	--backgroundColorItemVoucher: #305a9b;
}

@media (min-width:1300px) {
  .container {
  max-width:1280px;
}
}

.promotion-popup {
  position:fixed;
  top:0 !important;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.5);
  opacity:0;
  visibility:hidden;
  transition:all 0.4s ease;
  z-index:9999;
}

.promotion-popup .promotion-popup-content {
  background-color:white;
  border-radius:16px;
  max-width:1000px;
  transform:translateY(-100%);
  transition:all 0.6s ease;
  position:relative;
  margin:10% auto;
  width:90%;
  display:flex;
  overflow:hidden;
}

.promotion-popup .promotion-popup-content .col-left {
  width:50%;
  background-color:var(--mainColor);
  text-align:center;
  padding-top:80px;
  padding-bottom:80px;
  color:#fff;
}

.promotion-popup .promotion-popup-content .col-left p {
  text-transform:uppercase;
  font-weight:500;
  margin-bottom:25px;
  font-size:16px;
}

.promotion-popup .promotion-popup-content .col-left h2 {
  font-size:70px;
  line-height:1.1;
  text-transform:uppercase;
  font-weight:700;
  margin-bottom:25px;
}

.promotion-popup .promotion-popup-content .col-left .coupon-code {
  display:inline-block;
  background:#fff;
  color:var(--mainColor);
  font-weight:500;
  padding:8px 16px;
  border-radius:6px;
}

.promotion-popup .promotion-popup-content .col-right {
  width:50%;
}

.promotion-popup .promotion-popup-content .col-right .block-product {
  padding:35px 30px;
}

.promotion-popup .promotion-popup-content .col-right .block-product h2 {
  text-transform:uppercase;
  font-size:18px;
  margin-bottom:20px;
}

@media (max-width:991px) and (min-width:767px) {
  .promotion-popup .promotion-popup-content .col-left h2 {
    font-size:50px;
  }
}

@media (max-width:480px) {
  .promotion-popup .promotion-popup-content {
    display:block;
  }
  .promotion-popup .promotion-popup-content .col-left {
    width:100%;
    padding:18px 0;
  }
  .promotion-popup .promotion-popup-content .col-left p {
    margin-bottom:18px;
  }
  .promotion-popup .promotion-popup-content .col-left h2 {
    font-size:30px;
    margin-bottom:18px;
  }
  .promotion-popup .promotion-popup-content .col-right {
    width:100%;
  }
  .promotion-popup .promotion-popup-content .col-right .block-product {
    padding:18px;
  }
  .promotion-popup .promotion-popup-content .col-right .block-product h2 {
    font-size:16px;
    margin-bottom:18px;
    text-align:center;
  }
}

.promotion-popup.show {
  opacity:1;
  visibility:visible;
}

.promotion-popup.show .promotion-popup-content {
  transform:translateY(0);
}

.promotion-popup .close-btn {
  position:absolute;
  top:15px;
  right:15px;
  font-size:24px;
  cursor:pointer;
  background:#e9e9e9;
  line-height:25px;
  width:30px;
  height:30px;
  text-align:center;
  border-radius:30px;
  transition:all .3s ease;
}

.promotion-popup .close-btn:hover {
  background:var(--mainColor);
  color:#fff;
}

.jas-sale-pop {
  background:#fff;
  bottom:-100%;
  left:20px;
  right:20px;
  padding:10px 25px 10px 10px;
  box-shadow:0 0 20px rgba(0,0,0,0.1);
  border-radius:3px;
  opacity:0;
  visibility:hidden;
  transition:all 2s;
  z-index:99999;
  position:fixed;
  right:auto;
  overflow:hidden;
}

@media (max-width:480px) {
  .jas-sale-pop {
    left:10px;
    right:10px;
    max-width:290px;
  }
  .jas-sale-pop .jas-sale-pop-content {
    overflow:hidden;
    max-width:180px;
  }
}

.jas-sale-pop a img {
  max-width:80px;
}

@media (max-width:321px) {
  .jas-sale-pop {
    left:10px;
    right:10px;
    max-width:220px;
  }
  .jas-sale-pop .jas-sale-pop-content {
    max-width:180px;
  }
}

.jas-sale-pop .mr__20 {
  margin-right:10px;
}

.jas-sale-pop h4 {
  color:#222;
  margin:0;
  font-size:14px;
  margin-bottom:0;
}

.jas-sale-pop h3 {
  margin:0;
  font-size:13px;
  max-width:255px;
  line-height:20px;
  max-height:40px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  font-weight:300;
}

.jas-sale-pop h3 a {
  color:#878787;
  margin:0;
  font-size:13px;
}

.jas-sale-pop .jas-sale-pop-timeago {
  color:#878787;
  font-size:12px;
  font-weight:300;
}

.jas-sale-pop .pe-7s-close {
  right:5px;
  top:5px;
  cursor:pointer;
  position:absolute;
  display:inline-block;
  width:10px;
  height:10px;
  background:url(//bizweb.dktcdn.net/100/570/902/themes/1027061/assets/close.svg?1750129613863);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}

.jas-sale-pop.slideUp {
  bottom:20px;
  opacity:1;
  visibility:visible;
}

.jas-sale-pop.middle-xs {
  -webkit-box-align:center;
  -ms-flex-align:center;
}

.jas-sale-pop.flex {
  box-sizing:border-box;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.jas-sale-pop.flex {
  z-index:1024;
  top:auto !important;
}

.thumb {
  position:relative;
  display:block;
  padding-bottom:100%;
}

.thumb img {
  width:auto;
  max-height:100%;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  object-fit:contain;
  transition:all 0.3s ease;
  border-radius:var(--main-border-radius);
}

.hover-banner {
  position:relative;
  display:block;
  overflow:hidden;
}

.hover-banner:before {
  background:rgba(255,255,255,0.1);
  content:'';
  z-index:0;
  height:100%;
  position:absolute;
  width:100%;
  transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;
  left:-100%;
  top:-100%;
}

.hover-banner:after {
  background:rgba(255,255,255,0.1);
  content:'';
  z-index:0;
  height:100%;
  position:absolute;
  width:100%;
  transition:all 0.3s;
  -moz-transition:all 0.3s;
  -webkit-transition:all 0.3s;
  left:100%;
  top:100%;
}

.hover-banner:hover:before,
.hover-banner:hover:after {
  left:0;
  top:0;
}

.active-backdrop {
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background:rgba(0,0,0,0.6);
  z-index:99;
}

.base-popup {
  max-width:960px;
  width:100%;
  position:fixed;
  background:#fff;
  top:10%;
  left:50%;
  z-index:9999;
  transform:translateX(-50%);
}

.position-relative {
  position:relative;
}

.social-fixed {
  position:fixed;
  right:40px;
  top:initial !important;
  bottom:100px;
  z-index:99;
}

.social-fixed.social-mess-facebook {
  bottom:155px;
}

.social-fixed.social-tiktok {
  bottom:210px;
}

.social-fixed>a {
  text-align:center;
  display:block;
  border-radius:50%;
  background:#fff;
  height:40px;
  width:40px;
  line-height:38px;
  margin-bottom:0;
  box-shadow:2px 2px 10px 0 rgba(0,0,0,0.3);
}

.social-fixed>a svg {
  width:25px;
  height:25px;
  fill:var(--mainColor);
}

.social-fixed>a:hover {
  background:var(--mainColor);
}

.social-fixed>a:hover svg {
  fill:#fff;
}

.social-fixed .backtop {
  display:none;
}

.social-fixed .backtop.show {
  display:block;
}

.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
  width:30px;
  height:30px;
  display:flex;
  justify-content:center;
  align-items:center;
  box-shadow:0 0 0 0 var(--mainColor);
  top:50%;
  transform:translateY(calc(-50% - 0));
  margin:0;
  transition:.3s;
  outline:none;
  background:#fff;
  box-shadow:0 0 4px 0 var(--mainColor);
  border-radius:var(--main-border-radius);
}

.swiper-container .swiper-button-next:hover,
.swiper-container .swiper-button-prev:hover {
  opacity:1;
  background:#fff;
  box-shadow:0 0 4px 0 var(--mainColor);
}

@media (min-width:1199px) {
  .swiper-container .swiper-button-next:hover,
  .swiper-container .swiper-button-prev:hover {
    width:33px;
    height:33px;
  }
}

.swiper-container .swiper-button-next:after,
.swiper-container .swiper-button-prev:after {
  font-size:14px;
  color:var(--mainColor);
  font-weight:bold;
}

.product-action {
  transition:all ease-in-out .2s;
  overflow:hidden;
  height:100%;
  border-radius:var(--main-border-radius);
  padding:16px;
  position:relative;
}

.product-action:before {
  content:"";
  background:#421903;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:-1;
  opacity:0.1;
  opacity:0.16;
}

.product-action .product-swatchs {
  flex-wrap:wrap;
  display:flex;
  margin-top:10px;
}

.product-action .product-swatchs .item-swatch {
  margin:0 3px 0 3px;
  outline:0;
  float:none;
  position:relative;
  border:1px solid #E4E4E4;
  border-radius:var(--main-border-radius);
  padding:2px;
  cursor:pointer;
}

.product-action .product-swatchs .item-swatch:first-child {
  margin-left:0;
}

@media (max-width:767px) {
  .product-action .product-swatchs .item-swatch {
    margin:0 3px 3px 0;
  }
}

.product-action .product-swatchs .item-swatch a {
  display:block;
  position:relative;
  margin-bottom:0;
  width:24px;
  height:24px;
  border-radius:var(--main-border-radius);
}

@media (max-width:767px) {
  .product-action .product-swatchs .item-swatch a {
    width:18px;
    height:18px;
  }
}

.product-action .product-swatchs .item-swatch a:hover {
  cursor:pointer;
}

.product-action .product-swatchs .item-swatch.active {
  box-shadow:0 2px 4px rgba(0,0,0,0.3);
  border:1px solid var(--mainColor);
}

.product-action .product-thumbnail {
  position:relative;
  border-radius:var(--main-border-radius);
  background:#fff;
}

.product-action .product-thumbnail .smart {
  position:absolute;
  top:10px;
  left:10px;
  background-image:url(//bizweb.dktcdn.net/100/570/902/themes/1027061/assets/bg-smart.png?1750129613863);
  background-repeat:no-repeat;
  font-size:14px;
  border-radius:var(--main-border-radius);
  color:#ffff;
  padding:2px 10px;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--mainColor);
  font-weight:500;
}

.product-action .product-thumbnail .thumb {
  overflow:hidden;
}

.product-action .product-thumbnail .thumb img {
  transition-duration:.7s;
}

.product-action .product-thumbnail .thumb img:last-child {
  opacity:0;
  visibility:hidden;
  z-index:0;
}

.product-action .product-thumbnail .list-action-right {
  transition:all .4s ease;
  z-index:1;
  position:absolute;
  top:10px;
  right:10px;
  transform:translateX(60px);
}

.product-action .product-thumbnail .list-action-right a {
  width:32px;
  height:32px;
  background:#fff;
  margin-bottom:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--main-border-radius);
  transition-duration:.3s;
  box-shadow:0 0 5px rgba(0,0,0,0.1);
}

.product-action .product-thumbnail .list-action-right a svg {
  width:20px;
  height:20px;
}

.product-action .product-thumbnail .list-action-right a.active {
  background:var(--mainColor);
}

.product-action .product-thumbnail .list-action-right a.active.btn-wish svg path {
  stroke:#fff;
}

.product-action .product-thumbnail .list-action-right a.active.btn-compare svg path {
  fill:#fff;
}

.product-action .product-thumbnail .list-action-right a:hover {
  background:var(--mainColor);
}

.product-action .product-thumbnail .list-action-right a:hover.btn-wish svg path {
  stroke:#fff;
}

.product-action .product-thumbnail .list-action-right a:hover.btn-compare svg path {
  fill:#fff;
}

.product-action .product-thumbnail .list-action-bottom {
  width:100%;
  position:absolute;
  bottom:20px;
  transform:translateX(-50%);
  opacity:0;
  visibility:hidden;
  transform:translateY(100px);
  transition:all .4s ease;
  z-index:1;
  padding:0 18px;
}

.product-action .product-thumbnail .list-action-bottom button,
.product-action .product-thumbnail .list-action-bottom a {
  transition-duration:.3s;
  border-radius:var(--main-border-radius);
  border:none;
  font-weight:500;
  background:#fff;
  box-shadow:0 0 5px rgba(0,0,0,0.1);
  padding:8px 16px;
  width:100%;
  display:block;
  text-align:center;
}

.product-action .product-thumbnail .list-action-bottom button:hover,
.product-action .product-thumbnail .list-action-bottom a:hover {
  background:var(--mainColor);
  color:#fff;
}

.product-action .product-info {
  position:relative;
  margin-top:10px;
}

.product-action .product-info__name {
  font-size:16px;
  line-height:24px;
  font-weight:500;
  margin:0 0 10px;
}

.product-action .product-info__name a {
  color:#F5F5DC;
  overflow:hidden;
  text-align:left;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.product-action .product-info__name a:hover {
  color:var(--mainColor);
}

.product-action .product-info__viewdetail {
  font-size:13px;
}

.product-action .product-info__viewdetail svg {
  width:19px;
  height:11px;
  transform:translateY(-1px);
  margin-left:3px;
  fill:var(--mainColor);
}

.product-action .product-info__price {
  font-size:16px;
  color:#FFFFFF;
  font-weight:500;
}

.product-action .product-info__price .compare-price {
  font-size:14px;
  font-weight:400;
  color:#a6a6a6;
  text-decoration:line-through;
}

.product-action.product-action-lookbook .product-thumbnail .thumb img:last-child {
  opacity:1;
  visibility:visible;
  z-index:1;
}

.product-action:hover:not(.product-action-lookbook) .product-thumbnail .thumb img {
  transform:scale(1.05);
}

.product-action:hover:not(.product-action-lookbook) .product-thumbnail .thumb img:first-child {
  opacity:0;
}

.product-action:hover:not(.product-action-lookbook) .product-thumbnail .thumb img:last-child {
  opacity:1;
  visibility:visible;
}

.product-action:hover:not(.product-action-lookbook) .product-thumbnail .list-action-right {
  transform:translateX(0);
}

.product-action:hover:not(.product-action-lookbook) .product-thumbnail .list-action-bottom {
  transform:translateX(0);
  opacity:1;
  visibility:visible;
}

.product-action .product-vendor {
  margin-top:8px;
  border-top:1px solid var(--mainColor);
  padding-top:8px;
}

.product-action .product-type {
  margin-top:8px;
  border-top:1px solid var(--mainColor);
  padding-top:8px;
}

.product-action .product-specifications {
  margin-top:8px;
  border-top:1px solid var(--mainColor);
  padding-top:8px;
}

.product-action .product-specifications h2 {
  font-size:14px;
  margin-bottom:10px;
}

.product-action .product-specifications table {
  width:100%;
}

.product-action .product-specifications table td:first-child {
  width:160px;
  font-weight:500;
}

.product-action .product-specifications table tr:nth-of-type(odd) {
  background-color:rgba(0,0,0,0.05);
}

.product-action .product-specifications table tr td {
  background:#edf0f3;
  border-color:#fff;
  padding:8px;
}

.product-action .product-specifications table tr th {
  background:#c1c8d1;
  border-color:#fff;
  padding:8px;
}

@media (max-width:767px) {
  .product-action .product-info__name {
    font-size:14px;
    line-height:18px;
    min-height:36px;
  }
  .product-action .product-info__price {
    font-size:14px;
  }
}

.item_project_main {
  box-shadow:0 0 5px rgba(0,0,0,0.08);
  padding:16px;
  border-radius:var(--main-border-radius);
}

.item_project_main .block-project {
  display:flex;
}

.item_project_main .block-project .product-thumbnail {
  width:260px;
}

.item_project_main .block-project .product-thumbnail .thumb {
  padding-bottom:46%;
}

.item_project_main .block-project .product-info {
  position:relative;
  width:calc(100% - 260px);
  padding-left:16px;
}

.item_project_main .block-project .product-info__name {
  font-size:16px;
  line-height:24px;
  font-weight:500;
  margin:0 0 10px;
}

.item_project_main .block-project .product-info__name a {
  color:#000;
  overflow:hidden;
  text-align:left;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.item_project_main .block-project .product-info__name a:hover {
  color:var(--mainColor);
}

.item_project_main .block-project .product-info__price {
  font-size:16px;
  color:var(--priceColor);
  font-weight:500;
}

.item_project_main .block-project .product-info__price .compare-price {
  font-size:14px;
  font-weight:400;
  color:#a6a6a6;
  text-decoration:line-through;
}

.item_project_main .block-project .product-info__summary {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:14px;
  margin-bottom:10px;
}

.item_project_main .block-project .product-info__utilities {
  margin-bottom:15px;
}

.item_project_main .block-project .product-info__utilities .item {
  margin-bottom:5px;
}

.item_project_main .block-project .product-info__utilities .item svg path {
  fill:var(--mainColor);
}

.item_project_main .block-project .product-info__details a {
  display:inline-block;
  padding:6px 12px;
  border:1px solid var(--mainColor);
  border-radius:var(--main-border-radius);
  color:var(--mainColor);
  font-size:14px;
}

.item_project_main .block-project .product-info__details a svg {
  width:17px;
  height:17px;
  position:relative;
  top:-2px;
}

.item_project_main .block-project .product-info__details a svg path {
  fill:var(--mainColor);
}

.item_project_main .block-project .product-info__details a:hover {
  background:var(--mainColor);
  color:#fff;
}

.item_project_main .block-project .product-info__details a:hover svg path {
  fill:#fff;
}

@media (max-width:565px) {
  .item_project_main .block-project {
    display:block;
  }
  .item_project_main .block-project .product-thumbnail {
    width:100%;
    margin-bottom:10px;
  }
  .item_project_main .block-project .product-info {
    width:100%;
    padding-left:0;
  }
}

.popup-video {
  position:fixed;
  z-index:99999;
  top:0 !important;
  left:0;
  right:0;
  text-align:center;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,0.89);
  display:none;
}

.popup-video.active {
  display:flex;
}

.popup-video .close-popup-video {
  background:#fff;
  color:#000;
  position:absolute;
  right:10px;
  top:10px;
  padding:5px 10px;
  border-radius:5px;
  cursor:pointer;
}

.popup-video .close-popup-video:hover {
  opacity:0.8;
}

.popup-video iframe {
  height:calc(100vh - 200px);
  width:1100px;
}

@media (max-width:1100px) {
  .popup-video iframe {
    width:700px;
  }
}

@media (max-width:767px) {
  .popup-video .body-popup {
    padding:0 5px;
    width:100%;
  }
  .popup-video .body-popup iframe {
    width:100%;
    height:300px;
  }
}

.item-blog:not(.relate) {
  overflow:hidden;
}

.item-blog:not(.relate) .block-thumb {
  position:relative;
  background:#fff;
  overflow:hidden;
  border-radius:var(--main-border-radius);
}

.item-blog:not(.relate) .block-thumb .article-published {
  position:absolute;
  bottom:-15px;
  left:25px;
  background:var(--oldColor);
  padding:10px;
  z-index:9;
}

@media (max-width:991px) {
  .item-blog:not(.relate) .block-thumb .article-published {
    left:15px;
  }
}

.item-blog:not(.relate) .block-thumb .thumb-blog {
  padding-bottom:56%;
  display:block;
}

.item-blog:not(.relate) .block-thumb .thumb-blog img {
  width:auto;
  max-height:100%;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  object-fit:contain;
  transition:all 0.5s ease;
}

.item-blog:not(.relate) .block-thumb .thumb-blog.video_play:before {
  content:"";
  width:0;
  height:0;
  border-style:solid;
  border-width:15px 0 15px 30px;
  border-color:transparent transparent transparent #fff;
  position:absolute;
  top:50%;
  left:50%;
  z-index:2;
  transform:translate(-50%,-50%);
}

.item-blog:not(.relate) .block-thumb .thumb-blog.video_play:after {
  content:"";
  width:100%;
  height:100%;
  left:0;
  top:0;
  position:absolute;
  background:#333;
  opacity:0.5;
  z-index:1;
}

.item-blog:not(.relate) .block-info {
  margin-top:15px;
}

.item-blog:not(.relate) .block-info .time-post {
  margin-bottom:6px;
}

.item-blog:not(.relate) .block-info .time-post span {
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-right:16px;
  font-size:16px;
}

.item-blog:not(.relate) .block-info .time-post span svg {
  width:22px;
  height:22px;
}

.item-blog:not(.relate) .block-info .time-post span svg path {
  stroke:var(--mainColor);
}

.item-blog:not(.relate) .block-info h3 {
  font-size:18px;
  font-weight:600;
  word-break:break-all;
}

.item-blog:not(.relate) .block-info h3 a {
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  word-break:break-word;
  -webkit-line-clamp:2;
}

.item-blog:not(.relate) .block-info .article-content {
  font-size:15px;
  color:#4d4e50;
  line-height:1.4;
}

.item-blog:not(.relate):hover .block-thumb .thumb-blog img {
  transform:translateZ(0) scale(1.07);
}

.page-content {
  margin-bottom:30px;
}

.page-content .page-wishlist .col-fix {
  margin-bottom:20px;
}

#noti-wish {
  position:fixed;
  top:15px;
  right:15px;
  z-index:99999;
}

#notification-container {
  position:fixed;
  top:15px;
  right:15px;
  z-index:99999;
}

.notifyed,
.notification {
  background-color:#333;
  margin-bottom:10px;
  color:#fff;
  border-radius:.45rem;
  width:255px;
  padding:.75rem 1.25rem;
}

@media (max-width:767px) {
  .notifyed,
  .notification {
    font-size:14px;
  }
}

.notifyed.success,
.notification.success {
  color:#155724;
  background-color:#d4edda;
  border-color:#c3e6cb;
}

.notifyed.warning,
.notification.warning {
  color:#856404;
  background-color:#fff3cd;
  border-color:#ffeeba;
}

.notifyed.error,
.notification.error {
  color:#721c24;
  background-color:#f8d7da;
  border-color:#f5c6cb;
}

.notifyed .title,
.notification .title {
  font-size:16px;
  font-weight:600;
  margin-bottom:5px;
}

.footer {
  border-top:3px solid var(--mainColor);
  background:#1b1b1c;
}

.footer .mid-footer {
  padding:50px 0;
}

.footer .mid-footer .logo-footer {
  margin-bottom:20px;
  display:block;
}

.footer .social-footer {
  padding:24px 0;
}

.footer .social-footer h4 {
  margin-bottom:8px;
}

.footer .social-footer .social-share a {
  display:inline-block;
  padding:0 4px;
}

.footer .social-footer .social-share a svg {
  fill:#fff;
}

.footer .social-footer .social-share a:hover {
  opacity:0.8;
}

.footer .copyright {
  color:#fff;
}

.footer .copyright a {
  color:#fff;
}

.footer .copyright a:hover {
  opacity:0.8;
}

.footer .copyright .border {
  border-top:1px dashed var(--mainColor);
  padding:12px 0;
}

.footer .col-footer h4 {
  line-height:24px;
  color:#fff;
  margin-bottom:16px;
}

.footer .col-footer .contact-footer .item {
  margin-bottom:10px;
  color:#fff;
  display:flex;
  align-items:center;
  gap:10px;
}

.footer .col-footer .contact-footer .item .icon {
  background:var(--mainColor);
  height:30px;
  width:30px;
  border-radius:var(--main-border-radius);
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.footer .col-footer .contact-footer .item .icon svg {
  width:18px;
  height:18px;
}

.footer .col-footer .contact-footer .item .icon svg path {
  fill:#fff;
}

.footer .col-footer .contact-footer .item a {
  color:#fff;
}

.footer .col-footer .contact-footer .item a:hover {
  color:var(--mainColor);
}

.footer .col-footer .contact-footer .item:last-child {
  margin-bottom:0;
}

.footer .col-footer .list-menu a {
  display:block;
  margin-bottom:10px;
  color:#fff;
  position:relative;
  padding-left:23px;
}

.footer .col-footer .list-menu a svg {
  width:11px;
  height:10px;
  position:absolute;
  left:0;
  top:6px;
}

.footer .col-footer .list-menu a svg path {
  stroke:var(--mainColor);
}

.footer .col-footer .list-menu a:hover {
  color:var(--mainColor);
}

.footer .col-footer .list-menu a:last-child {
  margin-bottom:0;
}

.footer .col-footer .list-instagram {
  gap:10px;
  grid-template-columns:repeat(3,1fr);
  display:grid;
}

.footer .col-footer .list-instagram a img {
  border-radius:var(--main-border-radius);
}

div#bizweb-theme-previewer {
  display:none;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity:0;
    -webkit-transform:translateY(20px);
    transform:translateY(20px);
  }
  100% {
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity:0;
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
  }
  100% {
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity:0;
    -webkit-transform:translateY(-20px);
    transform:translateY(-20px);
  }
  100% {
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity:0;
    -webkit-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    transform:translateY(-20px);
  }
  100% {
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity:0;
    -webkit-transform:translateX(20px);
    transform:translateX(20px);
  }
  100% {
    opacity:1;
    -webkit-transform:translateX(0);
    transform:translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity:0;
    -webkit-transform:translateX(20px);
    -ms-transform:translateX(20px);
    transform:translateX(20px);
  }
  100% {
    opacity:1;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity:0;
    -webkit-transform:translateX(-20px);
    transform:translateX(-20px);
  }
  100% {
    opacity:1;
    -webkit-transform:translateX(0);
    transform:translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity:0;
    -webkit-transform:translateX(-20px);
    -ms-transform:translateX(-20px);
    transform:translateX(-20px);
  }
  100% {
    opacity:1;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
  }
}

.img-anim-right {
  animation:img-anim-right 1.3s forwards cubic-bezier(0.645,0.045,0.355,1) 0.4s;
  opacity:0;
}

@keyframes img-anim-right {
  0% {
    transform:translateX(5%);
    clip-path:inset(0 0 0 100%);
    opacity:0;
  }
  100% {
    transform:translateX(0);
    clip-path:inset(0 0 0 0);
    opacity:1;
  }
}

.img-anim-left {
  animation:img-anim-left 1.3s forwards cubic-bezier(0.645,0.045,0.355,1) 0.4s;
  opacity:0;
}

@keyframes img-anim-left {
  0% {
    transform:translateX(-5%);
    clip-path:inset(0 100% 0 0);
    opacity:0;
  }
  100% {
    transform:translateX(0);
    clip-path:inset(0 0 0 0);
    opacity:1;
  }
}

@keyframes img-anim-top {
  0% {
    transform:translateY(-5%);
    clip-path:inset(0 0 100% 0);
    opacity:0;
  }
  100% {
    transform:translateY(0);
    clip-path:inset(0 0 0 0);
    opacity:1;
  }
}

@media (min-width:1199px) {
  .item-effect {
    opacity:0;
    animation-duration:0.8s;
    animation-fill-mode:forwards;
    animation-delay:0s;
  }
  .footer .logo-social-footer.item-effect.on-show {
    animation-duration:0.6s;
    animation-name:img-anim-top;
  }
  .footer .copyright .border.item-effect.on-show {
    animation-name:fadeInDown;
  }
  .footer .col-footer.item-effect.on-show {
    animation-name:fadeInDown;
  }
}

@media (max-width:991px) and (min-width:767px) {
  .footer .logo-social-footer {
    width:100%;
  }
  .footer .contact-footer {
    margin-bottom:30px;
  }
  .social-fixed {
    bottom:210px;
  }
  .social-fixed.social-mess-facebook {
    bottom:260px;
  }
  .social-fixed.social-tiktok {
    bottom:315px;
  }
}

@media (max-width:767px) {
  .product-action {
    padding:10px;
  }
}

.popup-compare {
  top:unset !important;
  bottom:0;
  border-radius:6px 0 0 0;
  border-top:1px solid #e5e5e5;
  display:flex;
  width:100%;
  margin:auto;
  position:fixed;
  left:50%;
  z-index:999;
  background:#fff;
  transition:all .5s ease;
  box-shadow:0 5px 18px 5px rgba(64,72,87,0.15);
  transform:translate(-50%,135%);
  max-width:1270px;
}

.popup-compare.show {
  transform:translate(-50%,0);
}

.popup-compare .mini-compare {
  position:absolute;
  right:0;
  top:-30px;
  height:30px;
  line-height:30px;
  display:inline-block;
  padding:0 15px;
  font-size:14px;
  border-radius:5px 5px 0 0;
  background:#fff;
  text-align:center;
  box-shadow:0 -10px 10px rgba(0,0,0,0.12);
  cursor:pointer;
}

.popup-compare .mini-compare:hover {
  color:var(--mainColor);
}

.popup-compare .bottom-compare {
  overflow:hidden;
  position:relative;
  vertical-align:middle;
  width:25%;
  display:flex;
  flex-flow:column;
  justify-content:center;
  align-items:center;
}

.popup-compare .bottom-compare .button-go-compare {
  width:50%;
  text-align:center;
  background:var(--mainColor);
  color:#fff;
  border-radius:6px;
  padding:8px;
  margin-bottom:6px;
  font-size:14px;
  border:1px solid var(--mainColor);
}

.popup-compare .bottom-compare .button-go-compare:hover {
  background:transparent;
  color:var(--mainColor);
  border-color:var(--mainColor);
}

.popup-compare .list-compare {
  display:inline-flex;
  width:calc(100% - 25%);
  border:unset;
  padding:0;
  margin-bottom:0;
}

.popup-compare .list-compare .compare-item {
  width:calc(100% / 3);
  border-right:1px solid #e0e0e0;
  text-align:center;
  justify-content:center;
  flex-flow:column;
  align-items:center;
  cursor:pointer;
  display:flex;
  overflow:hidden;
  padding:10px;
  position:relative;
}

.popup-compare .list-compare .compare-item .addCompare .add-icon {
  height:45px;
  display:inline-flex;
  width:45px;
  align-items:center;
  justify-content:center;
  border:1px dashed #bdbdbd;
  color:#bdbdbd;
  font-size:18px;
  margin-bottom:10px;
}

.popup-compare .list-compare .compare-item .addCompare p {
  color:#666;
  margin:0;
}

.popup-compare .list-compare .compare-item .compare-thumb img {
  height:70px;
  object-fit:scale-down;
}

.popup-compare .list-compare .compare-item .compare-info {
  margin-top:10px;
}

.popup-compare .list-compare .compare-item .compare-info h3 {
  font-size:14px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  min-height:39px;
  margin:0;
}

.popup-compare .list-compare .compare-item .compare-info h3 a {
  display:block;
}

.popup-compare .list-compare .compare-item .remove-compare {
  position:absolute;
  right:0;
  top:0;
  width:24px;
  height:24px;
  background:initial;
  border:initial;
}

.popup-compare .list-compare .compare-item .remove-compare:before {
  content:'';
  width:18px;
  height:1px;
  background:#999494;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) rotate(45deg);
  overflow:hidden;
}

.popup-compare .list-compare .compare-item .remove-compare:after {
  content:'';
  width:18px;
  height:1px;
  background:#999494;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) rotate(-45deg);
  overflow:hidden;
}

.popup-compare .list-compare .compare-item .remove-compare:hover:before,
.popup-compare .list-compare .compare-item .remove-compare:hover:after {
  background:var(--mainColor);
}

.popup-search-compare {
  max-width:500px;
  width:100%;
  position:fixed;
  background:#fff;
  left:50%;
  z-index:99999;
  transform:translateX(-50%);
  top:10% !important;
  padding:10px;
  border-radius:6px;
  display:none;
}

.popup-search-compare.show {
  display:block;
}

.popup-search-compare .search-compare form {
  position:relative;
}

.popup-search-compare .search-compare form input {
  height:40px;
  border-radius:5px;
  padding:0 40px 0 20px;
  border:solid 1px #ebebeb;
  outline:none;
  box-shadow:none;
  font-size:14px;
  width:100%;
}

.popup-search-compare .search-compare form .icon-search {
  position:absolute;
  right:10px;
  top:8px;
}

.popup-search-compare .search-compare .title {
  font-size:18px;
  margin-bottom:10px;
  display:block;
}

.popup-search-compare .search-compare .result-compare {
  margin-top:15px;
}

.popup-search-compare .search-compare .result-compare .result-text {
  margin-top:10px;
}

.popup-search-compare .search-compare .result-compare .list-result-compare {
  max-height:180px;
  overflow:hidden;
  overflow-y:auto;
}

.popup-search-compare .search-compare .result-compare .list-result-compare .item {
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:solid 1px #ebebeb;
}

.popup-search-compare .search-compare .result-compare .list-result-compare .item:last-child {
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:0;
}

.product-suggest-compare {
  margin-top:20px;
}

.product-suggest-compare .title {
  font-size:18px;
  margin-bottom:10px;
  display:block;
}

.product-suggest-compare .list-product-suggest {
  max-height:180px;
  overflow:hidden;
  overflow-y:auto;
}

.product-suggest-compare .list-product-suggest .item {
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:solid 1px #ebebeb;
}

.product-suggest-compare .list-product-suggest .item:last-child {
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:0;
}

.product-action-compare {
  display:flex;
}

.product-action-compare .product-thumbnail {
  width:100px;
}

.product-action-compare .product-thumbnail .thumb {
  padding-bottom:66%;
}

.product-action-compare .product-info {
  width:calc(100% - 100px);
  padding-left:15px;
  position:relative;
}

.product-action-compare .product-info .product-compare {
  position:absolute;
  right:0;
  top:3px;
}

.product-action-compare .product-info .product-compare a {
  width:32px;
  height:32px;
  background:#fff;
  margin-bottom:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:100%;
  transition-duration:.3s;
  box-shadow:0 0 5px rgba(0,0,0,0.1);
}

.product-action-compare .product-info .product-compare a svg {
  width:20px;
  height:20px;
}

.product-action-compare .product-info .product-compare a.active {
  background:var(--mainColor);
}

.product-action-compare .product-info .product-compare a.active svg path {
  fill:#fff;
}

.product-action-compare .product-info h3 {
  font-size:14px;
  font-weight:500;
  margin:0 0 5px;
  overflow:hidden;
  text-align:left;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.product-action-compare .product-info__price {
  font-size:16px;
  color:var(--priceColor);
  font-weight:500;
}

.product-action-compare .product-info__price .compare-price {
  font-size:14px;
  font-weight:400;
  color:#a6a6a6;
  text-decoration:line-through;
  display:block;
}

.compare-fixed {
  position:fixed;
  cursor:pointer;
  right:40px;
  bottom:265px;
  top:initial !important;
  text-align:center;
  display:block;
  border-radius:50%;
  background:#fff;
  height:40px;
  width:40px;
  line-height:38px;
  margin-bottom:15px;
  box-shadow:2px 2px 10px 0 rgba(0,0,0,0.3);
  z-index:9;
}

.compare-fixed svg {
  width:25px;
  height:25px;
}

.compare-fixed svg path {
  fill:var(--mainColor);
}

.compare-fixed .fixed-count {
  position:absolute;
  right:-9px;
  top:-8px;
  background:var(--mainColor);
  width:19px;
  height:19px;
  color:#fff;
  border-radius:19px;
  line-height:19px;
  font-size:12px;
}

.compare-fixed:hover {
  background:var(--mainColor);
}

.compare-fixed:hover svg path {
  fill:#fff;
}

@media (max-width:1199px) and (min-width:991px) {
  .popup-compare {
    max-width:935px;
  }
}

@media (max-width:991px) and (min-width:767px) {
  .popup-compare {
    max-width:700px;
  }
  .popup-compare .bottom-compare .button-go-compare {
    width:70%;
  }
  .social-fixed {
    bottom:210px;
  }
  .social-fixed.social-mess-facebook {
    bottom:260px;
  }
  .compare-fixed {
    bottom:370px;
  }
}

@media (max-width:767px) {
  .footer .col-footer {
    margin-bottom:30px;
  }
  .footer .logo-social-footer {
    width:100%;
  }
  .footer .opacity1 {
    display:block;
  }
  .footer .col-right {
    padding-top:0;
  }
  .footer .col-right .col-footer {
    margin-top:20px;
  }
  .footer .mid-footer {
    padding-bottom:0;
  }
  .social-fixed {
    right:10px;
    bottom:180px;
  }
  .social-fixed.social-mess-facebook {
    bottom:225px;
  }
  .social-fixed.social-tiktok {
    bottom:275px;
  }
  .social-fixed>a {
    height:35px;
    width:35px;
    line-height:33px;
    margin-bottom:10px;
  }
  .compare-fixed {
    height:35px;
    width:35px;
    line-height:33px;
    right:10px;
    bottom:320px;
  }
  .popup-compare.show {
    display:block;
  }
  .popup-compare .list-compare {
    width:100%;
  }
  .popup-compare .list-compare .compare-item {
    padding:6px;
  }
  .popup-compare .list-compare .compare-item .compare-thumb img {
    height:40px;
  }
  .popup-compare .list-compare .compare-item .compare-info h3 {
    font-size:13px;
  }
  .popup-compare .bottom-compare {
    width:100%;
    flex-flow:nowrap;
    max-width:100%;
    border-top:1px solid var(--mainColor);
  }
  .popup-compare .bottom-compare .button-go-compare {
    border-radius:0;
    margin-bottom:0;
  }
  .popup-compare .bottom-compare .remove-all {
    width:50%;
    text-align:center;
  }
}

.popup-sale {
  position:fixed;
  bottom:20px;
  top:initial !important;
  left:-100%;
  background-color:#fffae6;
  border:1px solid #f9c74f;
  padding:10px;
  box-shadow:0 4px 6px rgba(0,0,0,0.1);
  opacity:0;
  visibility:hidden;
  transition:all .5s ease;
  z-index:1000;
  border-radius:6px;
}

.popup-sale.show {
  left:20px;
  opacity:1;
  visibility:visible;
}

.popup-sale #product-random {
  display:flex;
}

.popup-sale #product-random .block-thumb {
  width:80px;
}

.popup-sale #product-random .block-thumb a {
  position:relative;
  display:block;
  padding-bottom:100%;
}

.popup-sale #product-random .block-thumb a img {
  width:auto;
  max-height:100%;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  object-fit:contain;
  transition:all 0.3s ease;
  border-radius:var(--main-border-radius);
}

.popup-sale #product-random .block-content {
  width:calc(100% - 80px);
  padding-left:16px;
}

.popup-sale #product-random .block-content h3 {
  max-width:240px;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.popup-sale #product-random .block-content h3 a {
  margin:0;
}

.popup-sale #product-random .block-content #product-user {
  margin-bottom:5px;
  font-size:14px;
}

.popup-sale #product-random .block-content #product-time {
  color:#878787;
  font-size:12px;
}

@media (max-width:375px) {
  .popup-sale {
    width:275px;
  }
  .popup-sale #product-random .block-content h3 {
    font-size:16px;
  }
}

.widget-title {
  position:relative;
  margin-bottom:16px;
  font-size:20px;
  padding-bottom:8px;
}

.widget-title:before {
  position:absolute;
  content:'';
  width:10px;
  border-bottom:3px solid var(--mainColor);
  bottom:0;
  left:0;
}

.widget-title:after {
  position:absolute;
  content:'';
  width:25px;
  border-bottom:3px solid var(--mainColor);
  bottom:0;
  left:15px;
}

.popup-sapo {
  position:fixed;
  bottom:60px;
  left:17px;
  margin:0;
  z-index:99;
  top:auto !important;
  font-size:1.4rem;
}

@media (min-width:992px) {
  .popup-sapo {
    bottom:30px;
  }
}

@media (max-width:1199px) {
  .popup-sapo {
    display:none;
  }
}

.popup-sapo .icon {
  position:relative;
  z-index:4;
  height:48px;
  width:48px;
  text-align:center;
  border-radius:50%;
  border:1px solid #ffffff;
  cursor:pointer;
  background:var(--mainColor);
  box-shadow:0 4px 8px rgba(0,0,0,0.15);
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  animation:pulse 2s infinite;
  animation:pulse 2s infinite;
  cursor:pointer;
}

.popup-sapo .icon svg {
  fill:#fff;
  width:20px;
  height:20px;
  transition:opacity 0.35s ease-in-out,-webkit-transform 0.35s ease-in-out;
  transition:opacity 0.35s ease-in-out,transform 0.35s ease-in-out;
  transition:opacity 0.35s ease-in-out,transform 0.35s ease-in-out,-webkit-transform 0.35s ease-in-out;
  animation:iconSkew 1s infinite ease-out;
  min-height:-webkit-fill-available;
}

.popup-sapo .content {
  background:var(--mainColor);
  color:#fff;
  padding:20px 20px 40px;
  border-radius:10px;
  width:300px;
  position:absolute;
  bottom:27px;
  left:20px;
  box-shadow:0 4px 20px rgba(0,0,0,0.2);
  -webkit-transform-origin:100% bottom;
  transform-origin:0 bottom;
  transform:scale(0);
  -webkit-transform:scale(0);
  -moz-transform:scale(0);
  -ms-transform:scale(0);
  -o-transform:scale(0);
  transition:-webkit-transform 0.35s cubic-bezier(0.165,0.84,0.44,1);
  transition:transform 0.35s cubic-bezier(0.165,0.84,0.44,1);
  transition:transform 0.35s cubic-bezier(0.165,0.84,0.44,1),-webkit-transform 0.35s cubic-bezier(0.165,0.84,0.44,1);
  -webkit-transition:transform 0.35s cubic-bezier(0.165,0.84,0.44,1);
}

@media (max-width:767px) {
  .popup-sapo .content {
    width:250px;
    padding:14px;
  }
}

.popup-sapo .content .title {
  font-size:1.6rem;
  line-height:normal;
  font-weight:bold;
  margin-bottom:20px;
}

@media (max-width:767px) {
  .popup-sapo .content .title {
    margin-bottom:12px;
  }
}

.popup-sapo .content .close-popup-sapo {
  position:absolute;
  right:8px;
  top:8px;
  cursor:pointer;
}

.popup-sapo .content .close-popup-sapo svg {
  width:15px;
  height:15px;
}

.popup-sapo .content .close-popup-sapo svg path {
  fill:#fff;
}

.popup-sapo .content ul {
  margin-bottom:20px;
}

.popup-sapo .content ul li {
  margin-bottom:10px;
}

.popup-sapo .content ul li svg {
  margin-right:6px;
  width:14px;
  height:14px;
  margin-top:-2px;
}

.popup-sapo .content ul li svg path {
  fill:#fff;
}

.popup-sapo .content ul li a {
  color:#fff;
}

.popup-sapo .content ul li a:hover {
  opacity:var(--subColor);
}

.popup-sapo .content .ghichu {
  font-style:italic;
}

.popup-sapo.active .content {
  -ms-transition-delay:0.1s;
  -webkit-transition-delay:0.15s;
  transition-delay:0.1s;
  transform:scale(1);
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
}

.popup-ngonngu {
  position:fixed;
  right:0;
  top:30% !important;
  z-index:999;
}

@media (max-width:1199px) {
  .popup-ngonngu {
    display:none;
  }
}

.popup-ngonngu .icon {
  width:40px;
  height:40px;
  background:var(--mainColor);
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:5px 0 0 5px;
}

.popup-ngonngu .icon path {
  fill:#fff;
}

.popup-ngonngu .language {
  opacity:0;
  filter:alpha(opacity=0);
  visibility:hidden;
  -moz-transition:.2s ease-out;
  -o-transition:.2s ease-out;
  -webkit-transition:.2s ease-out;
  -ms-transition:.2s ease-out;
  transition:.2s ease-out;
  -moz-transform:translateY(20px);
  -o-transform:translateY(20px);
  -ms-transform:translateY(20px);
  -webkit-transform:translateY(20px);
  transform:translateY(20px);
  position:absolute;
  top:100%;
  right:0;
  width:110px;
  background:#fff;
  box-shadow:0 2px 6px 0 rgba(50,50,50,0.33);
  padding:5px;
}

.popup-ngonngu .language li {
  margin-bottom:5px;
}

.popup-ngonngu .language li:last-child {
  margin-bottom:0;
}

.popup-ngonngu .language a {
  display:flex;
  align-items:center;
  font-size:1.4rem;
}

.popup-ngonngu .language a img {
  margin-right:4px;
}

.popup-ngonngu:hover .language {
  opacity:1;
  filter:alpha(opacity=100);
  visibility:visible;
  -moz-transition:.3s ease-in;
  -o-transition:.3s ease-in;
  -webkit-transition:.3s ease-in;
  -ms-transition:.3s ease-in;
  transition:.3s ease-in;
  -moz-transform:translateY(0px);
  -o-transform:translateY(0px);
  -ms-transform:translateY(0px);
  -webkit-transform:translateY(0px);
  transform:translateY(0px);
}

.popup-search {
  position:fixed;
  left:0;
  top:0;
  height:100vh;
  width:100%;
  z-index:999;
  margin-top:-540px;
  transform:translateY(-100%);
  background-color:rgba(0,0,0,0.8);
  transition:all 1500ms cubic-bezier(0.86,0,0.07,1);
  transition-timing-function:cubic-bezier(0.86,0,0.07,1);
}

.popup-search.active-search {
  transform:translateY(0%);
  margin-top:0;
}

.popup-search .close-search {
  position:absolute;
  left:0;
  right:0;
  top:75%;
  border:none;
  margin:0 auto;
  margin-top:-200px;
  border-radius:42px;
  text-align:center;
  background:var(--mainColor);
  text-align:center;
  width:42px;
  height:42px;
  font-size:20px;
  cursor:pointer;
  top:50%;
}

.popup-search .close-search svg {
  stroke:#fff;
  width:18px;
  height:18px;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}

.popup-search .header-search {
  position:absolute;
  max-width:700px;
  top:50%;
  left:15px;
  right:15px;
  margin:-35px auto 0;
}

.popup-search .header-search input {
  width:100%;
  height:60px;
  border:none;
  padding-right:60px;
  padding-left:20px;
  background:#FAF4F1;
  border-radius:53px;
}

.popup-search .header-search button {
  position:absolute;
  right:8px;
  top:8px;
  width:42px;
  height:42px;
  background:transparent;
  border:0;
  border-radius:42px;
  background:var(--mainColor);
  display:flex;
  justify-content:center;
  align-items:center;
}

.popup-search .header-search button svg {
  fill:#fff;
  width:16px;
  height:16px;
}

.popup-search .header-search button:hover {
  opacity:0.7;
}

.header {
  position:relative;
}

.header:not(.header-index) {
  border-top:4px solid var(--mainColor);
  box-shadow:0 0 5px rgba(0,0,0,0.05);
}
/**
.header:not(.header-index):before {
  content:"";
  width:100%;
  height:100%;
  background:var(--mainColor);
  position:absolute;
  left:0;
  top:0;
  opacity:0.1;
  opacity:0.16;
}
*/
.header:not(.header-index) .inner {
  background:#fff;
  padding:0 30px;
  position:relative;
  box-shadow:0 0 5px rgba(0,0,0,0.05);
  border-radius:var(--main-border-radius);
}

@media (max-width:991px) {
  .header.header-index .header__middle {
    padding:18px 0;
  }
  .header.header-index .header__middle .col-right .menu-bar svg path {
    stroke:#fff;
  }
}

.header__top {
  padding:12px 0;
}

.header__top .col-left ul {
  gap:30px;
  font-size:14px;
}

.header__top .col-left ul li {
  position:relative;
}

.header__top .col-left ul li a:hover {
  opacity:0.7;
}

.header__top .col-left ul li:after {
  content:"";
  position:absolute;
  right:-15px;
  top:4px;
  width:1px;
  height:15px;
  background:#062462;
  opacity:0.2;
}

.header__top .col-left ul li:last-child:after {
  display:none;
}

.header__top .col-left ul li svg {
  margin-right:3px;
  width:18px;
  height:18px;
  position:relative;
  top:-1px;
}

.header__top .col-left ul li svg path {
  fill:var(--mainColor);
}

.header__top .col-left ul li svg.svg-address {
  margin-top:-1px;
}

.header__top .header-social {
  display:flex;
  align-items:center;
  justify-content:end;
  gap:16px;
  font-size:14px;
}

.header__top .social-share a {
  display:inline-block;
  margin-right:8px;
}

.header__top .social-share a svg {
  width:18px;
  height:18px;
  fill:var(--mainColor);
}

.header__middle {
  position:relative;
  z-index:9;
}

.header__middle .col-right div {
  margin-left:20px;
  font-size:0;
}

@media (max-width:1199px) and (min-width:991px) {
  .header__middle .col-right div {
    margin-left:15px;
  }
}

.header__middle .col-right div svg {
  display:block;
  margin:auto;
}

.header__middle .col-right div svg path {
  stroke:#000;
}

.header__middle .col-right .header-wishlist a {
  display:block;
  position:relative;
}

.header__middle .col-right .header-wishlist a .wishlistCount {
  position:absolute;
  right:-5px;
  top:-8px;
  width:16px;
  height:16px;
  border-radius:16px;
  background:var(--mainColor);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
}

.header__middle .col-right .header-search {
  cursor:pointer;
}

@media (min-width:767px) {
  .header__middle .col-right .header-search {
    padding:6px 8px;
    margin-right:-8px;
  }
}

.header__middle .col-right .header-search svg {
  width:20px;
  height:20px;
  cursor:pointer;
}

.header__middle .col-right .header-account {
  position:relative;
}

.header__middle .col-right .header-account>a span {
  display:block;
}

.header__middle .col-right .header-account .drop-account {
  width:130px;
  position:absolute;
  top:100%;
  right:0;
  background:#fff;
  text-align:center;
  z-index:999;
  -webkit-box-shadow:0 2px 6px 0 rgba(50,50,50,0.33);
  -moz-box-shadow:0 2px 6px 0 rgba(50,50,50,0.33);
  box-shadow:0 2px 6px 0 rgba(50,50,50,0.33);
  transition-duration:0s;
  transition-delay:.1s;
  opacity:0;
  visibility:hidden;
}

.header__middle .col-right .header-account .drop-account a {
  display:block;
  text-decoration:none;
  line-height:30px;
  padding:0 5px;
  border-bottom:solid 1px #ebebeb;
  font-size:initial;
}

.header__middle .col-right .header-account .drop-account a:last-child {
  border-bottom:none;
}

@media (min-width:991px) {
  .header__middle .col-right .header-account:hover .drop-account {
    opacity:1;
    visibility:visible;
  }
}

.header__middle .col-right .header-cart a {
  position:relative;
  display:inline-block;
}

.header__middle .col-right .header-cart .count_item.count_item_pr {
  position:absolute;
  right:-5px;
  top:-8px;
  width:16px;
  height:16px;
  border-radius:16px;
  background:var(--mainColor);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
}

@media (min-width:991px) {
  .navigation-head {
    display:flex;
    align-items:center;
  }
  .navigation-head #prevNav svg,
  .navigation-head #nextNav svg {
    width:12px;
    height:12px;
  }
  .navigation-head #prevNav svg path,
  .navigation-head #nextNav svg path {
    fill:#231f20;
  }
  .navigation-head #prevNav:hover svg path,
  .navigation-head #nextNav:hover svg path {
    fill:var(--mainColor);
  }
  .navigation-head #prevNav {
    right:15px;
  }
  .navigation-head .nav-horizontal {
    flex:1;
    display:block;
    overflow-x:hidden;
    overflow:-moz-scrollbars-none;
    -ms-overflow-style:none;
  }
  .navigation-head .nav-horizontal::-webkit-scrollbar {
    width:0 !important;
    display:none;
  }
  .navigation-head .control-menu {
    text-align:center;
    display:none;
  }
  .navigation-head .control-menu.show {
    display:block;
  }
}

@media (min-width:1199px) {
  .navigation-head .nav-horizontal {
    width:610px;
  }
}

@media (max-width:1199px) and (min-width:991px) {
  .navigation-head .nav-horizontal {
    width:375px;
  }
}

@media (min-width:1199px) {
  .navigation-head .control-menu {
    width:calc(100% - 610px);
  }
}

@media (max-width:1199px) and (min-width:991px) {
  .navigation-head .control-menu {
    width:calc(100% - 375px);
  }
}

.nav-horizontal {
  padding:0;
}

@media (min-width:992px) {
  .nav-horizontal>ul.item_big {
    white-space:nowrap;
    transition:margin-left 0.3s ease;
    display:inline-block;
  }
}

.nav-horizontal>ul.item_big li {
  position:relative;
}

.nav-horizontal>ul.item_big>li.nav-item {
  display:inline-block;
  position:static;
  margin-right:20px;
  padding:0;
  height:100%;
}

.nav-horizontal>ul.item_big>li.nav-item:first-child {
  margin-left:0;
}

.nav-horizontal>ul.item_big>li.nav-item>a {
  display:block;
  text-align:left;
  padding:0;
  font-size:16px;
  height:90px;
  line-height:90px;
  position:relative;
  text-decoration:none;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-family: FontAwesome;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
    font-size: 14px;
    color: var(--mainColor);
    font-weight: bold;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: "\f105";
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: "\f104";
}
@media (min-width:991px) {
  .nav-horizontal>ul.item_big>li.nav-item>a.caret-down:after {
    content:"";
    position:relative;
    width:0;
    height:0;
    border-style:solid;
    border-width:5px 5px 0 5px;
    border-color:#2B2F33 transparent transparent transparent;
    display:inline-block;
    top:-2px;
    margin-left:2px;
    margin-top:-6px;
    transition:0.5s;
  }
}

@media (min-width:992px) {
  .nav-horizontal.home_menu>ul.item_big>li.nav-item:hover>a {
    color:var(--mainColor);
  }
  .nav-horizontal>ul.item_big>li.nav-item:hover>a {
    color:var(--mainColor);
  }
  .nav-horizontal>ul.item_big>li.nav-item:hover>a:after {
    transform:rotate(180deg);
    border-color:var(--mainColor) transparent transparent transparent;
  }
  .nav-horizontal>ul.item_big>li.nav-item:hover>ul {
    overflow:visible;
    max-height:3000px;
    max-width:3000px;
    opacity:1;
    -webkit-transform:perspective(600px) rotateX(0deg);
    -moz-transform:perspective(600px) rotateX(0deg);
    -ms-transform:perspective(600px) rotateX(0deg);
    -o-transform:perspective(600px) rotateX(0deg);
    transform:perspective(600px) rotateX(0deg);
    -webkit-transition:-webkit-transform 0.5s ease,opacity 0.2s ease,max-height 0s step-end,max-width 0s step-end,padding 0s step-end;
    -o-transition:-o-transform 0.5s ease,opacity 0.2s ease,max-height 0s step-end,max-width 0s step-end,padding 0s step-end;
    transition:transform 0.5s ease,opacity 0.2s ease,max-height 0s step-end,max-width 0s step-end,padding 0s step-end;
  }
  .nav-horizontal>ul.item_big>li.nav-item .item_small {
    overflow:hidden;
    max-height:0;
    max-width:0;
    position:absolute;
    top:100%;
    left:auto;
    width:430px;
    padding:0;
    background-color:#fff;
    box-shadow:0 1px 2px 2px rgba(0,0,0,0.04);
    z-index:99;
    opacity:0;
    -webkit-transform:perspective(600px) rotateX(-90deg);
    -moz-transform:perspective(600px) rotateX(-90deg);
    -ms-transform:perspective(600px) rotateX(-90deg);
    -o-transform:perspective(600px) rotateX(-90deg);
    transform:perspective(600px) rotateX(-90deg);
    -webkit-transition:-webkit-transform 0.5s ease,opacity 0.6s ease,max-height 0.6s step-end,max-width 0.6s step-end,padding 0.6s step-end;
    -o-transition:-o-transform 0.5s ease,opacity 0.6s ease,max-height 0.6s step-end,max-width 0.6s step-end,padding 0.6s step-end;
    transition:transform 0.5s ease,opacity 0.6s ease,max-height 0.6s step-end,max-width 0.6s step-end,padding 0.6s step-end;
    box-shadow:0 1px 2px 2px rgba(0,0,0,0.04);
    -webkit-transform-origin:0% 0%;
    -moz-transform-origin:0% 0%;
    -ms-transform-origin:0% 0%;
    -o-transform-origin:0% 0%;
    transform-origin:0% 0%;
  }
}

.nav-horizontal>ul.item_big>li.nav-item>ul {
  list-style:none;
}

.nav-horizontal>ul.item_big>li.nav-item>ul li {
  float:none;
  padding:0 0;
}

.nav-horizontal>ul.item_big>li.nav-item>ul li:last-child>a {
  border-bottom:0;
}

@media (min-width:992px) {
  .nav-horizontal>ul.item_big>li.nav-item>ul li:hover>ul {
    display:block;
    position:absolute;
    width:220px;
    padding:0;
    background-color:#fff;
    z-index:99;
    box-shadow:0 1px 2px 2px rgba(0,0,0,0.04);
  }
}

@media (min-width:992px) and (max-width:1199px) and (min-width:992px) {
  .nav-horizontal>ul.item_big>li.nav-item>ul li:hover>ul {
    position:relative;
    left:0;
    width:100%;
    padding-left:0;
    box-shadow:0 1px 2px 2px rgba(0,0,0,0.04);
  }
  .nav-horizontal>ul.item_big>li.nav-item>ul li:hover>ul li a {
    padding-left:25px;
  }
}

.nav-horizontal>ul.item_big>li.nav-item>ul li a {
  font-weight:400;
  font-size:15px;
  display:block;
  padding:5px 20px 5px 20px;
  position:relative;
  text-align:left;
  white-space:normal;
  display:block;
}

.nav-horizontal>ul.item_big>li.nav-item>ul li a.caret-down {
  padding-right:40px;
}

@media (min-width:991px) {
  .nav-horizontal>ul.item_big>li.nav-item>ul li a.caret-down:before {
    content:"";
    position:absolute;
    width:0;
    height:0;
    border-style:solid;
    border-width:5px 5px 0 5px;
    border-color:#333 transparent transparent transparent;
    display:inline-block;
    top:50%;
    left:100%;
    margin-left:-15px;
    margin-top:-2px;
    transition:0.5s;
    transform:rotate(270deg);
  }
}

.nav-horizontal>ul.item_big>li.nav-item>ul li ul {
  display:none;
  left:220px;
  top:0;
  list-style:none;
  transition-duration:0s;
  transition-delay:.1s;
}

@media (min-width:992px) {
  .nav-horizontal>ul.item_big>li.nav-item>ul>li:hover>a {
    color:var(--mainColor);
  }
  .nav-horizontal>ul.item_big>li.nav-item>ul>li:hover>a.caret-down:before {
    border-color:var(--mainColor) transparent transparent transparent;
  }
}

.nav-horizontal>ul.item_big>li.nav-item>ul>li ul li:hover>a {
  color:var(--mainColor);
}

.nav-horizontal>ul.item_big>li.nav-item.has-mega {
  position:static;
}

.nav-horizontal>ul.item_big>li.nav-item.has-mega .mega-content {
  background:#fff;
  overflow:hidden;
  display:block;
  max-height:0;
  max-width:0;
  opacity:0;
  -webkit-transform:perspective(600px) rotateX(-90deg);
  -moz-transform:perspective(600px) rotateX(-90deg);
  -ms-transform:perspective(600px) rotateX(-90deg);
  -o-transform:perspective(600px) rotateX(-90deg);
  transform:perspective(600px) rotateX(-90deg);
  -webkit-transition:-webkit-transform 0.5s ease,opacity 0.6s ease,max-height 0.6s step-end,max-width 0.6s step-end,padding 0.6s step-end;
  -o-transition:-o-transform 0.5s ease,opacity 0.6s ease,max-height 0.6s step-end,max-width 0.6s step-end,padding 0.6s step-end;
  transition:transform 0.5s ease,opacity 0.6s ease,max-height 0.6s step-end,max-width 0.6s step-end,padding 0.6s step-end;
  box-shadow:0 1px 2px 2px rgba(0,0,0,0.04);
  -webkit-transform-origin:0% 0%;
  -moz-transform-origin:0% 0%;
  -ms-transform-origin:0% 0%;
  -o-transform-origin:0% 0%;
  transform-origin:0% 0%;
  margin:0;
  padding:15px 15px 0;
  position:absolute;
  top:100%;
  z-index:9999;
  width:100%;
  border:none;
  text-align:left;
  border-radius:6px;
}

.nav-horizontal>ul.item_big>li.nav-item.has-mega .mega-content .level1.item>a:hover,
.nav-horizontal>ul.item_big>li.nav-item.has-mega .mega-content .level1.item>a:focus {
  text-decoration:none;
}

.nav-horizontal>ul.item_big>li.nav-item.has-mega .mega-content .level1.item .h-mega {
  font-size:15px;
  margin-top:0;
  margin-bottom:5px;
  white-space:break-spaces;
  display:block;
  font-weight:600;
}

.nav-horizontal>ul.item_big>li.nav-item.has-mega .mega-content .level1.item ul.level1 li a {
  white-space:normal;
}

.nav-horizontal>ul.item_big>li.nav-item.has-mega .mega-content .row .level1 {
  margin-bottom:10px;
}

@media (min-width:991px) {
  .nav-horizontal>ul.item_big>li.nav-item.has-mega .mega-content .row .level1:nth-child(4n+1) {
    clear:left;
  }
}

.nav-horizontal>ul.item_big>li.nav-item.has-mega:hover>.mega-content {
  overflow:visible;
  max-height:800px;
  max-width:845px;
  opacity:1;
  -webkit-transform:perspective(600px) rotateX(0deg);
  -moz-transform:perspective(600px) rotateX(0deg);
  -ms-transform:perspective(600px) rotateX(0deg);
  -o-transform:perspective(600px) rotateX(0deg);
  transform:perspective(600px) rotateX(0deg);
  -webkit-transition:-webkit-transform 0.5s ease,opacity 0.2s ease,max-height 0s step-end,max-width 0s step-end,padding 0s step-end;
  -o-transition:-o-transform 0.5s ease,opacity 0.2s ease,max-height 0s step-end,max-width 0s step-end,padding 0s step-end;
  transition:transform 0.5s ease,opacity 0.2s ease,max-height 0s step-end,max-width 0s step-end,padding 0s step-end;
}

.nav-horizontal>ul.item_big>li.nav-item.active>a {
  color:var(--mainColor);
}

.nav-horizontal>ul.item_big>li.nav-item.active>a:after {
  border-color:var(--mainColor) transparent transparent transparent;
}

.nav-horizontal>ul.item_big>li.nav-item.active>.icon-down:before {
  border-color:var(--mainColor) transparent transparent transparent;
}

@media (min-width:991px) {
  .nav-horizontal>ul.item_big>li.nav-item:nth-child(n+8)>ul {
    transform:translateX(-35%);
  }
}

@media (min-width:1199px) {
  .nav-horizontal>ul.item_big>li.nav-item:nth-child(n+8)>ul li ul {
    left:-220px;
  }
}

@media (min-width:991px) {
  .nd-categories {
    position:absolute;
    width:100%;
    left:0;
    z-index:99;
    visibility:hidden;
    opacity:0;
    transition-property:opacity,visibility;
    transition-duration:0.4s;
    transition-delay:0.2;
    transition-timing-function:ease;
  }
  .nd-categories.show {
    visibility:visible;
    opacity:1;
  }
  .nd-categories .inner {
    background:#edf0f3;
    position:relative;
    z-index:99;
  }
  .nd-categories .backdrop-nd-categories {
    background-color:#363636;
    position:fixed;
    width:100%;
    height:100%;
    top:0 !important;
    left:0 !important;
    opacity:0.5;
  }
  .nd-categories .nav-cate {
    background:#fff;
    width:300px;
    position:relative;
    z-index:9;
  }
}

@media (min-width:991px) and (max-width:1199px) and (min-width:991px) {
  .nd-categories .nav-cate {
    width:220px;
  }
}

@media (min-width:991px) {
  .nd-categories .nav-cate ul {
    width:100%;
    overflow:visible;
    border-top:none;
  }
  .nd-categories .nav-cate ul li {
    display:block;
    overflow:visible;
    cursor:pointer;
  }
  .nd-categories .nav-cate ul li .nd-categories-a {
    position:relative;
    display:block;
    color:#000;
    padding:9px 15px 9px;
    border-bottom:1px dotted #e1e1e1;
    margin:0;
    font-size:14px;
  }
  .nd-categories .nav-cate ul li .nd-categories-a label {
    margin-bottom:0;
  }
  .nd-categories .nav-cate ul li .nd-categories-a span {
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
  }
  .nd-categories .nav-cate ul li .nd-categories-a svg {
    width:10px;
    height:10px;
    position:absolute;
    top:15px;
    right:10px;
  }
  .nd-categories .nav-cate ul li .nd-categories-a svg path,
  .nd-categories .nav-cate ul li .nd-categories-a svg rect {
    fill:#000;
  }
  .nd-categories .nav-cate ul li .nd-categories-a:hover,
  .nd-categories .nav-cate ul li .nd-categories-a:focus {
    color:#fff;
    background:var(--mainColor);
  }
  .nd-categories .nav-cate ul li .nd-categories-a:hover svg path,
  .nd-categories .nav-cate ul li .nd-categories-a:focus svg path {
    fill:#fff;
  }
  .nd-categories .nav-cate ul li .icon-down {
    position:absolute;
    right:0;
    top:0;
    height:40px;
    display:flex;
    align-items:center;
    width:30px;
    justify-content:center;
  }
  .nd-categories .nav-cate ul li .icon-down svg {
    width:10px;
    height:10px;
  }
  .nd-categories .nav-cate ul li .icon-down svg path,
  .nd-categories .nav-cate ul li .icon-down svg rect {
    fill:#000;
  }
  .nd-categories .nav-cate ul li:last-child .nd-categories-a {
    border-bottom:none;
  }
  .nd-categories .nav-cate ul li.dropdown {
    position:relative;
  }
  .nd-categories .nav-cate ul li.dropdown.active {
    position:static;
  }
  .nd-categories .nav-cate ul li.dropdown.active .nd-categories-a {
    color:#fff;
    background:var(--mainColor);
  }
  .nd-categories .nav-cate ul li.dropdown.active .nd-categories-a svg path {
    fill:#fff;
  }
  .nd-categories .nav-cate ul li.dropdown .nd-categories-a {
    padding-right:30px;
  }
  .nd-categories .nav-cate ul li.dropdown.active .subcate {
    display:block;
  }
  .nd-categories .nav-cate ul li .subcate {
    display:none;
    cursor:default;
    position:absolute;
    top:0;
    left:100%;
    padding:15px;
    width:880px;
    background:#edf0f3;
  }
}

@media (min-width:991px) and (max-width:1199px) and (min-width:991px) {
  .nd-categories .nav-cate ul li .subcate {
    width:720px;
  }
}

@media (min-width:991px) {
  .nd-categories .nav-cate ul li .subcate .margin {
    margin-right:-5px;
    margin-left:-5px;
  }
  .nd-categories .nav-cate ul li .subcate .item {
    padding:0 5px;
    margin-bottom:10px;
  }
  .nd-categories .nav-cate ul li .subcate .item .inner-aside {
    background:#fff;
    padding:10px;
    border-radius:10px;
    height:100%;
  }
  .nd-categories .nav-cate ul li .subcate .item .nd-categories-main-sub {
    display:flex;
    align-items:center;
    font-weight:500;
  }
  .nd-categories .nav-cate ul li .subcate .item .nd-categories-main-sub .icon {
    width:30px;
    text-align:center;
  }
  .nd-categories .nav-cate ul li .subcate .item .nd-categories-main-sub .icon img {
    height:30px;
    object-fit:scale-down;
  }
  .nd-categories .nav-cate ul li .subcate .item .nd-categories-main-sub .title {
    width:calc(100% - 30px);
    padding-left:10px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
  }
  .nd-categories .nav-cate ul li .subcate .item .nd-categories-main-sub:hover,
  .nd-categories .nav-cate ul li .subcate .item .nd-categories-main-sub:focus {
    color:var(--oldColor);
  }
  .nd-categories .nav-cate ul li .subcate .item .list-nd-categories-main-sub {
    margin-top:5px;
  }
  .nd-categories .nav-cate ul li .subcate .item .list-nd-categories-main-sub .nd-categories-main-sub-a {
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
  }
  .nd-categories .nav-cate ul li .subcate .item .list-nd-categories-main-sub .nd-categories-main-sub-a:hover,
  .nd-categories .nav-cate ul li .subcate .item .list-nd-categories-main-sub .nd-categories-main-sub-a:focus {
    color:var(--mainColor);
  }
  .nd-categories .nav-cate ul li .subcate .item .list-nd-categories-main-sub .view-all {
    position:relative;
    display:block;
    color:var(--mainColor);
    margin-top:5px;
  }
  .nd-categories .nav-cate ul li .subcate .item .list-nd-categories-main-sub .view-all:hover {
    color:#231f20;
  }
  .nd-categories .nav-cate ul li .subcate .item .list-nd-categories-main-sub .view-all svg {
    width:10px;
    height:10px;
    position:relative;
    top:-1px;
  }
}

@media (max-width:991px) {
  .navigation-head {
    width:300px;
    height:100vh;
    display:flex;
    flex-flow:column;
    position:fixed;
    left:0;
    top:0 !important;
    background:#ffff;
    z-index:999999;
    margin-left:0;
    padding:0;
    transform:translateX(-100%);
    visibility:hidden;
    transition:transform 0.5s,visibility 0.5s;
  }
  .navigation-head.show {
    visibility:visible;
    transform:translateX(0);
  }
  .navigation-head #prevNav,
  .navigation-head #nextNav {
    display:none;
  }
  .navigation-head .nav-horizontal {
    padding:0 0 10px;
    overflow:auto;
  }
  .navigation-head .nav-horizontal .title {
    text-align:center;
    background:var(--mainColor);
    color:#fff;
    padding:10px;
    font-size:18px;
  }
  .navigation-head .nav-horizontal .title.margin-top {
    margin-top:20px;
  }
  .navigation-head .nav-horizontal ul.item_big {
    padding:0;
  }
  .navigation-head .nav-horizontal ul.item_big>li {
    width:100%;
    margin:0;
    position:relative !important;
  }
  .navigation-head .nav-horizontal ul.item_big>li>a {
    height:initial;
    line-height:initial;
    text-transform:none;
    padding:5px 20px 5px 10px;
    color:#000 !important;
  }
  .navigation-head .nav-horizontal ul.item_big>li>a.caret-down {
    padding-right:40px;
  }
  .navigation-head .nav-horizontal ul.item_big>li>a svg {
    display:none;
  }
  .navigation-head .nav-horizontal ul.item_big>li .icon-down {
    visibility:visible;
    display:inline-block;
    height:20px;
    width:20px;
    line-height:20px;
    text-align:center;
    position:absolute;
    right:15px;
    top:5px;
    transition:all 0.3s;
  }
  .navigation-head .nav-horizontal ul.item_big>li .icon-down:before {
    content:"";
    width:0;
    height:0;
    border-style:solid;
    border-width:5px 5px 0 5px;
    border-color:#333 transparent transparent transparent;
    display:inline-block;
    transition:0.5s;
  }
  .navigation-head .nav-horizontal ul.item_big>li>.item_small {
    display:none;
  }
  .navigation-head .nav-horizontal ul.item_big>li.current .icon-down {
    display:block;
  }
  .navigation-head .nav-horizontal ul.item_big>li.current>.icon-down {
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -os-transform:rotate(180deg);
    transition:all 0.5s;
    top:10px;
  }
  .navigation-head .nav-horizontal ul.item_big>li.current>.item_small {
    display:block;
    position:relative;
    max-height:unset;
    max-width:100%;
    width:100%;
    box-shadow:none;
    top:0;
  }
  .navigation-head .nav-horizontal ul.item_big>li li>a svg {
    display:none;
  }
  .navigation-head .nav-horizontal ul.item_big>li li .icon-down {
    visibility:visible;
    display:inline-block;
    height:20px;
    width:20px;
    line-height:20px;
    text-align:center;
    position:absolute;
    right:15px;
    top:5px;
    transition:all 0.3s;
  }
  .navigation-head .nav-horizontal ul.item_big>li li .icon-down svg {
    margin:-5px 0 1px -3px;
    width:20px;
    height:20px;
  }
  .navigation-head .nav-horizontal ul.item_big>li li.current>.icon-down {
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -os-transform:rotate(180deg);
    transition:all 0.5s;
    top:10px;
  }
  .navigation-head .nav-horizontal ul.item_big>li li.current>ul {
    display:block;
    position:relative;
    max-height:unset;
    max-width:100%;
    width:100%;
    box-shadow:none;
    top:0;
    left:0;
    padding:0;
  }
  .navigation-head .nav-horizontal ul.item_big>li li.current>ul li a {
    padding-left:30px;
  }
  .header__middle {
    padding:0;
    z-index:initial;
  }
  .header__middle .header-group {
    padding:15px 0;
  }
  .header__middle .header-group .search,
  .header__middle .header-group .user {
    display:none;
  }
  .header__middle .header-group>div.menu-bar svg {
    stroke:#000;
  }
  .header__middle .header-group .search form {
    top:initial;
    bottom:75px;
    left:-25px;
  }
  .header__middle .col-right .menu-bar svg path {
    stroke:#000;
  }
  .header:not(.header-index) {
    padding-bottom:16px;
  }
  .header:not(.header-index) .inner {
    padding:15px 30px;
  }
  .header__top .header-social {
    justify-content:center;
  }
}

@media (max-width:767px) {
  .header__middle .col-right div {
    margin-left:10px;
    font-size:0;
  }
  .header__middle .logo-wrapper {
    height:38px;
    object-fit:scale-down;
  }
  .header:not(.header-index) {
    padding-bottom:12px;
  }
  .header:not(.header-index) .inner {
    padding:15px 10px;
  }
}

.breadcrumb {
  margin-bottom:50px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  position:relative;
  padding-top:90px;
  padding-bottom:50px;
  z-index:1;
  margin-top:-40px;
}

.breadcrumb:before {
  content:"";
  position:absolute;
  height:100%;
  width:100%;
  top:0;
  left:0;
  background:#000;
  opacity:0.38;
  z-index:-1;
}

.breadcrumb ul {
  line-height:1.4;
  font-size:16px;
}

.breadcrumb ul li {
  display:inline-block;
  word-break:break-all;
  margin-top:10px;
}

.breadcrumb ul li a {
  color:#fff;
}

.breadcrumb ul li a:hover {
  color:var(--oldColor);
}

.breadcrumb ul li svg {
  margin:0 5px;
  width:10px;
  height:10px;
  position:relative;
  top:-2px;
}

.breadcrumb ul li svg path {
  fill:#fff;
}

.breadcrumb ul li strong {
  color:var(--oldColor);
}

.pagenav {
  margin-top:30px;
}

.pagenav .pagination .page-item {
  display:inline-flex;
  margin-right:4px;
  margin-bottom:4px;
}

.pagenav .pagination .page-item .page-link {
  display:block;
  width:35px;
  background:#fff;
  border:1px solid #e9e9e9;
  text-align:center;
  height:35px;
  padding:0;
  line-height:32px;
  text-decoration:none;
  border-radius:6px;
  font-weight:500;
  font-size:15px;
}

.pagenav .pagination .page-item .page-link:hover {
  background-color:var(--mainColor);
  color:#fff;
  border:1px solid var(--mainColor);
}

.pagenav .pagination .page-item .page-link:hover svg {
  fill:#fff;
}

.pagenav .pagination .page-item .page-link svg {
  width:18px;
  height:18px;
  position:relative;
  top:-1px;
}

.pagenav .pagination .page-item .page-link.disabled-link {
  pointer-events:none;
  color:#aaa;
  background-color:#f0f0f0;
  cursor:not-allowed;
  text-decoration:none;
  opacity:0.6;
}

.pagenav .pagination .page-item.active .page-link {
  background-color:var(--mainColor);
  color:#fff;
  border:1px solid var(--mainColor);
}

@media (max-width:991px) {
  .breadcrumb {
    margin-top:0;
    padding-top:80px;
    padding-bottom:80px;
  }
  .breadcrumb ul li {
    margin-top:0;
  }
}

@media (max-width:767px) {
  .breadcrumb {
    padding-top:50px;
    padding-bottom:50px;
  }
}
.page {
  padding-bottom:10px;
}

.page__title {
  font-size:22px;
  margin-bottom:30px;
}

.page.tu-van .list-form-tu-van .item label {
  font-weight:600;
  font-size:15px;
  margin-bottom:8px;
}

.page.tu-van .list-form-tu-van .item input,
.page.tu-van .list-form-tu-van .item textarea {
  border:1px solid #f1f1f1;
  width:100%;
  outline:none;
  font-size:14px;
  border-radius:6px;
  background:#fdfdfd;
  padding:10px 20px;
  margin-bottom:15px;
}

.page.tu-van .list-form-tu-van .item select {
  border:1px solid #f1f1f1;
  border-radius:6px;
  padding:3px 6px;
}

.page.tu-van .list-form-tu-van button {
  background:var(--mainColor);
  color:#fff;
  padding:0 20px;
  height:40px;
  line-height:40px;
  font-size:14px;
  border-radius:6px;
  border:1px solid transparent;
  margin-top:15px;
}

.page.tu-van .list-form-tu-van button:hover {
  border-color:var(--mainColor);
  color:var(--mainColor);
  background:transparent;
}

.page.tu-van .block-info {
  margin-top:15px;
  font-size:15px;
}

.page.tu-van .page__content {
  margin-top:30px;
  border-top:1px solid #f1f1f1;
  padding-top:30px;
}

.page.tu-van .page__content p,
.page.tu-van .page__content h1,
.page.tu-van .page__content h2,
.page.tu-van .page__content h3,
.page.tu-van .page__content h4,
.page.tu-van .page__content h5,
.page.tu-van .page__content h6,
.page.tu-van .page__content ul,
.page.tu-van .page__content ol {
  margin-bottom:10px;
}

.page.tu-van .page__content ul li,
.page.tu-van .page__content ol li {
  margin-bottom:10px;
}

.page.tu-van .page__content ul li:last-child,
.page.tu-van .page__content ol li:last-child {
  margin-bottom:0;
}

@media (max-width:991px) {
  .page.tu-van .block-thumb {
    margin-top:20px;
  }
}

.page.page-cost-construction h2 {
  text-align:center;
  font-size:26px;
  margin-bottom:30px;
  color:var(--mainColor);
}

.page.page-cost-construction .block-content {
  margin:auto;
}

@media (min-width:1199px) {
  .page.page-cost-construction .block-content {
    width:60%;
  }
}

.page.page-cost-construction .block-content label {
  font-weight:500;
  margin-bottom:5px;
  display:block;
  margin-top:15px;
  color:#5c4033;
}

.page.page-cost-construction .block-content input[type="number"],
.page.page-cost-construction .block-content select {
  width:100%;
  padding:12px 15px;
  border:1px solid #ccc;
  border-radius:6px;
  font-size:16px;
  background-color:#fff;
  box-shadow:inset 0 1px 3px rgba(0,0,0,0.05);
  transition:border-color 0.3s;
}

.page.page-cost-construction .block-content input:focus,
.page.page-cost-construction .block-content select:focus {
  border-color:var(--mainColor);
  outline:none;
}

.page.page-cost-construction .block-content button {
  width:100%;
  background-color:var(--mainColor);
  color:white;
  padding:14px;
  border:none;
  border-radius:6px;
  font-size:16px;
  margin-top:25px;
  font-weight:600;
  transition:background-color 0.3s;
  border:1px solid var(--mainColor);
}

.page.page-cost-construction .block-content button:hover {
  background:transparent;
  color:var(--mainColor);
  cursor:pointer;
}

.page.page-cost-construction .block-content .result {
  margin-top:30px;
  background-color:#ffffff;
  border-left:5px solid var(--mainColor);
  padding:20px;
  border-radius:6px;
  box-shadow:0 4px 10px rgba(0,0,0,0.05);
  display:none;
}

.page.page-cost-construction .block-content .result h3 {
  font-size:20px;
  margin-bottom:10px;
  color:var(--mainColor);
}

.page.page-cost-construction .block-content .result p,
.page.page-cost-construction .block-content .result li {
  font-size:16px;
  line-height:1.6;
}

.page.page-cost-construction .block-content .result ul {
  padding-left:20px;
  margin-bottom:20px;
}

.page.page-cost-construction .block-content .result button {
  margin-top:20px;
  background-color:#28a745;
  border:initial;
}

.page.page-cost-construction .block-content .result button:hover {
  background-color:#218838;
  color:#fff;
}

.compare-fixed {
  display:none;
}

@media (max-width:991px) {
  .page-comparison {
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    flex-direction:unset;
    -webkit-flex-flow:unset;
    flex-flow:unset;
    -webkit-justify-content:unset;
    justify-content:unset;
    -webkit-align-items:unset;
    align-items:unset;
  }
  .page-comparison .col-fix {
    -ms-flex:0 0 45%;
    flex:0 0 45%;
    max-width:45%;
    min-width:45%;
  }
}

@media (max-width:991px) and (max-width:767px) {
  .page-comparison .col-fix {
    -ms-flex:0 0 70%;
    flex:0 0 70%;
    max-width:70%;
    min-width:70%;
  }
}
.module-slider {
  margin-bottom:80px;
}

.module-slider .swiper-slide a {
    width: 100%;
    /* Nhớ thay 1920 / 600 bằng đúng chiều rộng / chiều cao ảnh gốc của bạn */
    aspect-ratio: 1543 / 750; 
    
    background-repeat: no-repeat;
    /* TRẢ LẠI LỆNH NÀY ĐỂ GIỮ NGUYÊN PHẦN TRÊN CỦA ẢNH */
    background-position: top center; 
    background-size: cover; 
    
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
	/* THÊM DÒNG NÀY ĐỂ TĂNG ĐỘ SÁNG */
    filter: brightness(1.1); /* Tăng số này lên 1.2, 1.3... nếu muốn sáng nữa */
}

.module-slider .swiper-slide a:before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background:rgba(0,0,0,0.6);
}

.module-slider .swiper-slide a .content {
  text-align:center;
  color:#fff;
  z-index:1;
  padding:0 190px;
}

.module-slider .swiper-slide a .content .sub-title {
  display:inline-block;
  color:var(--mainColor);
  font-size:25px;
  letter-spacing:3px;
  font-weight:600;
  position:relative;
  text-transform:uppercase;
  border-bottom:2px solid var(--mainColor);
}

.module-slider .swiper-slide a .content .title {
  font-size:55px;
  font-weight:bold;
  margin:20px 0;
  text-transform:capitalize;
}

.module-slider .swiper-slide a .content .bannerhtml {
  line-height:30px;
  font-size:18px;
  font-weight:400;
  margin-bottom:20px;
}


@media (max-width:413px) and (min-width:410px) {
  .module-slider .swiper-slide {
    height:246px;
  }
}

.module-slider .swiper-slide a .content {
  padding:0 130px;
}

.module-slider .swiper-slide a .content .title {
  font-size:35px;
}

.home-about .block-title .des {
  font-size:14px;
}

.home-about .block-image svg {
  left:10px;
}

.home-about .block-image img {
  max-width:100%;
}

.home-banner .margin-bottom {
  margin-bottom:18px;
}

.home-flash-sale .block-title .block-countdown .bg-title {
  width:230px;
  height:66px;
  margin-top:-18px;
  margin-left:-28px;
  top:-5px;
  background-size:contain;
}

.home-flash-sale .block-title .block-countdown #countdown .dots {
  font-size:30px;
  display:inline-block;
  position:relative;
  z-index:99;
  font-weight:600;
  top:-4px;
}

.home-flash-sale .block-title .block-countdown #countdown .item {
  font-weight:600;
  font-size:30px;
  display:inline-block;
  position:relative;
  margin:0 10px;
  border-radius:var(--main-border-radius);
  padding:5px 8px;
}

.home-video .block-title h2 {
  font-size:26px;
}

.home-video .block-contact {
  margin-top:-40px;
}

.home-step .list-step .item:before {
  width:100px;
  height:45px;
}

.home-step .list-step .item .title {
  font-size:18px;
}
}
.home-banner {
  margin-bottom:80px;
}

.home-banner .margin-bottom {
  margin-bottom:30px;
}

.home-banner a {
  display:block;
}

.home-banner a img {
  max-width:100%;
  height:auto;
  border-radius:12px;
  box-shadow:2px 2px 10px rgba(0,0,0,0.1);
}

.home-banner .content h3 {
  font-size:24px;
  line-height:24px;
  margin-bottom:10px;
  font-weight:600;
  text-transform:uppercase;
}

.home-banner .content h3 a {
  color:#64340F;
}

.home-banner .content .des {
  font-weight:500;
  font-size:14px;
  line-height:20px;
  color:#63574C;
  margin-bottom:15px;
}

.home-banner .content .view-more a {
  font-weight:700;
  font-size:16px;
  line-height:24px;
  color:#FF7205;
  display:block;
}

.home-banner .content .view-more a svg {
  width:8px;
  height:8px;
  margin-left:5px;
  margin-top:-1px;
}

.home-banner .item-1 .content {
  position:absolute;
  bottom:35px;
  width:96%;
  padding:0 20px;
}

.home-banner .item-2 .content {
  position:absolute;
  top:35px;
  width:55%;
  padding:0 20px;
}

.home-banner .item-3 .content {
  position:absolute;
  top:35px;
  right:60px;
  width:35%;
  text-align:right;
}

.home-banner .item-4 .content {
  position:absolute;
  top:30px;
  width:45%;
  left:0;
  padding:0 20px;
}

.home-banner .item-5 .content {
  position:absolute;
  top:35px;
  right:50px;
  width:40%;
  text-align:right;
}
.home-banner {
    margin-bottom: 80px;
}
@media (max-width:1199px) and (min-width:991px) {
  .home-banner .content h3 {
    font-size:16px;
    line-height:24px;
  }
  .home-banner .content .des {
    font-size:12px;
    line-height:16px;
  }
  .home-banner .content .view-more a {
    font-size:12px;
    line-height:22px;
  }
  .home-banner .item-1 .content {
    bottom:25px;
    width:100%;
    padding:0 20px;
  }
  .home-banner .item-2 .content {
    top:20px;
    width:55%;
    padding:0 15px;
  }
  .home-banner .item-3 .content {
    top:20px;
    right:15px;
    width:35%;
  }
  .home-banner .item-4 .content {
    top:20px;
    width:45%;
    padding:0 15px;
  }
  .home-banner .item-5 .content {
    top:20px;
    right:14px;
    width:40%;
  }
}

@media (max-width:991px) and (min-width:767px) {
  .home-banner .content h3 {
    font-size:13px;
    line-height:18px;
  }
  .home-banner .content .des {
    display:none;
  }
  .home-banner .content .view-more a {
    font-size:12px;
    line-height:22px;
  }
  .home-banner .item-1 .content {
    bottom:25px;
    width:100%;
    padding:0 10px;
  }
  .home-banner .item-2 .content {
    top:20px;
    width:55%;
    padding:0 10px;
  }
  .home-banner .item-3 .content {
    top:20px;
    right:10px;
    width:35%;
  }
  .home-banner .item-4 .content {
    top:20px;
    width:45%;
    padding:0 10px;
  }
  .home-banner .item-5 .content {
    top:20px;
    right:10px;
    width:40%;
  }
}

@media (max-width:767px) {
  .home-banner .content h3 {
    font-size:12px;
    line-height:16px;
    text-transform:capitalize;
    margin-bottom:6px;
  }
  .home-banner .content .des {
    display:none;
  }
  .home-banner .content .view-more a {
    font-size:10px;
    line-height:18px;
  }
  .home-banner .content .view-more a svg {
    display:none;
  }
}

@media (max-width:767px) and (max-width:320px) {
  .home-banner .content .view-more {
    display:none;
  }
}

@media (max-width:767px) {
  .home-banner .item-1 .content {
    bottom:25px;
    width:100%;
    padding:0 10px;
  }
  .home-banner .item-2 .content {
    top:10px;
    width:55%;
    padding:0 10px;
  }
  .home-banner .item-3 .content {
    top:10px;
    right:10px;
    width:35%;
  }
  .home-banner .item-4 .content {
    top:10px;
    width:45%;
    padding:0 10px;
  }
  .home-banner .item-5 .content {
    top:10px;
    right:10px;
    width:45%;
  }
}
@media (max-width:1600px) and (min-width:1441px) {
  .module-slider .swiper-slide a .content .title {
    font-size:48px;
  }
}

@media (max-width:1440px) and (min-width:1200px) {
  .module-slider .swiper-slide a .content .title {
    font-size:38px;
  }
}

@media (max-width:991px) and (min-width:767px) {
  .module-slider {
    margin-bottom:50px;
  }
  .module-slider .swiper-slide a {
    height:500px;
  }
  .module-slider .swiper-slide a .content {
    padding:0 50px;
  }
  .module-slider .swiper-slide a .content .title {
    font-size:32px;
  }
  .module-slider .swiper-slide a .content .sub-title {
    font-size:18px;
  }
  .module-slider .swiper-slide a .content p {
    line-height:26px;
    font-size:16px;
  }
  .home-about {
    margin-bottom:50px;
  }
  .home-about .block-image svg {
    left:70px;
  }
  .home-brand {
    margin-bottom:50px;
  }
  .home-banner {
    margin-bottom:50px;
  }
  .home-flash-sale {
    margin-bottom:50px;
    padding:50px 0;
  }
  .home-flash-sale .block-title .block-countdown .bg-title {
    width:230px;
    height:66px;
    margin-top:-18px;
    margin-left:-28px;
    top:-5px;
    background-size:contain;
  }
  .home-flash-sale .block-title .block-countdown #countdown .dots {
    font-size:30px;
    display:inline-block;
    position:relative;
    z-index:99;
    font-weight:600;
    top:-4px;
  }
  .home-flash-sale .block-title .block-countdown #countdown .item {
    font-weight:600;
    font-size:30px;
    display:inline-block;
    position:relative;
    margin:0 10px;
    border-radius:var(--main-border-radius);
    padding:5px 8px;
  }
  .home-product-tab {
    margin-bottom:50px;
  }
  .home-video {
    margin-bottom:50px;
  }
  .home-video .block-title {
    text-align:center;
  }
  .home-video .block-contact {
    margin-top:50px;
  }
  .home-video .block-contact .col-left:before {
    display:none;
  }
  .home-video .block-contact .col-right {
    margin-top:20px;
    text-align:center;
  }
  .home-product {
    margin-bottom:50px;
  }
  .home-product .list-menu-product {
    width:100%;
  }
  .home-product .list-menu-product .item a {
    background-size:cover;
  }
  .home-whychoose {
    margin-bottom:50px;
    padding:50px 0;
  }
  .home-whychoose .block-image {
    margin-top:70px;
    text-align:center;
  }
  .home-whychoose .block-image:after {
    right:0;
  }
  .home-step {
    margin-bottom:50px;
  }
  .home-step .list-step {
    grid-template-columns:repeat(2,1fr);
  }
  .home-step .list-step .item:nth-child(2):before {
    content:none;
  }
  .home-step .list-step .item .title {
    font-size:20px;
  }
  .home-faq {
    margin-bottom:50px;
  }
  .home-faq #faq-container {
    margin-top:30px;
  }
  .home-blogs {
    margin-bottom:50px;
  }
  .home-review-customer {
    margin-bottom:50px;
    padding:50px 0;
  }
  .home-about .block-image {
    text-align:center;
    margin-top:30px;
  }
  .home-banner .row-margin {
    margin:0 -8px;
  }
  .home-banner .col-padding {
    padding:0 8px;
  }
  .home-banner .margin-bottom {
    margin-bottom:16px;
  }
}

@media (max-width:991px) {
  .home-flash-sale .block-title .block-countdown .bg-title {
    display:none;
  }
  .home-flash-sale .block-title h2 {
    margin-bottom:0;
  }
}

@media (max-width:767px) {
  .block-title h2 {
      font-size:28px;
      margin-bottom:20px;
    }
}

.block-title h2 span,
.block-title h2 a {
  padding:0;
}

.block-title h2 span:before,
.block-title h2 span:after,
.block-title h2 a:before,
.block-title h2 a:after {
  display:none;
}

.block-title h2:after {
  display:none;
}

.module-slider {
  margin-bottom:1px;
}

.module-slider .swiper-slide a .content {
  padding:0 50px;
}

.module-slider .swiper-slide a .content p {
  line-height:24px;
  font-size:14px;
  margin-bottom:0;
}
.nav-horizontal.home_menu>ul.item_big>li.nav-item>a{
    color: #fff;
}
.home-about {
  margin-bottom:20px;
}

.home-about .block-title {
  margin-bottom:0;
}

.home-about .block-title .des {
  color:#fff;
  font-size:16px;
  text-align:justify;
  margin-bottom:30px;
}

.home-about .block-title .sub-title {
  margin-bottom:16px;
}

.home-about .achievement-about {
  gap:16px;
  grid-template-columns:repeat(3,1fr);
  display:grid;
}

.home-about .achievement-about .item {
  position:relative;
  border-radius:var(--main-border-radius);
  text-align:center;
  padding:16px 8px;
  border-bottom:3px solid var(--mainColor);
  overflow:hidden;
}

.home-about .achievement-about .item:before {
  content:"";
  background:#0d0c0c;
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  opacity:0.16;
  border-radius:var(--main-border-radius);
  z-index:-1;
}

.home-about .achievement-about .item .number {
  font-size:32px;
  font-weight:600;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}

.home-about .achievement-about .item .number span:nth-child(2) {
  margin-top:-5px;
}

.home-about .achievement-about .item p {
  margin-bottom:0;
  font-size:14px;
}

.home-about .block-image {
  text-align:right;
}

.home-about .block-image svg {
  width:80px;
  height:80px;
  position:absolute;
  bottom:-25px;
  left:120px;
}

.home-about .block-image img {
  border-radius:12px;
}
.home-brand {
  margin-bottom:80px;
}

.home-brand img {
  height:68px;
  display:block;
  margin:auto;
}
.home-product-tab {
  margin-bottom:20px;
}

.home-product-tab .block-title {
  text-align:center;
}

.home-product-tab .block-title ul {
  text-align:center;
  margin-bottom:0;
  display:inline-flex;
  gap:23px;
}

.home-product-tab .block-title ul li {
  display:inline-block;
  color:#64340f;
  border:1px solid var(--mainColor);
  font-size:16px;
  font-weight:500;
  line-height:24px;
  padding:6px 24px;
  cursor:pointer;
  position:relative;
  border-radius:var(--main-border-radius);
  overflow:hidden;
}

.home-product-tab .block-title ul li.active,
.home-product-tab .block-title ul li:hover {
  background:#64340f;
  color:#fff;
}

.home-product-tab .viewMore a {
  background:var(--mainColor);
  color:#fff;
}

.home-product-tab .viewMore a svg path {
  stroke:#fff;
}

.row .col-fix {
  margin-bottom:20px;
}

.home-product-tab .tab-content .row .col-fix-2 {
  margin-bottom:20px;
}

.home-product-tab .tab-content .view-all a {
  display:inline-block;
  font-size:16px;
  padding:6px 16px;
  color:var(--mainColor);
  border:1px solid var(--mainColor);
  border-radius:var(--main-border-radius);
}

.home-product-tab .tab-content .view-all a svg {
  margin-left:5px;
  width:14px;
  height:14px;
}

.home-product-tab .tab-content .view-all a:hover {
  background:var(--mainColor);
  color:#fff;
}

.home-product-tab .tab-content .view-all a:hover svg path {
  fill:#fff;
}
.home-product-tab.ajax-tab-1 .item-effect.on-show {
  animation-name:fadeInUp;
}

.home-product-tab.ajax-tab-2 .item-effect.on-show {
  animation-name:fadeInUp;
}

.home-product-tab.ajax-tab-3 .col-product.item-effect.on-show {
  animation-name:fadeInLeft;
}

.home-product-tab.ajax-tab-3 .col-banner.item-effect.on-show {
  animation-name:fadeInRight;
}

.block-title {
    margin-bottom: 40px;
}
.tab-content-item{
    display: none;
}
.tab-content-item.active{
    display: block;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24 {
    padding-left: 15px;
    padding-right: 15px;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.container {
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 1199px) {
    .block-title h2.item-effect.on-show {
        animation-name: fadeInUp;
        animation-duration: 0.6s;
    }
    .viewMore.item-effect.on-show {
        animation-name: fadeInUp;
    }
}
.home-blogs .viewMore {
    margin-top: 40px;
}
.viewMore a {
    display: inline-flex
;
    align-items: center;
    gap: 8px;
    padding: 12px 25px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    text-transform: uppercase;
    border-radius: var(--main-border-radius);
    background: var(--mainColor);
    color: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden;
}
.home-blogs {
    margin-bottom: 80px;
    overflow: hidden;
}
.home-review-customer {
    padding: 80px 0;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.home-review-customer:before {
  content:"";
  background:var(--mainColor);
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:-1;
  opacity:0.1;
  opacity:0.16;
}

.home-review-customer .review-customer-swiper .swiper-slide {
  background:#fff;
  padding:20px;
  border-bottom:3px solid var(--mainColor);
  border-radius:var(--main-border-radius);
  height:auto;
}

.home-review-customer .review-customer-swiper .swiper-slide .rate {
  margin-bottom:20px;
}

.home-review-customer .review-customer-swiper .swiper-slide .rate svg {
  width:130px;
}

.home-review-customer .review-customer-swiper .swiper-slide .rate svg path {
  fill:var(--mainColor);
  stroke:var(--mainColor);
}

.home-review-customer .review-customer-swiper .swiper-slide .content {
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid rgba(0,0,0,0.08);
}

.home-review-customer .review-customer-swiper .swiper-slide .content .img {
  width:75px;
  padding:4px;
  border-radius:50px;
  border:4px solid var(--mainColor);
}

.home-review-customer .review-customer-swiper .swiper-slide .content .img img {
  border-radius:50%;
}

.home-review-customer .review-customer-swiper .swiper-slide .content .info .name {
  font-size:20px;
  font-weight:500;
  margin-bottom:2px;
}

.home-review-customer .review-customer-swiper .swiper-slide .content .info .job {
  color:var(--mainColor);
  font-weight:500;
}

.home-review-customer .review-customer-swiper .swiper-slide .content .icon {
  position:absolute;
  right:20px;
}

.home-review-customer .review-customer-swiper .swiper-slide .content .icon svg {
  width:60px;
  height:60px;
}

.home-review-customer .review-customer-swiper .swiper-slide .content .icon svg path {
  fill:var(--mainColor);
}

.home-review-customer .review-customer-swiper .swiper-pagination {
  position:initial;
  margin-top:30px;
}

.home-review-customer .review-customer-swiper .swiper-pagination .swiper-pagination-bullet {
  width:12px;
  height:12px;
  background:var(--mainColor);
}
.home-video {
  margin-bottom:80px;
  overflow:hidden;
}

.home-video .block-video {
  position:relative;
}

.home-video .block-video .play-video {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:75px;
  height:75px;
  background:var(--mainColor);
  border-radius:50%;
  cursor:pointer;
}

.home-video .block-video .play-video:before {
  content:"";
  width:0;
  height:0;
  border-style:solid;
  border-width:13px 0 13px 23px;
  border-color:transparent transparent transparent #fff;
  position:absolute;
  top:50%;
  left:55%;
  z-index:2;
  transform:translate(-50%,-50%);
}

.home-video .block-video .play-video:after {
  content:"";
  position:absolute;
  height:100%;
  width:100%;
  top:0;
  left:0;
  z-index:-1;
  background-color:var(--mainColor);
  border-radius:50px;
  animation:ripple-wave 1s linear infinite;
  -webkit-transform:scale(1);
  transform:scale(1);
  transition:all 0.5sease-in-out;
}

.home-video .block-video img {
  display:block;
  margin:auto;
}

.home-video .block-contact {
  background-color:var(--mainColor);
  padding:40px;
  margin-top:-100px;
  position:relative;
  border-radius:var(--main-border-radius);
}

.home-video .block-contact:before {
  content:"";
  position:absolute;
  background-image:url(//bizweb.dktcdn.net/100/570/902/themes/1027061/assets/bg-contact-video.png?1750130832000);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  width:100%;
  height:100%;
  left:0;
  top:0;
  opacity:.1;
}

.home-video .block-contact .col-left {
  position:relative;
}

.home-video .block-contact .col-left:before {
  position:absolute;
  content:close-quote;
  width:2px;
  bottom:0;
  background-color:#fff;
  right:-118px;
  top:0;
}

.home-video .block-contact .col-left:after {
  width:0;
  position:absolute;
  content:close-quote;
  height:0;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
  border-left:7px solid #fff;
  top:50%;
  transform:translateY(-50%);
  right:-124px;
}

.home-video .block-contact .col-right {
  text-align:right;
}

.home-video .block-contact .col-right a {
  display:block;
  color:#fff;
}

.home-video .block-contact .col-right a:hover {
  opacity:0.7;
}

.home-video .block-contact .col-right a.hotline-contact-video {
  font-size:32px;
  color:#fff;
  font-weight:700;
  margin-bottom:20px;
}

.home-video .block-contact .col-right a.hotline-contact-video svg {
  width:36px;
  height:36px;
  margin-top:-3px;
  margin-right:5px;
}

.home-video .block-contact .col-right a.hotline-contact-video svg path {
  fill:#fff;
}

.home-video .block-contact .col-right .viewMore a {
  letter-spacing:1px;
  background:#fff;
  color:#000;
}

.home-video .block-title {
  color:#fff;
  margin-bottom:0;
}

.home-video .block-title h2 {
  font-size:32px;
  margin-bottom:15px;
}

.home-video .block-title p {
  margin-bottom:0;
}
@keyframes ripple-wave{0%{opacity:0.8;-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}
.article-title {
    margin-top: 0px;
    font-size: 34px;
    font-weight: bold;
    color: #001f3f;
    line-height: normal;
    position: relative;
    margin-bottom: 15px;
}
.layout-blog {
  padding-bottom:30px;
}

.layout-team {
  padding-bottom:60px;
}

.layout-team .block-image {
  position:relative;
  margin-bottom:30px;
}

.layout-team .block-image .social {
  position:absolute;
  bottom:16px;
  left:50%;
  transform:translateX(-50%);
  box-shadow:0 0 5px rgba(0,0,0,0.2);
  border-radius:var(--main-border-radius);
  background:#fff;
  padding:16px 32px;
  display:flex;
  gap:30px;
}

.layout-team .block-image .social a svg {
  fill:var(--mainColor);
  width:20px;
  height:20px;
}

.layout-team .block-image .social a:hover {
  opacity:0.6;
}

.layout-team .contact {
  position:relative;
  overflow:hidden;
  border-radius:var(--main-border-radius);
  margin-bottom:30px;
  padding:30px;
}

.layout-team .contact:before {
  content:"";
  background:var(--mainColor);
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:100%;
  opacity:0.1;
  opacity:0.16;
  border-radius:var(--main-border-radius);
  z-index:-1;
}

.layout-team .contact .item {
  margin-bottom:20px;
  display:flex;
  align-items:center;
}

.layout-team .contact .item .icon {
  width:60px;
  height:60px;
  background:var(--mainColor);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.layout-team .contact .item .icon svg path {
  fill:#fff;
}

.layout-team .contact .item .info {
  width:calc(100% - 60px);
  padding-left:20px;
}

.layout-team .contact .item .info .title {
  font-size:18px;
  font-weight:600;
  margin-bottom:6px;
  color:var(--mainColor);
}

.layout-team .contact .item:last-child {
  margin-bottom:0;
}

.layout-team h1 {
  margin-bottom:10px;
}

.layout-team .position {
  margin-bottom:20px;
  font-weight:bold;
  color:var(--mainColor);
  font-size:20px;
}

.layout-team .project-done {
  margin-top:60px;
}

.layout-team .project-done h2 {
  font-weight:700;
  font-size:32px;
  margin-bottom:10px;
  text-align:center;
}

.layout-team .project-done .project-done-swiper .swiper-slide {
  border:1px solid rgba(0,0,0,0.08);
}

.layout-team .form-contact {
  margin-top:30px;
}

.layout-team .form-contact h2 {
  margin-bottom:16px;
}

.layout-team .form-contact .group_contact input,
.layout-team .form-contact .group_contact textarea {
  border:1px solid #f1f1f1;
  width:100%;
  margin-bottom:15px;
  outline:none;
  font-size:14px;
  border-radius:6px;
  background:#fdfdfd;
}

.layout-team .form-contact .group_contact input {
  padding:10px 20px;
}

.layout-team .form-contact .group_contact textarea {
  padding:10px 20px;
}

.layout-team .form-contact .group_contact .btn-lienhe {
  background:var(--mainColor);
  color:#fff;
  padding:0 20px;
  height:40px;
  line-height:40px;
  font-size:14px;
  border-radius:6px;
  border:1px solid transparent;
}

.layout-team .form-contact .group_contact .btn-lienhe:hover {
  border-color:var(--mainColor);
  color:var(--mainColor);
  background:transparent;
}

.list-blogs .item-blog {
  margin-bottom:30px;
}

.list-blogs .item-effect.on-show {
  animation-name:fadeInDown;
}

@media (min-width:991px) {
  .sidebar-blog {
    padding-left:35px;
  }
}

.position-sticky {
  position:sticky;
  top:0;
}

.blog-search {
  margin-bottom:30px;
}

.blog-search form {
  border-radius:var(--main-border-radius);
  overflow:hidden;
}

.blog-search form:before {
  content:"";
  background:var(--mainColor);
  width:100%;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  opacity:0.1;
}

.blog-search form input {
  border:none;
  width:100%;
  padding:12px 45px 12px 16px;
  background:none;
}

.blog-search form input::placeholder {
  color:var(--mainColor);
}

.blog-search form button {
  border:initial;
  position:absolute;
  right:7px;
  top:7px;
  height:32px;
  width:32px;
  border-radius:var(--main-border-radius);
  background:var(--mainColor);
}

.blog-search form button svg {
  width:16px;
  height:16px;
  fill:#fff;
  margin-top:-2px;
}

.blog-advise .list-blog .item-blog:not(:first-of-type) {
  display:flex;
}

.blog-advise .list-blog .item-blog:not(:first-of-type) .block-thumb {
  width:100px;
}

.blog-advise .list-blog .item-blog:not(:first-of-type) .block-info {
  width:calc(100% - 100px);
  padding-left:15px;
  margin-top:0;
}

.blog-advise .list-blog .item-blog:not(:first-of-type) .block-info .time-post span {
  font-size:15px;
}

.blog-advise .list-blog .item-blog {
  margin-bottom:16px;
}

.blog-advise .list-blog .item-blog:last-child {
  margin-bottom:0;
}

.blog-advise .list-blog .item-blog .block-thumb {
  border-radius:8px;
}

.blog-advise .list-blog .item-blog .block-thumb img {
  border-radius:8px;
}

.blog-advise .list-blog .item-blog .block-info h3 {
  font-size:15px;
}

.blog-cate {
  margin-bottom:30px;
  padding:16px;
  border-radius:var(--main-border-radius);
  overflow:hidden;
  position:relative;
}

.blog-cate:before {
  content:"";
  background:var(--mainColor);
  width:100%;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  opacity:0.1;
  z-index:-1;
}

.blog-cate .category-navigation>ul>li {
  background-color:rgba(255,255,255,0.1);
}

.blog-cate .category-navigation ul {
  padding:0;
  margin:0;
  list-style:none;
}

.blog-cate .category-navigation ul .nav-item .nav-link {
  display:block;
  padding:5px 0;
}

.blog-cate .category-navigation ul .nav-item .nav-link.pr-5 {
  padding-right:30px;
}

.blog-cate .category-navigation ul .nav-item .nav-link:hover {
  color:var(--mainColor);
}

.blog-cate .category-navigation ul .nav-item.active>.nav-link {
  color:var(--mainColor);
}

.blog-cate .category-navigation ul .nav-item.active>.down_icon:before {
  border-color:var(--mainColor) transparent transparent transparent;
}

.blog-cate .category-navigation ul .menu_down {
  padding-left:10px;
}

.blog-cate .category-navigation ul .down_icon {
  width:30px;
  height:31px;
  top:0;
  right:0;
  transition:0.5s all;
  cursor:pointer;
  position:absolute;
  display:flex;
  justify-content:center;
  align-items:center;
}

.blog-cate .category-navigation ul .down_icon:before {
  content:'';
  width:0;
  height:0;
  border-style:solid;
  border-width:4px 4px 0 4px;
  border-color:#59646a transparent transparent transparent;
  transition:border-color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;
}

.blog-cate .category-navigation ul .down_icon.cls_mn {
  transform:rotate(180deg);
}

.blog-tags {
  padding:16px;
  border-radius:var(--main-border-radius);
  overflow:hidden;
  position:relative;
}

.blog-tags:before {
  content:"";
  background:var(--mainColor);
  width:100%;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  opacity:0.1;
  z-index:-1;
}

.blog-tags ul li {
  margin-bottom:5px;
  display:inline-block;
}

.blog-tags ul li a {
  border-radius:var(--main-border-radius);
  padding:5px 10px;
  display:block;
  font-size:14px;
  background:#fff;
}

.blog-tags ul li a:hover {
  background:var(--mainColor);
  color:#fff;
}

.article-main .article-title {
  margin-top:0;
  font-size:34px;
  font-weight:bold;
  color:#001f3f;
  line-height:normal;
  position:relative;
  margin-bottom:15px;
}

@media (max-width:767px) {
  .article-main .article-title {
    font-size:24px;
    line-height:1.4;
  }
}

.article-main .time-post {
  margin-bottom:6px;
}

.article-main .time-post span {
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-right:16px;
  font-size:16px;
}

.article-main .time-post span svg {
  width:22px;
  height:22px;
}

@media (max-width:767px) {
  .article-main .rte iframe {
    width:100%;
  }
}

.article-main #article_comments {
  display:block;
  padding-top:0;
  margin-top:20px;
  padding-bottom:30px;
}

.article-main #article_comments label {
  display:block;
  margin-bottom:4px;
  font-weight:700;
}

.article-main #article_comments label .required {
  color:#ff0000;
}

.article-main .form-group input {
  width:100%;
  min-height:60px;
  padding:10px 20px;
  font-size:15px;
  line-height:1.5;
  color:#656565;
  background-color:#fff;
  background-image:none;
  margin-bottom:15px;
  border:1px solid #e3e3e3;
  box-shadow:none;
  border-radius:6px;
}

.article-main .form-group input::-webkit-input-placeholder {
  color:#656565;
}

.article-main .form-group input::-moz-placeholder {
  color:#656565;
}

.article-main .form-group input:-ms-input-placeholder {
  color:#656565;
}

.article-main .form-group textarea {
  width:100%;
  min-height:60px;
  padding:10px 20px;
  font-size:15px;
  line-height:1.5;
  color:#656565;
  background-color:#fff;
  background-image:none;
  margin-bottom:15px;
  border:1px solid #e3e3e3;
  box-shadow:none;
  border-radius:6px;
}

.article-main .form-group textarea::-webkit-input-placeholder {
  color:#656565;
}

.article-main .form-group textarea::-moz-placeholder {
  color:#656565;
}

.article-main .form-group textarea:-ms-input-placeholder {
  color:#656565;
}

.article-main .form-group textarea:focus-visible {
  outline:none;
}

.article-main .btn {
  height:50px;
  line-height:48px;
  padding:0 54px;
  background:var(--mainColor);
  font-size:16px;
  color:#fff;
  font-weight:700;
  border-radius:6px;
  margin-bottom:15px;
  border:0;
  border:1px solid transparent;
}

.article-main .btn:hover {
  color:var(--mainColor);
  border-color:var(--mainColor);
  background:transparent;
}

@media (max-width:480px) {
  .article-main .btn {
    max-width:100%;
  }
}

.article-main .form-coment__title {
  font-size:22px;
  font-weight:700;
  text-transform:none;
  margin-top:20px;
  margin-bottom:20px;
  color:#494949;
}

.article-main .tag-share {
  display:flex;
  align-items:center;
  margin:30px 0;
}

.article-main .tag-share .inline {
  line-height:26px;
  font-size:15px;
  margin-right:15px;
  color:#494949;
}

.article-main .tag-share .inline svg {
  margin-right:5px;
  width:19px;
  height:20px;
}

@media (max-width:767px) {
  .article-main .tag-share {
    display:block;
  }
  .article-main .tag-share .inline {
    margin-bottom:5px;
    display:block;
  }
}

.article-main .tag_article .inline {
  font-weight:400;
  font-size:14px;
  background:#fff;
  border-radius:3px;
  padding:3px 13px;
  margin-right:5px;
  display:inline-block;
  color:#494949;
}

.article-main .tag_article a {
  font-weight:400;
  font-size:14px;
  background:#fff;
  border-radius:3px;
  padding:3px 13px;
  margin-right:5px;
  display:inline-block;
  margin-bottom:5px;
  word-break:break-word;
  color:#494949;
}

.article-main .tag_article a:hover {
  background-color:var(--mainColor);
  color:#fff;
  border-color:var(--mainColor);
}

.article-comments {
  margin-top:30px;
}

.article-comments__title {
  font-size:22px;
  font-weight:700;
  text-transform:none;
  margin-bottom:20px;
  color:#494949;
}

.article-comments__item {
  display:flex;
  gap:15px;
  margin-bottom:15px;
}

.article-comments__item .thumb {
  width:80px;
  padding-bottom:7%;
}

.article-comments__item .thumb img {
  border-radius:100%;
}

.article-comments__item .userComment__name {
  margin-bottom:0;
}

.article-comments__item .userComment__date {
  font-size:13px;
  color:#919191;
}

.block-blog .pagenav {
  margin-top:0;
}

.article-page .pagenav .pagination {
  text-align:left;
}

.article-lq {
  padding:40px 0;
  background:#fff;
}

.article-lq .aside-title {
  text-align:center;
  font-size:40px;
  font-weight:bold;
  line-height:normal;
  margin-bottom:30px;
  color:#001f3f;
}

@media (max-width:767px) {
  .article-lq .aside-title {
    font-size:24px;
  }
}

.article-lq .swiper-slide {
  height:auto;
}

.toc-wrapper {
  border:1px solid var(--mainColor);
  border-radius:var(--main-border-radius);
  padding:1.5%;
  font-size:16px;
  margin:15px 0;
  position:relative;
  padding:1.5%;
  font-size:16px;
  margin:15px 0;
}

.toc-wrapper:before {
  content:"";
  background:var(--mainColor);
  width:100%;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  opacity:0.1;
  z-index:-1;
}

@media (min-width:991px) {
  .toc-wrapper {
    width:65%;
  }
}

.toc-wrapper .js-toc {
  margin-top:5px;
}

.toc-title {
  position:relative;
  display:block;
  overflow:hidden;
  text-align:center;
  cursor:pointer;
  font-weight:bold;
  -moz-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  line-height:28px;
  font-size:16px;
  color:var(--mainColor);
}

.toc-title:before {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAOCAYAAAA45qw5AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAi9JREFUOE+tk01rE0EYx7MbMbZePIlR8SsIQhFE8eBZJOKhUqwearKE5BDMoQpihB4UL0Igb6BSSimtFbF+AcVLoeDJDyBoYw9CDyHFhLz4e2aeXZUkZn35we48859n5z/PzKzjed61Xq/3KGJ5UKvVHmv8X0mlUnma+X6/36a97SSTyV2CQzIoOI6zHI/H5wqFwjeV/olcLjfRbDafEk5bxXjsurzWtG9gRTP1ev1NOp0+otJfk8lkjmL6ljAwFfBYcyuViof5gmo+pzudzha7cUr7fwwLn2q321uEU1Yx9PG6x3F6jgpyBldZiWzJAasY9nhukPjcdsPBvZmWuXgmVBL2XNedpdAX0nGNBNVqdYWB84RfrGKY5FllogKTBIscheSwSwtc1pWfTanyE3Of9U2Fgcmy2ezxVqv1ivCXbebjdSa7TvWyCwPk8/mDjUZjiZyESga+24xGo4lSqbSjkmFoFax6kg8WmeSKSj7vY7HYpWKx+Fn7BvJPkL9B/kmVfJbIv0l+S/sBI7ePSRzO/T7hXatYMNhh2xLlcnlT+lyiM91u9yX5h00CkNOjucPxPbTKIGPPTS4KZ/aMMLh0TCwVzNHuY6xKvN8MWBroM5i+1v5QxhoL8mvwe8m5x60yHAw/8lzkEn1QaSShjAUqP0Z1G4RD/20M37Hdl7l8X1X6LcHvNA6q2KY5h8G6VX6A9gTTC2FNhdAV+8ilo/p5wlvE25iWOc+KHQ1LJPIdi+3i7AUil8gAAAAASUVORK5CYII=);
  height:7px;
  width:15px;
  display:inline-block;
  content:" ";
  float:right;
  background-size:contain;
  margin:10px 0 0 0;
  cursor:pointer;
}

.js-toc>.toc-list {
  padding:0;
}

.toc-list {
  padding:0 15px;
  counter-reset:section;
  list-style-type:none;
  margin:0;
}

.toc-list li {
  color:var(--mainColor);
}

.toc-list li a {
  line-height:20px;
  padding:5px 0;
  color:var(--mainColor);
  font-size:15px;
  position:relative;
}

.toc-list .toc-link::before {
  display:none;
}

.fixed-toc {
  position:fixed;
  right:0;
  top:50% !important;
  transform:translateY(-50%);
  z-index:1000;
  display:none;
}

.fixed-toc button.btn.toc-toggle-btn {
  border:1px solid;
  padding:5px;
  width:32px;
  height:32px;
  line-height:1;
  margin-right:10px;
  background:white;
  opacity:0.6;
}

.fixed-toc button.btn.toc-toggle-btn:hover {
  opacity:1;
}

.fixed-toc .fixed-toc-content {
  width:300px;
  background:#fff;
  position:absolute;
  top:0 !important;
  z-index:9999;
  padding:15px;
  border:1px solid;
  border-radius:5px;
  font-size:14px;
  max-height:75vh;
  overflow-y:auto;
  transform:translateY(-50%) translateX(100%);
  transition:transform .3s ease-out;
}

.fixed-toc .fixed-toc-content .toc-title:before {
  display:none;
}

.fixed-toc.open .fixed-toc-content {
  transform:translateY(-50%) translateX(calc(-100% + 40px));
}

.fixed-toc .toc-toggle-btn {
  cursor:pointer;
}

.fixed-toc .toc-toggle-btn svg {
  width:14px;
  height:14px;
}

.fixed-toc .toc-list li a {
  line-height:1.2;
  padding:4px 0;
  display:block;
  color:var(--mainColor);
  font-size:13px;
  position:relative;
}

.fixed-toc .toc-list li a.is-active-link {
  font-weight:bold;
}

.fixed-toc .fixed-toc-content .toc-toggle-btn {
  right:15px;
  top:13px;
  position:absolute;
}

.fixed-toc .fixed-toc-content>.toc-list {
  padding:0;
}

.product-article {
  margin-bottom:30px;
}

.product-article .title {
  font-size:24px;
  font-weight:600;
  margin-bottom:15px;
  line-height:1;
  color:var(--mainColor);
}

.product-article .product-article-swiper {
  position:relative;
}

.product-article .product-article-swiper .swiper-slide {
  height:auto;
}

@media (max-width:991px) {
  .sidebar-blog {
    margin-top:30px;
  }
  .layout-team .contact {
    padding:20px;
  }
}

@media (max-width:767px) {
  .position-sticky {
    position:initial;
  }
  .layout-team {
    padding-bottom:30px;
  }
  .layout-team .project-done {
    margin-top:30px;
  }
}
.widget-title {
    position: relative !important;
    margin-bottom: 16px !important;
    font-size: 20px !important;
    padding-bottom: 8px !important;
    text-align: left !important;
}
.home-flash-sale {
  background-image:url(../images/bg-flash-sale.jpg);
  background-size:cover;
  background-repeat:no-repeat;
  padding:72px 0 60px;
  margin-bottom:20px;
}

.home-flash-sale .block-title {
  background:#fff;
  border-radius:var(--main-border-radius);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-right:40px;
  margin-bottom:40px;
  padding-bottom:5px;
  padding-top:5px;
}

.home-flash-sale .block-title .block-countdown {
  display:flex;
  align-items:center;
  gap:10px;
}

.home-flash-sale .block-title .block-countdown .bg-title {
  background-image:url(../images/bg-title-flashsale.png);
  background-repeat:no-repeat;
  position:relative;
  width:263px;
  height:99px;
  margin-top:-18px;
  margin-left:-41px;
  top:-5px;
}

.home-flash-sale .block-countdown #countdown .dots {
  color:var(--mainColor);
  font-size:36px;
  display:inline-block;
  position:relative;
  z-index:99;
  font-weight:600;
  top:-4px;
}

.home-flash-sale .block-countdown #countdown .item {
  color:#fff;
  font-weight:600;
  font-size:36px;
  display:inline-block;
  position:relative;
  margin:0 15px;
  background:var(--mainColor);
  border-radius:var(--main-border-radius);
  padding:5px 10px;
}

.home-flash-sale h2 {
  text-align:center;
  font-size:42px;
  font-weight:600;
  text-align:center;
  margin-bottom:0 !important;
      line-height: 1.3;
}

.home-flash-sale h2 {
  color:var(--mainColor);
      padding-left: 10px;
}

.home-flash-sale h2 a:hover {
  opacity:0.7;
}

.home-flash-sale .flash-sale-swiper .swiper-slide {
  height:auto;
}

.home-flash-sale .product-action {
  background:#fff;
}

.home-flash-sale .product-action:before {
  content:"";
}
.flashsale__bottom .flashsale__label {
  font-size:12px;
}

.flashsale__bottom .flashsale__label img {
  width:35px;
  margin-top:-5px;
}

.flashsale__bottom .flashsale__progressbar {
  display:block;
  width:100%;
  height:10px;
  background:#ebebeb;
  margin-bottom:6px;
  border-radius:6px;
  position:relative;
  overflow:hidden;
}

.flashsale__bottom .flashsale__progressbar.style2 {
  height:16px;
}

.flashsale__bottom .flashsale__progressbar.style2 .flashsale__label {
  font-size:11px;
  position:relative;
  left:0;
  z-index:2;
  text-align:center;
  margin:auto;
}

.flashsale__bottom .flashsale__progressbar.style2 .flashsale__label img {
  display:none;
}

.flashsale__bottom .flashsale___percent {
  width:0%;
  height:100%;
  background-color:#c38e70;
  border-radius:6px 0 0 6px;
  position:absolute;
  top:0;
  z-index:1;
  background-size:40px 40px;
  -webkit-animation:progress_bar_fill 2s linear infinite;
  animation:progress_bar_fill 2s linear infinite;
  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);
}

@keyframes progress_bar_fill {
  from {
    background-position:0 0;
  }
  to {
    background-position:40px 0;
  }
}
.home-product {
    margin-bottom: 30px;
    overflow: hidden;
}
.backdrop__body-backdrop___1rvky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0 !important;
    right: 0;
    bottom: 0;
    background-color: #000;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease;
    background: rgba(0, 0, 0, 0.6);
}
.backdrop__body-backdrop___1rvky.active {
    visibility: visible;
    opacity: 1;
}
@media (max-width: 767px) {
    .home-about .achievement-about {
        display: block;
    }
      .home-about .achievement-about .item {
        margin-bottom: 8px;
        padding: 12px 8px;
    }
    .home-about .block-image {
        text-align: center;
        margin-top: 30px;
    }
    .home-about .block-image svg {
        display: none;
    }
    .home-flash-sale .block-title .block-countdown {
        order: 2;
    }
        .home-flash-sale .block-title {
        padding-right: 0;
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 10px;
    }
    .home-flash-sale .block-title h2 {
        order: 1;
        margin-bottom: 5px;
    }
    .block-title h2 span, .block-title h2 {
        padding: 0;
    }
    .home-flash-sale .block-title .block-countdown {
        order: 2
    }

    .home-flash-sale .block-title .block-countdown #countdown .dots {
        font-size: 20px;
        display: inline-block;
        position: relative;
        z-index: 99;
        font-weight: 600;
        top: -4px
    }

    .home-flash-sale .block-title .block-countdown #countdown .item {
        font-weight: 600;
        font-size: 20px;
        display: inline-block;
        position: relative;
        margin: 0 10px;
        border-radius: var(--main-border-radius);
        padding: 5px 6px
    }
      .block-title h2 {
        font-size: 28px;
    }
    .home-video .block-contact {
        margin-top: 50px;
    }
    .home-video .block-title {
        text-align: center;
    }
        .home-video .block-contact .col-right {
        margin-top: 20px;
        text-align: center;
    }
}

.header__middle .col-right div.header-wishlist {
    margin-left: 0;
  }