/*RESET*/
*, *::before, *::after {box-sizing: border-box; line-height: inherit;}
@media (min-width: 1135px) { 
	.container{ max-width: 1135px; width: 1135px;}
	.droopmenu-inner { max-width: 1135px; width: 1135px;}
}
a, a:visited {color: inherit; text-decoration: none; transition: .2s all;}
a:hover, a:focus {color: #304428; text-decoration: none;}
button, button:hover, button:focus {border: none; outline: none;}
ul, p {margin: 0; padding: 0;}

li{list-style:none;}
.frame-img { display: block; overflow: hidden; font-size: 0;}
.frame-img--ratio{display: block; position: relative; padding-top: var(--ratio); width: 100%; overflow: hidden;font-size: 0;}
.frame-item--ratio {display: block; position: relative; padding-top: var(--ratio); overflow: hidden;}
.frame-img--ratio img {position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100% ; height: 100%; object-fit: cover;}
.hover-zoom:hover { -webkit-transform: scale(1.2); transform: scale(1.2);}
.hover-zoom { -webkit-transform: scale(1); transform: scale(1); transition: .2s all ease-in;}
img {max-width: 100%;}
iframe {max-width: 100% !important;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: normal;}
figure {margin: 0;}
button {cursor: pointer;}
.form-group {margin-bottom: 0;}
*:focus {outline: none;}
.fancybox-container {font-family: inherit;}
.new-content__summary{font-weight:700;line-height:1.72;color:#696969;text-align:left;font-size:18px;margin:1em 0;}
.html-content {text-align: left; font-size: 16px;}
/*.html-content *{font-family:Roboto !important;}*/
.html-content h1,.html-content h2,.html-content h3,.html-content h4,.html-content h5,.html-content h6,.html-content table{margin: 16px 0 ; font-size: 16px;}
.html-content p,.html-content ul {margin: 1em 0 ; }
/*.html-content ul {padding-left: 25px;}*/
.html-content img {max-width: 100%; height: auto !important;}
.html-content ul {padding-left: 15px;}
.html-content li{list-style:inherit;}
.html-content a {color: #fc882a;font-weight:500;}
.html-content a:hover{color:#FF0000;}
.mb45{margin-bottom:45px;}
.aligncenter{display:block;margin:0 auto;}
.border-box{padding:10px;border:1px solid #9C9C9C;border-radius:5px;}
.scrollbar{height:365px;overflow-y:scroll;}
.scrollbar::-webkit-scrollbar {width: 8px;background-color: #F5F5F5;}
.scrollbar::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #fc882a;}
.scrollbar::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
.cus-item{padding:5px 0;}
b, strong {font-weight: bold;}
.video-thumb {position: relative;display: block;}
.video-thumb:before {content: "";display: block;width: 61px;height: 70px;z-index: 1;position: absolute;top: calc(50% - 35px);left: calc(50% - 30.5px);background: url(/images/icons/play.png) no-repeat center center;background-size: contain;opacity:.8;transition:.3s;}
.video-thumb:hover:before{opacity:1;}
.ctn-w-bg {position: relative; overflow: visible; }
.ctn-w-bg::before {content: ""; position: absolute; top: 0; bottom: 0;left: calc(50% - 50vw); right: calc(50% - 50vw); z-index: -2;background-size: cover;}
.img-bckgr {display:block; height: 100%; width: 100vw; max-width: 100vw; object-fit: cover;position: absolute; left: calc(50% - 50vw); right: calc(50% - 50vw);top: 0; z-index: -2;}
body {font-family: 'Roboto', Arial, Tahoma, sans-serif; font-size: 16px; line-height: 1.333;color: #000; padding: 0; margin: 0; overflow-x: hidden;font-weight:300;}
.heading1{font-weight: 500;font-size: 28px;color:#304428;text-transform:uppercase;position:relative;text-align:center;padding-bottom:6px;margin-bottom	:28px;}
.heading1:before {content: '';position: absolute;width: 73px;height: 3px;background-color: #E65100;bottom: 0;z-index: 4;left: calc(50% - 36.5px);border-radius: 1.5px;}
.heading1:after {content: '';position: absolute;width: 136px;height: 1px;background-color: #E65100;bottom: 1px;left: calc(50% - 68px);z-index: 3;}
.TitH8 {font-size: 18px;line-height: 40px;height: 40px;border-bottom: 2px solid #8F080C;position: relative;display:block;}
.TitH8 strong {position: absolute;display: block;top: 0;bottom: -2px;left: 0;border-bottom: 2px solid #E65100;text-transform:uppercase;}
.btn-contact{padding:11px 45px 9px;text-align:center;text-transform:uppercase;color:#fff;background-color: #872d25;border:1px solid #872d25;border-radius:4px;display: inline-block;transition: all 0.5s;}
.btn-contact:hover{color:#E66700 !important; background-color:#fff;border:1px solid #E66700;transition: all 0.5s;}
.header{font-size:24px;font-weight:500;color:#304428;margin-bottom:17px;}
.header-form{text-transform: uppercase;color: #fc882a;font-weight: normal;margin-bottom: 30px;}
.title{font-size:18px;display:block;height: 46px;overflow: hidden;line-height:1.333;font-weight:500;}
.desc{display:block;text-align:left;height:85px;overflow:hidden;font-size:16px;}
.time-new{position:relative;padding-left:22px;margin:11px 0;display:inline-block;font-size:14px;line-height:16px;}
.time-new:before{content:'';background:url(/images/icons/clock.png) no-repeat center center;width:16px;height:16px;top:calc(50% - 8px);left:0;position:absolute;}
.swiper-button-prev{left:7%;opacity:.6;}
.swiper-button-next{right:7%;opacity:.6;}
.swiper-button-prev:hover,.swiper-button-next:hover{opacity:1;transition:all 3s;}
.price{color:#FF0000;margin:11px 0 14px;font-weight:bold;}
.price1,.sale{font-size: 16px;font-weight:normal;margin-bottom:14px;margin: 0 10px 0 0; margin-bottom: 14px;}
.price1 span{text-decoration:line-through;font-weight: 500;}
.sale-off{font-weight: bold;font-size: 12px;line-height: 14px;color: #FF0000;margin:0;}
.sale span{font-weight:500;}
.pro-right .price{text-align:left;}
.sale-home{font-size:16px;color:#ff0000;font-weight:500;position:relative;padding-left:65px;margin-top:20px;display:inline-block;}
.sale-home:before{content:'';position:absolute;top:0;left:0;width:60px;height:30px;background:url(/images/icons/sale.jpg)no-repeat center center;background-size:cover;}
.views{padding-left:24px;position:relative;display:inline-block;margin-left:13px;}
.views:before{content:'';position:absolute;left:0;top:calc(50% - 8px);width:16px;height:16px;background:url(/images//icons/views.png) no-repeat center center;background-size:100% 100%;}
/*=========================================================*/
header{padding:10px 15px;display:none;}
header a{color:red;font-weight:600;padding-left:25px;position:relative;}
header a:before{content:'';position:absolute;width:16px; height:16px;left:0;top:calc(50% - 8px);background:url(/images/icons/telephone.png) no-repeat center;}
/*Navigation*/
/*.droopmenu-navbar:before {display: block;background: url(/images/icons/bg-menu.png);background-size:100% 100%;}*/

.droopmenu-navbar{box-shadow:none;background:#f8f6f0f2;}

.droopmenu-header {height: 62px;margin-right:10px;}
/*.droopmenu li ul{}*/
.droopmenu li ul li a{padding:12px 5px 13px 15px;}
.droopmenu li > ul{width:230px;}
.droopmenu > li > a{color:#304428;padding:0 15px;}
.dm-nav-brand a, .droopmenu-brand, .droopmenu > li > a, .droopmenu > li > span {line-height: 62px;height: 62px;}
.droopmenu-brand{margin:0;}
.dm-nav-brand a img, .droopmenu-brand img {height:54px;display:block;top:calc(50% - 27px);}
/*.droopmenu-inner{padding:0 15px;}*/
.droopmenu > li{font-family:"Roboto", Arial, Tahoma, sans-serif;font-size:16px;}
.droopmenu li:hover > a,.droopmenu>li.active>a {color: #304428;}
.droopmenu>li.active>a{font-weight:bold;}
.droopmenu li li:hover > a,.droopmenu li li.active>a{background-color:#fc882a;color:#fff;}
.droopmenu li li a .droopmenu-indicator em:after{top:calc(50% - 9px);}
.droopmenu-inner{padding:0 15px;}
.droopmenu-extra .hotlineTop{background:#7e984e;position:relative;height:62px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#FFF;text-align:center;font-family:"Roboto", Arial, Tahoma, sans-serif;}
.droopmenu-extra .hotlineTop p{font-size:14px;font-weight:500;padding-left:50px;}
.droopmenu-extra .hotlineTop a{font-size:18px;font-weight:500;padding-left:50px;}
.droopmenu-extra .hotlineTop a:before{content:'';position:absolute;width:48px;height:48px;background:url(/images/icons/phone.png)no-repeat center center;bottom:7px;left:-3px;}
.droopmenu-extra .hotlineTop:before{content: '';position: absolute;z-index: 2;top: 0;left: -15px;width: 30px;height: 62px;background: #7e984e;	transform: skewX(25deg);z-index:-99;}
.droopmenu-extra .hotlineTop:after{content: '';position: absolute;top: 0;right: calc(552.5px - 50vw);background: #7e984e;display: block;width: calc(50vw - 552.5px);height: 100%;}
/*----------HomePage------------------*/
/*SlideHome*/
.slide-home{--ratio: 31.2577%;}
.slide-pro-home .swiper-button-next,.slide-news-home .swiper-button-next{right:0;opacity:0; transition:all .3s;}
.slide-pro-home .swiper-button-prev,.slide-news-home .swiper-button-prev{left:0;opacity:0; transition:all .3s;}
.slide-pro-home:hover .swiper-button-next,.slide-pro-home:hover .swiper-button-prev,.slide-news-home:hover .swiper-button-next,.slide-news-home:hover .swiper-button-prev{opacity:1;}
.Support{padding:24px 0;}
.support-item{display:flex;}
.support-item img{height:68px;margin-right:20px;}
.support-item h3{font-weight: bold;font-size: 18px;line-height: 1.333;color: #304428;}

.NewsScroll{padding:10px;background:#fff;height:427px;align-self:center;border:1px dashed #fc882a;}
.NewsScroll .scrollbar{height:100%;}
.NewsScroll .title{margin:0 0 5px !important;height:48px !important;}
.NewsScroll .desc{height:65px}
.NewsScroll .scrollbar .new .frame-img{height:115px;max-width:165px;}
.NewsScroll .scrollbar .new:not(:last-child){margin-bottom:10px;}
.NewsScroll .scrollbar .new{padding-bottom:10px;}
.Why-1{margin-bottom:45px;}
/*.Why:not(:first-of-type){display:block;}*/
.Why{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:15px;position:relative;grid-gap:45px 15px;margin-bottom:45px;}
.img-bckgr{display: block;height: 100%;width: 100%;max-width: 100%;position: absolute;top: 0;left:0;z-index: -2;}
.Content-Why:before{background-color: rgba(60, 60, 61, 0.53);content: '';display: block;height: 100%;position: absolute;width: 100%;top:0;bottom:0;left:0;right:0;z-index:-1;}
.Content-Why{z-index:9;color:#fff;padding:10px;position:relative;}
.Content-Why h3{font-weight: 500;font-size: 24px;margin-bottom:30px;}
.Content-Why p{margin:14px 0;}
.Content-Why{grid-column:1/3;}
.Content-Why:nth-child(3n-1){grid-column:1/2;}
.Content-Why:nth-child(3n){grid-column:2/3;}
/*.Why img:last-child{z-index:9;max-width:392px;border-radius:18px;}*/
#ContentHome{margin-bottom:35px;}
#VideoHome .heading1{grid-column:1 / 3;}
.box-content{border:1px dashed #fc882a;max-height:716.85px;height:100%;overflow:hidden;padding:0 10px;}
.box-content h3{font-weight: 500;font-size: 20px;color:#000;margin:14px 0;}
.box-content p{font-weight: 300;font-size: 16px; margin:14px 0;}
#SectionNewsHome{--ratio:85.82%;}
.new_article_item,slide-news-home{position:relative;}
.new_article_item h3{position: absolute;left: 0;right: 0;bottom: 0;background: rgba(51, 51, 51, 0.42);padding: 8px 4px 6px;color: #fff;font-size: 16px;line-height: 1.333;}
.new_article_item h3 a{display: block;height: 43px;overflow: hidden;}
.new_article_item h3 a:hover{color:#fff;}
#VideoHome{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:13px;margin-bottom:44px;}
#VideoHome .item-video-1{--ratio:59.6%;}
#VideoHome .item-video-1 .title{margin-top:21px;}
#VideoHome .item-video-2{--ratio:59.44%;display:grid;grid-template-columns:143px minmax(0,auto);grid-column-gap:13px;margin-bottom:15px;}
#SectionContact{border:1px solid #000;padding:30px 15px 20px;margin:20px 0 32px;}
.FormAdvisory h2,.Custormer_Order h2{font-weight: 500;font-size: 24px;text-transform:uppercase;margin-bottom:15px;}
.Custormer_Order h2{text-align:center;}
/*.clockdiv {color: #fff;text-align: center;font-size: 30px;margin:26px 0 46px;}
.clockdiv > div {padding: 5px 6px;border-radius: 6px;background: #25B367;display: inline-block;}
.clockdiv div > span {padding:5px 10px;border-radius: 6px;background: #187644;display: block;}
.smalltext {padding-top: 5px;font-size: 13px;}
.timer-quick > .jst-days, .timer-quick > .jst-hours, .timer-quick > .jst-minutes, .timer-quick > .jst-seconds, .jst-clearDiv {display: none !important;}*/
.FormAdvisory form input,.FormAdvisory form textarea,.FormAdvisory form select{display:block;width:100%;padding:9px 11px;border:1px solid #9C9C9C;border-radius:3px;margin:16px 0;}
.FormAdvisory form input:focus,.FormAdvisory form textarea:focus,.FormAdvisory form select:focus{border-color:#218cbf;}
.capcha{position:relative;}
.capcha img{position:absolute;top:0;right:0;height:100%; }
.capcha input{padding-right:100px!important;}
.product{--ratio:67.56%;border:1px solid #fc882a;}
.product > a.frame-img--ratio{border-bottom:1px solid #fc882a;}
.product .title{color:#304428;}
.product figcaption{padding:18px 16px 12px;}
.product figcaption .sale{margin:0;}
.btn--buy{display:block;padding:8px 50px;background:url(/images/icons/cart.png) no-repeat left #079C0D;color:#fff !important;font-size:18px;font-weight:bold;text-transform:uppercase;text-align:center;background-position-x:50px;}
/*MainPage*/
#MainPage{min-height:500px;margin-bottom:18px;}
.breadCrumb{font-size: 16px;font-weight: normal;padding:8px 0 11px 0; margin-bottom:8px;}
.breadCrumb:before{border-bottom:1px solid #D2D2D2;}
.breadCrumb li{display: inline-block;}
.breadCrumb li:not(:first-child)::before{content: "/";margin: 0.25rem;}
.breadCrumb li a{transition: all .3s;}
.breadCrumb li a:hover,.breadCrumb li.active a{color: #304428;}
.new{display:flex;padding-bottom:17px;border-bottom:1px solid #B8B8B8;}
.new:not(:last-child){margin-bottom:24px;}
.new .frame-img{flex:1 0 256px;}
.new .frame-img{height:176px;max-width:256px;object-fit:cover;}
.new .frame-img img{width:100%;height:100%;object-fit:cover;}
.new .new-info{padding-left:16px;}
.new .new-info .title{font-size:18px;height:18px;margin:7px 0 16px;color:#304428;font-weight:bold;max-height:48px;height:inherit;}
.ListProducts{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;}
.ListProducts .title{font-size:16px;height:40px;}
.ListProducts .product figcaption{padding:12px;}
.ListProducts .product figcaption p ,.ListProducts .product figcaption p span {font-size:12px;}
.ListProducts .btn--buy{padding:8px 22px;background-position-x:22px;font-size:16px;}
#PageWrap .Support{grid-template-columns:repeat(2,1fr);}
.Advice{display:grid;grid-template-columns:minmax(0,auto) 318px;margin:30px 0 44px;border:1px dashed #fc882a;padding:0 15px; grid-column-gap:10px;}
.Advice > img{align-self:center;}
/*.Advice .html-content{margin-top:50px;}*/
.Advice .html-content h3{margin-bottom:30px;font-size:20px;}
.Customer{background:#000;color:#fff;text-align:center;padding:20px 0 25px;margin-bottom:25px;}
.slide-customer{position:relative;}
.Customer .heading1{color:#fff;}
.Customer img{width:93px;height:93px;border-radius:100%;margin-bottom:14px;}
.Customer .Cname{font-size:16px;font-weight:500;}
.Customer .Cadress{font-size:12px;font-weight:300;margin-bottom:9px;}
.Customer .Cdesc{font-size:14px;font-weight:300;width:80%;margin:0 auto;}
.List-Videos{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:27px 20px;--ratio:61.61%;}
.video-title{font-weight: bold;margin-top:16px;}
#FormContact{padding:62px 48px 45px;border:1px solid #777777;margin-top:54px;position:relative;}
#FormContact h4{display:inline-block;position:absolute;font-size:16px;font-weight:500;color:#fff;background:#872d25;padding:4px 12px;top:-13.6px;left:99px;}
.form-group { margin-bottom: 14px; }
.form-group label {font-size: 16px; margin-bottom: 8px; letter-spacing: 0.5px;font-weight: bold; display: block; text-align: left;}
.form-control {display: block; height: 34px; padding: 6px 12px; width: 100%;font-size: 14px; line-height: 1.42857143;color: #555; background-color: #fff;border: 1px solid #ccc; border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
input.form-control,textarea.form-control { border-radius: 0; height: 40px; }
textarea.form-control { height: auto; padding: 10px; }
.form-control::-webkit-input-placeholder { color: #999; }
.form-control:focus {border-color: #167aef; box-shadow: none;}
/*#OrderPopUp{width:700px;}*/
#OrderPopUp .header-form{margin-bottom:18px;}
/*--PageDetail--*/
.descN{margin:16px 0; font-weight:bold;color:#fc882a;}
.slide-certification{--ratio:129.63%;/*padding-left:0;*/}
.tit-similar{border-top: 1px solid #ccc;font-size: 18px;color: #fc882a;padding:10px 0;font-weight:500;text-transform:uppercase;}
.new-item--sml{padding-left:20px;position:relative;color:#304428;margin-bottom:10px;font-size:14px;font-weight:normal;}
.new-item--sml:before{content:'';position:absolute;height:4px;width:4px;left:8px;top:8px;background:#FF0000;}

/*============================*/
#ProductSummary{/*display:grid;grid-template-columns:repeat(2,1fr);grid-gap:33px;*/margin-bottom:60px;}
#ProductSummary .frame-img--ratio img{filter:none;}
#ProductSummary img.xactive{border:1px solid #304428;}
.product-head{font-size: 24px;font-weight:500;color:#304428;}


.pro-summ{color: rgb(85, 85, 85);border-bottom:1px solid #ebebeb;margin-bottom:18px;line-height: 1.64;}
.pro-right .product-price{margin-bottom:36px;}
.pro-right .btn-contact{border:1px solid #6cb0ff;color:#fff;}
.pro-summ ul li{list-style-type:disc;list-style-position:outside;}
.pro-right .btn--buy{padding:8px 10px 8px 44px;display: inline-flex;align-items: center;text-align: center;background-color:#E65100;background-position-x:5px;border-radius:6px;margin-bottom:14px;margin-right:10px;height:46px;}
.pro-right .btn-shoppe{background: #187644;color: #fff;padding: 0 10px;border-radius: 6px;font-size:16px;font-weight:500;height: 60px;display: inline-flex;align-items: center;text-align: center;padding-left: 45px !important;position: relative;margin-bottom: 14px;line-height: 1.3;cursor: pointer;}
.pro-right .btn-shoppe:before{
	content: '';
    width: 30px;
    height: 30px;
	    background: url(/images/icons/shopee-icon.png) no-repeat center;
    position: absolute;
    left: 8px;
    top: calc(50% - 15px);
    background-size: contain;
}
.pro-right .price strong{color: #fa2a06;font-size: 35px;text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 3px 3px 5px #333;display: inline-block;margin-right: 10px;}
#ProductSummary .xzoom {
	box-shadow: none;
	cursor: pointer;
}
#ProductSummary .spotlight {min-height: 350px;position: relative;display: flex;align-items: center;justify-content: center;margin-bottom:10px;border:1px solid #000;}
.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 {
	border: 1px solid #ccc;
	margin-left: 0;
	margin-bottom: 0px;
}
#ProductSummary .spotlight img {width: 100%;}
#ProductSummary .frame-img--ratio{padding-top:20%;}
#ProductSummary .frame-img--ratio img{object-fit:contain;}
#ProductSummary .xzoom-thumbs{margin-bottom:0;padding: 0 5px 8px 5px;position: relative;left: -5px;margin-right: -10px;}
.IntroDt{padding:15px;border:1px solid #ccc;border-top:none;margin-bottom:16px;}

/*==============================*/

#ContactPage .btn-contact{padding:6px 120px;background:#872d25;border-color:#872d25;}
#ContactPage .btn-contact:hover{background:#fff;color:#fc882a !important;}

/*--SideBar--*/
#SideBar{padding-left:0;}
.Hotline-Aside{padding:17px 0;border-bottom:1px solid #B4B4B4;}
.Hotline-Aside li{position:relative;padding-left:73px;margin-bottom:20px;}
.Hotline-Aside li:before{content:'';position:absolute;}
.Hotline-Aside li:first-child:before{width:61px;height:61px;top:calc(50% - 30.5px); left:6px;background:url(/images//icons/phone-side.png)no-repeat center center;}
.Hotline-Aside li:last-child:before{width:26px;height:40px;top:calc(50% - 20px);left:23.5px;background:url(/images//icons/local-side.png)no-repeat center center;}
.Hotline-Aside li h4,.Hotline-Aside li a{font-weight:bold;font-size:14px;}
.Hotline-Aside li a{color:#A4030B}
.Hotline-Aside li p{font-weight:300;font-size:14px;}
.side-top{padding:4px 5px;background: #FFFFFF;box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.25);margin-bottom:12px;}
.side-bar{background: #FFFFFF;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);border-radius: 5px;}
.side-bar .FormAdvisory{padding:18px 5px 20px;}
.side-bar .FormAdvisory h2{font-size:18px;text-align:center;}
.side-bar .FormAdvisory p{font-size:12px;}
.side-bar .FormAdvisory .clockdiv{font-size:25px;margin-bottom:32px;}
.side-bar .FormAdvisory .clockdiv > div > span{padding:5px;}
.side-bar .FormAdvisory form input,.side-bar .FormAdvisory form textarea,.side-bar .FormAdvisory form select {margin:10px 0;}
.side-bar .FormAdvisory form .btn-contact{width:100%;border-radius:0;}
.list-news-side{padding:0 5px;}
.heading--aside{font-weight: 500;font-size: 14px;color:#fff;padding:7px 8px;background:#304428;margin-bottom:7px;}
.new-aside{display:flex;padding-bottom:5px;--ratio:72.26%;}
.new-aside:not(:last-child){border-bottom:1px solid #B7B7B7;margin-bottom:10px;}
.new-aside .frame-img{height: 78px;max-width: 100px;object-fit: cover;flex:1 0 100px;}
.new-aside .new-info{padding-left:10px;}
.new-aside .new-info .title{font-size:16px;font-weight:500;color:#304428;height:44px;}
.new-aside .new-info .desc{font-size:14px;font-weight:300;height:38px;}
.new-aside .frame-img img{width:100%;height:100%;}
.QC-Right a{display:block;margin-bottom:6px;}
.QC-Right img{width:100%;}
footer{}
.supportBottom{position:relative;margin-bottom:40px;}
.supportBottom:before{background:rgba(37, 179, 103, 0.12);}
#lbl_Pagination {font-size: 0;display:block;text-align:right;margin:40px 0 20px;}
#lbl_Pagination a {
  display:inline-block; padding: 9px 11px; border: 1px solid hsl(0, 0%, 92%);
  font-size: 12.267px;  line-height: 1; transition: all .2s;
}
#lbl_Pagination a:not(:last-child) {margin-right: 10px;}
#lbl_Pagination .cpage, #lbl_Pagination a:hover, #lbl_Pagination a:focus { border: 1px solid #872d25; background: #872d25; color: white; }
.scrollTop {position: fixed;right: 25px;bottom: 50px;-webkit-transition: background .25s ease-in-out,opacity .25s ease-in-out,bottom .25s;-moz-transition: background .25s ease-in-out,opacity .25s ease-in-out,bottom .25s;transition: background .25s ease-in-out,opacity .25s ease-in-out,bottom .25s;opacity: 0;width: 44px;height: 44px;margin: 0;padding: 0;border: none;border-radius: 50%;background: #4c5b5c;z-index:99999;display:inline-block;}
.scrollTop:before {-webkit-transform: rotate(-45deg) translateY(-50%);-moz-transform: rotate(-45deg) translateY(-50%);-ms-transform: rotate(-45deg) translateY(-50%);-o-transform: rotate(-45deg) translateY(-50%);transform: rotate(-45deg) translateY(-50%);left: 10px;}
.scrollTop:after {-webkit-transform: rotate(45deg) translateY(-50%);-moz-transform: rotate(45deg) translateY(-50%);-ms-transform: rotate(45deg) translateY(-50%);-o-transform: rotate(45deg) translateY(-50%);transform: rotate(45deg) translateY(-50%);right: 10px;}
.scrollTop:after, .scrollTop:before {position: absolute;top: 50%;-webkit-transition: background .25s ease-in-out;-moz-transition: background .25s ease-in-out;transition: background .25s ease-in-out;width: 16px;height: 3px;border-radius: 3px;background: #fff;content: "";}
.scrollTop:hover{background-color:rgb(0, 139, 218);}
#MenuFooter{padding:11px 0;border-top:1px solid #000;text-align:center;}
#MenuFooter li{display:inline-block;padding:0 10px;position:relative;}
#MenuFooter li:before {content: '';position: absolute;border-right: 1px solid #000;top: 50%;width: 1px;right: 0;height: 13px;transform: translateY(-50%);}
#MenuFooter li:last-child:before{border-right:none;}
#copyright{padding:17px 15px;font-weight:300;font-size:18px;background-color:#C4C4C4;text-align:center;}
.SearchWrap form{display:none;}

.call-phone{position:fixed;z-index:99999;bottom: 60px;left:10px;display:none;}
.phone_animation {background-color: transparent;margin: 0;cursor: pointer;z-index: 200000!important;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);-webkit-transition: visibility .5s;-moz-transition: visibility .5s;-o-transition: visibility .5s;transition: visibility .5s;visibility: visible;
}
.phone_animation_circle_fill_img {width: 44px;height: 44px;top: 0;left: 0;position: absolute;background: rgb(100,188,70) url(/images/icons/iconphone.png) no-repeat center center;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%; border: 2px solid transparent;-webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;transform-origin: 50% 50%;background-color: red;background-size: 70%;
}
@-moz-keyframes coccoc-alo-circle-anim{0%{-moz-transform:rotate(0) scale(.5) skew(1deg);opacity:.1;-moz-opacity:.1;-webkit-opacity:.1;-o-opacity:.1}30%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5}100%{-moz-transform:rotate(0) scale(1) skew(1deg);opacity:.6;-moz-opacity:.6;-webkit-opacity:.6;-o-opacity:.1}}
    @-webkit-keyframes coccoc-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}
    @-o-keyframes coccoc-alo-circle-anim{0%{-o-transform:rotate(0) kscale(.5) skew(1deg);-o-opacity:.1}30%{-o-transform:rotate(0) scale(.7) skew(1deg);-o-opacity:.5}100%{-o-transform:rotate(0) scale(1) skew(1deg);-o-opacity:.1}}
    @-moz-keyframes coccoc-alo-circle-fill-anim{0%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-moz-transform:rotate(0) -moz-scale(1) skew(1deg);opacity:.2}100%{-moz-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
    @-webkit-keyframes coccoc-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
    @-o-keyframes coccoc-alo-circle-fill-anim{0%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-o-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-o-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
    @-moz-keyframes coccoc-alo-circle-img-anim{0%{transform:rotate(0) scale(1) skew(1deg)}10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}50%{-moz-transform:rotate(0) scale(1) skew(1deg)}100%{-moz-transform:rotate(0) scale(1) skew(1deg)}}
    @-webkit-keyframes coccoc-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}
    @-o-keyframes coccoc-alo-circle-img-anim{0%{-o-transform:rotate(0) scale(1) skew(1deg)}10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}50%{-o-transform:rotate(0) scale(1) skew(1deg)}100%{-o-transform:rotate(0) scale(1) skew(1deg)}}

@media(max-width: 1025px){
	img{max-width:100% !important;}
	.Support,.Why{grid-template-columns:repeat(2,1fr);}
	.ListProducts{grid-template-columns:repeat(3,1fr);}
	.new-aside .frame-img{max-width:40%;flex:1 0 40%;}
	.new-aside .new-info .desc {height:95px;}
	/*.btn--buy{text-align:center;}*/
	.droopmenu-extra .hotlineTop{display:none;}
	.call-phone{display:block;}
}
@media(max-width: 992px){
	.category{display:none;}
	.droopmenu>li>a{height:50px;line-height:50px;color:#fff;}
.droopmenu>li>a .droopmenu-indicator{line-height:50px;}
.droopmenu li li a .droopmenu-indicator{line-height:50px;}
.droopmenu-offcanvas .droopmenu-nav{width:80%;background: linear-gradient(to right, #fc882a, #e04c4c);}
.droopmenu-offcanvas.dmoffright .droopmenu-nav{right:-80%;}
.droopmenu li ul{width:auto;}
.droopmenu li ul li a{padding-left:45px;color:#fff;background:#fc882a;}
.droopmenu li ul li ul li a{padding-left:75px;}
.droopmenu li li a .droopmenu-indicator em:after{top:0;}
.droopmenu>li.active>a{background:#fff;}
.droopmenu-toggle{top:calc(50% - 20px) !important;background:#304428 !important;}
.droopmenu-extra .droopmenu > li > a{color:#000;height:30px;line-height:30px;}
.droopmenu-toggle i:after, .droopmenu-toggle i:before {background: #ffffff;height:2px;}
.droopmenu-brand{height:50px;}
.droopmenu-brand img{height:40px;top:calc(50% - 20px);}
.droopmenu-header{height:50px;}
.dmsticky{position: sticky;width: 100%;top: 0;}
}

@media(max-width: 769px) {
	.ListProducts{grid-template-columns:repeat(2,1fr);}
	.new-aside .frame-img{height:165px;}
	

}
@media(max-width: 575px){
	header{display:block;}
	.Content-Why{margin-bottom:15px;}
	.droopmenu-header{margin-right:0;}
	#ProductSummary,.Why,#VideoHome,.ListProducts,.Advice,#ContentPage .new{display:block;}
	.support-item,#VideoHome .item-video-1{margin-bottom:16px;}
	.pro-left,.product,.border-box{margin-bottom:24px;}
	.new-aside .frame-img{height:96px;}
	.new-aside .new-info .desc {height:56px;}
	#ContentPage .new .frame-img{max-width:100%;height:60vw;}
	#SideBar{padding-left:15px;margin-top:16px;}
	.box-content{margin-bottom:16px;max-height:inherit;overflow:inherit;height:auto;}
	.mb-pdl-15{padding-left:15px !important;}
	table{width:100%;max-width:100%;}
	.slide-home{--ratio:45%;}
	.slide-home .frame-img--ratio img{object-fit:inherit;}
	.scrollbar::-webkit-scrollbar{width:4px;}
	.Support{display:none;}
	.sale-home{margin-bottom:24px;}
	#OrderPopUp{padding:20px;}
	#OrderPopUp .header-form{font-size:24px;margin-bottom:14px;}
	#SectionContact{padding:20px 0;}
	.NewsScroll .scrollbar .new .frame-img{max-width:115px;}
	#FormContact{padding:30px 15px;}
	#ContactPage .btn-contact{padding:6px 20px;width:100%;}
}
 /* Hero Section */
        .hero {
            margin-top: 85px;
            padding: 7rem 0;
            background: linear-gradient(135deg, var(--warm-cream) 0%, rgba(74, 124, 89, 0.08) 50%, rgba(46, 82, 102, 0.06) 100%);
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: -25%;
            right: -20%;
            width: 900px;
            height: 900px;
            background: radial-gradient(circle, rgba(46, 82, 102, 0.12) 0%, transparent 65%);
            border-radius: 50%;
            animation: zenFloat 25s ease-in-out infinite;
        }

        .hero::after {
            content: '';
            position: absolute;
            bottom: -15%;
            left: -15%;
            width: 700px;
            height: 700px;
            background: radial-gradient(circle, rgba(74, 124, 89, 0.1) 0%, transparent 65%);
            border-radius: 50%;
            animation: zenFloat 30s ease-in-out infinite reverse;
        }
/*============  VUI  ==============*/
.khungviendutmaucam { border: 1px dashed #47c7e4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; position: relative; padding: 10px;  margin: 20px 0;}
.khachhang { border: 1px dashed #47c7e4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; position: relative; padding: 10px;  margin: 20px 0; background:#379538;}
.btn-dky {color:#fff;text-shadow: #000 0.1em 0.1em 0.2em; display:inline-block; height:35px; width:175px;line-height:30px;padding-left:20px; overflow:hidden;background:url(icon-dang-ky-ngay.gif)no-repeat left center;}
.btn-dky:hover {color:#fff200}

.hotro {
    background-image: url(/images/images/lien-he/bg-support.jpg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
	padding-top: 15px;}
.trieuchung {
    display: inline-block;
    padding-left: 30px;
	height:30px;
    background: url(/images/images/icon/Giai%20Phap.png)no-repeat left;
}
.table_fb {
    background-color: #ecf0f5;
    color: #3b5998;
    font-size: 12px;
    text-align: left;
    width: 100%;
    margin: 15px 0;
    clear: both;
}
.img-fb {
    display: block;
    width: 100%;
    max-height: 100px;
    overflow: hidden;
	padding: 0 20px;
}
.tit-fb {
    font-size: 13px;
    color: #3b5998;
    clear: both;
    display: inline-block;
    max-height: 38px;
    overflow: hidden;
}
.like_fb {
    display: inline-block;
    padding: 0 15px;
    background: url(/images/icon/icon-like.png)no-repeat left center;
}
.cmt_fb {
    display: inline-block;
    padding: 0 15px;
    background: url(/images/icon/icon-cmt.png)no-repeat left center;
}
.share_fb {
    display: inline-block;
    padding: 0 15px;
    background: url(/images/icon/icon-share.png)no-repeat left center;
}
.table_fb strong {
    display: inline-block;
    max-height: 38px;
    overflow: hidden;
}
.btn-fb {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid red;
    color: red;
    border-radius: 5px;
}
.pro-right .btn-shop {
    padding: 12px 10px;
    border: 1px solid #E65100;
    border-radius: 6px;
    height: 46px;
    margin-right: 5px;
}
.pro-right .btn-shop img{ height: 28px;max-width: 86px;}   
.price-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
}