/* media size */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.btn:active {
  transform: translateY(1px) !important;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.form-control:focus {
  box-shadow: none;
}

a {
  text-decoration: none !important;
}

::-webkit-scrollbar {
  display: none;
}

@keyframes blink {
  0% {
    opacity: 0.1;
  }
  25% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  95% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.1;
  }
}
.floating {
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes floating {
  0% {
    transform: translate(0, 0px);
  }
  50% {
    transform: translate(0, 15px);
  }
  100% {
    transform: translate(0, 0px);
  }
}
.rotate {
  animation: rotate 5s infinite linear;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.slick-slider .slick-prev, .slick-slider .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: black;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
}
.slick-slider .slick-prev:focus, .slick-slider .slick-next:focus {
  outline: none;
}
.slick-slider .slick-prev.slick-disabled:before, .slick-slider .slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-slider .slick-prev:before, .slick-slider .slick-next:before {
  line-height: 1;
  color: white;
  opacity: 0.85;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-slider .slick-prev {
  left: -25px;
  width: 30px;
  height: 30px;
  background-size: 100% 100%;
  transform: translateY(-40%);
}
@media (min-width: 320px) and (max-width: 479px) {
  .slick-slider .slick-prev {
    left: -5px;
    width: 30px;
    height: 30px;
  }
}
.slick-slider .slick-next {
  right: -25px;
  width: 30px;
  height: 30px;
  background-size: 100% 100%;
  transform: translateY(-40%);
}
@media (min-width: 320px) and (max-width: 479px) {
  .slick-slider .slick-next {
    right: -5px;
    width: 30px;
    height: 30px;
  }
}

#backToTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  background-color: #F37021;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}

#backToTop:hover {
  background-color: #F37021;
}

.text-justify {
  text-align: justify;
}

.validate {
  position: relative;
}
.validate:hover .validate-block {
  display: block;
}

.validate-block {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  background: #393939;
  color: #767676;
  display: none;
  z-index: 3;
}
body {
  color: #6D6E71;
  background: #ffffff;
  font-size: 16px;
  overflow-x: hidden;
}
@media (min-width: 320px) and (max-width: 479px) {
  body {
    font-size: 14px;
  }
}

.logo {
  height: 80px;
}
@media (min-width: 320px) and (max-width: 479px) {
  .logo {
    height: 40px;
  }
}

.text-highline, header .navbar-nav .nav-item .active, header .navbar-nav .nav-item .nav-link:hover {
  color: #F37021;
}

.title {
  background: #F37021;
  background: linear-gradient(to right, #F37021 0%, #ECB500 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  font-weight: 700;
}
@media (min-width: 320px) and (max-width: 479px) {
  .title {
    font-size: 20px;
  }
}

@media screen and (max-width: 480px) {
  header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
  }
}
@media screen and (max-width: 1024px) {
  header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
  }
}
header .navbar-nav .nav-item .nav-link {
  font-size: 16px;
}
section .carousel .carousel-control-prev, section .carousel .carousel-control-next {
  width: auto;
}
section .carousel .carousel-control-prev {
  transform: translateX(-80%);
}
section .carousel .carousel-control-next {
  transform: translateX(80%);
}
section .carousel .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236D6E71'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
section .carousel .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236D6E71'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
section .landing .banner {
  position: relative;
}
section .landing .banner .img-banner {
  width: 100%;
}
section .landing .banner .banner-content {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding-top: 60px;
}
section .landing .banner .banner-content .banner-title {
  color: white;
  text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.6);
  font-size: 30px;
}
@media (min-width: 320px) and (max-width: 479px) {
  section .landing .banner .banner-content .banner-title {
    font-size: 20px;
  }
}
section .landing .banner .banner-content .banner-title img {
  height: 35px;
}
@media (min-width: 320px) and (max-width: 479px) {
  section .landing .banner .banner-content .banner-title img {
    height: 20px;
  }
}
section .landing .benefit {
  padding: 50px 0;
  background: #E4E4E4;
}
section .landing .benefit .benefit-box {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
  background: #ffffff;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}
section .landing .benefit .benefit-box .benefit-img {
  height: 100px;
  width: auto;
}
section .landing .benefit .benefit-box .title {
  font-size: 27px;
}
section .landing .benefit .benefit-box .content {
  width: 90%;
  height: auto;
}
section .landing .benefit .benefit-box .content:first-child {
  position: relative;
  transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);
  z-index: 10;
}
section .landing .benefit .benefit-box .content:last-child {
  color: white;
  display: block;
  position: absolute;
  bottom: 0;
  transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);
  z-index: 100;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translateY(225%) translateX(-50%);
}
section .landing .benefit .benefit-box:after {
  content: "";
  position: absolute;
  bottom: -50%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(20px);
  transform-origin: bottom center;
  transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);
  transform: skewY(9.3deg) scaleY(0);
  z-index: 50;
}
section .landing .benefit .benefit-box:hover:after {
  transform-origin: bottom center;
  transform: skewY(9.3deg) scaleY(2);
}
section .landing .benefit .benefit-box:hover .content:last-child {
  transform: translateX(-50%) translateY(-50%);
  opacity: 1;
  transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);
}
section .landing .contact .icon {
  height: 32px;
}
section .product-short .slider-box .box-header {
  background: var(--url);
  background-size: 100% 100%;
}
section .product-short .slider-box .box-header .box-title {
  width: max-content;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  border-radius: 30px;
  font-size: 25px;
  color: #333333;
}
@media (min-width: 320px) and (max-width: 479px) {
  section .product-short .slider-box .box-header .box-title {
    font-size: 18px;
  }
}
section .product-short .slider-box .box-content {
  background: var(--bgcolor);
}

section .product .pro-header {
  background: var(--url);
  background-size: 100% 100%;
  height: 300px;
}
@media (min-width: 320px) and (max-width: 479px) {
  section .product .pro-header {
    height: 200px;
    background-size: auto 100%;
  }
}
section .product .pro-header .header-title {
  width: max-content;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(20px);
  border-radius: 30px;
  font-size: 25px;
  color: #333333;
}
@media (min-width: 320px) and (max-width: 479px) {
  section .product .pro-header .header-title {
    font-size: 18px;
  }
}
section .product .product-slider {
  background: #E4E4E4;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
section .product .product-slider .carousel .carousel-indicators {
  position: relative;
}
section .product .product-slider .carousel .carousel-indicators button {
  border-radius: 7px;
  border: 1px;
}
section .product .product-slider .carousel .carousel-indicators .active {
  border: 1px solid #F37021;
}
section .product .product-slider .carousel .carousel-indicators [data-bs-target] {
  opacity: 1;
}
section .product .divide-line {
  width: 100%;
  height: 3px;
  background: #F37021;
}

footer {
  background: #6D6E71;
  color: #ffffff;
}

/*# sourceMappingURL=style.css.map */

/* CUSTOM */
.bg-news{height: calc(100vh); background: url(../images/bg-news.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 50px 0;}
.bg-news .item-bog{background-color: #fff; -webkit-box-shadow: 0px 10px 60px rgba(167, 167, 167, 0.25); box-shadow: 0px 10px 60px rgba(167, 167, 167, 0.25); min-height: 562px;}
.bg-news .item-bog .thumb{padding: 10px 10px 0px 10px; height: 245px; overflow: hidden;}
.bg-news .item-bog .thumb img{width: 100%; height: 100%; object-fit: cover;  -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.bg-news .item-bog .thumb a{display: block; overflow: hidden;}
.bg-news .item-bog:hover .thumb a img{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.bg-news .item-bog .elementor-post__text{    padding: 30px 40px;}
.bg-news .item-bog .elementor-post__title{display: flex; border-bottom: 1px solid #1d20271a; padding-bottom: 30px;}
.bg-news .item-bog .elementor-post__title .icon{margin-right: 10px;}
.bg-news .item-bog .elementor-post__title .icon img{height: 30px;}
.bg-news .item-bog .elementor-post__title a{color: #1c2539; text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; width: 100%; text-align: left;}
.bg-news .item-bog a:hover{color: #F37021!important;}
.bg-news .item-bog .desc{padding-top: 30px; text-align: justify; text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; height: 150px;}
.bg-news .item-bog .elementor-post__meta-data{margin-top: 20px; text-align: left;}
.bg-news .item-bog .elementor-post__meta-data a{font-size: 16px; font-weight: 700; color: #1c2539; display: inline-block; text-transform: capitalize; display: flex; align-items: center!important;}
.bg-news .item-bog .elementor-post__meta-data a img{height: 22px;}
.bre-main{margin-bottom: 30px;}

/* PRODUCT-SLIDER */
.product-slider{}
.product-slider{}
.product-slider .carousel-item{height: 400px;}
.product-slider .carousel-item img{width: 100%; height: 100%; object-fit: cover;}
.product-slider .carousel-indicators button.h-auto{height: 100px!important;}
.product-slider .carousel-indicators button.h-auto img{width: 100%; height: 100%; object-fit: cover;}
@media screen and (max-width: 767px){
  .product-slider .carousel-item{height: 250px;}
  .product-slider .carousel-indicators button.h-auto{height: 60px!important;}
}

/* BLOCK-SLICK-MAIN */
.block-slick-main{position: relative;}
.block-slick-main .slick-slider{margin-left: -10px; margin-right: -10px;}
.block-slick-main .padd{padding-left: 10px; padding-right: 10px;}
.block-slick-main .slick-arrow{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -16px; background: #727272; width: 30px; height: 30px; border-radius: 100%; padding: 0; padding-top: 5px; z-index: 1; text-align: center; display: inline-block; opacity: 0.5; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.block-slick-main .slick-arrow span{width: 20px; height: 20px;}
.block-slick-main:hover .slick-arrow{opacity: 1;}
.block-slick-main .block-nav .slick-arrow:last-child{left: inherit; right: -16px;}

@media screen and (max-width: 767px){
  section .product-short .slider-box .box-content{padding: 10px!important;}
  .block-slick-main .slick-slider{margin-left: -2.5px; margin-right: -2.5px;}
  .block-slick-main .padd{padding-left: 2.5px; padding-right: 2.5px;}
}

/* TITLE-DESC-PROD */
.title-desc-prod{background: linear-gradient(to right, #F37021 0%, #ECB500 100%); color: #fff; margin-top: 30px; padding: 15px; border-top-left-radius: 6px; border-top-right-radius: 6px; padding-left: 30px;}
.title-desc-prod h3.custom{font-size: 18px;}
.content-desc-prod{padding: 30px; border: 2px solid #e2e2e2; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: 0;}
@media screen and (max-width: 767px){
  .content-desc-prod{padding: 15px;}
}

/* PRODUCT-ITEM */
.product-item{border: 1px solid #f2f2f2; background: #fff; padding: 8px; border-radius: 8px;}
.product-item .content{}
.product-item .content .thumb{overflow: hidden; border-radius: 8px; height: 200px; margin-bottom: 10px;}
.product-item .content .thumb img{height: 100%; object-fit: cover;}
.product-item .content .title-main{height: 45px; align-items: center!important; justify-content: center!important; display: flex;}
.product-item .content .title-main a{color: #000; font-size: 14px; font-weight: 600; text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.product-item .content .desc{text-overflow: ellipsis; position: relative; height: 45px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; margin-bottom: 10px;}
.product-item .link-bottom a{width: 100%;}
.product-item:hover{    border: 1px solid #f2731f;box-shadow: 0 2px 20px rgba(0,0,0,.08);}
.product-item .price{color: #f2731f; margin-bottom: 5px; font-weight: 600;}
.product-item .price span{font-size: 11px; position: relative; top: -5px;}

.link-buy{display: inline-block; background: linear-gradient(to right, #F37021 0%, #ECB500 100%); color: #fff; padding: 6px 10px; border-radius: 8px; text-align: center; min-width: 120px;}
.link-buy:hover{display: block; background: linear-gradient(to right, #ECB500 0%, #F37021 100%); color: #fff; padding: 6px 10px; border-radius: 8px;}
@media screen and (max-width: 767px){
  .product-item{padding: 5px;}
  .product-item .content .thumb{height: 160px;}
}

/* DETAIL-PROD-INFO */
.detail-prod-info{}
.detail-prod-info .instock{display: flex; align-items: center!important; color: #2bb773;}
.detail-prod-info .instock img{width: 24px; margin-right: 10px;}
.detail-prod-info .box-price{border: 1px solid #f1f1f1; box-sizing: border-box; box-shadow: 0 4px 10px rgba(0, 0, 0, .08); border-radius: 8px; padding: 10px; display: flex; align-items: center!important; justify-content: space-between!important; padding-left: 20px;}
.detail-prod-info .box-price .price{color: #f2731f; margin-bottom: 5px; font-weight: 600;}
.detail-prod-info .box-price .price span{font-size: 11px; position: relative; top: -5px;}