@media (max-width: 992px) {
  body {
    padding-top: 0 !important;
  }
  header {
    position: static !important;
  }
}
header {
  z-index: 3;
}

footer {
  background: #FFC402;
  color: #ffffff;
  text-align: center;
  padding: 1em 0;
}

.page-top {
  position: fixed;
  bottom: 30px;
  z-index: 1000;
  right: 30px;
}
.page-top a {
  padding: 14px 20px;
}

.border-6 {
  border-width: 6px !important;
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
  top: 23px !important;
  width: 30px;
  height: 100%;
  background: #ffffff;
  -webkit-box-shadow: 0 0 12px 30px rgb(255, 255, 255);
          box-shadow: 0 0 12px 30px rgb(255, 255, 255);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.swiper .swiper-button-prev,
.swiper .swiper-rtl .swiper-button-next {
  left: 0;
}
.swiper .swiper-button-next,
.swiper .swiper-rtl .swiper-button-prev {
  right: 0;
}
.swiper .swiper-button-next::after,
.swiper .swiper-button-prev::after {
  border-radius: 10px;
  margin-top: 0;
  width: 25px;
  height: 440px;
  color: #ffffff;
  font-size: 16px;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 992px) {
  .swiper-button-next,
  .swiper-button-prev {
    display: none !important;
  }
}
.modal-video .modal-video-body .modal-video-inner .modal-video-movie-wrap {
  padding-bottom: 0 !important;
  height: 90vh !important;
  max-height: 90vh !important;
  width: 50.625vh !important;
  max-width: 90vw;
  margin: 0 auto;
}
.modal-video .modal-video-body .modal-video-inner .modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-item a {
  display: block;
  aspect-ratio: 9/16;
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
}
.video-item a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 9/16;
}

.video-content {
  font-size: 14px;
  font-size: 0.875rem;
}

.video-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: 15px;
  font-size: 0.9375rem;
}
.video-title i {
  color: #FFC402;
}

.category-title {
  text-align: center;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5em 0;
  min-height: 80px;
}
.category-title::before {
  color: #000000;
  width: 48px;
  height: 48px;
  margin-right: 10px;
}

.category-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.category-navigation .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 19%;
  padding: 1em;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  margin: 0 0.3em;
}
.category-navigation .btn span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.category-navigation .btn span::before {
  content: "";
  background-color: #ffffff;
  display: inline-block;
  width: 26px;
  height: 26px;
  vertical-align: middle;
  margin-right: 0.5em;
}
.category-navigation .btn-bath {
  background-color: #858549;
}
.category-navigation .btn-bath:hover {
  background-color: rgba(133, 133, 73, .5);
}
.category-navigation .btn-bath span::before {
  -webkit-mask: url("../img/icon/bath.svg");
          mask: url("../img/icon/bath.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
}
.category-navigation .btn-kitchen {
  background-color: #FEA76C;
}
.category-navigation .btn-kitchen:hover {
  background-color: rgba(254, 167, 108, .5);
}
.category-navigation .btn-kitchen span::before {
  -webkit-mask: url("../img/icon/kitchen.svg");
          mask: url("../img/icon/kitchen.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
}
.category-navigation .btn-aircon {
  background-color: #DF7C15;
}
.category-navigation .btn-aircon:hover {
  background-color: rgba(223, 124, 21, .5);
}
.category-navigation .btn-aircon span::before {
  -webkit-mask: url("../img/icon/airconditioner.svg");
          mask: url("../img/icon/airconditioner.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
}
.category-navigation .btn-toilet {
  background-color: #D4BE02;
}
.category-navigation .btn-toilet:hover {
  background-color: rgba(212, 190, 2, .5);
}
.category-navigation .btn-toilet span::before {
  -webkit-mask: url("../img/icon/toilet.svg");
          mask: url("../img/icon/toilet.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
}
.category-navigation .btn-others {
  background-color: #F57C7E;
}
.category-navigation .btn-others:hover {
  background-color: rgba(245, 124, 126, .5);
}
.category-navigation .btn-others span::before {
  content: none;
}
@media screen and (max-width: 992px) {
  .category-navigation .btn {
    padding: 0.5em;
    font-size: 1rem;
    margin: 0;
    font-weight: normal;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    white-space: nowrap;
  }
  .category-navigation .btn span::before {
    content: none;
  }
}

.badge-bath {
  background-color: #858549;
}

.badge-kitchen {
  background-color: #FEA76C;
}

.badge-aircon {
  background-color: #DF7C15;
}

.badge-toilet {
  background-color: #D4BE02;
}

.badge-others {
  background-color: #F57C7E;
}

#category-bath .category-title {
  border-bottom: 4px solid #858549;
  border-top: 4px solid #858549;
  background-color: rgba(133, 133, 73, .2);
}
#category-bath .category-title::before {
  content: url("../img/icon/bath.svg");
}
#category-bath .swiper-button-next::after,
#category-bath .swiper-button-prev::after {
  background: #858549;
}

#category-kitchen .category-title {
  border-bottom: 4px solid #FEA76C;
  border-top: 4px solid #FEA76C;
  background-color: rgba(254, 167, 108, .2);
}
#category-kitchen .category-title::before {
  content: url("../img/icon/kitchen.svg");
}
#category-kitchen .swiper-button-next::after,
#category-kitchen .swiper-button-prev::after {
  background: #FEA76C;
}

#category-aircon .category-title {
  border-bottom: 4px solid #DF7C15;
  border-top: 4px solid #DF7C15;
  background-color: rgba(223, 124, 21, .2);
}
#category-aircon .category-title::before {
  content: url("../img/icon/airconditioner.svg");
}
#category-aircon .swiper-button-next::after,
#category-aircon .swiper-button-prev::after {
  background: #DF7C15;
}

#category-toilet .category-title {
  border-bottom: 4px solid #D4BE02;
  border-top: 4px solid #D4BE02;
  background-color: rgba(212, 190, 2, .2);
}
#category-toilet .category-title::before {
  content: url("../img/icon/toilet.svg");
}
#category-toilet .swiper-button-next::after,
#category-toilet .swiper-button-prev::after {
  background: #D4BE02;
}

#category-others .category-title {
  border-bottom: 4px solid #F57C7E;
  border-top: 4px solid #F57C7E;
  background-color: rgba(245, 124, 126, .2);
}
#category-others .category-title::before {
  display: none;
}
#category-others .swiper-button-next::after,
#category-others .swiper-button-prev::after {
  background: #F57C7E;
}
/*# sourceMappingURL=maps/custom.css.map */