@font-face{font-family:'OpenSans-Bold';font-display:block;font-weight:normal;src:url('../fonts/OpenSans-Bold.ttf');font-weight: :700;}
@font-face{font-family:'OpenSans-Regular';font-display:block;font-weight:normal;src:url('../fonts/OpenSans-Regular.ttf')}
@font-face{font-family:'OpenSans-Semibold';font-display:block;font-weight:normal;src:url('../fonts/OpenSans-Semibold.ttf');font-weight: :600;}
@font-face{font-family:'OpenSans-Medium';font-display:block;font-weight:normal;src:url('../fonts/OpenSans-Medium.ttf');font-weight: :500;}
@keyframes spin{
    to{transform:rotate(360deg)}
}
@keyframes blink{
    0%{opacity:1}
    50%{opacity:0}
    100%{opacity:1}
}
@keyframes shake-anim{
    0%{transform:rotate(0) scale(1) skew(1deg)}
    10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
    20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
    100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@keyframes rotate{
    from{transform:rotate(0)}
    to{transform:rotate(360deg)}
}
@keyframes fadeup{
    from{opacity:0;transform:translateX(-20px)}
    to{opacity:1;transform:translateX(0)}
}
@keyframes pulse-animation{
    0%{transform:scale3d(1,1,1);opacity:0}
    10%{transform:scale3d(1.1,1.1,1.1);opacity:1}
    100%{transform:scale3d(1.6,1.6,1.6);opacity:0}
}
@keyframes border-animation{
    0%{transform:scale3d(0.6,0.6,0.6);opacity:0}
    20%{transform:scale3d(1.2,1.2,1.2);opacity:1}
    100%{transform:scale3d(1.4,1.4,1.4);opacity:0}
}
:root{--color-main:#2557ae;--color-social:#2557ae;--color-hover:#2557ae;--color-text:#2557ae}
*{
    box-sizing:border-box;
    outline:none
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout:none;
}
img{
    pointer-events:none;
}
button.owl-next,button.owl-prev{width:30px;height:30px;border:1px solid #ebebeb!important;border-radius:3px!important;font-size:30px!important;display:flex;justify-content:center;align-items:center;color:#999!important;position:absolute;top:calc(50% - 15px);background:#FFF!important;}
button.owl-prev{left:-35px;}
button.owl-next{right:-35px;}
button.owl-next span,button.owl-prev span{top:-3px!important;position:relative;}
.slick_photo2 a.thumb-pro-detail{border:1px solid #eee;padding:5px;border-radius:3px;cursor:pointer;}
.slick_photo2 a.thumb-pro-detail.mz-thumb-selected{border-color:#ccc!important;}
@font-face{font-family:hel;src:url(../fonts/UTM\ HelvetIns.ttf)}
@font-face{font-family:impac;src:url(../fonts/UTM\ Impact.ttf)}
@font-face{font-family:svn;src:url(../fonts/SVN-Blenda\ Script.ttf)}
body{font-size:14px;position:relative;top:0!important;font-family:'OpenSans-Regular'!important;color:#111;background: #f2f2f2;}
textarea,input,select{font-family:'OpenSans-Regular'!important}
textarea#content-contact{height:auto;}
.max-width{width:90%;max-width:1200px;margin:0px auto}
img{max-width:100%}
*{box-sizing:border-box}
.invalid-feedback{font-size:11px;}
.information-cart .form-control{font-size:14px;padding:.5rem 1rem;}
.quantity-procart{width:20%;}
.info-procart{width:40%;}
.bottom-cart{width:50%;padding-left:1rem;}
.wrap-cart-home .bottom-cart{width:40%;}
.procart-label .form-row{display:flex;}
.quantity-pro-detail input{font-size:16px;}
.title-main span{color:#000;}
.filter_submit{display:inline-block;padding:.5rem 2rem;background:#000;color:#fff;cursor:pointer;}
.page-item.disabled .page-link{border-radius:50%;}
.album-product{display:block;margin-top:10px;padding:0 35px;}
.toolbar{position:fixed;bottom:0;left:0;right:0;z-index:2;display:none;}
.news__more{background: #ffc600;border: 1px solid #ffc600;display:inline-block;vertical-align:top;padding: 6px 15px;border-radius:35px;color: #333;margin-top:10px;}
.slideshow{position:relative;z-index:1}
.header{position:relative;z-index: 9;width:100%}
/*.catProduct{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem}*/
.catProduct .catProduct_i{display:block}
.catProduct .catProduct_i a{display:block;border:1px solid #ddd;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer}
.catProduct .catProduct_i a.active,.catProduct .catProduct_i a:hover{background:#5172fd;color:#FFF;border-color:#5172fd}
a{text-decoration:none}
a.slideshow-image{display:block;}
a.slideshow-image picture,a.slideshow-image source{display:block;}
a.partner__link{display:block;border:1px solid #DDD;margin-bottom:1px}
.social-plugin{display:flex;margin-top:10px}
.scale-img img{transform:scale(1,1)}
.scale-img:hover > img{transform:scale(1.1,1.1)}
.hover-img{position:relative;overflow:hidden;display:block}
.hover_sang2{position:relative; overflow:hidden}
.hover_sang2:before{position: absolute;top: 0;left: -85%;z-index: 10;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg)}
.hover_sang2:hover:before {transition: 1s;left: 100%}
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}
.transition,.btn-frame .kenit-alo-circle-fill,.control-owl button,.carousel-comment-media .carousel-control a span,.menu ul li a.has-child:after,.menu ul li ul,.menu ul li:hover > ul,.scale-img img,.scale-img:hover > img,.support-online .kenit-alo-circle-fill{transition:0.3s all}
.fix_menu{position:fixed!important;box-shadow:0 0 1px #999;background:#fff}
.menu ul li ul{position:absolute;min-width: 270px;left:0;box-shadow:0 3px 11px 0 rgba(0,0,0,0.3);-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden;transition:all .5s;top: 100%;padding: 0;margin: 0;}
.menu ul li:hover > ul{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;transition:all .7s}
.menu ul li ul li{text-align:left;background:#282828;position: relative;}
.menu ul li ul li:last-child{border-bottom:0px}
.menu ul li ul li a{font-size:14px;padding:10px;display:block;text-decoration:none!important;line-height:20px;text-align:left;font-weight:500;text-transform:capitalize;color:white}
.menu ul li ul li a.active {color: #f2be00;}
.menu ul li ul li ul{top:0px;left:100%;}
.menu ul li ul li a:before{position:absolute;content:'';top:50%;left:0;width:0;height:1px;background:#fff;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;visibility:hidden!important;opacity:0!important}
.menu ul li ul li a:hover:before,.menu ul li ul li>a.active:before{left:0;visibility:visible;opacity:1;width:30px}
.menu ul li ul li a:hover{padding-left:10px;color: #f2be00;}
.line {
    width: 1px;
    height: 20px;
    background: rgb(0 0 0 / 15%);
}
.cart-header{position:relative;color: #1a1a1a !important;}
.cart-header b{font-weight: normal;}
.cart-header i {
    width: 40px;
    height: 40px;
    border: 1px solid #f2be00;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f2be00;
    border-radius: 5px;
    font-size: 16px;
    margin-right: 5px;
}
.cart-header:hover {
    color: #f2be00 !important;
}
.hotline {
    display: block;
    background: url(../images/phone.png) no-repeat left center;
    padding-left: 50px;
    color: #1a1a1a !important;
}
.hotline span {
    display: block;
    color: #e50000;
    font-size: 18px;
    font-family: 'OpenSans-Bold';
}
.control-owl{position:absolute;width:100%;z-index:2;left:0px;top:calc(50% - 22.5px)}
.control-owl button{opacity:0.5;top:0px;position:absolute;outline:none;border:0px;padding:0px;margin:0px;display:block;cursor:pointer;color:#ffffff;width:45px;height:45px;text-align:center;font-size:25px;margin:0px;background-color:#000000;border-radius:3px;display:flex;align-items:center;justify-content:center}
.control-owl button svg{stroke: rgb(51 51 51 / 75%);}
.control-owl button:hover{opacity:1}
.control-owl button.owl-prev{left:20px}
.control-owl button.owl-next{right:20px}
.title-main{margin-bottom:1.5rem;text-align:center}
.title-main h4{text-transform:uppercase;color:#000;font-family: 'OpenSans-Bold';font-size:30px;display:block;margin-bottom:0}
.grid-tintuc{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row wrap;-webkit-flex-flow:row wrap;justify-content:space-between}
.news{display:block;margin-bottom:20px;display:block}
.pic-news{border-radius:10px;display:block;overflow:hidden;position:relative}
.pic-news img{width:100%}
a.views{display:inline-block;text-decoration:none;margin-top:10px;border:solid 1px #ccc;padding:7px 20px;border-radius:20px;color:#000;font-size:16px}
a.views:hover{border:solid 1px #5172fd;color:#5172fd}
.info-news{}
.info-news h3{}
.name-news{color:#1b1b1b;font-size:18px;line-height:22px;max-height:40px;-webkit-line-clamp:2!important;font-weight:400}
a.name-news.name1{font-size:25px;line-height:32px;max-height:64px}
.name-news:hover{color:#5172fd}
.time-news{color:#5172fd;margin-bottom:0px;font-size:12px;margin:7px 0;font-style:italic;font-weight:500}
.desc-news{color:#333333;margin-top:0px;line-height:20px;height:60px}
.share{padding:17px 10px 10px 10px;line-height:normal;background:rgba(128,128,128,0.15);margin-top:15px;border-radius:5px}
.share b{display:block;margin-bottom:5px}
.othernews b{margin-bottom:10px}
.list-news-other{
    padding: 5px 0px;
}
.list-news-other li{margin-bottom:5px;}
.list-news-other li a{text-transform:none;color:#333;}
.list-news-other li a:hover{color:red;}
.box-readmore{padding:8px 15px;border:1px solid #dedede;margin-bottom:2rem;border-radius:5px;background-color:#eeeeee}
.box-readmore li ul>li{margin:0;margin-bottom:8px}
.box-readmore li ul>li:before{content:counters(item,".") " "}
.box-readmore ul{list-style-type:none;counter-reset:item;margin-bottom:0px;padding-left:0px!important;margin-top:8px}
.box-readmore ul li{display:table;counter-increment:item;margin-bottom:5px}
.box-readmore ul li:before{content:counters(item,".") ". ";display:table-cell;padding-right:5px}
.box-readmore ul li a{color:#333333;cursor:pointer;font-weight:600}
.box-readmore ul li a:hover{color:#767676}
.box-readmore{max-height: 300px;overflow: hidden;padding-right: 5px;}
.box-readmore:hover{overflow: auto;}
.box-readmore::-webkit-scrollbar {width: 3px;;}
.box-readmore::-webkit-scrollbar-track {background: #000;}
.box-readmore::-webkit-scrollbar-thumb {background-color: #f4e3de;background: #f4e3de;outline: 0px solid slategrey;}
.info-partner{background:#f8f8f8;padding:15px 0px}
.info-footer{}
.info-footer .flex-footer{display:flex;justify-content:space-between;gap:20px}
.info-footer .flex-footer .box-footer .social-footer{display:flex;gap:5px;margin:10px 0px}
.info-footer .flex-footer .box-footer:nth-child(1){width:33.3%}
.info-footer .flex-footer .box-footer:nth-child(2){width:40%}
.info-footer .flex-footer .box-footer:nth-child(3){width:25%}
.info-footer .flex-footer .title-footer{text-transform:uppercase;margin-bottom:20px;font-weight:700;font-size:14px}
.info-footer .flex-footer .service-footer{margin-top:20px}
.info-footer .flex-footer .service-footer ul{padding:0px;margin:0px}
.info-footer .flex-footer .service-footer ul li{list-style:none;padding:5px 0px}
.info-footer a{color:#fff}
.name-company {
    color: #fff;
    text-align: center;
    font-family: 'OpenSans-Bold';
    font-size: 35px;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.wap_thongtin {
    background: url(../images/bg2.jpg) no-repeat;
    background-size: cover;
    padding: 50px 0px;
    color: #fff;
}
.wap_lienlac {
    text-align: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
    position: relative;
}
.div_tt {
    width: 24%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
.div_tt i {
    background: #f2be00;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a1a1a;
    font-size: 22px;
}
.main_div {
    width: calc(100% - 60px);
    font-size: 14px;
}
.main_div p {
    margin-bottom: 5px;
    font-family: 'OpenSans-Regular';
}
.main_div a {
    color: #fff;
}
.fb-page.fb_iframe_widget {
    border-radius: 10px;
    overflow: hidden;
}
.item-criteria a{display:flex;align-items:center;color:#333}
.item-criteria a .ds-criteria{width:calc(100% - 60px);margin-left:10px}
.item-criteria a .ds-criteria h3{-webkit-line-clamp:2;font-size:16px;color:var(--color-main)}
.item-criteria a .ds-criteria p{-webkit-line-clamp:2;margin:0px}
.box-about{max-width:700px;margin:0px auto;text-align:center}
.box-about h3{color:#ca0000;font-family:SVN;font-size:22px;margin-bottom:10px;text-transform:lowercase}
.box-about a{padding:10px 20px;color:white;text-transform:uppercase;font-size:15px;display:block;background:#ca0000;width:-moz-fit-content;width:fit-content;margin:0 auto;font-weight:600;border-radius:10px}
.item-service{position:relative}
.item-service h3{position:absolute;left:0px;right:0px;bottom:0px;color:#fff;text-transform:uppercase;padding:10px;font-size:17px;margin:0px}
.product{display:block;margin-bottom:20px;position:relative}
.product .pic-product{background:#fff;margin-bottom:10px;display:block;position:relative;overflow:hidden;border-radius:10px;border:solid 1px transparent}
.product:hover .pic-product{border:solid 1px #ccc}
.product .pic-product img{width:100%;-webkit-transform-style:preserve-3d;height:100%;object-fit:cover;border-radius:10px}
.product .pic-product > a{display:flex;width:100%;align-items:center;justify-content:center;text-align:center;padding-bottom:100%;border-radius:10px}
.first_img{position:absolute;top:0;transition:all .5s ease;height:100%}
.product:hover .first_img{transform:scale(0)}
.second_img{display:block;position:absolute;top:0;right:100%;transition:all .5s ease;height:100%}
.product:hover .second_img{right:0;top:0;transition:all .5s ease}
.product .name-product{margin-bottom:5px;font-weight:normal}
.product .name-product a{font-size:16px;color:#232323;line-height:25px}
.product .name-product a:hover{color:#ff2e00}
.product .name-product .text-split{-webkit-line-clamp:1}
.product .price-product{margin-bottom:10px;color:#555}
.product .price-new{font-size:16px;font-weight:700;color:#FF2E00;display:inline-block;text-transform:uppercase}
.product .price-old{padding:0 10px;font-size:13px;text-decoration:line-through;display:inline-block;color:#AEAEAE;font-weight:700;text-transform:uppercase}
.product .price-per{color:#FF2E00;font-size:13px;text-align:center;font-weight:700}
.cart-product{margin:5px 0 0 0px}
.cart-product span{cursor:pointer;color:#fff;text-align:center;padding:0px 5px;border-radius:5px;display:inline-block;line-height:34px;font-size:13px;font-weight:700}
.cart-add{cursor: pointer;color: #1a1a1a;font-size: 13px;border: 1px solid #ffc600;border-radius: 5px;padding: 5px 12px;}
.cart-add:hover{}
.cart-buy{background-color:#FF2E00;width:93px;height:33px}
.cart-buy:hover{background-color:#5172fd}
.grid-product{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid-product .product .product-info{margin-top:10px;color:#333}
.grid-product .product .product-info h3{font-size:17px;color:#333}
.grid-product .product .product-info .price span{color:#f00}
.grid-product .product .pic-product{border:1px solid #ddd}
.detail-product{display:flex;justify-content:space-between}
.detail-product .right-pro-detail ul{list-style:none;padding:0px}
.detail-product .right-pro-detail ul li{margin-bottom:20px}
.detail-product .right-pro-detail ul li .title-pro-detail{font-size:18px}
.detail-product .right-pro-detail ul li .attr-content-pro-detail{display:inline-block;margin-bottom:0px}
.detail-product .right-pro-detail ul li .attr-content-pro-detail .price-new-pro-detail{font-weight:700;font-size:20px;color:#f00}
.contact-map{position:relative;height:500px;margin-top:30px}
.contact-map iframe{position:absolute;left:0px;top:0px;width:100%;height:100%}
.breadCrumbs{padding:10px 0px;background:#ddd}
.breadCrumbs ol{margin:0px}
.breadCrumbs ol li a{color:#333}
.breadCrumbs ol li a:hover{color:#f00}
.pagination{margin:20px 0px;position:relative;z-index:0;gap:10px;}
.pagination li a,.page-item.active .page-link,.page-item.disabled .page-link{cursor:pointer;border-radius:50%!important;overflow:hidden;padding:0;width:2rem;height:2rem;line-height:1.8rem;text-align:center;border-color:#000;border-width:2px;font-weight:bold;color:#000;}
.page-link:focus{box-shadow:none!important;color:inherit!important;}
.page-link:hover{background:#000;color:#FFF;border-color:#000;}
.page-item.active .page-link{background:#000;color:#FFF;}
.btn-frame{display:block;width:50px;height:50px;position:fixed;right:20px;z-index:10;cursor:pointer}
.cart-footer.btn-frame{bottom:19rem;}
.cart-footer.btn-frame span{position:absolute;top:0;right:0;z-index:1;background: #e50000;color:#FFF;width:20px;height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:13px;}
.cart-footer.btn-frame i{font-size:18px;color: #ffc600;background:#FFF;box-shadow: 0px 0px 0px 8px #ffc600 inset;}
.btn-phone{bottom:14rem}
.btn-zalo{bottom:9rem}
.btn-frame i{width:50px;height:50px;border-radius:50%;background: #ffc600;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}
.btn-frame i img{vertical-align:middle;width:70%}
.btn-frame .animated.infinite{animation-iteration-count:infinite}
.btn-frame .kenit-alo-circle{width:60px;height:60px;top:-5px;right:-5px;position:absolute;background-color:transparent;border-radius:100%;border: 2px solid rgb(255 198 0 / 80%);opacity:0.1;border-color: #ffc600;opacity:0.5}
.btn-frame .zoomIn{animation-name:zoomIn}
.btn-frame .animated{animation-duration:1s;animation-fill-mode:both}
.btn-frame .kenit-alo-circle-fill{width:70px;height:70px;top:-10px;right:-10px;position:absolute;border-radius:100%;border:2px solid transparent;background-color: rgb(255 198 0 / 30%);opacity:0.4}
.btn-frame .pulse{animation-name:pulse}
.grid-properties{display:flex;gap:10px;margin:10px 0px}
.grid-properties span{position:relative;border:1px solid #ddd;padding:5px 15px;cursor:pointer}
.grid-properties span:hover,.grid-properties span.active{border:1px solid #f00;color:#f00}
.grid-properties span:hover:after,.grid-properties span.active:after{content:"";border:0.9375rem solid transparent;border-bottom:0.9375rem solid var(#d0011b,#ee4d2d);bottom:0;position:absolute;right:-0.9375rem}
.grid-properties span.outstock{pointer-events:none;background-color:#fafafa;color:rgba(0,0,0,0.26);cursor:not-allowed}
.scrollToTop{width:41px;height:41px;text-align:center;font-weight:bold;color:#444;text-decoration:none;position:fixed;bottom:65px;right:25px;display:none;z-index:10;cursor:pointer}
.grecaptcha-badge{display:none!important;width:0px!important;height:0px!important;visibility:hidden!important;overflow:hidden}
.header-box{background:#282828;padding:10px 0px;color:#FFF;}
.header-top{position:relative}
.header-top:before{width:40%;height:40px;background-color:#0055a8}
.container{max-width:1190px;position:relative;padding:0}
.header-top-wrap{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.header-top__text{box-sizing:border-box;display:inline-flex;flex-wrap:nowrap;align-items:center;font-size:15px;color:#fff;font-weight:400;min-height:40px;margin-bottom:0}
.header-top__text--left{background-color:#0055a8;padding-right:90px;position:relative}
.header-top__text i{color:#fff;margin-right:5px}
.header-top__text--left:after{width:0;height:0;position:absolute;top:0px;right:-20px;border-left:0px solid transparent;border-right:20px solid transparent;border-top:40px solid #0055a8}
.header-top-right{box-sizing:border-box;display:inline-flex;flex-wrap:nowrap;justify-content:flex-end;width:50%}
.header-top__text{box-sizing:border-box;display:inline-flex;flex-wrap:nowrap;align-items:center;font-size:15px;color:#fff;font-weight:400;min-height:40px;margin-bottom:0}
.header-top-right .header-top__text{color:#333}
.header-top-right .header-top__text + .header-top__text{margin-left:20px}
.header-top-right .header-top__text i{color:#0055a8}
.header-top__text i{color:#fff;margin-right:5px}
.header-top:before,.header-top__text--left:after,.footer__title:before,.copyright__thongke li + li:before,.main-title:before,.pdhot__name:before,.news-home__name:after,.news-hot__body:before{content:'';position:absolute}
.header-top:before{width:40%;height:40px;background-color:#0055a8}
.header-bottom{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;background-color:#fff;width:100%;}
.header-bottom-wrap{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.logo__img{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;height:auto;}
.menu--bg{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;position:relative;background: #ffc600;width: 100%;z-index: 9;}
.menu--bg .menu{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.menu--bg .menu--left,.menu .submenu,.menu .submenu li ul,.footer__baiviet ul,.copyright__thongke{list-style-type:none;margin-bottom:0;padding-left:0}
.menu--bg .menu--left{box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;justify-content: center;z-index:50;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;position:relative;}
.menu--bg .menu .menu__item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;box-sizing:border-box;display:flex;justify-content:center;align-items:center;position:relative}
.menu--bg .menu .menu__link{font-size:15px;color: #1a1a1a;font-family: 'OpenSans-Bold';transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;box-sizing:border-box;display:flex;justify-content:center;align-items:center;text-transform:uppercase;padding: 13.5px 30px;border-radius: 20px;}
.menu--bg .menu .menu__item:hover .menu__link,.menu--bg .menu .menu__link.active{color: #e50000;}
.menu .submenu{-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 3px 5px 0 rgba(0,0,0,0.2);box-shadow:0 3px 5px 0 rgba(0,0,0,0.2);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;-ms-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);transform:scaleY(0);position:absolute;top:100%;left:0px;visibility:hidden;opacity:0;min-width: 250px;}
.menu--bg .menu .menu__item:hover .submenu{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1);visibility:visible;opacity:1}
.menu .submenu li:hover{background-color: #ffc600;}
.search{position:relative;width: 37%;background: #f2f2f2;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-flow: row wrap;-webkit-flex-flow: row wrap;justify-content: space-between;height: 40px;border-radius: 5px;overflow: hidden;}
.search input {
    width: calc(100% - 70px);
    height: 100%;
    border: 0;
    background: #f2f2f2;
    padding: 0px 20px;
    font-size: 13px;
    color: #666666;
    border-radius: 5px 0px 0px 5px;
}
.search p {
    width: 70px;
    height: 100%;
    background: #ffc600;
    text-align: center;
    line-height: 41px;
    margin-bottom: 0;
    font-size: 20px;
}
.w-clear:after{display:block;content:"";clear:both}
.fixed{position:fixed;-moz-box-shadow:0 0 8px 2px rgba(51,51,51,0.1);-webkit-box-shadow:0 0 8px 2px rgba(51,51,51,0.1);box-shadow:0 0 8px 2px rgba(51,51,51,0.1);}
.home--bg{margin:40px 0;}
.pdhot__title{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-bottom:1px solid #e6e6e6;margin-bottom:25px}
.pdhot__name{font-size:30px;color:#000;font-family:"UTMHelvetIns";display:inline-block;position:relative;text-transform:uppercase;margin-bottom:0;padding-bottom:15px}
.pdhot__name:before{width:100%;height:1px;background-color:#000;bottom:-1px;}
.pdhot__link{color:inherit}
.pdhot__more{font-size:14px;color:#555;font-weight:400}
.pdhot__more i{top:-2px;position:relative;margin-left:5px}
.product-grid{box-sizing:border-box;display:flex;flex-wrap:wrap;margin-left:-1.0924369748%;margin-right:-1.0924369748%}
.product-grid.col4{margin:0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;}
.product-grid.col4 .product{min-width:100%;width:100%;margin:0;flex:1;padding: 8px;background: #fff;border-radius: 10px;padding-bottom: 15px;}
.product{box-sizing:border-box;flex:0 0 22.8151260504%;margin-left:1.0924369748%;margin-right:1.0924369748%;margin-bottom:2.1848739496%}
.product__box{border-radius:0;border:0;padding:0;position:relative;display:block;height:100%;}
.product__link{display:block}
.product__image{position:relative;border-radius: 10px;position: relative;margin-bottom: 10px;}
.scale-img{overflow:hidden;display:block}
.product__image{}
.scale-img img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}
.product__img{width:100%;border-radius: 10px;}
.scale-img:hover > img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.product__name{font-size: 14px;color: #1a1a1a;margin: 0;line-height: 22px;padding: 0px 5px;}
.product__name:hover{color: #ffc600;}
.info-product {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
    margin-top: 10px;
    padding: 0px 5px;
}
.cart-add i {
    color: #ffc600;
    margin-right: 6px;
}
.cart-add:hover {
    background: #ffc600;
    color: #fff;
}
.cart-add:hover i {
    color: #fff;
}
.product__price{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;font-size:15px;color:#b3b3b3;font-weight:500;margin-bottom:5px}
.product__price span{margin: 0px 5px;}
.product__price-new{font-size: 16px;color: #e50000;font-family: 'OpenSans-Bold';}
.product__price-old{text-decoration:line-through}
.product__price-per{position:absolute;top:15px;right:15px;font-size:11px;color:#fff;font-weight:400;width:45px;height:25px;border-radius:2px;background:#f00;text-align:center;line-height:25px}
.why--bg{padding: 50px 0px;}
.why__item{margin: 10px;background: #f2be00;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-flow: row wrap;-webkit-flex-flow: row wrap;justify-content: space-between;align-items: center;padding: 15px 20px;border-radius: 10px;}
.why__link{-webkit-box-shadow:0 0 6px rgba(179,179,179,0.75);-moz-box-shadow:0 0 6px rgba(179,179,179,0.75);box-shadow:0 0 6px rgba(179,179,179,0.75);text-align:center;display:block;padding:15px}
.why__image{width: 40px;position:relative;}
.why__name{
    width: calc(100% - 50px);
    color: #1a1a1a;
    font-size: 15px;
    font-family: 'OpenSans-SemiBold';
    -webkit-line-clamp: 1;
    white-space: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: calc(22px*1);
    line-height: 22px;
}
.why__desc{font-size:14px;color:#808080;font-weight:400;display:block;display:-webkit-box;height:63px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.why__more{font-size:15px;color:#808080;font-weight:400;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;display:inline-block;text-transform:capitalize;margin:10px 0}
.why__link:hover .why__name{color:#0055a8}
.why__link:hover .why__more{color:#0055a8}
.news-home{width:62.1848739496%;float:left}
.news-home__title{border-bottom:1px solid #e6e6e6;margin-bottom:25px}
.news-home__name{font-size:30px;text-transform:uppercase;position:relative;display:inline-block;padding-bottom:5px}
.news-home__name:after{content:'';width:100%;height:1px;position:absolute;bottom:-1px;left:0px;background-color:#000;}
.newsletter{
    border: 3px solid #f2be00;
    border-radius: 15px;
    background: #fff;
    width: 49%;
}
.newsletter-wrap{border:1px solid rgba(255,255,255,0.4);padding: 23px;border-radius: 15px;}
.newsletter__head{text-align:center}
.newsletter__name{font-size:25px;color:#fff;font-weight:400;text-transform:uppercase}
.newsletter__desc{font-size:14px;color:#fff;font-weight:400;margin:15px 0}
.newsletter form .form-group{position:relative;border:1px solid #fff}
.newsletter form .form-group .form-control{font-size:15px;color:#fff;font-weight:400;height:40px;padding:5px;background-color:transparent;border:0;outline:none;box-shadow:none}
.newsletter form .form-group textarea.form-control{height:100px}
.news-hot__image{position:relative}
.news-hot__img{position:unset;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill}
.news-hot__body{position:relative}
.news-hot__body:before{width:100%;height:1px;top:50px;background-color:#ededed}
.news-hot__name{font-size:15px;color:#000;font-weight:bold;display:block;display:-webkit-box;height:39px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:10px 0 20px;padding-left:70px}
.news-hot__name:hover{color:red;}
.news-hot__date{position:absolute;top:-10px;left:0px;width:60px;height:60px;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;background-color:#111;}
.news-hot__date-text{font-size:14px;color:#fff;font-weight:400}
.news-hot__day{font-weight:700;font-size:24px;line-height:1}
.news-hot__desc{font-size:14px;color:#000;font-weight:400;display:block;display:-webkit-box;height:63px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news-hot__more{font-size:15px;color:#111;font-weight:bold;display:inline-block;margin-top:.5rem;}
.news-hot__more i{margin-right:5px}
.footer{z-index:0;background-color: #fff;background-repeat:no-repeat;background-position:0 0;background-size:cover;position:relative;color: #666666;}
.footer-wrap{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;align-items: flex-start;padding:50px 0;}
.footer__info{width: 27%;}
.footer__fanpage{width: 25%;}
.footer__baiviet {
    width: 20%;
}
div#footer-map iframe {
    width: 100%;
    display: block;
    height: 160px;
    border-radius: 10px;
}
.copyright{position:relative;border-top: 1px solid #efefef;text-align: center;color: #666666;padding: 14px 0px;}
.copyright span {color: #1a1a1a;}
.footer__title{font-size: 16px;color: #1a1a1a;margin-bottom: 20px;position:relative;text-transform:uppercase;font-family: Opensans-Bold;}
.footer__info-body{font-size:15px;color:#fff;font-weight:400;font-family:"OpenSans-Regular",sans-serif;margin-bottom:1rem;}
.footer__info-body *{background:transparent!important;}
.menu--bg .menu--left,.menu .submenu,.menu .submenu li ul,.footer__baiviet ul,.copyright__thongke{list-style-type:none;margin-bottom:0;padding-left:0;}
.ul__baiviet li a{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;font-size:14px;color: #666666;font-family:"OpenSans-Regular",sans-serif;position:relative;display: inline-block;}
.ul__baiviet li a:hover{color:#f2be00;transform:translateX(10px);}
.footer__fanpage #fanpage-facebook{max-height:220px;overflow:hidden;}
.ul__baiviet {
    list-style-type: square !important;
    color: #f2be00;
    list-style-position: inside;
}
.footer__info .ul__baiviet {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.ul__baiviet li {
    margin-bottom: 10px;
}
.footer__info .ul__baiviet li {
    width: 49%;
}
.copyright__thongke li + li{margin-left:20px;}
.copyright__thongke li + li:before{content:'';position:absolute;width:1px;height:10px;background-color:#fff;left:-10px;}
.mxh--ft{z-index:100;}
.mxh{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;}
.mxh span{font-size:14px;color:#fff;font-weight:500;}
.mxh a{box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;margin-left:10px;}
.mxh a img{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;height:36px;object-fit:scale-down;}
.tabs-pro-detail .ul-tabs-pro-detail{padding:0px;list-style:none;margin-bottom:1rem;border-bottom:1px solid #e7e7e7;}
.tabs-pro-detail .ul-tabs-pro-detail li{cursor:pointer;float:left;margin-right:5px;margin-bottom:5px;background:#eee;padding:5px 10px;}
.tabs-pro-detail .ul-tabs-pro-detail li.active{background:#333;color:#fafafa;}
.tabs-pro-detail .ul-tabs-pro-detail li:last-child{margin-right:0px;}
.tabs-pro-detail .content-tabs-pro-detail{display:none;}
.tabs-pro-detail .content-tabs-pro-detail.active{display:block;}
.news-grid{box-sizing:border-box;display:flex;flex-wrap:wrap;margin-left:-1%;margin-right:-1%;}
.news__item{box-sizing:border-box;flex: 0 0 31%;margin-left:1%;margin-right:1%;margin-bottom:2%;}
.news__image{width: 100%;margin-bottom: 20px;border-radius: 10px;}
.news__img{width:100%;border-radius: 10px;}
.news__body{}
.news__name{font-size:15px;color:#333;font-family: 'OpenSans-Bold';transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;margin-bottom: 10px;}
.news__date{font-size:14px;color:#807f7f;font-weight:400;}
.news__desc{font-size:14px;color:#333;-webkit-line-clamp: 3;white-space: inherit;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;height: calc(22px*3);line-height: 22px;}
.news__link{display: block;}
.news__name:hover{color:#ffc600;}
.news__more:hover {
    background: #ffff;
    color: #ffc600;
}
.menu-res{height:50px;z-index:997;background:#fff;position:sticky;display:none;position:-webkit-sticky;top:0;box-shadow:0px 0px 10px rgba(0,0,0,0.1)}
.menu-bar-res{height:50px;padding:0px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
a.menubars-mobileHome{border:0;border-radius:0;padding:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:30px;height:30px;background:url(../images/bars.svg) center no-repeat;background-size:24px auto;display:none;}
.drawer.drawer--from-left{position:fixed;display:flex;flex-direction:column;top:0;width:89vw;max-width:400px;height:100%;max-height:100vh;background:#fff;color:#333;font-size:1rem;transition:transform .6s cubic-bezier(.75,0,.175,1),visibility .6s cubic-bezier(.75,0,.175,1);z-index:1000;left:0;transform:translateX(-100%)}
.drawer.show{transform:translate(0);visibility:visible}
.drawer__header-search{width:calc(100% - 2rem);display:flex;align-items:center;justify-content:flex-end;border:0.5px solid rgb(46 46 46 / 15%);height:35px;border-radius:.25rem;}
.drawer__header-search input{height:35px;flex-grow:1;border:0;outline:0;box-shadow:none;background:transparent;font-size:14px;padding:0 1rem}
.drawer__header-search p{margin:0;line-height:29px;padding:0 0.5rem;display:flex;justify-content:center;align-items:center}
.drawer__footer__lang{display:flex;align-items:center;gap:10px}
.drawer__footer__lang a{display:block;position:relative;z-index:1;border:0.5px solid rgb(46 46 46 / 15%)}
.drawer__footer__lang a img{display:block;width:100%;max-height:24px}
.mobile-nav__footer{display:flex;align-items:center;justify-content:space-between}
.drawer__footer.drawer__footer--tight.drawer__footer--bordered{border-top:0.5px solid rgb(46 46 46 / 15%);padding:20px}
.drawer__content ul li a{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:1rem 0;font-size:15px;font-weight:bold;text-transform:uppercase;color:#333;line-height:1.25}
.drawer__content ul li{border-bottom:0.5px solid rgb(46 46 46 / 15%)}
.drawer__content ul li .has-children{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.drawer__content ul{list-style:none;padding:0;margin:0}
.drawer__content{padding:0px 24px 24px;overflow-x:hidden;overflow-y:auto;flex-grow:1}
.drawer__content > ul > li:last-child{border:0;padding-bottom:0}
.drawer__content .animated-plus{position:relative;width:10px;height:10px;cursor:pointer}
.has-children.act>.animated-plus:before,.has-children.act>.animated-plus:after{transform:translate(-50%,-50%) rotate(90deg)}
.has-children.act>.animated-plus:before{opacity:0}
.drawer__content .animated-plus:before,.drawer__content .animated-plus:after{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);background-color:currentColor;transition:transform .4s ease-in-out,opacity .4s ease-in-out}
.drawer__content .animated-plus:before{width:10px;height:2px;opacity:1}
.animated-plus:after{width:2px;height:10px}
.drawer__content ul li ul{padding-left:8px;display:none}
.drawer__content ul li ul li{margin-bottom:0px;border:none}
.drawer__content ul li ul li a{font-size:14px;padding:0px;margin-bottom:15px;font-weight:400;}
.drawer__content ul li ul li ul{padding-left:20px;border-left:0.5px solid rgb(46 46 46 / 15%);display:none}
.drawer__header{padding:20px 20px 6px 20px;position:relative;z-index:1;max-height:80px;display:flex;justify-content:space-between;align-items:center}
span.drawer__overlay{content:"";position:fixed;top:0;height:100vh;width:100vw;background:#000000;opacity:0;visibility:hidden;transition:visibility .6s ease-in-out,opacity .6s ease-in-out;right:auto;z-index:1;left:100%}
.drawer.show>.drawer__overlay{visibility:visible;opacity:.3}
.drawer__close-button--block{position:relative;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;border:0!important;outline:0!important;background:transparent!important;padding:0!important;width:auto;margin-top:-4px}
span.drawer__overlay{display:block}
.left-pro-detail{position:relative;width:50%;text-align:center;background:white;}
.right-pro-detail{width:48%;}
.left-pro-detail .MagicZoom{border:1px solid #eee;padding:7px;border-radius:5px!important;}
.filter_block{display:block;border:1px solid #ebebeb;border-radius:5px;padding:1rem;margin-bottom:1rem}
.filter_title{font-weight:bold;font-size:14px;display:flex;align-items:center;cursor:pointer;border-bottom:1px solid #ebebeb;padding-bottom:.5rem;}
.filter_block ul{list-style:none;display:block}
.filter_block ul li{margin:0.5rem 0 0;display:block}
.filter_block ul li a{color:#777;font-size:14px;display:flex;align-items:center;gap:0.5rem;cursor:pointer}
.filter_block ul li a span{border:1px solid #bbb;border-radius:2px;width:1rem;height:1rem;display:block;position:relative;z-index:0;overflow:hidden;}
.filter_block ul li a.checked span:after{content:'\f00c';font-size:12px;position:absolute;top:0px;right:1px;z-index:2;font-family:'Font Awesome 6 Pro';color:white;line-height:1rem;}
.filter_block ul li a.checked span{background:#000;display:flex;justify-content:center;align-items:center;border-color:#000;}
.filter_block ul li a i{width:1rem;height:1rem;border-radius:3px}
.ripple{background-position:center;transition:background 0.8s;}
.ripple:hover{background:#222 radial-gradient(circle,transparent 1%,#222 1%) center/15000%;}
.ripple:active{background-color:#222;background-size:100%;transition:background 0s;}
#popup-cart .modal-title{text-transform:uppercase}
#popup-cart .modal-body .wrap-cart{padding:0px;-webkit-box-shadow:none;box-shadow:none;border:0px}
#popup-cart .modal-footer{padding:0.75rem 0 0 0;border-top:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.buymore-cart{color:var(--primary-color);cursor:pointer;margin:0px}
.buymore-cart i{margin-right:2px;margin-top:5px;vertical-align:top;font-size:12px}
.wrap-cart{padding:20px 15px;background:#ffffff;border:1px solid #d8d8d8;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.15);box-shadow:0 0 20px rgba(0,0,0,0.15)}
.top-cart{width:100%;}
.wrap-cart-home .top-cart{width:60%;padding-right:15px;border-right:1px solid #ebebeb;}
.procart{padding:20px 10px;border:1px solid #eee;border-top:0px;gap:10px;}
.procart .form-row{display:flex;}
.pic-procart{text-align:center;width:20%;}
.pic-procart img{max-height:50p;height:inherit}
.pic-procart .del-procart{color:#999;font-size:12px;display:block;margin-top:5px;cursor:pointer}
.pic-procart .del-procart:hover{color:#f00;}
.name-procart a{font-size:14px;color:#000;display:block}
.name-procart a:hover{color:var(--primary-color)}
.properties-procart{display:block}
.properties-procart p{display:inline-block;margin-bottom:0px}
.properties-procart p:first-child{margin-right:10px}
.properties-procart p strong{font-weight:600}
.quantity-procart p{margin-bottom:0px}
.quantity-procart p:nth-child(2){display:none;}
.quantity-counter-procart{border:1px solid #dfdfdf;width:100%;height:30px;line-height:normal;text-align:center;border-radius:3px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.counter-procart{background-color:transparent;border:0px;width:30%;color:#333;outline:none;cursor:pointer;font-size:23px}
.counter-procart:hover,.counter-procart:focus{color:var(--primary-color)}
.counter-procart:disabled{color:#ccc;cursor:not-allowed}
.counter-procart:disabled:hover{color:#ccc;cursor:not-allowed}
.counter-procart-minus{line-height:26px}
.counter-procart-plus{line-height:24px}
.quantity-counter-procart .quantity-procart{width:40%;-webkit-box-sizing:border-box;box-sizing:border-box;border:0px;border-right:1px solid #dfdfdf;border-left:1px solid #dfdfdf;outline:none;-webkit-box-shadow:none;box-shadow:none;padding:0px;color:#333;font-size:14px;text-align:center;}
.price-procart{width:20%;text-align:right}
.price-procart-rp{display:none;width:100%;margin-bottom:10px;font-size:13.5px}
.price-new-cart{color:#f00;margin-bottom:0px;font-weight:bold}
.price-old-cart{color:#999;text-decoration:line-through}
.procart-label{border:0px;background:#eee;padding:10px;margin:0px;text-transform:capitalize;gap:10px;}
.money-procart{margin-top:15px}
.total-procart{background:#eee;padding:7px 10px;border:1px solid #dddfe2;margin-bottom:-1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.total-procart p{margin-bottom:0px;font-size:15px}
.total-procart p:last-child{color:#f00;font-weight:bold}
.section-cart{position:-webkit-sticky;position:sticky;top:15px}
.title-cart{font-size:15px;text-transform:uppercase;color:#333;border-bottom:1px solid #eee;padding-bottom:5px;margin-bottom:15px;font-weight:bold}
.information-cart{margin-bottom:1.5rem}
.information-cart .form-row{display:flex;margin-left:-5px;margin-right:-5px;}
.information-cart .form-row .input-cart{padding:0px 5px;}
.input-cart{margin-bottom:0.5rem;position:relative}
.input-cart textarea{resize:none;height:100px}
.input-cart select{cursor:pointer}
.payments-cart{text-align:left;margin-bottom:10px;min-height:auto}
.payments-cart:last-child{margin-bottom:0px}
.payments-cart input{top:calc(50% - 1.25rem / 2)}
.payments-label img{max-height:20px}
.payments-label{cursor:pointer;background:transparent;padding:0;border-radius:0px;margin-bottom:0px;color:#313131!important;display:inline-flex;align-items:center;gap:10px}
.payments-label::before,.payments-label::after{top:calc(50% - 1rem / 2)}
.payments-label.active{font-weight:bold;}
.payments-info{opacity:0;visibility:hidden;height:0px;overflow:hidden;background:rgb(235 235 235 / 50%);border-radius:5px}
.payments-info p{margin-bottom:1em}
.payments-info.active{padding:10px 15px;margin-top:5px;opacity:1;visibility:visible;height:auto}
.btn-cart{text-transform:capitalize}
.empty-cart{padding:25px 30px;display:block;text-align:center;color:#23527c!important;width:100%}
.empty-cart i{color:red;font-size:70px}
.empty-cart p{margin:15px 0px;color:#333;font-size:18px}
.form-check-input:checked,.form-check-input:focus{background-color:#000!important;border-color:#000!important;}
.service--bg {
    padding-bottom: 60px;
}
.service {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
}
.left_ser {
    width: 200px;
    background: #f2be00 url(../images/line.png) no-repeat center center;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.right_ser {
    width: calc(100% - 230px);
}
.right_ser{display: block;position: relative;}
.right_ser img,.right_ser a {
    border-radius: 10px;
}
.right_ser a{display: block;}
.main-title h2 {
    font-size: 45px;
    font-family: 'OpenSans-Bold';
    text-transform: uppercase;
    margin: 0;
    padding: 25px;
    text-align: center;
}
.main-title{position:relative;}
.box-service {
    margin-top: 30px;
}
.service__item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.service__link{position:relative;display:block;}
.service__image{overflow:hidden;display:block;width:100%}
.service__img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);width:100%}
.service__body{position:absolute;right:0;bottom:0;left:0;width: 100%;background: linear-gradient(to bottom,rgb(2 2 2 / 0%) 0%,rgb(9 9 9 / 90%) 90%,#060606 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e5799',endColorstr='#00853e',GradientType=0);padding: 20px;padding-top: 100px;text-align: center;}
.service__name{font-size:18px;color:#fff;font-family: 'OpenSans-Bold';transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;text-transform:uppercase;line-height: 24px;}
.service__link:hover .service__img{-webkit-transition:0.3s ease-out;-moz-transition:0.3s ease-out;-o-transition:0.3s ease-out;transition:0.3s ease-out;-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.service__link:hover .service__name{color:#f2be00}
.wap_lienhe {
    background: url(../images/bg1.jpg) no-repeat;
    background-size: cover;
    color: #fff;
    padding: 20px 0px;
}
.wap_lienhe .service {align-items: center;}
.title-index {
    width: 56%;
    font-size: 25px;
    font-family: 'OpenSans-Bold';
}
.call {
    color: #fff !important;
    font-size: 20px;
    font-family: 'OpenSans-Semibold';
}
.call span {
    color: #1a1a1a;
    font-family: 'OpenSans-Bold';
    background: #f2be00;
    padding: 7px 20px;
    border-radius: 10px;
    margin-left: 10px;
}
.call span i {
    margin-right: 10px;
    font-size: 18px;
}
.news-contact-home--bg {
    padding: 40px 0px;
    position: relative;
    padding-bottom: 60px;
}
.news-contact-home {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
}
.newsletter-input2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}
.newsletter-input{position:relative;margin-bottom: 15px;}
.newsletter-input input{
    border: 0;
    background: #ebebeb;
    height: 44px;
    padding: 0px 20px;
    border-radius: 10px;
    color: #666666;
    font-family: 'OpenSans-Regular';
}
.newsletter-input input#fullname-newsletter{
    background: #ebebeb url(../images/lt1.png) no-repeat right 15px center;
}
.newsletter-input input#phone-newsletter{
    background: #ebebeb url(../images/lt2.png) no-repeat right 15px center;
}
.newsletter-input input#address-newsletter{
    background: #ebebeb url(../images/lt3.png) no-repeat right 15px center;
}
.newsletter-input textarea{
    border: 0;
    background: #ebebeb  url(../images/lt3.png) no-repeat right 15px top 15px;
    height: 90px;
    padding: 10px 20px;
    border-radius: 10px;
    color: #666666;
}
.newsletter-input input::placeholder,.newsletter-input textarea::placeholder {
    color: #232C2D;
    font-family: 'OpenSans-Regular';
    font-size: 14px;
}
.newsletter-button{background: #f2be00;text-align: center;border-radius: 10px;}
.newsletter-button input[type=submit]{color: #000;text-transform:uppercase;padding: 11px 0px;border-radius:0;border: 0;font-family: 'OpenSans-Bold' !important;font-size: 15px;}
.video-index {
    width: 49%;
}
.video__item {
    display: block;
    border-radius: 15px;
}
.video__image {position: relative;border-radius: 15px;cursor: pointer;}
.video__image img {
    border-radius: 15px;
}
.video__image:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/play1.png) no-repeat center center;
}
.danhmuc {
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 20px;
}
.tieude {
    background: #ffc600;
    text-align: center;
    padding: 10px;
    border-radius: 10px 10px 0px 0px;
    font-family: OpenSans-Bold;
    text-transform: uppercase;
    font-size: 15px;
}
div#danhmuc{  border-bottom:none}
div#danhmuc ul{ list-style:none;padding: 0; margin: 0}
div#danhmuc ul li{position: relative}
div#danhmuc ul li:last-child{border:none}
div#danhmuc ul li a{color: #454545;text-decoration: none;font-size: 15px;transition: 0.4s;display: block;border-bottom: 1px solid #DDD;padding: 10px;font-family: OpenSans-Regular;}
div#danhmuc ul li a h2{font-size: 15px}
div#danhmuc ul li span{position: absolute;right: 6px;top: 0;display: block;width: 14px;height: 100%;background: url(../images/muiten-menu.png) no-repeat center;cursor: pointer;max-height: 44px;transition:0.3s;
}
div#danhmuc ul li span.active{background: url(../images/muiten-menu-act.png) no-repeat center}
div#danhmuc ul li a:hover,div#danhmuc ul li a.active{color:#ffc600;transition:0.4s;}
div#danhmuc ul li ul li a{padding: 10px 5px 10px 20px;font-size: 14px;}
div#danhmuc ul li ul li span{ background: url(../images/muiten-menu.png) no-repeat}
div#danhmuc ul li ul li ul li span{}
div#danhmuc ul li ul{display:none}
div#danhmuc ul li ul.show-ul-c2{display:block}
div#danhmuc ul li ul li ul li{}
div#danhmuc ul li ul li ul li a{padding-left: 30px;}
div#danhmuc ul li ul li ul li ul li{}
div#danhmuc ul li ul li ul li ul li a{padding-left: 40px;color: #000;}
div#danhmuc ul li ul li ul li ul li ul li{}
div#danhmuc ul li ul li ul li ul li ul li a{color: #333;}
.item-other {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
}
.pic-other {
    max-width: 140px;
    width: 35%;
    border-radius: 5px;
}
.name-other {
    width: 62%;
    margin-bottom: 0;
    font-size: 14px;
    color: #333;
    line-height: 22px;
}
.name-other:hover{color:#ffc600}
.btn-primary {
    color: #fff;
    background-color: #ffc600;
    border-color: #ffc600;
}
.btn-primary:hover {
    color: #fff;
    background-color: #d00;
    border-color: #d00;
}
.box-title-index {
    margin-bottom: 20px;
}
.box-title-pro {
    background: #fff;
    border-radius: 20px 10px 10px 20px;
    position: relative;
}
.title-list-product {
    display: inline-flex;
    background: #ffc600;
    align-items: center;
    border-radius: 20px 10px 0px 20px;
    padding-right: 20px;
    font-family: 'OpenSans-Bold';
    font-size: 18px;
    text-transform: uppercase;
    height: 100%;
}
.list_monnb {
    position: absolute;
    right: 20px;
    top: 12px;
}
.list_monnb a.cap2 {
    display: inline-block;
    vertical-align: top;
    color: #1a1a1a;
    margin-right: 5px;
    padding-left: 20px;
}
.div_bao a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0px,-50%);
    width: 1px;
    height: 13px;
    border-right: 1px dashed #ffc600;
}
.div_bao {
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.div_cap3 {
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    z-index: 7;
    min-width: 150px;
    display: none;
}
.div_cap3 a:hover {}
.div_cap3 a {padding: 6px 10px !important;width: 100%;display: block;border-bottom: 1px solid rgb(204 204 204 / 27%);}
.div_bao a.active {
    display: block;
}
.title-list-product span {
    width: 60px;
    height: 60px;
    border: 2px solid #f2be00;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    margin: -8px 0px;
    margin-right: 10px;
}
.title-list-product span img {
    border-radius: 50%;
}
.div_bao a {
    color: #1a1a1a;
    padding: 0px 10px;
    position: relative;
}
.list_monnb a:hover,.list_monnb a.active {
    color: #ffc600;
}
.tatca{margin-right: 15px !important;margin-left: 0;padding-left: 0 !important;}
.paging-listcat-init {
    margin-bottom: 50px;
}
.title-pro-detail {
    font-family: OpenSans-Semibold;
}
.mask { width: 100%; height: 100vh; position: fixed; left: 0; top: 0; z-index: 999999999; overflow: hidden; } 
.mask span:nth-child(1) { height: 30vh; top: 0; -webkit-transition-delay: .3s; transition-delay: .3s; } 
.mask span:nth-child(2) { height: 40vh; top: 30vh; -webkit-transition-delay: .5s; transition-delay: .5s; } 
.mask span:nth-child(3) { height: 30vh; top: 70vh; -webkit-transition-delay: .6s; transition-delay: .6s; } 
.mask span { width: 100%; position: absolute; right: 0; background: -webkit-linear-gradient(90deg,#fff 0,#fff 100%); background: linear-gradient(90deg,#fff 0,#fff 100%); -webkit-transition: width .9s ease-in-out; transition: width .9s ease-in-out; } 
.mask.hideg span { width: 0; } 
.mask.hideg { pointer-events: none; }
.loadicon { position: fixed; top: 50%; left: 50%; width: 200px; height: 140px; margin: -70px 0 0 -100px; z-index: 110000; } 
#loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999999999;background: #fff; } 
#loading.finish { z-index: -9999; } 
#loading.finish .logo_2 span, #loading.finish .logo_2 img { display: none; } 
#loading .logo_2 { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: all ease 0.5s; } 
#loading .logo_2 span { display: block; border-radius: 50%; border: 3px solid rgba(255, 255, 255, 0.5); -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; box-shadow: 0 0 20px rgba(255, 255, 255, 0.5); -webkit-animation: Ani 2s infinite; animation: Ani 2s infinite; width: 120px; height: 120px; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: 2; z-index: 9999999999; } 
#loading .logo_2 img { position: relative; max-width: 80px; z-index: 4;} 
.align-flex-start{align-items: flex-start;}
.item-cap1{display: block;text-align: center;padding: 12px;}
.img-cap1{display: table;margin: auto;border-radius: 50%;margin-bottom: 20px;max-width: 300px;max-height: 300px;width: 100%;box-shadow: 0px 0px 10px #ccc;}
.img-cap1 img{border-radius: 50%;width: 100%;height: 100%;}
.name-cap1{font-size: 15px;text-transform: uppercase;color: #333;}
.name-cap1:hover{color: var(--color-main)}


.cart-footer.btn-frame,.cart-fixed,.cart-add,.cart-pro-detail{
    display: none !important;
}