/* add_lh */
.lh-info{list-style: none;}
.lh-info li{display: flex;}
.lh-info li+li{margin-top: 0.5rem;}
.lh-info li span{min-width: 125px; font-weight: 700;}
.lh-map p, .lh-map iframe{display: block; width: 100%; height: 450px;}
/* header_banner */
.bn{height: 450px;}
.bn:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 25%);}
.breadcrumb ul{list-style: none;}
.breadcrumb ul li+li:before{content: '/'; padding: 0 0.25rem;}
@media all and (max-width: 575px){
	.bn{height: 360px;}
}
/* header_menu */
header #menu{display: none;}
.menu{position: relative; z-index: 10;}
.menu ul{list-style: none;}
.menu ul li{position: relative;}
.menu ul li.display{display: none;}
.menu ul li a{display: block; font-size: 14px; font-weight: 700; line-height: 40px; color: var(--text);}
.menu ul li a i{margin-left: 0.25rem; font-size: 12px; color: var(--prev); }
.menu ul li ul{position: absolute; top: calc(100% + 1rem); min-width: 150px; opacity: 0; pointer-events: none; transition: all 0.5s ease 0s;}
.menu ul li ul li a{padding: 0 1rem; background-color: var(--wite); text-wrap: nowrap;}
.menu ul li ul li a:hover{background-color: var(--main); color: var(--wite);}
.menu > ul{display: flex;}
.menu > ul > li{flex: 0 0 auto;}
.menu > ul > li+li{margin-left: 2rem;}
.menu > ul > li > a{text-transform: uppercase; letter-spacing: 1px;}
.menu > ul > li:hover > a, .menu > ul > li.active > a{color: var(--main);}
.menu > ul > li > ul{padding-top: 0.5rem;}
.menu > ul > li > ul:before{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 1rem); box-shadow: 0 0 15px rgb(0 0 0 / 15%);}
.menu > ul > li:hover > ul{top: 100%; opacity: 1; pointer-events: auto;}
.mm-listitem__text i{display: none;}
/* home_cungcap */
.cc .main-title i{position: absolute; right: 0; bottom: -7px; left: 0; width: 30px; margin: 0 auto; font-size: 24px; color: var(--red);}
.cc .main-title:before,.cc .main-title:after{content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: 50px; height: 1px; margin: 0 auto; background-color: var(--bord);}
.cc .main-title:before{right: -90px;}
.cc .main-title:after{left: -90px;}
.cc-wrap{max-width: calc(100% - 1.5rem); margin: -1.5rem auto 0; box-shadow: 0 0 5px rgb(0 0 0 / 25%);}
.cc-name:before,.cc-name:after{content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: 15px; height: 2px; margin: 0 auto;}
.cc-name:before{background-color: var(--main); right: -15px;}
.cc-name:after{background-color: var(--red); left: -15px;}
/* home_lienhengay */
.lhn{height: 540px; background: no-repeat center / cover; text-shadow: 2px 2px 2px rgb(0 0 0 / 25%);}
.lhn:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 25%);}
.lhn .main-title{font-family:'Helvetica Neue','Open Sans',Roboto,Arial,sans-serif;}
.lhn .fs-5{max-width: 768px; text-shadow: 1px 1px 2px rgb(0 0 0 / 75%)}
/* home_noibat */
.nb-time:before{content: ''; position: absolute; bottom: 6px; left: 95px; width: 75px; height: 1px; background-color: var(--main);}
/* home_sanpham */
.sp{background: no-repeat center bottom / cover;}
.sp:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(255 255 255 / 90%); pointer-events: none;}
.sp-tab ul{list-style: none; overflow-x: auto;}
.sp-tab ul li+li{margin-left: 1.5rem;}
.sp-tab ul li a{display: block; padding: 0.75rem 1.5rem; background-color: var(--grey); border: 1px solid var(--bord); font-weight: 500; text-transform: uppercase; text-wrap: nowrap; color: var(--prev);}
.sp-tab ul li a.active{background-color: var(--wite); border-color: var(--main); color: var(--main);}
.sp-item{border-bottom: 2px solid var(--main); box-shadow: 0 0 5px rgb(0 0 0 / 25%);}
.sp-prev{border-top: 1px solid var(--bord);}
/* home_slide */
.sl-slick .slick-arrow{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; border-radius: 50%; opacity: 0;}
.sl-slick .slick-arrow i{display: block; font-size: 32px; color: var(--wite);}
.sl-slick .slick-arrow:hover i{color: var(--main);}
.sl-slick .slick-prev{left: 0;}
.sl-slick .slick-next{right: 0;}
.sl-slick .slick-dots{position: absolute; right: 0; bottom: 1.5rem; left: 0;}
.sl-slick .slick-dots li{width: 1rem; height: 1rem; background-color: var(--wite); border-radius: 50%;}
.sl-slick .slick-dots li+li{margin-left: 0.5rem;}
.sl-slick .slick-dots li.slick-active{background-color: var(--main);}
.sl-slick:hover .slick-arrow{opacity: 1;}
.sl-slick:hover .slick-prev{left: 1.5rem;}
.sl-slick:hover .slick-next{right: 1.5rem;}
.sl .container > h2{text-shadow: 2px 2px 2px rgb(0 0 0 / 25%);}
.sl .container > div:nth-child(2){max-width: 992px; margin: 0 auto 1.5rem; text-shadow: 1px 1px 2px rgb(0 0 0 / 75%);}
@media all and (max-width: 575px){
	.sl-slick .slick-arrow, .sl-slick .slick-dots{display: none!important;}
}
/* sanpham_detail */
.spD-big .slick-slide > div, .spD-nav .slick-slide > div{position: relative; height: 0; padding-top: 75%; cursor: pointer;}
.spD-big{background-color: var(--wite); box-shadow: 0 0 30px rgb(0 0 0 / 15%);}
.spD-nav .slick-slide{margin: 0 0.5rem; background-color: var(--wite);}
.spD-nav .slick-arrow{position: absolute; bottom: 0; width: 40px; height: calc(100% - 1rem); margin: auto; opacity: 50%;}
.spD-nav .slick-arrow:hover{opacity: 1;}
.spD-nav .slick-arrow i{display: flex; height: 100%; align-items: center; justify-content: center; color: var(--wite);}
.spD-nav .slick-prev{left: 0; background: linear-gradient(90deg, #01b0f1 25%, transparent 100%);}
.spD-nav .slick-next{right: 0; background: linear-gradient(270deg, #01b0f1 25%, transparent 100%)}
.spD-info h1{border-bottom: 1px solid var(--bord);}
.spD-info > ul{list-style: none; line-height: 30px;}
.spD-tabs{list-style: none;}
.spD-tabs li a{display: block; padding: 0 1.5rem; background-color: var(--grey);  line-height: 50px; color: var(--text);}
.spD-tabs li a.active{background-color: var(--main); color: var(--wite);}
.spD-cont{border: 1px solid var(--bord); border-top-color: var(--main);}
@media all and (min-width: 992px){
    .spD-tabs li a{font-size: 20px;}
}
/* side */
aside{margin-bottom: 1.5rem; box-shadow: 0 0 5px rgb(0 0 0 / 25%);}
.side-title{padding: 0 1rem; border-bottom: 1px solid var(--main); font-weight: 500; text-transform: uppercase; line-height: 48px; color: var(--main);}

.side-dm ul{list-style: none; }
.side-dm ul li+li{border-top: 1px dashed var(--bord);}
.side-dm ul li.active a, .side-dm ul li a:hover{color: var(--main);}
.side-dm ul li a:hover i{margin-left: 0.5rem;}

.side-ht img{width: 30px;}
.side-ht a:last-child{border-top: 1px solid #d7d7d7;}

.side-bv h3{display: -webkit-box; width: calc(100% - 120px - 1rem); -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
/* vechungtoi */
.vct1-box{background: linear-gradient(180deg, rgba(255,255,255,1) 25%, rgba(255,255,255,0.75) 100%); z-index: 1;}
.vct2-item{box-shadow: 0 0 5px rgb(0 0 0 / 25%);}
.vct3 .main-title span:before{content: ''; position: absolute; bottom: 13px; left: calc(100% + 0.5rem); width: 75%; height: 2px; background-color: var(--main);}