/* Synced from wp-theme style.css: product/news list + sidebar + pagination (onacasting theme base lacked these). */
.qng-products-shop-main #cbp-vm.qng-shop-product-vm.cbp-vm-view-grid .cbp-vm-options{display:none!important}
.qng-shop-product-grid-wrap{display:grid;gap:30px;align-items:stretch;width:100%;box-sizing:border-box}
.qng-shop-product-grid-wrap.qng-shop-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.qng-shop-product-grid-wrap.qng-shop-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.qng-shop-product-grid-wrap.qng-shop-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.qng-shop-product-grid-wrap>ul.qng-shop-product-grid{display:contents!important;margin:0!important;padding:0!important;list-style:none!important;text-align:inherit!important}
.qng-shop-product-grid-wrap ul.qng-shop-product-grid::before,
.qng-shop-product-grid-wrap ul.qng-shop-product-grid::after{content:none!important;display:none!important}
.qng-products-shop-main #cbp-vm ul.qng-shop-product-grid>li{float:none!important;width:auto!important;max-width:none!important;display:block!important;padding:0!important;margin:0!important;vertical-align:unset!important;list-style:none;min-width:0;text-align:inherit!important}
.qng-shop-product-grid-wrap .qng-shop-product-card.column{position:relative;min-width:0;display:flex;flex-direction:column;box-sizing:border-box;min-height:100%;background:#fff;border:1px solid #eee;border-radius:20px;box-shadow:0 5px 20px 5px rgba(0,0,0,.08);padding:20px 18px 22px;transition:box-shadow .35s ease,border-color .35s ease}
.qng-shop-product-grid-wrap .qng-shop-product-card.column:hover{border-color:#fff;box-shadow:0 5px 20px 5px rgba(0,0,0,.15)}
.qng-shop-card-media{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0;flex:0 0 auto}
.qng-shop-product-grid-wrap a.image{flex:0 0 auto;width:100%;aspect-ratio:1/1;min-height:0;display:block;overflow:hidden;position:relative;margin-top:0;background:var(--qng-surface-soft,#f9fcff)}
.qng-shop-product-grid-wrap .qng-news-post-card a.image,
.qng-home-news-section .qng-shop-product-grid-wrap a.image{
	aspect-ratio:16/10;
	min-height:0;
}
.qng-shop-card-thumbs-scroll{
	overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;
	scrollbar-width:thin;padding:0 0 2px;box-sizing:border-box;
}
.qng-shop-card-thumbs-scroll::-webkit-scrollbar{height:5px}
.qng-shop-card-thumbs-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}
.qng-shop-card-thumbs-inner{display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:6px;align-items:center;vertical-align:top}
.qng-shop-card-thumb{
	flex:0 0 auto;width:44px;height:44px;padding:0;margin:0;border:1px solid #e5e7eb;border-radius:8px;background:#fff;
	cursor:pointer;overflow:hidden;box-sizing:border-box;line-height:0;transition:border-color .2s ease,box-shadow .2s ease;
}
.qng-shop-card-thumb:hover{border-color:#cbd5e1}
.qng-shop-card-thumb.is-active{border-color:#04498C;box-shadow:0 0 0 1px rgba(4,73,140,.22)}
.qng-shop-card-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.qng-shop-product-grid-wrap a.image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:transform .5s ease}
.qng-shop-product-grid-wrap .qng-news-post-card a.image img,
.qng-home-news-section .qng-shop-product-grid-wrap a.image img{
	object-fit:cover;
}
.qng-shop-product-grid-wrap .qng-shop-product-card:hover a.image img{transform:scale(1.05)}
.qng-shop-product-grid-wrap .wrap{flex:1 0 auto;display:flex;flex-direction:column;padding:16px 8px 14px!important;text-align:center;position:relative}
.qng-shop-product-grid-wrap .title{flex:0 1 auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px!important;font-size:16px!important;line-height:1.45!important;font-family:'Microsoft YaHei','PingFang SC','Helvetica Neue',Helvetica,Arial,sans-serif!important;color:#111!important;min-height:4.5em;max-height:none!important;height:auto!important}
.qng-shop-product-grid-wrap .title:hover{color:#04498C!important;text-decoration:none}
.qng-shop-product-grid-wrap .more{position:relative!important;left:auto!important;bottom:auto!important;opacity:1!important;margin-top:auto;margin-left:auto;margin-right:auto;width:100%;max-width:280px;display:block!important;height:42px;line-height:42px;padding:0 18px;text-align:center;background:#095fa8!important;color:#fff!important;font-size:13px;letter-spacing:1px;font-family:'poppins-semibold',sans-serif;text-transform:uppercase;border-radius:50px;text-decoration:none!important;box-sizing:border-box}
.qng-shop-product-grid-wrap .more:hover{background:#e07d00!important;color:#fff!important}
.qng-shop-product-grid-wrap .more i{display:inline-block;margin-left:6px;width:28px;height:28px;border-radius:50%;vertical-align:middle;margin-top:-2px}
.qng-shop-product-card--empty{text-align:center;padding:24px 12px}
.qng-news-list-main .qng-shop-product-grid-wrap .qng-news-post-card a.image{
	aspect-ratio:16/10;
	min-height:0;
}
.qng-news-list-main .qng-shop-product-grid-wrap .qng-news-post-card a.image img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}
.qng-news-list-main .qng-shop-product-grid-wrap .wrap{text-align:left!important;align-items:stretch!important}
.qng-news-list-main .qng-shop-product-grid-wrap a.title{min-height:0!important;margin-bottom:0!important}
.qng-news-list-main .qng-shop-product-grid-wrap .title,
.qng-news-list-main .qng-shop-product-grid-wrap a.title{
	font-size:inherit!important;
	font-weight:inherit!important;
}
.qng-news-list-main .qng-news-post-date{display:block;font-size:11px;line-height:1.35;color:#999;text-transform:uppercase;letter-spacing:0.06em;margin:0 0 8px}
@media only screen and (max-width:1199px){
	.qng-shop-product-grid-wrap.qng-shop-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media only screen and (max-width:991px){
	.qng-shop-product-grid-wrap{gap:20px}
	.qng-shop-product-grid-wrap.qng-shop-cols-3,
	.qng-shop-product-grid-wrap.qng-shop-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media only screen and (max-width:576px){
	.qng-shop-product-grid-wrap.qng-shop-cols-2,
	.qng-shop-product-grid-wrap.qng-shop-cols-3,
	.qng-shop-product-grid-wrap.qng-shop-cols-4{grid-template-columns:1fr}
}
 
.page_banner{
	background:#fff;
	text-align:center;
	overflow:hidden;
	position:relative;
	width:100%;
	max-width:100%;
	box-sizing:border-box;
}
body > .page_banner{
	align-self:stretch;
	width:100%;
	max-width:none;
}
.page_banner:not(.qng-fenbanner) img{
	display:block;
	width:100%;
	max-width:none;
	height:auto;
	object-fit:contain;
	object-position:center center;
}
.select-modal#modal-lan:not(.select-show){
	pointer-events:none !important;
}
.select-modal#modal-lan.select-show{
	pointer-events:auto !important;
}
body.qng-body-news-single .height,
body.page-template-static-news_page .height{
	min-height:0;
	height:0;
	max-height:0;
}
body.qng-body-news-single .page_banner.qng-page-banner,
body.page-template-static-news_page .page_banner.qng-page-banner{
	position:relative;
	z-index:1;
}

/* News single: keep document scrollable (avoid mobile nav overlay / nested overflow traps). */
body.qng-body-news-single{
	overflow-x:hidden;
	overflow-y:auto !important;
	height:auto !important;
	min-height:100vh;
	-webkit-overflow-scrolling:touch;
	touch-action:pan-y;
}
body.qng-body-news-single .page_section,
body.qng-body-news-single .page_column,
body.qng-body-news-single .page-right,
body.qng-body-news-single .news_detail_info{
	overflow:visible !important;
	max-height:none !important;
}
body.qng-body-news-single .qng-news-detail-shell .resp-tabs-container,
body.qng-body-news-single .qng-news-detail-shell .resp-tabs-container .text,
body.qng-body-news-single .qng-news-detail-shell .resp-tabs-container .text .content,
body.qng-body-news-single .page-right .inside-article,
body.qng-body-news-single .page-right .entry-content{
	overflow:visible !important;
	max-height:none !important;
	height:auto !important;
}
@media screen and (max-width:991px){
	body.qng-body-news-single .header-navigation:not(.navigation-open){
		pointer-events:none !important;
	}
}
   
   

.breadcrumb{font-size:12px;border-radius:0;text-transform:capitalize;text-align:left;margin:0;color:#808080;padding: 0;width:100%;z-index:5;left: 0;bottom: 0; background:var(--qng-page-bg,#fff);   position: relative}  
.breadcrumbm{display: flex; align-items: center; justify-content: space-between; padding: 10px 0}
.breadcrumb .breadcrumbm.qng-breadcrumb--right-only{justify-content:flex-end}
.breadcrumb .breadcrumbm.qng-breadcrumb--right-only .bread_right{text-align:right;width:100%}
.breadcrumb .breadcrumbm.qng-breadcrumb--trail-left{justify-content:flex-start}
.breadcrumb .breadcrumbm.qng-breadcrumb--trail-left .bread_right{
	text-align:left;width:100%;max-width:100%;
}
.breadcrumb .in_title{  position: relative; z-index: 99; padding: 0 }
.breadcrumb .in_title span{margin: 0;padding-left: 0;}
.breadcrumb .in_title span:after{ margin:12px 0 0 }
.breadcrumb .bread_right{padding-top:0;line-height:20px;font-size:14px;color:#808080;position: relative;z-index: 5;text-align:center;}
.breadcrumb .bread_right > i{margin:0 5px;display:inline-block;color:#808080;   font-size: 12px}
.breadcrumb a.home i{margin-right:5px;}
.breadcrumb a{color:#808080;font-size:14px;text-transform: capitalize;display: inline-block; vertical-align: middle;}
.breadcrumb a:hover{color:#109bdc;}
.breadcrumb h2{margin:0;display:inline-block;padding:0;font-size:14px;line-height:22px;max-width:300px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;color:#808080; vertical-align: middle;font-weight: normal; }



.page_section{    position: relative;
    z-index: 15; 
    padding-top: 0;       background: none;}
.page_aboutW{ }	
 
.page_column{border-radius:0px;padding:70px 0 60px; position:relative; }
 
.page_section .in_title2 span{ font-size:40px; line-height:40px}
.page_section .in_title2 span:after{ margin-top:18px}
 
.single-page .text{font-size:14px;line-height:28px;}
.single-page .text img{max-width:100%;height:auto;}
.single-page .text a:hover{color:#109bdc;}
.single-page .text ul{padding-left:20px;}


.page_info_title h6{display:inline-block;margin:0;font-size:36px;color:#333;text-transform:capitalize;line-height:42px;position:relative;}
.single_con_left{padding-left:0;padding-right:50px;}

 

@media only screen and (max-width: 1499px) {
	.breadcrumb .bread_right{    padding: 12px 0 10px;}
	.breadcrumb{    padding: 20px 0 0;}
}
 
@media only screen and (max-width: 1299px) {
	.breadcrumb .container{ padding: 0 15px}
	.page_column{ padding: 40px 0 60px}
}
 
@media only screen and (max-width: 992px) {
	 .page_banner{margin-top: 0;} 
	.breadcrumb{  padding: 10px 0 0; margin-top: 0;}
	.breadcrumb .bread_right{ text-align: center}
	.breadcrumb .breadcrumbm.qng-breadcrumb--trail-left .bread_right{text-align:left}
	.breadcrumb .container{padding: 20px 10px 0px; }
	.page_title{ margin-bottom:15px} 
	.breadcrumb:after{width: initial; left: 15px; right: 15px}
	.page_column{ padding: 30px 0 40px}
.breadcrumb .in_title{ text-align: center}
	.breadcrumb .in_title span{ padding: 0 60px}
	.breadcrumb .in_title span:before{ display: block}
}

@media only screen and (max-width: 768px) {
  .breadcrumb{  margin-bottom: 0;}
	.page_section  .in_title span{ font-size:32px}
	.page_title span{ font-size:32px; line-height:30px;}
	.page_section{    position: relative; z-index: 15;  padding-top: 0;  background: #fff}
}

@media only screen and (max-width: 495px) {
	.breadcrumb .in_title span{ padding: 0 25px}
	
	
}
 
/*left*/
.page-left{width:24%;float:left;margin-top:0;}
.left_title{display:block;position:relative;margin-bottom:10px;border-radius:0; }
.left_title em{ display:block;position:relative;z-index:1;color:#333;font-size:24px; padding:0 0 5px; text-transform:capitalize;     font-family: 'PlayfairDisplay-Bi';}
 
.left-cat .left_title{margin-bottom:0; }
.left-cat .left_title em{color:#333; }

.left_title .column_icon_toggle {display: none;}
.left-cat{  padding:25px 20px 5px; background: #fff;border-radius: 0; border-top: 3px solid #109bdc;
    box-shadow: 0 5px 20px 1px rgb(0,0,0,0.1);
  }
.left-cat .left_title>span i.icon:before{content:"\f0ca";font-family:FontAwesome;}
.left-cat .left_title:before,.left-cat .left_title:after{display:none;}
ul.mtree{opacity: 1;margin-left: 0;border:none;padding:5px 0;border-radius:0 0 0 0;background:#fff;}
@media (min-width: 993px) {
	.page_section .left-cat .block_content.toggle_content,
	.page_section .left-pro .block_content.toggle_content{
		display:block!important;
		height:auto!important;
		max-height:none!important;
		overflow:visible!important;
		opacity:1!important;
		visibility:visible!important;
	}
}
.page_section .left-cat ul.mtree{opacity:1!important;}
.page_section .left-cat ul.mtree li ul a,
.page_section .left-cat ul.mtree ul li a,
.left-cat ul.mtree li ul a,
.left-cat ul.mtree ul li a{color:#2a3542!important;}
.page_section .left-cat ul.mtree > li.mtree-node > a,
.page_section .left-cat ul.mtree > li:not(.mtree-node) > a{color:#2a3542!important;}
.page_section .left-cat ul.mtree > li:not(.mtree-node):hover > a{color:#0856a0!important;}
.page_section .left-cat ul.mtree > li.mtree-node.mtree-closed:hover{background:var(--qng-surface-hover,#eef6ff);}
.page_section .left-cat ul.mtree > li.mtree-node.mtree-closed:hover > a{color:#0856a0!important;}
.page_section .left-cat ul.mtree > li.mtree-node.mtree-open{
	background:linear-gradient(180deg,#0c5aa6 0%,var(--main-color) 48%,#074a87 100%);
	border-radius:8px 8px 0 0;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.page_section .left-cat ul.mtree > li.mtree-node.mtree-open > a{
	color:#fff!important;
	font-weight:600;
}
.page_section .left-cat ul.mtree.transit > li.mtree-open > b:before,
.page_section .left-cat ul.mtree .mtree-level-1 li.mtree-open > b:before{
	color:rgba(255,255,255,.95)!important;
}
.left-cat ul.mtree a:hover{color:#0c5aa6!important;}
.page_section .left-cat ul.mtree > li.mtree-node.mtree-open:hover > a{color:#fff!important;}
ul.mtree>li {list-style: none; position:relative;}
.page_section .left-cat ul.mtree li.mtree-node > b,
.left-cat ul.mtree li.mtree-node > b{
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:40px;
	z-index:12;
	cursor:pointer;
	display:block;
	margin:0;
	padding:0;
	font-weight:normal;
	border:none;
	background:transparent;
	pointer-events:auto;
}
.page_section .left-cat ul.mtree li.mtree-node > a,
.left-cat ul.mtree li.mtree-node > a{
	padding-right:44px!important;
	position:relative;
	z-index:1;
}
ul.mtree>li>a{font-size:15px;padding:10px 0 10px 0;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;padding-right:30px;border-bottom:1px solid #e5e5e5;display: flex;align-items: center;text-transform: capitalize; }
ul.mtree>li>a img{max-width: 32px;margin-right:5px;}
ul.mtree>li:last-child >a{border-bottom:none;}
ul.mtree>li>a p{margin: 0;padding-left:5px;}
ul.mtree>li>a span{max-width:36px;min-width:36px;}
ul.mtree a {display: block;font-size:12px; color:#555555;-moz-transition: all 0s;-o-transition: all 0s;-webkit-transition: all 0s;transition: all 0s;padding:10px 0;line-height:22px; padding-right:30px;}
ul.mtree li ul a{ padding:6px 10px; padding-right:30px;}

ul.mtree.transit > li.mtree-open>b:before,
ul.mtree .mtree-level-1 li.mtree-open>b:before{
	content:"\f106";font-family:FontAwesome;font-size:18px; color:#109bdc; font-style:normal;  position:absolute;  right:0; top:0; width:30px; height:42px; text-align:center;z-index:99;display: flex;align-items: center;justify-content: center;
}
ul.mtree .mtree-level-1 li.mtree-open>b:before{color:#109bdc;height: 40px;}

ul.mtree.transit li.mtree-closed>b:before,
ul.mtree .mtree-level-1 li.mtree-closed>b:before {
	content:"\f107";font-family:FontAwesome; font-size:18px; color:#333; font-style:normal;  position:absolute;  right:0; top:0; width:30px; height:100%;text-align:center;z-index:99;display: flex;align-items: center;justify-content: center;
}
ul.mtree.transit > li:hover.mtree-closed>b:before{color:#109bdc;}

ul.mtree li ul a li a{ padding-left:20px;}
ul.mtree>li:hover>a{ color:#109bdc; }
ul.mtree>li.mtree-node a ul a{ font-size:12px;}
ul.mtree>li.mtree-open{padding-bottom:0;}
ul.mtree>li.mtree-open>a{ color:#109bdc;}
ul.mtree>li.mtree-node:hover>a{color:#109bdc;}
ul.mtree>li.mtree-open:hover>a{color:#109bdc;}
ul.mtree .mtree-level-1 li.mtree-closed>span{color:#109bdc;text-decoration:none;}

ul.mtree ul {border:none;margin-bottom:10px;}
ul.mtree ul li{list-style:none; position:relative;padding-bottom:0;}
ul.mtree ul li a{display:block;color:#333;font-size:14px;border-bottom:1px solid #ebebeb;}
ul.mtree>li>ul>li>a{ font-size:14px !important;font-weight:normal;position:relative;transition:all .5s;padding-top:8px;padding-bottom:8px;padding-left:15px;padding-right:0;background:var(--qng-page-bg,#fff);}
ul.mtree>li>ul>li:nth-child(2n+2)>a{background:var(--qng-surface-soft,#f9fcff);}
ul.mtree>li>ul>li>a:hover{color:#109bdc;text-decoration:none; } 
.page_section .left-cat ul.mtree > li > ul{
	background:var(--qng-surface-soft,#f9fcff);
	border:1px solid #d4e2f0;
	border-top:none;
	border-radius:0 0 8px 8px;
	padding:2px 0 6px;
	margin:0 0 12px;
	box-sizing:border-box;
}
.page_section .left-cat ul.mtree > li > ul > li > a{
	background:var(--qng-page-bg,#fff)!important;
	border-bottom:1px solid #e2eaf4!important;
	color:#2a3542!important;
}
.page_section .left-cat ul.mtree > li > ul > li:nth-child(2n+2) > a{
	background:var(--qng-surface-soft,#f9fcff)!important;
}
.page_section .left-cat ul.mtree > li > ul > li > a:hover{
	background:#fff!important;
	color:#0c5aa6!important;
}
ul.mtree>li>ul>li>a:before{content:'';width:3px;background:#109bdc;height:100%;position:absolute;left:-10px;top:0;transform: scaleX(0);transform-origin: 0 0 0;transition: all 0.4s ease 0s;}
ul.mtree>li>ul>li>a:hover:before{opacity:1;visibility:visible;transform:scaleX(1);}

ul.mtree>li>ul>li>a i{ color:#ccc; font-size:12px; margin-right:10px; margin-left:6px;}
ul.mtree>li>ul>li>a:before{content:"";}
ul.mtree ul li:hover a{color:#109bdc;}
ul.mtree li ul li.mtree-open a{color:#109bdc;text-decoration:none; }
ul.mtree .mtree-level-2{ margin-top:0px; border:none; padding:0px; margin-bottom:0; border-bottom:1px solid #eee;padding:5px;}
ul.mtree .mtree-level-2 li:last-child a{border-bottom:none;}
ul.mtree li ul.mtree-level-2 li a{color:#333;font-weight:normal;font-size:14px; padding-left:10px; }
ul.mtree li ul.mtree-level-2 li a:before{
	content:'';
	width: 4px;
    height: 4px;
    background-color: #d9d9d9;
    display:inline-block;
	vertical-align: middle;
    margin-right:5px;
    border-radius:50%;
}
ul.mtree .mtree-level-2 li a:hover{text-decoration:underline;color:#109bdc;font-weight:normal;}
ul.mtree .mtree-level-2 li a:hover:before{background:#109bdc;}
ul.mtree.jet ul {margin-left: 0;}
ul.mtree.jet li {margin-bottom: 1px;}
ul.mtree.jet li:last-child {margin-bottom: 0px;}
ul.mtree.jet li:first-child {margin-top: 1px;}
ul.mtree.jet li.mtree-active a {background: #e5e5e5;}
ul.mtree.jet li.mtree-active li:last-child > a {border-radius: 0px 0px 3px 3px;}
ul.mtree.jet li.mtree-active > a {background: #109bdc;color: #FFF; border-radius: 3px 3px 0px 0px;}
ul.mtree.jet li > a:hover { background: #109bdc;color: #FFF;}
ul.mtree.jet a { padding: 5px 0px 5px 1em;}
ul.mtree.jet li li > a { padding-left: 2em;}
ul.mtree.jet li li li > a {padding-left: 3em;}
ul.mtree.jet li li li li > a {padding-left: 4em;}
ul.mtree.jet li li li li li > a {padding-left: 5em;}
ul.mtree a:hover{text-decoration:none;}
.mtree-skin-selector{ display:none!important;} 

.page_more{ font-size:13px;text-transform:uppercase;color:#000000; font-family: 'poppins-semibold';display: inline-block;line-height: 24px;position: relative;z-index: 2;margin-top: 10px;transition:all .5s;}
.page_more:hover{text-decoration: none;}
.page_more i{ font-size: 16px;  margin-left: 9px}
.page_more:hover i {animation: scroll_right_anim 1.5s infinite;background-position: 0px 0px;}

@-webkit-keyframes spin{
	from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin{
	from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}

.left-adv{margin-top:30px;width:100%;background:var(--qng-surface-soft,#f9fcff);background-size:cover;text-align: center;border-radius:0;position:relative;overflow:hidden;}
.left-adv .main{position:relative;left:0;top:0;padding:50px 30px 50px 30px;z-index:2;text-align: left;}
.left-adv .icon{width: 60px;height:60px;margin:0;display: inline-flex;justify-content: center;align-items: center;border-radius:50%;position:relative;z-index: 3;background:#fff;}
.left-adv .icon:before{content:'';position:absolute;left:-10px;top:-10px;right:-10px;bottom:-10px;border-radius:50%;filter:alpha(opacity=2);-moz-opacity:0.2;opacity:0.2;background: #fff;z-index: -1;}
.left-adv .icon i{width:36px;height:36px;background: none; background-size:100%;display: inline-block;}
.left-adv .main .title{font-size:26px;line-height:40px;color:#fff;text-transform: capitalize;margin-top:30px;margin-bottom:10px;display:block;font-family:'poppins-semibold';}
.left-adv .main .title:hover{text-decoration:none;}
.left-adv .main .text{font-size:12px;color:#fff;line-height:24px; margin-bottom:15px} 
 


/*hot_pro*/
.left-pro{margin-top:30px;border: 1px solid #e5e5e5; padding:25px 10px 5px; background: #fff}
.left-pro ul{padding-top:15px;}			
.left-pro ul li{background:#fff;list-style:none;margin-bottom:10px;transition:all .5s;padding:0 0 10px;margin-bottom:15px;border-bottom:1px solid #ebebeb;position:relative;border-radius:0; }
.left-pro ul li:last-child{ border-bottom:none; padding-bottom:0}			
.left-pro ul li:hover{background:#fff;box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);border-color:#e5e5e5;}			
 	
.left-pro ul li .main{width:60%;float:left;padding-left:10px;position:relative;z-index:10;}			
.left-pro ul li .title{font-size:14px;line-height:24px;max-height:72px;display:block;overflow:hidden;margin:0;margin-bottom:4px;font-family:'poppins-regular',sans-serif;font-weight:normal;}			
.left-pro ul li .title:hover{color:#109bdc;}			
.left-pro ul li .image{ float:left; width:40%;transition-duration: 0.6s;transition-timing-function: ease-out; overflow:hidden;position:relative;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;position:relative;z-index:10;}	
 
 
.left-pro ul li .image a{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;display:block;z-index:6;}			
.left-pro ul li .image img{pointer-events:none;position:relative;z-index:1;			
	max-width:100%;height:auto;display:block;position:relative;-webkit-transition:all var(--transition-time,800ms);		
	-o-transition:all var(--transition-time,800ms);		
	transition:all var(--transition-time,800ms);		
}			
.left-pro ul li:hover .image img{-webkit-transform:scale(var(--scale-multiplier,1.05));			
	-ms-transform:scale(var(--scale-multiplier,1.05));		
	transform:scale(var(--scale-multiplier,1.05));}		
.left-pro ul li .image .icon{position: absolute;left:50%;top:50%;display: inline-flex;width: 50px;height: 50px;margin-left:-25px;margin-top:-25px;align-items: center;justify-content: center;border-radius: 0;border-radius:50%;background:#109bdc;
	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;filter: alpha(opacity=0);
	-webkit-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);
    -moz-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);
    -o-transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);
    transition: all 0.3s cubic-bezier(0, 1.135, 0.73, 1.405);
}
.left-pro ul li .image .icon i{width: 22px;height: 22px;background: none; }
.left-pro ul li:hover .image .icon {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}		 

 
.page-right{width:76%;padding-left:50px;float:right;}

@media only screen and (max-width: 992px){
	ul.mtree>li { padding-left: 10px;}
	.left-adv{ display:none}
	.page-title em{font-size:24px;}
	.page-left{width:100%;float:none;margin-bottom:30px;}		
	.left-pro,.left-con,.left-video,.left-solu,.left-cat,.left-blog1{margin-top:0;padding:0;border:none;}
	.left-pro,.left-con,.left-video,.left-solu,.left-work{margin-top:0;padding:0;border:none;}
	.left_title{margin-bottom:10px;margin-bottom:0;padding:8px 10px;border-radius:0;    background: #109bdc;}
	body.qng-body-products-list .left-cat .left_title,
	body.qng-body-news-list .left-cat .left_title{background:#E18F36 !important;}
	.left-pro .left_title{ background: #04498C}
	.left_title>em{margin:0;font-size:18px;color:#fff;padding:0;line-height:24px;}
	.left_title em:before{ display:none} 
	.page-left .left_title>span{display:none;}
	.left-con .left_title{display:block;}
	.left_title .column_icon_toggle{display: inline-block;position: absolute;right:10px;top:15px;font-style:normal;cursor:pointer;font-size:14px;font-weight:normal; color:#fff;    z-index: 99;}
	.page-right{width:100%;padding:0;float:none;}
	.left-cat{margin-bottom:10px;}
	.left-cat .left_title em{font-size:18px;color: #fff;}
	.left-cat .left_title em:before{ display:none}
}

/*page-number*/
.page_num{width:100%;margin:auto;text-align:left;background:var(--qng-surface-soft,#f9fcff);border-radius:0;padding:10px 15px;border-radius:0;margin-top:30px;}
.page_num span{display:inline-block;color:#fff;background:#DA3223;font-size:12px;text-transform:capitalize;padding:0;vertical-align:middle;width:36px;height:36px;line-height:36px;transition:all .5s;position:relative;border-radius:0;font-family:'poppins-semibold';text-align: center;border-radius:2px;}
.page_num a{background:#fff;padding:0;display:inline-block;text-transform:capitalize;font-size:12px;position: relative;z-index: 0; vertical-align:middle;line-height:36px;transition:all .5s;color:#555;border-radius:2px;width:36px;height:36px;text-align: center;}
.page_num a:hover{background:#DA3223;text-decoration:none;color:#fff;border-color:#DA3223;}
.page_num a i{line-height:36px;}
.page_num p{display:inline-block;font-size:13px;margin:0;margin-top:7px;font-family:'poppins-regular';float:right;}
.page_num p:before{content:'[';padding-right:3px;}
.page_num p:after{content:']';padding-left:3px;}
.page_num p strong{display:inline-block;margin:0 5px;font-weight:normal;color:#109bdc;}

@media only screen and (max-width: 768px) {
	.page_num{border-radius: 0;text-align: center;padding:10px;margin-top:10px;}
	.page_num a , .page_num span{width: 30px;height:30px;line-height:30px;font-size:12px;}
	.page_num a i{line-height: 30px;}
	.page_num p{float: none;display: block;}
}

body.single-product{
	overflow-x:hidden;
	overflow-y:auto!important;
	height:auto!important;
	min-height:100vh;
	-webkit-overflow-scrolling:touch;
	touch-action:pan-y;
}
body.single-product .page_section,
body.single-product .page_column,
body.single-product .page-left,
body.single-product .page-right,
body.single-product .mostBox{
	overflow:visible!important;
	max-height:none!important;
}
body.single-product #parentHorizontalTab02.qng-product-detail .resp-tabs-container,
body.single-product #parentHorizontalTab02.qng-product-detail .resp-tabs-container .text{
	overflow:visible!important;
	max-height:none!important;
	height:auto!important;
}

/* Product tags — chip layout (detail page; list cards if enabled) */
.tags_ul.qng-product-tags,
.post_blog_tag.qng-product-tags{
	list-style:none;
	margin:24px 0 8px;
	padding:14px 16px 12px;
	overflow:hidden;
	border:1px solid #eee;
	background:#f9f9f9;
	border-radius:8px;
	box-sizing:border-box;
}
.tags_ul.qng-product-tags > span,
.post_blog_tag.qng-product-tags > p{
	display:block;
	margin:0 0 10px;
	font-size:17px;
	line-height:1.35;
	text-transform:capitalize;
	color:var(--main-color,#095fa8);
	font-family:'Poppins Bold','poppins-semibold',sans-serif;
}
.tags_ul.qng-product-tags > span .fa,
.post_blog_tag.qng-product-tags > p .fa{
	margin-right:10px;
	color:var(--main-color,#095fa8);
}
.tags_ul.qng-product-tags a,
.post_blog_tag.qng-product-tags li{
	display:inline-block;
	list-style:none;
	margin:0 4px 6px 0;
	padding:0;
	vertical-align:top;
}
.post_blog_tag.qng-product-tags li a{
	display:inline-block;
}
.tags_ul.qng-product-tags a,
.post_blog_tag.qng-product-tags a{
	padding:5px 12px;
	text-transform:capitalize;
	background:var(--main-color,#095fa8);
	font-size:14px;
	line-height:1.35;
	color:#fff;
	border-radius:4px;
	text-decoration:none;
	transition:background .2s ease,color .2s ease;
}
.tags_ul.qng-product-tags a:hover,
.post_blog_tag.qng-product-tags a:hover{
	background:#074a87;
	color:#fff;
}
@media screen and (max-width:992px){
	.tags_ul.qng-product-tags,
	.post_blog_tag.qng-product-tags{width:100%;}
}

.qng-product-detail .text img,
.qng-product-detail .text video,
.qng-product-detail .text iframe{max-width:100%;height:auto;}
.qng-product-detail .text{overflow-wrap:anywhere;word-wrap:break-word;}
.qng-product-detail .text table{max-width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}