@font-face {font-family: lw-icon;src: url(../fonts/flw-icon.eot?58hh8a);src: url(../fonts/lw-icon.eot?58hh8a#iefix) format("embedded-opentype"),url(../fonts/lw-icon.ttf?58hh8a) format("truetype"),url(../fonts/lw-icon.woff?58hh8a) format("woff"),url(../fonts/lw-icon.svg?58hh8a#lw-icon) format("svg");font-weight: 400;font-style: normal;font-display: block;}
@font-face {font-family: Avo;src: url(../fonts/UTMAVO.TTF);font-weight: 400;font-style: normal;font-display: block;}
@font-face {font-family: AvoBold;src: url(../fonts/UTMAVO.TTF);font-weight: 700;font-style: bold;font-display: block;}
@font-face {font-family: Avo;src: url(../fonts/UTMAVOBOLD.TTF);font-weight: 700;font-style: bold;font-display: swap;}
@font-face {font-family: Avo;src: url(../fonts/UTMAVOBOLD_ITALIC.TTF);font-weight: 700;font-style: italic;font-display: swap;}
@font-face {font-family: Avo;src: url(../fonts/UTMAVOITALIC.TTF);font-weight: 400;font-style: italic;font-display: swap;}
[class*="icon-"] {font-family: lw-icon !important;speak: never;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-grid:before {content: "";}
.icon-list:before {content: "";}
.icon-phone:before {content: "";}
.icon-volume-x:before {content: "";}
.icon-volume-1:before {content: "";}
.icon-volume-2:before {content: "";}
.icon-volume:before {content: "";}
.icon-search:before {content: "";}
.icon-youtube-play:before {content: "";}
.icon-angle-double-down:before {content: "";}
.icon-angle-double-up:before {content: "";}
.icon-angle-double-right:before {content: "";}
.icon-angle-double-left:before {content: "";}
.icon-heart-o:before {content: "";}
.icon-heart:before {content: "";}
.icon-arrow-thin-down:before {content: "";}
.icon-arrow-thin-left:before {content: "";}
.icon-arrow-thin-right:before {content: "";}
.icon-arrow-thin-up:before {content: "";}
.icon-checkmark-outline:before {content: "";}
.icon-close:before {content: "";}
.icon-menu:before {content: "";}
.icon-chevron-thin-down:before {content: "";}
.icon-chevron-thin-left:before {content: "";}
.icon-chevron-thin-right:before {content: "";}
.icon-chevron-thin-up:before {content: "";}
.icon-minus:before {content: "";}
.icon-plus:before {content: "";}
.icon-copyright:before {content: "";}
.icon-cart:before {content: "";}
:root {
    --color-black : #000000;
    --color-main : #00a650;
    --color-main-bold : #0D4C48;
    --bg-main-green : #1a462f;
    --background-ef : #efefef;
    --border-E7EEED : #E7EEED;
    --color-gray : #41463F;
    --color-orange : #F15A22;
    --color-cac9c9 : #cac9c9;
    --color-e2e2e2 : #e2e2e2;
    --bg-main : #f6f6f6;
}
body {font-family: 'Open Sans', sans-serif;font-size: 14px; line-height: 1.5; color: #000; background: var(--bg-main); }
.w-line {-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }
.w-one-line {-webkit-line-clamp: 1; }
.w-three-line {-webkit-line-clamp: 3; }
.w-two-line {-webkit-line-clamp: 2;}
.w-four-line{-webkit-line-clamp: 4;max-height: 100px;}
.one-line{white-space: nowrap;}
.text-main{color: var(--color-main) !important;}
/* slide */
.banner-slide .slick-arrow.arrow-left{left: 2rem;}
.banner-slide .slick-arrow.arrow-right{right: 2rem;}
.banner-slide .slick-dots{list-style: none;padding-left: 0;margin-bottom: 0;display: flex;position: absolute; bottom: 1rem;left: 50%;transform: translateX(-50%);}
.banner-slide .slick-dots li button{background: var(--light);border: 0;color: transparent;padding: 0;margin: 0 8px;width: .75rem;height: .75rem;opacity: .8;border-radius: 50%;box-shadow: 1px 1px 1px 0px rgb(51 51 51 / 64%);}
.banner-slide .slick-dots li.slick-active button{background: rgb(0 0 0 / 75%);}
.product-slide .slick-arrow,.news-slide .slick-arrow,.partner-slide .slick-arrow,.banner-slide .slick-arrow{cursor: pointer;background: var(--color-main);height: 36px;width: 36px;text-align: center;line-height: 36px;color: var(--light);border-radius: 50%;font-size: 1rem; position: absolute;top: 50%;transform: translateY(-50%);z-index: 99;}
.product-slide .slick-arrow.arrow-left,.news-slide .slick-arrow.arrow-left,.partner-slide .slick-arrow.arrow-left{left: -51px;}
.product-slide .slick-arrow.arrow-right,.news-slide .slick-arrow.arrow-right,.partner-slide .slick-arrow.arrow-right{right: -51px;}
.home-video-thumb .slick-arrow{position: absolute;top: 0;color: var(--light);height: 100%;background: rgb(155 35 46 / 75%);width: 30px;text-align: center;    z-index: 99;cursor: pointer;}
.home-video-thumb .slick-arrow i{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;font-size: 1.75rem;}
/* pagination */
.pagination { margin-top: 1rem;margin-bottom:1rem;text-align: right;font-size: 1em;color:var(--color-main);display: flex;justify-content: end;-ms-flex-align: center!important;align-items: center!important;}
.pagination a {margin: 0 5px 0 0;padding: 2px 8px;color: var(--color-main);}
.pagination a:hover,.pagination .current:hover{text-decoration:unset;}
.pagination span{margin: 0 5px;}
.pagination span a{border: 1px solid var(--color-main);border-radius: 4px 4px 4px 4px;display: block;}
.pagination .next{border-radius: 0px;border:none;color: var(--color-main);text-decoration: none;float: right;padding: 0;margin-left: 0;}
.pagination .prev{border-radius: 0px;border:none;color: var(--color-main);text-decoration: none;float: left;padding: 0;margin-right: 10px;}
.pagination .current {background: var(--color-main) top left repeat-x !important;border-color: var(--color-main) !important;color: #fff !important; margin-right: 5px;;padding: 3px 9px;border-radius: 4px 4px 4px 4px;}

/* home */
.header-top{background: var(--color-black);color: var(--light);}
.header-top .ht-div{display: flex;justify-content: space-between;font-size: 13px;}
.header-top .ht-div h2,.header-top .ht-div h1{font-size: 1em;padding: 0.75em 0;margin-bottom: 0;}
.header-top .ht-div a{color: var(--light);}
.header-top .ht-div ul.nav li a{padding-right: 0.75em;display: block;border-right: 1px solid;margin: 0.75em 0 .75em calc(1em - 1px);}
.ht-lang{display: flex;-ms-flex-align: center!important;align-items: center!important;padding-left: 1em;}
.ht-lang .dropdown-menu{padding: 0 !important;min-width:auto !important;}
.ht-lang .dropdown-menu li:last-child button{border-bottom:0}
.ht-lang .dropdown-menu a:hover{text-decoration: unset;}
.ht-lang .dropdown-menu a img{height: 16px;}
.ht-lang .dropdown-menu button{font-size: 13px;background: transparent;border: 0;padding: 0.3rem 0.75rem;display: block;border-bottom: 1px solid #CCC;}
.header-bottom{font-size: 1rem;position: sticky;z-index: 103;left: 0;top: 0;background: var(--white);box-shadow:0px 0px 1px rgb(51 51 51 / 63%);}
.header-bottom .logo img{height: 84px;}
.header-bottom .hb-div{display: flex;justify-content: space-between;-ms-flex-align: center!important;align-items: center!important;}
.header-bottom .hb-menu{list-style: none;padding-left: 0;margin-bottom: 0;display: flex;}
.header-bottom .hb-menu > li > ul{position: absolute;padding-left: 0;margin-bottom: 0;background: var(--white);list-style: none;display: none;}
.header-bottom .hb-menu{text-transform: uppercase;height: 84px;line-height: 84px;}
.header-bottom .hb-menu > li{position: relative;}
.header-bottom .hb-menu > li > ul > li{height: 38px;line-height: 38px;text-transform: none;border-bottom: 1px solid var(--background-ef);}
.header-bottom .hb-menu > li > ul > li:last-child{border-bottom:0;}
.header-bottom .hb-menu > li > ul > li a{display: block;padding: 0 1.5rem;margin: 0;}
.header-bottom .hb-menu a{white-space: nowrap;padding: 0.75rem .5rem;color: var(--dark);font-weight: 500;font-family: 'Roboto', sans-serif;}
.header-bottom .hb-menu a:hover{text-decoration:unset;}
.header-bottom .hb-menu > li > ul > li:hover{background: var(--color-main);}
.header-bottom .hb-menu > li > ul > li:hover a{color: var(--light);}
.header-bottom .hb-menu > li:hover a{color: var(--color-main);font-weight: 700;}
.header-bottom .hb-menu > li:hover > ul a {color: var(--dark);font-weight: 500;}
.header-bottom .hb-menu > li:hover ul{display: block;}
.hb-div .hb-r{display: flex;}
.hb-search{position: relative;}
.hb-search input{width: 190px;background: var(--background-ef);border: 0;border-radius: 5px;height: 35px;line-height: 35px;font-size: 12px;padding: 0 0.5rem 0 1.9rem;}
.hb-search button{position: absolute;left: 0.5rem;top: 50%;transform: translateY(-50%);background: transparent;border: none;padding: 0;line-height: 1;font-weight: 700;}
.hb-user,.hb-cart{padding: 0 0.75rem;}
.hb-user i,.hb-cart i{font-size: 1.5rem;color: var(--color-black);}
.hb-cart{position: relative;}
.hb-cart span{position: absolute;right: 5px;top: 0px;font-size: 10px;background: var(--success); width: 1rem;height: 1rem;line-height: 1rem;text-align: center;color: var(--light);border-radius: 50%;z-index: 2;}
.home-cat,.home-cat-pro{margin: 4rem 0;}
.home-cat h2{text-align: center;text-transform: uppercase;font-size: 1.75rem;margin-bottom: 2rem; font-family: 'Avo', sans-serif;}
.product-item{position: relative;border: 1px solid var(--border-E7EEED);padding: 15px;background: var(--white);margin: 15px 10px;}
.product-item a{position: relative;display: block;}
.product-item a:hover{text-decoration:unset;}
.product-item a img{width: 100%;transition: all 0.5s ease;}
.product-item a h4{font-size: 1rem;text-transform: uppercase;text-align: center;margin-top: 1rem;font-weight: 700;color: var(--color-main-bold);}
.product-item .pro-des{color: var(--color-gray);font-style: italic;text-align: center;margin: 0.75rem 0;}
.product-item .rate i{color: #cfc8d8}
.product-item .rate i.show,.product-item a h4:hover{color: var(--color-orange)}
.product-item .pro-price{margin: .5rem 0;}
.product-item .pro-price-sale{color: var(--color-orange);font-size: 1rem;}
.product-item .pro-price-saleoff{color: var(--gray);font-size: .9em;text-decoration: line-through;margin-right: 0.5rem;}
.pro-quantity{display: flex;justify-content: center;}
.pro-quantity input{height: 35px;width: 45px;text-align: center;font-size: 1rem;line-height: 35px;border: 1px solid var(--color-cac9c9);}
.pro-quantity button{height: 35px;width: 30px;color: black;background: var(--color-e2e2e2);border: 1px solid var(--color-cac9c9);}
.pro-quantity input::-webkit-outer-spin-button,
.pro-quantity input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.pro-quantity input[type=number] {-moz-appearance: textfield;}
.product-item .pro-saleoff{position: absolute;top: 0;left: 0;z-index: 9;background: var(--color-main);color: var(--light);font-size: 14px;padding: 3px 8px;}
.product-item .pro-buy{display: flex;justify-content: center;margin-top: 1rem;}
.product-item .pro-buy button{border: 1px solid var(--color-e2e2e2);border-radius: 3px;padding: 0.4em 1em;cursor: pointer;position: relative;text-transform: uppercase;color: var(--color-main-bold);font-size: 0.9rem!important;margin: 0 0.5rem;}
.product-item .pro-buy button:hover{background: var(--color-main);color: var(--light);border: 1px solid var(--color-main);}
.product-item a img:hover,.partner-slide img:hover,.imgef:hover{transform: scale(1.02,1.02);}
.partner-slide img,.imgef{transition: all 0.5s ease;}
.home-cat-pro .hcp-header,.cat-page .pcp-header{background: var(--color-main);color: var(--light);}
.home-cat-pro .hcp-header .hcp-header-div,.cat-page .pcp-header .hcp-header-div{display: flex;justify-content: space-between;-ms-flex-align: center!important;
align-items: center!important;padding: 1rem 0;min-height: 81px;}

.hcp-header-div ul{list-style: none;padding-left: 0;margin-bottom: 0;}
.hcp-header-div ul a{color: var(--light); border-right: 1px solid; padding: 0 0.5rem;line-height: 1.75;}
.hcp-header-div ul li{ float: right;}
.clear-both{clear: both !important;}
.hcp-header-divh2{display: flex;-ms-flex-align: center!important;align-items: center!important;}
.hcp-header-divh2 h2,.hcp-header-divh2 p,.hcp-header-divh2 h1{margin-bottom: 0;}
.hcp-header-divh2 h2,.hcp-header-divh2 h1{position: relative;text-transform: uppercase;font-size: 1.5rem;}
.hcp-header-divh2 h2::after,.hcp-header-divh2 h1::after{content:'/';padding: 0 1rem;}
.hcp-header-divh2 h1,.hcp-header-divh2 h2,.hcp-header-divh2 h2 a,.hcp-header-divh2 h2 a:hover{color: var(--white);text-decoration:unset;}
.home-cat-pro .hcp-footer{margin: 1rem 0;text-align: right;}
.btn-viewmore{background: var(--color-main);color: var(--light);border-radius: 0;}
.news-item{box-shadow: 0 0 10px 0 rgba(0,0,0,.15);overflow: hidden;position: relative;background-color: #fff;width: 100%;min-height: 100%;border-radius: 3px;border: 0 solid #69727d;transition: all .25s;display: flex;flex-direction: column;   margin: 15px 10px;}
.news-item img{width: 100%;}
.news-item .news-item-cat-img{position: relative;margin-bottom: 20px;display: block;}
.news-item .news-item-cat{position: absolute;top: 1rem;left: 1rem;z-index: 2;background: var(--color-orange);color: var(--light); padding: 0.2rem 0.75rem; border-radius: 35rem; font-size: .75rem;text-transform: uppercase;}
.news-item .news-item-ctn{padding: 0 30px;}
.news-item .news-item-ctn a{color: var(--color-main-bold);}
.news-item .news-item-ctn a h4{font-size: 21px;font-weight: 700;}
.news-item .news-item-ctn p{line-height: 1.5em;font-size: 14px;color: #777;margin: 20px 0;}
.news-item .news-item-ctn .text-readmore{color: var(--color-main);font-size: 1rem;text-transform: uppercase;margin-bottom: 15px;display: block;}
.news-item .news-item-author{padding: 15px 30px;border-top: 1px solid var(--color-e2e2e2);color: #adadad;display: flex;-ms-flex-align: center!important;align-items: center!important;}
.news-item .news-item-author i{font-size: 3px;}
.home-video .home-video-wp img,.home-video-thumb .home-video-thumb-item img{width: 100%;}
.home-video2news{margin: 2rem 0;}
.home-video2news a{display: block;position: relative;}
.home-video-thumb a::before{content:'';background: rgb(0 0 0 / 65%);top: 0;left: 0;width: 100%;height: 100%;z-index: 99;position: absolute;transition: all .25s;}
.home-video-thumb a:hover::before{display: none;}
.home-video-thumb{display: flex;width: 100%;overflow: hidden;margin-top: 1rem;}
.home-video-thumb .home-video-thumb-item{margin: 0 5px;position: relative;cursor: pointer;}
.home-video-thumb .home-video-thumb-item i{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 99;font-size: 2rem;color: rgb(255 0 0 / 73%);}
.home-video-thumb .home-video-thumb-item.slick-current i{display: none;}
.home-video-wp{position: relative;}
.home-video-wp i.fa-youtube{position: absolute;top: 50%;left: 50%; font-size: 3rem;transform: translate(-50%, -50%);color: rgb(255 0 0 / 73%);cursor: pointer;z-index: 99;}
.news-cus1{margin-bottom: 2rem;}
.news-cus1 h4,.news-cus1 h5{position: absolute;bottom: 21%;left: 15px;width: calc(100% - 30px);text-align: center;font-size: 1.8rem;font-weight: 700;color: var(--light);text-shadow: 2px 2px 2px rgb(51 51 51 / 72%);}
.news-cus1 h4{font-size: 1.8rem;}
.news-cus1 h5{font-size: 1rem;}
.partner-slide{margin: 4rem 0;}
.footer-top{background: #e8eeee;padding: 60px 0;}
.footer-top ul li a{color: var(--light);padding: 0;border-radius: 50%;display: block;margin: 0 0.3rem;font-size: 1.5rem;width: 50px;height: 50px;text-align: center;line-height: 50px;}
.footer-top ul li svg{width: 24px;height: 24px;}
.footer-top .footer-top-div{display: flex;justify-content: space-between;-ms-flex-align: center!important;align-items: center!important;}
.footer-top ul li.f-icon-facebook a{background: #3b5998}
.footer-top ul li.f-icon-zalo a{background: var(--blue)}
.footer-top ul li.f-icon-youtube a{background: #cd201f}
.footer-top ul li.f-icon-instagram a{background: #262626}
.footer-top ul li.f-icon-tiktok a{background: #69727d}
.fc-logo{text-align: center;}
.ft-email form{display: flex;}
.ft-email form button{padding: 0 2rem;color: var(--light);background: var(--color-main);border: 0;margin-left: .5rem;border-radius: 4px;}
.ft-email-text h3{font-size: 1rem;color: var(--color-main-bold);text-transform: uppercase;font-weight: 700;margin: 0;}
footer{background: #1a462f;}
.fc-logo img{height: 177px;}
.footer-center{padding-top: 3rem;color: var(--light);border-top: 5px solid #0f4e46;}
.fc-nav-ul h3{margin-bottom: 1rem;font-size: 1.2rem;text-transform: uppercase;}
.fc-nav-ul ul{padding-left: 0;list-style: none;margin-bottom: 0;line-height: 1.75;font-size: .85rem;}
.fc-nav-ul ul a,.footer-bottom p a{color: var(--light);}
.fc-dmca{margin: .5rem 0;}
.fc-dmca img{height: 45px;}
.footer-bottom{border-top: 1px solid var(--light);padding-top: 0.75rem;margin-top: 3rem;}
.footer-bottom p{margin-bottom: 0;text-align: center;color: var(--light);font-size: .75rem;}
.breadcrumb-main{background: var(--bg-main-green);padding: 4.5rem 0;}
.breadcrumb{display: block !important;background: transparent;margin-bottom: 0; border: 0;border-radius: 0;color: var(--light);padding: 0.75rem 0;font-size: 1rem;min-height: 72px;}
.breadcrumb a{color: var(--color-orange)}
.breadcrumb li{float: left;}
.breadcrumb-main-view .breadcrumb-item.active{clear: both;padding: 0;text-transform: uppercase;border-bottom: 1px solid;line-height: 1;margin-top: 0.75rem;font-size: 1.5rem;}
.breadcrumb-main-view .breadcrumb-item.active::before{content:''}
.breadcrumb-item.active,.breadcrumb-item.active::before{color: var(--light);}
.text-orange{color: var(--color-orange) !important;}
.pcp-header h2{margin-bottom: 0;font-size: 1.5rem;text-transform: uppercase;}
.pcp-header a{color: var(--light);text-transform: uppercase;font-weight: 400;}
.pcp-header a:hover{text-decoration:unset;}
.pv-product .pv-product--thumb{margin: 1.5rem 0;}
.pv-product{position: relative;}
.pv-product--thumb img,.pv-product--image img{border: 1px solid var(--color-e2e2e2);}
.pv-product--thumb img{cursor: pointer;opacity: .5;}
.pv-product--thumb img:hover,.pv-product--thumb .slick-current img{opacity:1;}
.zoom {display:inline-block;position: relative;}
.zoom img {display: block;}
.zoom img::selection { background-color: transparent; }
.btn-icon-zoom{position: absolute;top: 1.5rem;right: 1.5rem;color: var(--color-black);font-size: 1.3rem;z-index: 99;cursor: pointer;}
.btn-icon-zoom:hover{color: var(--color-black);}
.product-view{background: var(--white);padding-top: 2rem;border-bottom: 1px solid var(--color-e2e2e2);padding-bottom: 1rem;margin-bottom: 2rem;}
.pv-product-info h1{font-size: 2.5rem;line-height: 2.6rem;font-weight: 300;text-transform: uppercase;color: var(--bg-main-green);border-bottom: 3px solid;display: inline-block;}
.pv-product-des1{margin-top: 1rem;font-style: italic;color: var(--color-orange);font-size: 1em;}
.pv-product-info .rate a,.pv-product-info table a:hover{color: var(--bg-main-green);text-decoration:unset;}
.pv-product-info table,.pv-product-info table a,.pv-product-info .pv-product-des2{color: var(--color-gray);}
.pv-product-info .pv-product-des2{padding-top: 1rem;max-height: 338px;}
.pv-product-info .pv-product-des2 table{max-width: 100% !important;}
.pv-product-info table a{margin-right: .2rem;}
.pv-product-info table a::after{content:',';padding-left: .2rem;}
.pv-product-info table a:last-child::after{content:'';}
.pv-product-info .pro-price{font-size: 1.8rem;color: var(--color-orange);margin: 1.5rem 0 2rem;}
.pv-product-info .pro-price .pro-price-saleoff{color: var(--gray);font-size: .9em;text-decoration: line-through;margin-right: 0.5rem;}
.pv-product-info .pro-price .pro-price-sale{margin-left: 1rem;}
.pro-view-cart button.product-view-btn-addcart,.pro-view-cart button.product-view-btn-paycart{text-transform: uppercase;background: var(--color-main-bold);color: var(--light);border: 0;border-radius: 5px;margin-left: 1rem;padding: 0rem 1rem;}
.pro-view-cart button.product-view-btn-paycart{background: var(--color-orange);}
.pro-view-cart button.product-view-btn-addcart:disabled,.pro-view-cart button.product-view-btn-paycart:disabled{opacity: .6;}
.product-view-ctn{margin: 3rem 0;}
.product-view-ctn .nav-tabs{justify-content: center;}
.product-view-ctn .nav-tabs li button{text-transform: uppercase;border-color: var(--color-e2e2e2);font-size: 1rem;font-weight: 700;color: var(--gray);}
.product-view-ctn .nav-tabs li button.nav-link.active{color: var(--color-orange);background: var(--white);}
.product-view-ctn .tab-content{background: var(--white); border: 1px solid var(--color-e2e2e2);border-top: 0;padding: 2rem;}
.content img,.content table{max-width: 100% !important;}
.pvc-review{margin: 1rem 2rem;}
.pvc-review img{background: var(--color-e2e2e2);padding: 0.2rem;height: 39px;display: block;margin: 0;margin-right: 1rem;}
.pvc-review-post{background: var(--bg-main);padding: 2rem 0;}
.rating-wrapper {align-self: center;border-radius: 5rem;display: inline-block;direction: rtl !important;padding: 0;margin-left: auto;margin-top: .75rem;}
.rating-wrapper label {color: var(--color-cac9c9);cursor: pointer;display: inline-flex;font-size: 1.5rem;padding: 0 0.2rem;transition: color 0.5s;}
.rating-wrapper svg { -webkit-text-fill-color: transparent;-webkit-filter: drop-shadow 4px 1px 6px #c6ceed;filter: drop-shadow(5px 1px 3px #c6ceed);}
.rating-wrapper input {height: 100%;width: 100%;}
.rating-wrapper input {display: none;}
.rating-wrapper label:hover,.rating-wrapper label:hover ~ label,.rating-wrapper input:checked ~ label {color: var(--color-orange);}
.rating-wrapper label:hover,.rating-wrapper label:hover ~ label,.rating-wrapper input:checked ~ label {color: var(--color-orange);}
.m12{margin: 1rem 2rem;}
.pvc-review-div{color: var(--dark);font-size: 1rem;}
.btn-main{background: var(--bg-main-green);color: var(--light);padding: 0.375rem 2rem;text-transform: uppercase;}
.news-cat-item{display: flex;display: flex;margin-top: 2rem}
.news-cat-item .news-cat-item-img{box-shadow:4px 4px 5px rgb(0 0 0 / 57%); display: block;}
.news-cat-item .news-cat-item-img img{border-radius: 2px;max-width: 400px;}
.news-cat-item  .news-cat-item-info{margin-left: 2rem;}
.news-cat-item  .news-cat-item-info a{color: var(--color-main-bold);}
.news-page-view-h3{font-size: 1.5rem;color: var(--color-main-bold);font-weight: 500;}
.news-page-view-ul{padding-left: 0;margin-bottom: 0;list-style: none;}
.news-page-view-ul li a{color: var(--color-main-bold);line-height:1.5;}
.news-page-view-ul li::before{content:'+';padding-right: .2rem;}
.video-page{width: 900px;margin: 2rem auto;}
.font2rem{font-size: 2rem;}
.div-chat{position: fixed;bottom: 2rem;right: 1.5rem;z-index: 999;}
.div-chat li svg{height: 40px;}
.div-chat li i.fa-facebook-messenger{font-size: 2.4rem;}
.div-chat .icon-zalo-chat{background: var(--white);display: inline-block;border-radius: 50%;width: 60px;height: 60px;line-height: 60px;text-align: center;margin-bottom: 1rem;}
.div-chat .icon-fb-chat{color: var(--white);background: var(--color-orange);display: block;border-radius: 50%;width: 60px;height: 60px;line-height: 5.5;text-align: center;}
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .hb-menu-mobile{display: none;position: fixed;top: 0;left: 0;background: #FFF;z-index: 9999;height: 100% !important;width: 75%;box-shadow:1px 0px 2px 2px rgb(0 0 0 / 62%);padding: 1rem 1rem 2rem;overflow-y: auto;}
    body.mobile-showed{overflow-y: hidden;height: 100% !important;overflow-x: hidden;width: 100% !important;}
    body.mobile-showed .hb-menu-mobile,body.mobile-showed .hb-div-mobile{display: block;}
    .hb-div-mobile{display: none;background: rgb(0 0 0 / 75%);width: 100%;height: 100%;z-index: 200;position: fixed;top: 0;left: 0;}
    body.mobile-showed .header-bottom{position: unset;}
    body.mobile-showed .hb-menu-mobile .hb-menu{display: block;}
    body.mobile-showed .hb-menu-mobile .hb-menu li{line-height: 2;}
    body.mobile-showed .header-bottom .hb-menu > li > ul{position: unset;display: block;}
    body.mobile-showed .header-bottom .hb-menu > li > ul > li{border-bottom: none;}
    .header-bottom .hb-menu a{display: block;}
    .header-bottom .hb-menu > li > ul > li:hover{background:transparent}
    .header-bottom .hb-menu > li > a, .header-bottom .hb-menu > li:hover a{background-color: var(--color-main);color: var(--light);font-weight: 700;padding: 0.2rem 1rem;}
    .header-bottom .hb-menu > li > a > ul > a{background-color: transparent;color: var(--dark);}
    .hb-div .hb-r,.hb-search input,.hb-search{width: 100%;}
    .product-slide .slick-arrow.arrow-left, .news-slide .slick-arrow.arrow-left, .partner-slide .slick-arrow.arrow-left{left: -32px;}
    .product-slide .slick-arrow.arrow-right, .news-slide .slick-arrow.arrow-right, .partner-slide .slick-arrow.arrow-right{right: -32px;}
    .news-cus1 h4{font-size: 1.2rem;top: 50%;border: unset;transform: translateY(-50%);}
    .news-cus1 h5{font-size: 1em;bottom: 0;}
    .news-cat-item .news-cat-item-img img{width: 263px;}
    .content img,.content table{height: auto !important;}
}
@media (max-width: 767.98px)  {
    .hb-menu-mobile{display: none;position: fixed;top: 0;left: 0;background: #FFF;z-index: 9999;height: 100% !important;width: 100%;box-shadow:1px 0px 2px 2px rgb(0 0 0 / 62%);padding: 1rem 1rem 2rem;overflow-y: auto;}
    body.mobile-showed{overflow-y: hidden;height: 100% !important;overflow-x: hidden;width: 100% !important;}
    body.mobile-showed .hb-menu-mobile,body.mobile-showed .hb-div-mobile{display: block;}
    .hb-div-mobile{display: none;background: rgb(0 0 0 / 75%);width: 100%;height: 100%;z-index: 200;position: fixed;top: 0;left: 0;}
    body.mobile-showed .header-bottom{position: unset;}
    body.mobile-showed .hb-menu-mobile .hb-menu{display: block;}
    body.mobile-showed .hb-menu-mobile .hb-menu li{line-height: 2;}
    body.mobile-showed .header-bottom .hb-menu > li > ul{position: unset;display: block;}
    body.mobile-showed .header-bottom .hb-menu > li > ul > li{border-bottom: none;}
    .header-bottom .hb-menu a{display: block;}
    .header-bottom .hb-menu > li > ul > li:hover{background:transparent}
    .header-bottom .hb-menu > li > a, .header-bottom .hb-menu > li:hover a{background-color: var(--color-main);color: var(--light);font-weight: 700;padding: 0.2rem 1rem;}
    .header-bottom .hb-menu > li > a > ul > a{background-color: transparent;color: var(--dark);}
    .hb-div .hb-r,.hb-search input,.hb-search{width: 100%;}
    .product-slide .slick-arrow.arrow-left, .news-slide .slick-arrow.arrow-left, .partner-slide .slick-arrow.arrow-left{left: 0;}
    .product-slide .slick-arrow.arrow-right, .news-slide .slick-arrow.arrow-right, .partner-slide .slick-arrow.arrow-right{right: 0;}
    .news-cus1 h4{font-size: 1.2rem;top: 50%;border: unset;transform: translateY(-50%);}
    .news-cus1 h5{font-size: 1em;bottom: 0;}
    .news-cat-item .news-cat-item-img img{width: 100%;}
    .news-cat-item .news-cat-item-img{margin-bottom: 1rem;}
    .header-top{display: none;}
    .home-cat-pro .hcp-header .hcp-header-div, .cat-page .pcp-header .hcp-header-div{display: block;}
    .hcp-header-divright{display: flex;justify-content: end;}
    .home-video{margin-bottom: 1rem;}
    .footer-top-div ul.nav{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%; margin-bottom: 1rem;}
    .footer-top .footer-top-div,.pagination{-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .footer-top-div .ft-email{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .fc-logo img{height: auto;width: 100%;}
    .news-cat-item{display: block;}
    .pagination span a{margin-bottom: 0.5rem;}
    .content img,.content table{height: auto !important;}
    .pv-product-info h1{font-size: 1.5rem;}
    .product-view-ctn .tab-content{padding: 10px 15px;}
    .m12{    margin: 1rem 1rem;}
    .banner-slide .slick-arrow.arrow-left{left: 1rem;}
    .banner-slide .slick-arrow.arrow-right{right: 1rem;}
    .header-bottom .logo img {height: 35px;margin: 5px 10px;}
    #debug-kit-toolbar{display: none;}
    .ht-lang{padding-left: 0;}
}