/*RESET*/
*, *::before, *::after {box-sizing: border-box; line-height: inherit;}
@media (min-width: 576px) {
	.droopmenu-inner {
		max-width: 540px;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
}
@media (min-width: 768px) {
	.droopmenu-inner {
		max-width: 720px;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}
}

@media (min-width: 992px) {
	.droopmenu-inner {
		max-width: 960px;
		width: 100%;
		margin: 0 auto;
	}
}
@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: #ce9508; 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 blockquote {display: block; background: #fff; padding: 15px 15px 15px 30px; margin: 1em 0; position: relative; font-size: 16px; line-height: 1.3; color: #666; text-align: justify; border-left: 5px solid #ce9508; -moz-box-shadow: 2px 2px 15px #ccc; -webkit-box-shadow: 2px 2px 15px #ccc; box-shadow: 2px 2px 15px #ccc;}
/*.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,.html-content div {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: #FF0000;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:430px;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: #ce9508;}
.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;}
.itag {background: #ce9508;color: #fff;padding: 4px 5px;}
.tags {padding: 3px 5px;margin:2px;background: #dcdcdc;display: inline-block;}
.heading1{font-weight: 500;font-size: 28px;color:#000;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 #ce9508;position: relative;display:block;}
.TitH8 strong {position: absolute;display: block;top: 0;bottom: -2px;left: 0;text-transform:uppercase;}
.btn-contact{padding:11px 45px 9px;text-align:center;text-transform:uppercase;color:#fff;background-color: #ce9508;border:1px solid #ce9508;border-radius:4px;display: inline-block;transition: all 0.5s;}
.btn-contact:hover{color:#ce9508 !important; background-color:#fff;border:1px solid #ce9508;transition: all 0.5s;}
.header{font-size:24px;font-weight:normal;color:#ce9508;margin-bottom:17px;}
.header-form{text-transform: uppercase;color: #ce9508;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-next, .swiper-button-prev{width: 44px; height: 44px; border: 1px solid #ce9508; border-radius: 4px; background-size: 22px !important;}
.swiper-button-prev{ background: #ce9508 url(/images/icons/previous-white.png) no-repeat center;}
.swiper-button-next{ background: #ce9508 url(/images/icons/next-white.png) no-repeat center;}
.price{color:#FF0000;margin:11px 0 14px;font-weight:bold;}
.price1,.sale{font-size: 16px;font-weight:normal;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;}

.NewsSaleHome{display:flex;margin-bottom:7px;align-items:center;}
.icon-km{width:92px; height:51px;background:url(/images/icons/sale.jpg) no-repeat center;background-size:contain;margin-right:4px;}
.NewsSaleHome marquee{flex:1 0 150px;margin-left:10px;}
.tit-sale{display:inline-block;position:relative; color: #FF0000 !important;font-size:16px; font-weight:500; flex:1;}

.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%;}
/*=========================================================*/
.pnlSear{display:none;}
header{padding:5px 15px;display:flex;justify-content:space-between;align-items:center;}
header .header-phone li{color:#ce9508;font-weight:400;padding-left:20px;position:relative;display:inline-block;}
header .header-phone li a{font-weight:600;}
header .header-phone li a:hover{color:red;}
header .header-phone li.phone{margin-right:10px;}
header .header-phone li.phone:before{background:url(/images/icons/call-phone.png) no-repeat center;}
header .header-phone li.hotline:before{background:url(/images/icons/hotline.png) no-repeat center;}
header .header-phone li:before{content:'';position:absolute;width:16px; height:16px;left:0;top:calc(50% - 8px);background-size:contain !important;}
.header-search form{width: 300px;height: 24px;position: relative;font-size:12px;}
.header-search form:before{content:'';width:1px;height:14px;background:#ccc; position:absolute;right:31px; top:calc(50% - 7px);}
.header-search .search__field {width: 100%;height: 100%; padding: 2px 40px 2px 11px;border: 1px solid #ccc;border-radius: 5px;}
.header-search .search__submit {width: 30px;height: 24px; background: url(/images/icons/search.png)no-repeat center;background-size:14px;position: absolute;right: 0;top: 0; border: none;}
/*Navigation*/
/*.droopmenu-navbar:before {display: block;background: url(/images/icons/bg-menu.png);background-size:100% 100%;}*/

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

.droopmenu-header {height: 62px;margin-right:10px;}
/*.droopmenu li ul{}*/
.droopmenu li ul li a{padding:5px 5px 5px 15px;}
.droopmenu li > ul{width:230px;}
.droopmenu > li > a{color:#fff;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: #663300;}
.droopmenu>li.active>a{font-weight:bold;}
.droopmenu li li:hover > a,.droopmenu li li.active>a{background-color:#ce9508;color:#fff;}
.droopmenu li li a .droopmenu-indicator em:after{top:calc(50% - 9px);}
.droopmenu-inner{padding:0 15px;}
.droopmenu-extra{display:none;}
/*.droopmenu-extra .hotlineTop{background:#fff;position:relative;height:62px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#FF0000;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:24px;font-weight:500;padding-left:50px;position:relative;}
.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: #fff;	transform: skewX(25deg);z-index:-99;}
.droopmenu-extra .hotlineTop:after{content: '';position: absolute;top: 0;right: calc(552.5px - 50vw);background: #fff;display: block;width: calc(50vw - 552.5px);height: 100%;}*/

.droopmenu-row{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.droopmenu-col3, .droopmenu ul.droopmenu-grid ul.droopmenu-col3{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;float:none;}
.droopmenu .droopmenu-col li h4 a{color:#ce9508;font-weight:500;}
.droopmenu .droopmenu-col{margin-bottom:15px;}
.droopmenu .droopmenu-col li a{font-weight:400;}
.droopmenu .droopmenu-col ul li{padding-left:20px;position:relative;}
.droopmenu .droopmenu-col ul li:before{content:'';position:absolute;width:6px;height:6px;background:#ce9508;left:7px;top:calc(50% - 3px);border-radius:100%;}
.droopmenu .droopmenu-col li:hover  a, .droopmenu .droopmenu-col li.active  a{color:#663300;background:inherit;}

/*----------HomePage------------------*/
/*SlideHome*/
.slide-home {
	--ratio: 34.73%;
}
.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;}
.NewsInSlide{position:absolute;top:0;left:0;right:0;bottom:0;}
.NewInSlideBox{position:absolute;right:0;top:100px;width:270px;border:1px solid #dddd;background:#fff;z-index:9;}
.NewInSLideItem{padding:5px;border-bottom:1px solid #dddd;display:grid; grid-template-columns:1fr 2fr;--ratio:85%;grid-gap:5px;}
.NewInSLideItem:hover{background:#f3f3f3;}
.NewInSLideItem h3{font-size:11px;font-weight:500;margin-bottom:5px;max-height:26px;overflow:hidden;}
.NewInSLideItem p{font-size:11px;max-height:30px;overflow:hidden;}

.NewInSLideItem:last-of-type{border:none;}

.Support{padding:24px 0;}
.support-item{display:flex;}
.support-item img{height:42px;margin-right:20px;}
.support-item h3{font-weight: bold;font-size: 18px;line-height: 1.333;color: #ce9508;}

.NewsScroll{padding:10px;background:#fff;height:435px;align-self:center;border:1px dashed #ce9508;}
.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:30px 0 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(206, 149, 8, 0.7);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(4n-1){grid-column:1/2;}
.Content-Why:nth-child(4n){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 #ce9508;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;}
.VideosHomeLeft{padding:10px;border:1px dashed #ce9508;}
.VideosHomeLeft .title2{font-size:14px;font-weight:500;line-height:1.3;margin:10px 0;color: #ce9508;position:relative;padding-left:10px;max-height:19px;overflow:hidden;}
.VideosHomeLeft .title2:after{content:'';position:absolute;left:0;top:calc(50% - 1.5px); width:3px; height:3px;background:#ce9508;}
#VideoHome{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:13px;margin-bottom:44px;}
#VideoHome .item-video-1{--ratio:53%;}
#VideoHome .item-video-1 .title{margin-top:21px;max-height:46px;height:auto;}
#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:3px solid #ce9508;padding:30px 15px 20px;margin:20px 0 32px;border-radius:10px;box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;}
.FormAdvisory h2,.Custormer_Order h2{font-weight: 500;font-size: 24px;text-transform:uppercase;margin-bottom:15px;color:#663300; text-align:center;}
.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:100%;border:1px solid #ce9508;}
.product > a.frame-img--ratio{border-bottom:1px solid #ce9508;}
.product > a.frame-img--ratio img{object-fit:contain;}
.product figcaption{padding:18px 16px 12px;}
.product figcaption .sale{margin:0;}
.product .price, .product .price1, .product .sale{font-size:14px;}
.btn--buy{display:flex;align-items:center; justify-content:center; gap: 10px;padding:8px 20px;color:#fff !important;font-size:18px;font-weight:bold;text-transform:uppercase;text-align:center;background-color:#ce9508 ; cursor:pointer;}
.btn--buy:before{content: '';display: inline-block;background:url(/images/icons/cart.png) no-repeat center; width:30px; height:30px; background-size: contain;}
/*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: #ce9508;}
.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:#ce9508;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 7px;}
.ListProducts .product figcaption p ,.ListProducts .product figcaption p span {font-size:11px;}
.ListProducts .btn--buy{padding:8px 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 #ce9508;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:#ce9508;color:#fff;text-align:center;padding:20px 0 25px;margin-bottom:25px;}
.slide-customer{position:relative;}
.Customer .heading1{color:#fff;}
.Customer .heading1:before,.Customer .heading1:after{background-color:#663300;}
.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:#ce9508;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:#ce9508;}
.slide-certification{--ratio:129.63%;/*padding-left:0;*/}
.tit-similar{border-top: 1px solid #ccc;font-size: 18px;color: #ce9508;padding:10px 0;font-weight:500;text-transform:uppercase;}
.new-item--sml{padding-left:20px;position:relative;color:#FF0000;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 #0a7cff;}
.product-head{font-size: 24px;font-weight:500;color:#ce9508;}

.proSub{padding:20px 15px; border: 1px solid #ce9508; margin:24px 0 16px; position:relative;}
.proSub h6{display:inline-block; font-size: 18px; text-transform: uppercase; font-weight: 700; padding: 0 10px; color: #ce9508; background: #fff; position: absolute; top: -11px; left: 50%;transform:translateX(-50%); white-space: nowrap;}
.proSub li{display:flex;align-items:center;margin-bottom:10px;}
.proSub li input{margin-top:0;margin-right:5px;cursor:pointer;}
.proSub li label{display:flex;justify-content:space-between;cursor:pointer;flex:1;align-items:center; margin:0; gap:5px;}
.proSub li label > span{font-weight: 400;font-size: 16px;line-height: 19px;color:#000;}
.proSub li label .subTit{flex:1;}
.proSub li label span.price{font-weight: 500;font-size: 20px;line-height: 23px;color: #FF0000;text-align:right; margin: 0; white-space: nowrap;}

.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{display: inline-flex;background-color:#E65100; border-radius:6px;	margin-bottom:14px;margin-right:5px; font-weight:500; padding: 8px 12px; gap: 5px; height:46px;}
.pro-right .btn--buy:before{width:24px;height:24px;}
.pro-right .btn-shop{padding:8px 10px; border: 1px solid #E65100; border-radius:6px;height:46px; margin-right: 5px;}
.pro-right .btn-shop img{height:100%;}
.pro-right .price-wrap{display:flex; flex-wrap: wrap; align-items: center; margin-bottom:10px;}
.pro-right .price-wrap .price, .pro-right .price-wrap .price1,.pro-right .price-wrap .sale{margin: 0 10px 0 0; line-height:53px;}
.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;}

.quantity-wrap{display:flex; align-items: center; padding:0 15px; margin:16px 0; flex-wrap: wrap;}
.quantity-wrap label{margin-left:10px; margin-bottom:0; cursor: pointer;}
.quantity-wrap .total{font-size: 15px ;line-height: 37px;border: 1px solid #E7E7E7;border-radius: 3px;padding: 5px 0;margin: 0 40px 0 10px ;display:inline-flex; }
.quantity-wrap .total .sub{background: url(/images/icons/minus.png) no-repeat center;border: none;padding: 0 25px;cursor: pointer; background-size: 13px 13px;}
.quantity-wrap .total .sum{background: url(/images/icons/plus.png) no-repeat center;border: none;padding: 0 25px;cursor: pointer;background-size: 13px 13px;}
.quantity-wrap .hotline{font-size:24px; font-weight:bold; color:#ff0000;padding-left:35px; position:relative; margin:16px 0;}
.quantity-wrap .hotline:before{content: ''; position:absolute;left:0; top:50%; transform: translateY(-50%); width:24px; height:24px; background: url(/images/icons/telephone.png) no-repeat center; background-size: contain;}

#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:100%;}
#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:#ce9508;border-color:#ce9508;}
#ContactPage .btn-contact:hover{background:#fff;color:#ce9508 !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:#ce9508;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:#FF0000;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:before{background:#e6b02a}
footer *{color:#fff !important;}
footer{margin-top:30px;}
.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 #FF0000; background: #FF0000; 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 #fefefe;text-align:center;}
#MenuFooter li{display:inline-block;padding:0 10px;position:relative;}
#MenuFooter li:before {content: '';position: absolute;border-right: 1px solid #fefefe;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;}

.cartPro img{height:100px;width:100px;object-fit:contain;}
.cartPro h3{font-size:18px; font-weight:500; }
.cartPro h3 a{color:#ce9508;}
.cartPro p{margin:7px 0;}

.Chat-List{position:fixed;z-index:99999;bottom: 110px;right:22px;}
.Chat-List li a {display: block;width: 44px;height: 44px;border-radius: 50%;text-indent: -9999px;margin-top: 10px;}
.Chat-List li.zalo a{background: url(/images/icons/zalo-icon.png) center center no-repeat;background-size: 100%!important;}
.Chat-List li.call-phone{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: 1200px) {
	.hideOverflowOnMobile {
		overflow: hidden;
	}
	.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:35px;}
.droopmenu-offcanvas .droopmenu-nav{width:80%;background: linear-gradient(to right, #ce9508, #e04c4c);}
.droopmenu-offcanvas.dmoffright .droopmenu-nav{right:-80%;}
.droopmenu li ul{width:auto;}
.droopmenu li ul li a{padding-left:45px;color:#fff;background:#ce9508;}
.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:#9a6f03 !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; padding:0 ; margin: 0;}
.dmsticky{position: sticky;width: 100%;top: 0;}

.droopmenu .droopmenu-grid-container{padding:10px;background:#fffae6;}
.droopmenu-col3, .droopmenu ul.droopmenu-grid ul.droopmenu-col3{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;width:100%;}
.droopmenu .droopmenu-col li a{background:#fffae6;}
.droopmenu .droopmenu-col ul li a{color:#2C2C2C;}
}
@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,.NewsInSlide{display:none;}
	.Chat-List li.call-phone{display:block;}
	.support-item p{font-size:13px;}
}
@media(max-width: 992px){
	#VideoHome{grid-template-columns:1fr; grid-gap:20px;}
	#VideoHome .heading1{grid-column:1/2;}
	.border-box{margin-bottom:24px;}
	.tl-pdl-15{padding-left:15px !important;}
	.box-content{margin-bottom:16px;max-height:inherit;overflow:inherit;height:auto;}
	#SideBar{padding-left:15px;margin-top:16px;}
	.header-search{display:none;}
	.droopmenu-extra{display:block;height: 50px;display: flex;align-items: center;right:85px;}
	.droopmenu-extra .btn-search{height: 40px;width: 40px;background: #9a6f03 url(/images/icons/bg-sear.png) no-repeat center;border-radius: 4px;}
	.btn-search.open {background: #fff url(/images/icons/close-icon-large.png) no-repeat center;}
	.pnlSear.open {display: flex;}
	.pnlSear { height: 40px;line-height: 40px;border: 1px solid #ddd; width: 100%; margin-right: 0;background: #fff;position: absolute; top: 100%;left: 0;right: 0; z-index: 99999;display: none;}
	.pnlSear input {border: none; outline: none;padding: 0 5px;height: 100%;width: 85%;}
	.pnlSear .btnS {width: 15%;background: url(/images/icons/bg-sear.png) no-repeat center #9a6f03;cursor: pointer;}
}

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

}


@media(max-width: 575px){
	.hideOverflowOnMobile {
		overflow: hidden;
	}
	header{align-items:flex-start;}
	.swiper-button-next, .swiper-button-prev{width: 24px; height: 24px; background-size: 16px !important;}
	.phone span, .hotline span{display:none;}

	.Content-Why {
		margin-bottom: 15px;
	}
	.droopmenu-header{margin-right:0;}
	#ProductSummary,.Why,.ListProducts,.Advice,#ContentPage .new{display:block;}
	.support-item,#VideoHome .item-video-1{margin-bottom:16px;}
	.pro-left,.product{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;}
	
	.ListProducts .product figcaption{padding:18px 16px 12px;}
	.ListProducts .product figcaption p, .ListProducts .product figcaption p span{font-size:14px;}

	.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;}
	#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%;}
	.icon-km{width:40px; height:20px;}
}