﻿.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}section{margin-bottom:80px}@media (max-width: 767px){section{margin-bottom:40px}}.section_slider{text-align:center;margin-bottom:0}.section_slider .swiper-slide{position:relative;overflow:hidden}.section_slider .swiper-video{width:100%;object-fit:cover}.section_danhmuc{display:flex;background:#000}@media (max-width: 1199px){.section_danhmuc{flex-direction:column}}.section_danhmuc .thumb-title-danhmuc{width:20%;display:flex;align-items:center;justify-content:center;background:#000;padding:30px}@media (max-width: 1199px){.section_danhmuc .thumb-title-danhmuc{width:100%}.section_danhmuc .thumb-title-danhmuc .title-index{text-align:center}}.section_danhmuc .thumb-title-danhmuc .title-name{color:#fff}.section_danhmuc .thumb-title-danhmuc .content-name{color:#fff;display:block;font-size:16px}.section_danhmuc .list-danhmuc{width:80%;display:flex;flex-wrap:nowrap;overflow:hidden}@media (max-width: 1199px){.section_danhmuc .list-danhmuc{width:100%;overflow-x:auto}.section_danhmuc .list-danhmuc::-webkit-scrollbar-thumb{border-radius:5px;background-color:var(--hover)}.section_danhmuc .list-danhmuc::-webkit-scrollbar{height:5px;background-color:#f7f7f7}}.section_danhmuc .list-danhmuc .item{flex:1 1 0;min-width:0;transition:flex-basis 0.8s ease-in-out, transform 0.8s ease-in-out;transform-origin:center center;position:relative;background:#000;background:radial-gradient(var(--mainColor), #000 60%);padding:20px 0}@media (max-width: 1199px){.section_danhmuc .list-danhmuc .item{min-width:300px}}@media (max-width: 767px){.section_danhmuc .list-danhmuc .item{min-width:100%}}.section_danhmuc .list-danhmuc .item .title-bot{color:#fff;font-size:20px;font-weight:bold;text-align:center}.section_danhmuc .list-danhmuc .item .thumb-img{height:500px;overflow:hidden;position:relative;align-items:center;display:flex;transform:translateX(-50%);transition:left 0.8s ease-in-out, transform 0.8s ease-in-out;left:50%;width:max-content}@media (max-width: 1360px) and (min-width: 1199px){.section_danhmuc .list-danhmuc .item .thumb-img{height:350px}}.section_danhmuc .list-danhmuc .item .thumb-img img{width:100%;height:100%;object-fit:contain;display:block;transition:transform 0.8s ease-in-out}.section_danhmuc .list-danhmuc .item .info-danhmuc{color:#fff;position:absolute;right:20px;top:50px;opacity:0;transform:translateY(0);transition:all .8s ease;max-width:200px}@media (max-width: 767px){.section_danhmuc .list-danhmuc .item .info-danhmuc{max-width:300px;text-align:center;background:rgba(255,255,255,0.17);padding:20px;border-radius:10px;left:20px;margin:auto}}.section_danhmuc .list-danhmuc .item .info-danhmuc .title{font-size:20px;font-weight:bold;margin-bottom:5px}.section_danhmuc .list-danhmuc .item .info-danhmuc .count{display:block}.section_danhmuc .list-danhmuc .item .info-danhmuc .seemore{background:var(--mainColor);color:#fff;display:inline-block;padding:5px 15px;border-radius:5px;margin-top:5px}.section_danhmuc .list-danhmuc .item .info-danhmuc .seemore:hover{background:var(--hover)}.section_danhmuc .list-danhmuc .item:hover{flex-basis:200px}.section_danhmuc .list-danhmuc .item:hover .info-danhmuc{opacity:1;transition-delay:.8s}@media (min-width: 991px){.section_danhmuc .list-danhmuc .item:hover .thumb-img{left:20%;transform:translateX(-20%)}.section_danhmuc .list-danhmuc .item:hover .title-bot{left:20%;transform:translateX(-20%)}}.section_lydo{padding:70px 0;background-size:cover;background-color:color-mix(in srgb, var(--mainColor) 5%, transparent)}.section_lydo .title-name{text-align:center;font-size:36px;font-weight:bold;color:var(--mainColor);margin-bottom:50px}@media (max-width: 991px){.section_lydo .title-name{margin-bottom:20px}}@media (max-width: 767px){.section_lydo .title-name{font-size:24px}}@media (max-width: 1199px){.section_lydo .order-1{margin-bottom:20px;text-align:center}}.section_lydo .list-lydo li{display:flex;align-items:center;gap:20px;margin-bottom:40px}@media (max-width: 991px){.section_lydo .list-lydo li{margin-bottom:15px}}.section_lydo .list-lydo li .icon{min-width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--mainColor);margin-lef:10px;border-radius:50%;position:relative}@media (max-width: 991px){.section_lydo .list-lydo li .icon{min-width:70px;height:70px}}.section_lydo .list-lydo li .icon:before{position:absolute;left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 20px);content:'';border:1px dashed #fff;border-radius:50%;animation:rotated 10s infinite  linear;transition:500ms all  ease;animation-play-state:running}.section_lydo .list-lydo li .icon img{max-height:60px;width:auto}@media (max-width: 991px){.section_lydo .list-lydo li .icon img{max-height:40px}}.section_lydo .list-lydo li .content{font-weight:bold;font-size:20px}@media (max-width: 991px){.section_lydo .list-lydo li .content{font-size:16px}}.section_lydo .list-lydo li .content span{display:block;font-weight:initial;font-size:16px}@media (max-width: 991px){.section_lydo .list-lydo li .content span{font-size:14px}}@media (min-width: 1199px){.section_lydo .list-lydo.list-lydo-left{text-align:right}.section_lydo .list-lydo.list-lydo-left li{justify-content:end}.section_lydo .list-lydo.list-lydo-left li:nth-child(2),.section_lydo .list-lydo.list-lydo-left li:nth-child(3){padding-right:50px}.section_lydo .list-lydo.list-lydo-left li .icon{order:2}.section_lydo .list-lydo.list-lydo-right li:nth-child(2),.section_lydo .list-lydo.list-lydo-right li:nth-child(3){padding-left:50px}}@keyframes rotated{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.section_flashsale .thumb-flashsale{background:var(--mainColor);padding:20px;border-radius:20px}@media (max-width: 767px){.section_flashsale .thumb-flashsale{padding:10px;border-radius:10px}}.section_flashsale .thumb-flashsale .thumb-title-flashsale{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:20px;position:relative}@media (max-width: 767px){.section_flashsale .thumb-flashsale .thumb-title-flashsale{flex-direction:column;gap:20px}}.section_flashsale .thumb-flashsale .thumb-title-flashsale:before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;width:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.08) 30%, rgba(255,255,255,0.08) 70%, transparent)}.section_flashsale .thumb-flashsale .thumb-title-flashsale .title{text-align:center;font-size:26px;font-weight:bold;color:#fff}.section_flashsale .thumb-flashsale .thumb-title-flashsale .title img{height:40px;width:auto;animation:0.8s linear 0s infinite normal none running pulseSmall}.section_flashsale .thumb-flashsale .thumb-title-flashsale .count-down .title-timer{width:100%;text-align:center;display:flex;align-items:center;gap:5px}.section_flashsale .thumb-flashsale .thumb-title-flashsale .count-down .timer-view{width:100%;text-align:center;display:flex;justify-content:center;gap:5px;align-items:center}.section_flashsale .thumb-flashsale .thumb-title-flashsale .count-down .timer-view .block-timer{display:inline-flex;color:#fff;justify-content:center;align-items:center;margin-bottom:0;padding:5px;width:70px;height:60px;border-radius:5px;border:1px solid rgba(255,255,255,0.15) !important;background:rgba(255,255,255,0.1) !important}@media (max-width: 767px){.section_flashsale .thumb-flashsale .thumb-title-flashsale .count-down .timer-view .block-timer{width:60px;height:60px}}.section_flashsale .thumb-flashsale .thumb-title-flashsale .count-down .timer-view .block-timer p{margin-bottom:0;font-size:16px}.section_flashsale .thumb-flashsale .thumb-title-flashsale .count-down .timer-view .block-timer p b{display:flex;font-size:30px;line-height:30px;color:#fff;align-items:center;justify-content:center}@media (max-width: 767px){.section_flashsale .thumb-flashsale .thumb-title-flashsale .count-down .timer-view .block-timer p b{font-size:20px;line-height:20px}}.section_flashsale .thumb-flashsale .thumb-title-flashsale .count-down .timer-view .block-timer:first-child{margin-left:0}.section_flashsale .thumb-flashsale .thumb-title-flashsale .count-down .timer-view>span{font-size:30px;font-weight:600;color:#fff}@media (max-width: 767px){.section_flashsale .thumb-flashsale .thumb-title-flashsale .count-down .timer-view>span{font-size:16px;line-height:16px;margin:0 5px}}.section_flashsale .thumb-flashsale .button-style a{background:#fff;color:var(--mainColor)}.section_flashsale .thumb-flashsale .button-style a:hover{background:var(--hover);color:#fff}.section_flashsale .thumb-flashsale .min-productcount{margin-bottom:10px;background:#fff;padding:5px 10px;border-radius:5px}.section_flashsale .thumb-flashsale .min-productcount .countdown .line{height:8px;background:#dfdfdf;border-radius:5px}.section_flashsale .thumb-flashsale .min-productcount .countdown .line span{width:62%;display:block;height:8px;border-radius:5px;background-color:var(--mainColor);-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.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-size:40px 40px}.section_flashsale .thumb-flashsale .min-productcount .countdown .title{font-weight:700;margin-top:2px;display:block}@keyframes pulseSmall{50%{opacity:0.3;transform:scale(1.3)}}@keyframes progress_bar_fill{0%{background-position:0 0}100%{background-position:40px 0}}.section_1_banner{height:500px;background-size:cover;background-attachment:fixed;background-position:center;position:relative}.section_1_banner:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:#000;z-index:1;opacity:0.5}.section_1_banner .banner-content{position:absolute;top:0;bottom:0;right:20px;left:20px;margin:auto;display:flex;align-items:center;justify-content:center;color:#fff;z-index:2;flex-direction:column;max-width:700px;text-align:center}.section_1_banner .banner-content .title1{font-size:30px}@media (max-width: 767px){.section_1_banner .banner-content .title1{font-size:20px}}.section_1_banner .banner-content .title2{font-size:40px;font-weight:bold}@media (max-width: 767px){.section_1_banner .banner-content .title2{font-size:26px}}.section_1_banner .banner-content .content{font-size:18px}@media (max-width: 767px){.section_1_banner .banner-content .content{font-size:16px}}.section_insta .item-insta{position:relative;overflow:hidden}.section_insta .item-insta .media-wrap{padding-bottom:125%;overflow:hidden;height:auto;display:block;position:relative;border-radius:10px}.section_insta .item-insta .media-wrap:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:#000;opacity:0;transition:1s cubic-bezier(0.3, 1, 0.3, 1);transition-property:max-height, opacity, margin}.section_insta .item-insta .media-wrap .img-insta{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.section_insta .item-insta svg{fill:#fff;position:absolute;top:15px;right:15px;z-index:9;width:26px;height:26px}.section_insta .item-insta .list-pro-insta{position:absolute;bottom:-100%;left:20px;right:20px;z-index:2;opacity:0;pointer-events:none;transition:1s cubic-bezier(0.3, 1, 0.3, 1);transition-property:bottom, opacity, margin;overflow:hidden}.section_insta .item-insta .list-pro-insta ul{gap:10px;display:grid;grid-template-columns:repeat(5, minmax(0, 1fr))}.section_insta .item-insta .list-pro-insta ul a{overflow:hidden;width:100%;display:flex;-o-justify-content:center;-moz-justify-content:center;-webkit-justify-content:center;-os-justify-content:center;-o-display:flex;-moz-display:flex;-webkit-display:flex;-os-display:flex;align-items:center;position:relative;height:auto !important;padding-bottom:134%;border-radius:5px;background:#fff;background-image:linear-gradient(180deg, #c4c4c4 0, #fff 100%)}.section_insta .item-insta .list-pro-insta ul a img{width:auto !important;max-height:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;will-change:opacify}.section_insta .item-insta .list-pro-insta .more{background:#fff;display:block;padding:10px;text-align:center;color:#000;border-radius:5px;font-size:16px;position:relative;z-index:1;margin-top:20px}.section_insta .item-insta .list-pro-insta .more:hover{color:#fff;background:var(--mainColor)}.section_insta .item-insta:hover .media-wrap:before{opacity:0.4;max-height:100%;transition:1s cubic-bezier(0.3, 1, 0.3, 1);z-index:2}.section_insta .item-insta:hover .list-pro-insta{opacity:1;pointer-events:auto;transition:1s cubic-bezier(0.3, 1, 0.3, 1);bottom:20px}@media (max-width: 767px){.section_product .thumb-image-banner{margin-bottom:20px}}.section_product .tile-menu{display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.section_product .tile-menu .title-index{margin-bottom:0}.section_product .tile-menu .list-menu{display:flex;align-items:center;gap:10px;display:flex;white-space:nowrap;overflow-y:hidden;justify-content:flex-start;padding-bottom:0px;gap:10px}.section_product .tile-menu .list-menu li a{display:block;padding:5px 15px;background:#fff;border-radius:5px;font-size:16px}.section_product .tile-menu .list-menu li a:hover{background:var(--mainColor);color:#fff}.section_about{margin-bottom:0}.section_about .thump-content{display:flex;align-items:center;flex-direction:column;text-align:center;color:#fff;padding:20px 50px !important;background-size:cover;height:auto;justify-content:center;background-color:var(--mainColor)}.section_about .thump-content .title-about{font-size:20px;font-weight:bold;margin-bottom:20px}.section_about .thump-content .content-about{font-size:16px;margin-bottom:20px}.section_about .thump-content .seemore{background:#fff;color:#000;display:inline-block;padding:5px 15px;border-radius:5px;margin-top:5px;font-weight:bold;font-size:16px}.section_about .thump-content .seemore:hover{background:var(--hover);color:#fff}.section_text_slider{display:flex;width:100%;--pxl-spacing-inline:30px;--pxl-translate-y:0;background:var(--mainColor);padding:10px 0;margin-bottom:0;overflow:hidden}@media (max-width: 991px){.section_text_slider{padding:10px 0}}.section_text_slider .text-marquee-item{--pxl-duration:20s;color:#FFFFFF00;font-size:16px;font-weight:bold;color:#fff;display:flex;align-items:center;gap:var(--pxl-spacing-inline);min-width:max-content;--pxl-duration:30s;--pxl-translate-x:calc(-100% - (var(--pxl-spacing-inline) / 2));-webkit-animation:marquee-animation var(--pxl-duration) linear infinite;-khtml-animation:marquee-animation var(--pxl-duration) linear infinite;-moz-animation:marquee-animation var(--pxl-duration) linear infinite;-ms-animation:marquee-animation var(--pxl-duration) linear infinite;-o-animation:marquee-animation var(--pxl-duration) linear infinite;animation:marquee-animation var(--pxl-duration) linear infinite;white-space:nowrap}.section_text_slider .text-marquee-item p{margin-bottom:0}.section_text_slider .text-marquee-item.main{padding-right:30px}.section_text_slider .text-marquee-item.duplicated{padding-left:30px}@keyframes marquee-animation{from{transform:translateX(0) translateY(0)}to{transform:translateX(var(--pxl-translate-x)) translateY(var(--pxl-translate-y))}}.section_product_tab .title-menu{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}@media (max-width: 991px){.section_product_tab .title-menu{flex-direction:column;gap:10px}}.section_product_tab .title-menu .title-index{margin-bottom:0}.section_product_tab .title-menu .tabs-title{text-align:center;display:flex;gap:10px;background:var(--mainColor);padding:10px;border-radius:50px}@media (max-width: 991px){.section_product_tab .title-menu .tabs-title{display:flex;white-space:nowrap;overflow-y:hidden;justify-content:flex-start;width:100%;padding-bottom:0px;gap:10px;background:transparent;padding:0}}.section_product_tab .title-menu .tabs-title .tab-link{cursor:pointer;display:block;font-size:15px;text-align:left;position:relative;border:1px solid var(--mainColor);border-radius:50px;padding:10px 20px;font-weight:bold;position:relative;border:1px solid rgba(255,255,255,0.15);background:rgba(255,255,255,0.1);color:#fff}@media (max-width: 991px){.section_product_tab .title-menu .tabs-title .tab-link{margin-bottom:0px;background:#fff;border:1px solid var(--mainColor);color:#000}}.section_product_tab .title-menu .tabs-title .tab-link.current,.section_product_tab .title-menu .tabs-title .tab-link:hover{color:#fff;background:var(--mainColor)}@media (max-width: 991px){.section_product_tab .col-xl-3{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.section_product_tab .col-xl-3 .tabs-title{order:2}.section_product_tab .col-xl-3 .thumb-image-banner{margin-bottom:20px}}.section_product_tab .tab-content{display:none}.section_product_tab .tab-content.current{display:block}@media (max-width: 1199px){.section_product_tab .tab-content .col-fix:nth-child(6){display:none}}.section_review{background:var(--mainColor);padding:80px 0}.section_review .title-index{text-align:center;color:#fff;margin-bottom:50px}.section_review .swiper-slide{padding-top:50px;display:flex;height:auto}.section_review .review-thumb{margin:auto;position:relative;color:#fff;padding:20px;border-radius:10px;text-align:center;border:1px solid rgba(255,255,255,0.15) !important;background:rgba(255,255,255,0.1) !important;height:100%}.section_review .review-thumb .review-img{display:inline-block;overflow:hidden;width:100px;height:100px;border-radius:50%;margin:auto;position:relative;bottom:70px;margin-bottom:-60px}.section_review .review-thumb .review-name{font-size:20px;font-weight:bold}.section_review .review-thumb .review-type{margin-bottom:10px}.section_review .review-thumb .review-content{font-size:16px;font-style:italic}.section_review .review-thumb .star-rating{--percent:calc(var(--rating) / 5 * 100%);position:relative;display:flex;align-items:center;font-size:21px;line-height:1;margin-bottom:10px;justify-content:center;margin-top:10px}.section_review .review-thumb .star-rating:before{content:"★★★★★";background:linear-gradient(90deg, #ffc800 var(--percent), #999 var(--percent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section_blog .button-more-style{padding:10px 25px;border:2px solid #000;border-radius:50px;backdrop-filter:blur(12px);color:#fff;position:relative;overflow:hidden;display:block;cursor:pointer;transition:transform 0.3s ease;text-align:center;margin-top:20px}.section_blog .button-more-style::before{content:'';position:absolute;left:0;top:100%;width:100%;height:100%;background:#000;transition:top 0.4s cubic-bezier(0.3, 1, 0.3, 1);z-index:0}.section_blog .button-more-style a{position:relative;z-index:1;color:#000;font-size:16px;text-decoration:none;transition:color 0.3s ease}.section_blog .button-more-style:hover{transform:translateY(-2px)}.section_blog .button-more-style:hover::before{top:0}.section_blog .button-more-style:hover a{color:#fff}@media (max-width: 1199px){.section_faq .order-xl-2{margin-bottom:20px}}@media (max-width: 1199px){.section_faq .thumb-image-banner{margin-bottom:20px}}.section_faq .title-faq{display:block;position:relative;text-align:left;font-size:26px;font-weight:bold;color:var(--mainColor);margin-bottom:30px}.section_faq .title-faq span{display:block;color:#000;font-weight:400;font-size:16px}.section_faq .faq li{padding:10px 20px;border-radius:10px;margin-bottom:10px;border:1px solid var(--mainColor)}@media (max-width: 767px){.section_faq .faq li{padding:10px}}.section_faq .faq li:last-child{margin-bottom:0px}.section_faq .faq li .title-faq{font-size:18px;position:relative;padding-right:35px;font-weight:bold;cursor:pointer;margin-bottom:0;padding-bottom:5px;padding-top:5px}@media (max-width: 767px){.section_faq .faq li .title-faq{font-size:16px}}.section_faq .faq li .title-faq .icon{width:30px;height:30px;background:var(--mainColor);position:absolute;right:0;top:50%;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translate(0, -50%);transition:0.5s}.section_faq .faq li .title-faq .icon svg{width:16px;height:16px}.section_faq .faq li .title-faq .icon svg path{fill:#fff}.section_faq .faq li .content-faq{margin-top:10px;font-size:18px;border-top:1px solid #eee;padding-top:10px}@media (max-width: 767px){.section_faq .faq li .content-faq{font-size:14px}}.section_faq .faq li.active h3{color:var(--mainColor)}.section_faq .faq li.active .icon{transform:rotate(180deg) translate(0, 50%);background:var(--hover)}
