@charset "utf-8";
/* CSS Document */
/*************************/
@font-face {
	font-family: 'Arial';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local("Arial"), url('fonts/Arial.ttf') format('truetype');
}
@font-face {
	font-family: 'Arial';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: local("Arial Italic"), url('fonts/Arial-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Arial';
	font-style: normal;
	font-weight: bold;
	font-display: swap;
	src: local("Arial Bold"), url('fonts/Arial-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Arial';
	font-style: italic;
	font-weight: bold;
	font-display: swap;
	src: local("Arial Bold Italic"), url('fonts/Arial-Bold-Italic.ttf') format('truetype');
}

/*************************/
:root {
    --ftitle: 'Arial', sans-serif;
    --color-main: rgb(126, 192, 20);
    --color-main-trans: rgb(151, 205, 42);
    --color-red: #f00;
    --color-main-bold: #1a7232;
}

body{
	font:15px/26px 'Arial', sans-serif;
	color:#000; background-color:#FFF;
}
.container{
	max-width: 1230px;
}
a{
	text-decoration: none;
}
img{
	width: auto; height: auto;
	max-width: 100%;
}
[type=number]::-webkit-outer-spin-button,
[type=number]::-webkit-inner-spin-button {
		/* opacity:1; */
		-webkit-appearance: none;
    margin: 0;
}
.hide_arrow::-webkit-outer-spin-button,
.hide_arrow::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
[type=number],
.hide_arrow{
    -moz-appearance:textfield; /* Firefox */
}
div[type=button],
p[type=button],
a[type=button]{
	border-radius: 0;
	border: none; background: none;
	-webkit-appearance: none;
}
.img-responsive{
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.img-full{
	display:block; width:100%; height:auto;	
}
figure.img{
	display:block; overflow:hidden;	
}
.transition{
	transition:all 0.3s ease-in 0s;	
	-moz-transition:all 0.3s ease-in 0s;	
	-webkit-transition:all 0.3s ease-in 0s;	
}
.img_hzoom img{
	display:block; width:100%; overflow:hidden;
	transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s;
}
.img_hzoom:hover img{
	transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);
}
.text_hide{
    text-overflow: ellipsis;    text-transform: capitalize;    white-space: nowrap;
	overflow:hidden;
}
.bold-0{
	font-weight: normal !important	;
}
.bold-300{
	font-weight: 300 !important	;
}
.bold-400{
	font-weight: 400 !important	;
}
.bold-500{
	font-weight: 500 !important	;
}
.bold{
	font-weight:bold !important		
}
.line-limit{
	--line-clamp: 2;
	/* --line-height */
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: var( --line-clamp );
	-webkit-box-orient: vertical;
	max-height:calc( var( --line-height, 24px ) * var( --line-clamp ) );
	line-height: var( --line-height, 24px);
}
.line-limit--3{
	--line-clamp: 3;
}
.line-limit--4{
	--line-clamp: 4;
}
.line-limit--5{
	--line-clamp: 5;
}
.line-limit--6{
	--line-clamp: 6;
}
/************/
.tooltip{
	--bs-tooltip-bg: var( --color-main);
	--bs-tooltip-opacity: 1;
	--bs-tooltip-font-size: 11px;
}
/************/
.text-upp{
	text-transform: uppercase !important;
}
.text-cap{
	text-transform: capitalize !important;
}
.text-main{
	color: var( --color-main ) !important;
}
/************/
.btn_mobile{
	border: 1px solid #ddd;
	min-width: 46px;
	text-align:center;
	background: none;
	border-radius: .375rem;
	color: #333;
}
.btn_mobile .fa{
	line-height: 36px; 
	font-size: 21px !important;
}
/************/
#pagination{
	text-align:center; margin-bottom:20px;
}
#pagination *{
	margin:0 5px;
	padding-left: .75rem; padding-right: .75rem;
	font-weight: bold;
	display: inline-block;
	background: #f6f6f6;
	border-color: #ccc;
}
#pagination b{
	background: var( --color-main); 
	border-color: var( --color-main); 
}
#pagination a:hover{
	border-color: var( --color-main); 
	color: var( --color-main); 
}
/*************/
#button-share{
	margin:0px 0 20px; text-align:left;
	background:#EEE; padding:10px 6px;
	display: flex; flex-wrap: wrap;
	align-items: center;
}
#button-share > *{
	flex: 0 0 auto;
	width: auto;
	display: inline-flex;
}
#button-share .button-share-label{
	font-weight: 400;
	font-size: 15px; line-height: 20px;
	margin-right: .75rem;
	display: none;
}
#button-share .share-item > *{
	flex: 0 0 auto;
	width: auto;
}
#button-share .share-item{
	color:#FFF; font-size:11px; font-weight:bold; position:relative; margin-right:10px;
	display:inline-block; padding-right:10px; background:#de4501;
}
#button-share .share-item i{
	background:#f5f5f5; display:inline-block; padding:8px 10px 7px 7px; 
	margin:0 7px 0 0; color:#373c43; border:1px solid #eaeaea;
	text-align:center; color:#5d72a4; width:26px;
}
#button-share .share-item i:after{
    border: medium solid transparent;    content: " ";     pointer-events: none;
	height: 0;       position: absolute;    left: 25px;    top: 50%;    width: 0;
    border-color: rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) #eaeaea ;
    border-width: 5px;    margin-top: -5px;
}
#button-share .share-fb{
	background:#5d72a4; 
}
#button-share .share-fb i{
	color:#5d72a4; 
}
#button-share .share-google{
	background:#db5c4b; 
}
#button-share .share-google i{
	color:#db5c4b; 
}
#button-share .share-twitter{
	background:#00baff; 
}
#button-share .share-twitter i{
	color:#00baff; 
}
#button-share .share-pinterest{
	background:#f20000; 
}
#button-share .share-pinterest i{
	color:#f20000;
}
#button-share .share-link{
	background:#2f70b0; 
}
#button-share .share-link i{
	color:#2f70b0; 
}
/*************/
#btn-scrolltop{
	position:fixed; right: .75rem; bottom:1.5rem; z-index:98;
	width:36px; height:36px; overflow:hidden; cursor:pointer;
	padding:0; margin:0; border:none; background:none; display:none;	
}
#call_mobile{	
	position:fixed; right:.5rem; bottom: 80px;		
	width:36px; height:36px; overflow:hidden; cursor:pointer;
	padding:0; margin:0; border:none; text-align:center;
	background:#00aff2; color:#FFF; display:none;
	border:3px double #FFF;
}
#call_mobile .fa{
	font-size:23px; line-height:32px;
}
#call_mobile:hover{
	background:#F00;
}/**************/
.breadgroup{
	background:#f6f6f6; margin-bottom:30px;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
}
.breadcrumb {
	background:none;
   	margin: 0;    padding:7px 0;
    text-transform: capitalize;
	font-size:12px;
}
.breadcrumb li:first-child a{
	text-decoration:none; text-transform:capitalize; font-weight:500;
}
.breadcrumb a{
    color:#000; text-decoration:none;
}
.breadcrumb a:hover{
    color:var( --color-main);
}
.breadcrumb > li + li{
	margin-left: .7rem;
}
.breadcrumb > li + li::before{
	content: "/"; 
	margin-right: .5rem;
}
/*******
*******
*******/
#bg-page{
	display:block; width:100%; height:auto;	
	background-position:top center; background-attachment:fixed;
	background-repeat:no-repeat; background-size:cover;
	padding-top:70px; padding-bottom:10px;
	margin-bottom:50px;
}
#bg-page .title{
	display:block;
	margin:0 0 100px 0; padding:0;
	font-size:35px; line-height:32px;
	text-transform:uppercase; font-weight:normal;
	color:#634c44;
}
/************************************************/
.dcontent,
.dcontent pre{
	font-size:16px; line-height: 30px; font-weight: 400;
	color: #000;	text-align: left;
}
.dcontent pre{
	word-wrap: break-word;      /* IE 5.5-7 */
	white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
	white-space: pre-wrap;
	background:none; border:none;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	padding:0; margin-bottom:15px;
}
.dcontent a{
	color: var( --color-red); text-decoration: none;
}
.dcontent a:hover{
	color:var( --color-hover); text-decoration:none;
	border-bottom:1px dotted var( --color-hover);
}
.dcontent a.btn{
	padding-top: .5rem;
	color: #FFF;
	background: var( --color-hover);
	font-size: 14px; font-weight: bold;
}
.dcontent img{
	display:inline-block;
	max-width:100%; height:auto !important;
}
.dcontent h1,
.dcontent h2,
.dcontent h3,
.dcontent h4,
.dcontent h5,
.dcontent h6{
	line-height:120%;
}
.dcontent img{
	display:inline-block;
	max-width:100%; height:auto !important;
}
.dcontent h1{
	font-size:115%;
	line-height:200%;
}
.dcontent h2{
	font-size:110%; font-weight:bold;
	line-height:180%;
}
.dcontent h3{
	font-size:105%; font-weight:bold;
	line-height:170%;
}
.dcontent h4{
	font-size:14px; font-weight:normal;
	line-height:27px;
}
.dcontent h5{
	font-size:100%; font-weight:normal;
	line-height:105%;
}
.dcontent h6{
	font-size:95%; font-weight:normal;
	line-height:100%;
}
.dcontent p{
	margin-bottom:15px;
}
.dcontent img,
.dcontent iframe{
	max-width:100%;
}
.dcontent p:last-child,
.dcontent ul li p:last-child{
	margin: 0 !important;
}
.dcontent table{
	border-collapse: collapse !important;
	width: 100% !important;
	max-width: 100%;
	margin-bottom: 20px;
}
.dcontent table > thead > tr > th,
.dcontent table > tbody > tr > th,
.dcontent table > tfoot > tr > th,
.dcontent table > thead > tr > td,
.dcontent table > tbody > tr > td,
.dcontent table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: middle;
}
.dcontent table > thead > tr > th {
	vertical-align: bottom; background-color:#EEE;
}
.dcontent li{
	margin-bottom: 5px;
}
.dcontent-sm{
	font-size: 14px; line-height: 24px;
}
.dcontent-sm p{
	margin-bottom: 10px;
}
.dcontent .dcontent-btn{
	padding: .4rem 1rem;
	background-color: var( --color-hover); color: #FFF;
	border-color: var( --color-hover);
	text-decoration: none;
	font-size: 14px; font-weight: 500;
	min-width: 220px; text-align: center;
}
.dcontent .dcontent-btn:hover{
	color: #FFF;
	box-shadow: 0 0 0 .25rem rgba(49,132,253,.5);
}
.dcontent .dcontent-figcaption{
	padding: 12px 15px 10px;
	background: #f2f2f2; text-align: center;
}
blockquote {
    font-style: italic;
    font-family: "Times New Roman", serif;
	line-height: 24px;
    padding: 2px 10px 2px 20px;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
	border-left-width: 5px;
}
/********************/
.image-center{
	text-align: center;
}
.image-captioned{
	display: inline-block;
	border: 1px solid #EEE;
}
.image-captioned figcaption{
	background-color: #eee;
	padding: .5rem;
}
/*****************/
.dcontent .dcontent-h2{
		font-size: 23px; font-weight: bold; line-height: 1.4;
}
.dcontent .dcontent-h3{
		font-size: 21px; font-weight: bold; line-height: 1.4;
}
.dcontent .dcontent-h4{
		font-size: 19px; font-weight: bold; line-height: 1.4;
}
.dcontent .dcontent-h5{
		font-size: 17px; font-weight: normal; line-height: 1.4;
}
.dcontent .dcontent-h6{
		font-size: 17px; font-weight: normal; line-height: 1.4;
}
.dcontent .dcontent-btn1,
.dcontent .dcontent-btn2,
.dcontent .dcontent-btn3{
	position: relative;
	display: inline-block;
	color: RGB(255, 255, 255);
	font-size: 14px;	font-weight: bold;
	padding:.6rem 15px; margin-bottom: .75rem;
	border-radius: 35px; min-width: 220px; text-align: center;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.dcontent .dcontent-btn1 a,
.dcontent .dcontent-btn2 a,
.dcontent .dcontent-btn3 a{
	color: #FFF; text-decoration: none;
}
.dcontent .dcontent-btn1{
	background: var( --color-hover); color: #FFF;
}
.dcontent .dcontent-btn2{
	text-align: center;
	background: #111; color: #FFF;
}
.dcontent .dcontent-btn3{
	text-align: center;
	background: var( --bs-blue); color: #FFF;
}
.dcontent .dcontent-btn1:hover,
.dcontent .dcontent-btn2:hover,
.dcontent .dcontent-btn3:hover{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	transform: translateY(-1px);
	color: #FFF !important;
}
.dcontent .dcontent-btn1 a:hover,
.dcontent .dcontent-btn2 a:hover,
.dcontent .dcontent-btn3 a:hover{
	color: #FFF; text-decoration: none;
	border: none;
}
/****************************************/
.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
  }
  .embed-responsive::before {
	display: block;
	content: "";
	  padding-top: 56.25%;
  }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
  }
/***************************************/
/*********************************************/
.tocmain__wrapper{
	border-radius: .375rem;
	overflow: hidden;
}
.tocmain__wrapper > .btn:focus{
	box-shadow: none; outline: none;
}
.tocmain__wrapper > .btn{
	border-radius: 0;
}
#toccontent__wrapper{
	border-top: 1px solid #ddd;
	font-size: 13px; line-height: 22px;
	padding-top: 0;
	background-color: #fff;
}
#toccontent__wrapper > ul{
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin: 0;
}
#toccontent__wrapper > ul:last-child{
	margin-bottom: 0;
}
#toccontent__wrapper > ul li > ul{
	padding-top: .35rem;
}
#toccontent__wrapper a{
	color: #000;
}
#toccontent__wrapper a:hover{
	color: var( --color-main)
}
/************************************************/
/************************************************
****HEADER****
************************************************/
#header-sticky-wrapper,
.is-sticky{
	height: auto !important;
}
.is-sticky #header{
	border-bottom: 1px solid #DDD;
	padding-bottom: 0;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	background-color: var( --color-main);
	color: #fff;
}
.is-sticky #header .fsearch-nav{
	margin-top: 0;
}
.is-sticky #header .fsearch-nav .fsearch{
	margin: 0;
}
.is-sticky #header .logo{
	padding-top: 5px;
	padding-bottom: 5px;
}
.is-sticky #header .logo img{
	height: 56px;
}
.is-sticky #header .box-nav{
	margin-top: 0;
	display: none !important;
}
.is-sticky #header .box-nav li{
	padding-top: 6px;
	padding-bottom: 6px;
}
.is-sticky .fsearch-cart{
	--bs-btn-color: #fff
}
.is-sticky .fsearch-cart::before{
	color: #fff;
}
.is-sticky #header .fsearch .fsearch-box-action-item::after{
	background-color: rgb( 255, 255, 255, 75)
}
.header-row-main{
 align-items: center;
}
.is-sticky .header-logo-navhover{
	display: block;
}
#header.open-navhover:hover .header-logo-navhover-wrapper{
	max-height: 500px;
}
/**********************/
#header{
	position:relative; left:0; top:0; z-index:9;
	background:#FFF;
	padding: 0 0 1rem; margin: 0px;
	width:100%;
	transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s;
}
#header .logo{
	margin: 0;	
	padding-top: 15px;
	padding-right: 0;
	display: flex; flex-wrap: nowrap;
	align-items: center;
}
#header .header-logo-link{
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}
#header .header-logo-link img{
	height:130px;
	object-fit: contain;
	object-position: center top;
	transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s;
}
.header-logo-mobile{
	display: none; align-items: center;
}
.header-logo-mobile > *{
	flex: 0 0 auto;
	margin-left: 1rem;
	text-decoration: none;
}
.header-logo-mobile > *:first-child{
	margin-left: 0;
}
.header-logo-mobile-lang{
	background-position: center top;
	background-size: auto 18px;
	background-repeat: no-repeat;
	font-size: 11px; line-height: 16px;
	font-weight: 500;
	text-align: center;
}
.header-logo-mobile-lang--vn{
	background-image: url( img/en.png);
}
.header-logo-mobile-lang--en{
	background-image: url( img/vn.png);
}
.header-logo-mobile-lang,
.header-logo-mobile-cart{
	padding-top: 20px !important;
	min-width: 38px;
	color: #222;
}
.header-logo-mobile-lang span,
.header-logo-mobile-cart span{
	display: block;
	font-weight: 500;
	text-transform: capitalize;
}
.header-logo-mobile-cart::before{
	position: absolute; z-index: 1;
	left: 0; top: 0;
	display: block;
	width: 100%;
	font-size: 17px !important;
	margin: 0 !important;
	text-align: center;
	color: #444 !important;
	transform: none !important;
}
.header-logo-mobile-cart .cart-totalitem{
	position: absolute; left: 50%; top: -9px; z-index: 2;
	display: inline-block;
	border-radius: .75rem;
	padding: .1rem .2rem;
	margin-left: 3px;
	background-color: var( --color-main);
	font-size: 11px; line-height: 1.1;
	color: #fff !important;
}
/******************************************/
.header-logo-navhover{
	flex: 0 0 auto;
	width: auto;
	margin-left: auto;
	display: none;
}
.header-logo-navhover-btn{
	--bs-btn-padding-y: .25rem;
	border: 1px solid rgba(255,255,255, .5);
	color: #fff;
	border-radius: 3px;
	font-size: 17px;
}
.header-logo-navhover-btn:hover{
	background-color: var( --color-main-bold);
}
.header-logo-navhover-wrapper{
	position: absolute; left: 50%; top: 100%; z-index: 99;
	transform: translateX( -50%);
	content: ""; display: block;
	width: 260px;
	max-height: 0px; overflow: hidden;
	text-transform: uppercase;
	transition: max-height 0.3s ease-in-out 0s; 
	-webkit-transition:max-height 0.3s ease-in-out 0s; 
	-moz-transition:max-height 0.3s ease-in-out 0s;

}
.header-logo-navhover-wrapper-list{
	position: relative;
	margin-top: 15px;
	background-color: rgba(26, 114, 50, 0.95); color: #fff;
	border: 1px solid rgba(26, 114, 50, 1);
	border-top: none;
	border-radius: .5rem;
}
.header-logo-navhover-wrapper-list:after, 
.header-logo-navhover-wrapper-list:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.header-logo-navhover-wrapper-list:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: rgba(26, 114, 50, 0.95);
	border-width: 6px;
	margin-left: -6px;
}
.header-logo-navhover-wrapper-list:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: var( --color-main-bold);
	border-width: 8px;
	margin-left: -8px;
}
.header-logo-navhover-wrapper-listitem{
	margin: 0; padding: 0; list-style-type: none;
	font-size: 13px;
}
.header-logo-navhover-wrapper-listitem > li{
	margin: 0; padding: .15rem 0 .1rem; list-style-type: none;
	border-bottom: 1px solid rgba( 255, 255, 255, .5);
}
.header-logo-navhover-wrapper-listitem > li:last-child{
	border-bottom: 0;
}
.header-logo-navhover-wrapper-listitem a{
	display: block;
	padding: .35rem 1.15rem;
	color: rgba( 255, 255, 255);
}
.header-logo-navhover-wrapper-listitem a:hover{
	color: #ff0;
}
/******************************************/
#header .fsearch-nav{
	text-align:right; margin-top:30px;
}
/******************************************/
#header .fsearch-nav .fsearch{
	margin-bottom:10px;
	display: flex; justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	max-height: 150px;
	transition:all 0.25s ease-in-out 0s; -webkit-transition:all 0.25s ease-in-out 0s; -moz-transition:all 0.25s ease-in-out 0s;
}
#header .fsearch > *{
	flex: 0 0 auto;
	width: auto;
	transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s;
}
#header .fsearch .fsearch-box-action-item{
	position: relative;
	margin-left: 1.75rem;
	padding-left: 1.25rem;
	transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s;

}
#header .fsearch .fsearch-box-action-item::after{
	position: absolute; left: 0; top: 50%; z-index: 1;
	transform: translateY( -50%);
	content: ""; display: block;
	width: 1px ; height: 26px;
	background-color: var( --color-main-bold);
}
#header .fsearch form{
	display:inline-block; overflow:hidden;
	background:rgba(0, 0, 0, 0) linear-gradient(#eaeae0 10%, white 100%) repeat scroll 0 0;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	padding-left: 0; margin-left: 0;
	transition:all 0.3s ease 0s;	
	-moz-transition:all 0.3s ease 0s;	
	-webkit-transition:all 0.3s ease 0s;	
}
#header .fsearch form::after{
	display: none;
}
#header .fsearch form .form-group{
	display:block; margin:0; padding:0;
	position:relative; overflow:hidden;
}
#header .fsearch form input{
	background:rgba(0, 0, 0, 0) linear-gradient(#eaeae0 10%, white 100%) repeat scroll 0 0;
	border:1px solid #d4d4ce;
	padding:5px 60px 5px 10px;	font-size:13px;
	width: 100%; height:38px; line-height:38px; overflow:hidden; 
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	transition:all 0.3s ease 0s;	
	-moz-transition:all 0.3s ease 0s;	
	-webkit-transition:all 0.3s ease 0s;	
}
#header .fsearch form input:focus{
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
	background:#FFF;	
}
#header .fsearch form button{
	position:absolute; right:0; top:0; bottom:0;
	width:50px; text-align:center;
	background:#eaeae0; border:1px solid #d4d4ce;
	border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0;
	transition:all 0.3s linear 0s;	
	-moz-transition:all 0.3s linear 0s;	
	-webkit-transition:all 0.3s linear 0s;	
}
#header .fsearch form button:hover{
	color: #fff;
	background-color: var( --color-main);
}
#header .fsearch form:focus-within button,
#header .fsearch form:focus-within input{
	border-color: var( --color-main);
}
/***********************************/
.fsearch-box-action{
	display: flex; align-items: center;
	justify-content: flex-end;
}
.fsearch-box-action .header-lang--vn img,
.fsearch-box-action .header-lang--en img{
	display: inline-block;
	height: 24px;
	border-radius: 3px;
}
/***********************************/
.fsearch-cart{
	display: flex; align-items: center;
	padding: 0 0;
	text-align: left;
	font-size: 11px;
	transition:all 0.3s ease 0s;	
	-moz-transition:all 0.3s ease 0s;	
	-webkit-transition:all 0.3s ease 0s;	
}
.fsearch-cart .cart-totalitem{
	color: var( --color-red);
	transition:all 0.3s ease 0s;	
	-moz-transition:all 0.3s ease 0s;	
	-webkit-transition:all 0.3s ease 0s;	
}
.fsearch-cart::before{
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f07a";
	font-size: 27px;
	margin-right: .5rem;
	color: var( --color-main);
	transform: translateY( -2px);
	transition:all 0.3s ease 0s;	
	-moz-transition:all 0.3s ease 0s;	
	-webkit-transition:all 0.3s ease 0s;	
}
.fsearch-cart:hover,
.fsearch-cart:hover::before{
	color: var( --color-main-bold);
}
/***********************************/
#header .box-nav{
	margin:15px 0 0; padding:0 1rem 0 1.5rem; list-style-type:none;
	background:var( --color-main);
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
#header .box-nav li{
	margin:0 0; padding:10px 0;
	list-style-type:none;	display:inline-block;
	position:relative;
}
#header .box-nav li::before{
	position:absolute; right:0; top:50%;
	transform: translateY( -50%);
	content:""; display:block;
	width:1px; height:20px;
	background-color: rgba(255, 255, 255, 0.65);
}
#header .box-nav li a{
	font-size:12px; line-height:24px;
	padding:3px 45px; 
	text-transform:uppercase; font-weight:bold;
	display:block; color:#FFF;
	text-decoration:none;
}
#header .box-nav li a:hover{
	color:#000;
}
#header .box-nav li.focus{
	background-color:#97cd2a
}
#header .box-nav li:last-child::before{
	display:none;
}
#header .box-nav li.lang{
	padding-left:15px;
}
#header .box-nav li.lang a{
	display:inline-block; padding-left:0; padding-right:0;
	margin:0 5px;
}
#header .box-nav img{
	height:20px;
}
#header .box-nav li.lang i{
	display:none;	
}
/********************************************/
#header .box-nav li:hover .header-box-navsub{
	max-height: 500px;
	transition: max-height 0.3s ease-in-out; 
}
.header-box-navsub{
	position: absolute; left: 0; top: 100%;
	background-color: var( --color-main);
	border-radius: 0 0 5px 5px;
	width: 260px;
	text-align: left;
	overflow: hidden;
	max-height: 0;
	transition: max-height .7s ease-in; 
}
.header-box-navsub-list{
	margin: 0rem 0 0; padding: 0; list-style-type: none;
}
.header-box-navsub-list li{
	display: block !important;
	margin: 0; padding: 0rem !important; 
	list-style-type: none;
	border-bottom: 1px solid rgba(255,255,255, .5);
}
.header-box-navsub-list li::before{
	display: none !important;
}
.header-box-navsub-list li:last-child{
	border-bottom: none;
}
.header-box-navsub-list a{
	color: #fff;
	display: block;
	padding: .5rem 1rem !important;
}
/********************************************/
#header .fsearch .fa{
	font-size:19px;  line-height:24px;
}
/********************************************/
#header .fsearch form{
	margin:0;
	flex: 1 0 0;
}
#header .fsearch .form-group button{
	height:100%;
}
/********
*********
**********/
#footer{
	margin-top: 2.5rem; display:block;
	border-top: 1px solid #ccc;
}
/***************/
.footer-info-nav{
	width: 230px;
}
.footer-navlist{
	margin:0; padding:0; list-style-type:none;
}
.footer-navlist li{
	position: relative;
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0 0 .25rem 0;
}
.footer-navlist li::before{
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	content: "\f111";
	font-family: 'Font Awesome 5 Free';
  	font-weight: 900;
	font-size: 7px;
	margin-right: .5rem;
}
.footer-navlist a{
	text-transform:capitalize;
	font-size:13px; color:#000;
	font-weight: 400;
	text-decoration: none;
}
.footer-navlist li:hover,
.footer-navlist a:hover{
	color: var( --color-main);
}
/***************/
.footer-social{
	margin-bottom: 0;
}
.footer-social a{
	display:inline-block; margin-right:10px; margin-top:2px;
	height:32px; width:32px;
	text-align:center; 
	color: #fff;
	background: var( --color-main);
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
	transition:all 0.3s ease-in 0s;	
	-moz-transition:all 0.3s ease-in 0s;	
	-webkit-transition:all 0.3s ease-in 0s;	
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.footer-social .fab{
	line-height:32px; 
	font-size:15px;
}
.footer-social a:hover{
	background-color:#000; color:#FFF;
}
/********************************/
.footer-info{
	padding: 2.5rem 0 2rem;	background: var( --bs-light);	
}
.footer-info-dcontent{
	font-size:13px; line-height:24px;
	font-weight: 300;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ccc;
}
.footer-info-dcontent p{
	margin-bottom: .25rem;
}
.footer-title{
	margin:0 0 .5rem; padding:0;
	font-size: 21px; text-transform:uppercase;
	line-height: 26px;
	font-weight: bold;
}
.footer-map iframe{
	width:100%; height:100%; position:relative;
	box-shadow: 0 .35rem .75rem rgba(0,0,0,.075);
	border-radius: .375rem;
	border: 1px solid #ddd !important;
}
/********************************/
.footer-partners{
	margin-bottom: 2.5rem;
}
#owl_partner .owl-stage-outer{
	display: flex;
}
#owl_partner .owl-stage-outer > *{
	flex: 0 0 auto;
}
.owl_partner_img{
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: .25rem;
	margin: 0;
	padding: .5rem .75rem;
	overflow: hidden;
	width: 165px;
}
.owl_partner_img img{
	display: block;
	width: 100%;
	height: 78px;
	object-fit: contain; object-position: center center;
}
/********************************/
#footer .footer-author{
	display:block; padding:10px 0;
	background:#222; color:#EEE; text-align:center;
	font-size:13px; line-height:24px; text-transform:capitalize;
}
/**********/
#footer .footer-tags{
	display:block; padding:10px 0 5px;
	background:#000; color:#EEE; text-align:center;
	font-size:13px; line-height:24px; text-transform:capitalize;
}
#footer .footer-tags a{
	display:inline-block; padding-right:10px; margin-right:10px;
	position:relative; color:#EEE;
}
#footer .footer-tags a::before{
	position:absolute; right:0; top:50%;
	content:""; display:block;
	width:1px; height:12px; margin-top:-6px;
	background-color:#EEE;
}
/*********/
#footer .author{
	text-align:center; font-size:13px; line-height:20px;
	padding-top:15px; color:#3a3a3a;
}/********
****contact*****
************/
#google_maps{
	display:block; margin-bottom:30px; 	
}
#google_maps iframe{
	display:block; width:100%;
	height:360px;
}
.contact-left address,
.contact-left{
	font-size:15px; line-height:26px;	
}
.contact-left address,
.contact-left p{
	margin-bottom: .65rem;
}
.contact-left p b{
	font-size: 14px;
	text-transform: capitalize;
}
.contact-left h1{
	margin:1.5rem 0 15px; padding:0;
	font-size:27px; line-height:32px; text-transform:uppercase;
	color: var( --color-main); font-weight:900;
}
.contact-right{
	margin-bottom: 5rem;
}
.contact-right .dcontent{
	line-height:28px; margin-bottom:15px;
	font-style:italic; font-size:15px;
}
.contact-right label, 
.contact-right .form-control{
	font-size:14px; font-weight: 500;
}
.contact-right button{
	background-color:var( --color-main); text-transform:uppercase;
	padding: .75rem 1.5rem .65rem;
	min-width: 160px;
	font-weight:bold;
	line-height:26px; font-size:17px;
	color:#FFF;
}
.contact-right button:hover{
	background: var( --color-main-bold); color:#FFF;
}
.contact-left a{
	color:inherit;	
	text-decoration: none;
}
.contact-left a:hover{
	color: var( --color-main);
}
.contact-right .alert{
	color:#FFF;	
}
/********
*********
**********/
.left-box{
	margin-bottom: 1.5rem;	
	border-radius: .275rem;
	overflow: hidden;
}
.left-box .left-title{
	position:relative;
	background:url(img/bg-left-nav-title.png) repeat-x left top;
	margin:0; display:block; padding: .6rem .75rem .55rem 45px;
	font-size:14px; text-transform:uppercase; line-height:24px;
	color:#FFF; font-weight:bold;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.35); -moz-text-shadow:0 1px 1px rgba(0, 0, 0, 0.35); -webkit-text-shadow:0 1px 1px rgba(0, 0, 0, 0.35);
}
/********************************************/
.left-nav{
	background:var( --color-main);
}
.left-nav .left-title{
	background:rgba(0, 0, 0, 0) linear-gradient(#4fa242, #1a7232) repeat scroll 0 0;
}
.left-nav .left-title::before{
	position:absolute; left:0; top:0;
	content:""; display:block;
	width:45px; height:100%;
	background-image:url(img/danhmuc.png);
	background-position: .75rem 14px; background-repeat:no-repeat;
}
.left-box ul{
	margin:0; padding:0; list-style-type:none;
	font-size:14px; line-height:26px;
}
.left-nav li{
	margin:0; padding:0; list-style-type:none;
	border-bottom:1px solid #96cb2a; position:relative;
	text-transform:capitalize;
}
.left-nav li::before{
	position:absolute; left:0; top:0;
	content:""; display:block;
	width:45px; height:100%;
	background-image:url(img/down.png);
	background-position:20px 18px; background-repeat:no-repeat;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.35); -moz-text-shadow:0 1px 1px rgba(0, 0, 0, 0.35); -webkit-text-shadow:0 1px 1px rgba(0, 0, 0, 0.35);
}
.left-nav li a{
	color:#FFF; text-decoration:none; 
	padding:10px 10px 10px 45px; 
	display:block;
}
.left-nav li:hover,
.left-nav li.focus{
	color:#000; background-color:#97cd2a;
}
.left-nav li a:hover,
.left-nav li.focus a{
	color:#000;
}
/********************************************/
.leftpronav-wrapper{
	background:var( --color-main);
	box-shadow: 0 .175rem .35rem rgba(0,0,0,.1);
	border: 1px solid rgb(222, 222, 222);
	border-radius: .275rem;
	overflow: hidden;
}
.leftpronav-wrapper .left-title{
	background:rgba(0, 0, 0, 0) linear-gradient(#4fa242, #1a7232) repeat scroll 0 0;
}
.leftpronav-wrapper .left-title::before{
	position:absolute; left:0; top:0;
	content:""; display:block;
	width:45px; height:100%;
	background-image:url(img/danhmuc.png);
	background-position: .75rem 14px; background-repeat:no-repeat;
}
#leftpronav-accordion{
	--bs-accordion-btn-icon-width: 1rem;
	--bs-accordion-body-padding-x: 0;
	--bs-accordion-body-padding-y: 0;
}
.leftpronav-item{
	background: var( --color-main);
	border-bottom:1px solid #96cb2a; 
	text-transform: capitalize;
	font-size: 14px; line-height: 20px;
}
.leftpronav-header{
	display: flex; flex-wrap: nowrap;
	align-items: center;
	margin: 0;
	min-height: 44px;
	padding:.375rem .05rem .375rem 1rem; 
}
.leftpronav-header.pb-0{
	min-height: 40px;
}
.pronav-ctlnav-link,
.pronav-ctl-link{
	flex: 1 0 0;
	width: auto;
	padding-right: .25rem;
	text-decoration: none;
	color: #fff;
	transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s;
}
.pronav-ctl-item:hover{
	background-color: var( --color-main-trans);
}
.pronav-ctl-link:hover{
	color: #000;
}
.leftpronav-button{
	flex: 0 0 auto;
	width: 40px;
	height: 30px;
	border: none;
	background: none;
	padding: 0;
}
.leftpronav-button:not(.collapsed),
.leftpronav-button:active,
.leftpronav-button:focus{
	box-shadow: none;
	background: none;
	border: none;
}
.leftpronav-button::after{
	margin: 0 auto;
	filter: invert(1) grayscale(100%) brightness(200%);
}
.leftpronav-title{
	margin: 0;
}
/*****************************************************************/
.home-banner-product{
	margin-bottom: 2rem;
	text-align: center;
}
.home-banner-product-img{
	display: inline-block;
	max-width: 100%; height: auto;
	object-fit: contain; object-position: center top;
	box-shadow: 0 .35rem .75rem rgba(0,0,0,.1);
}
/*****************************************************************/
#leftpronavctl-accordion{
	--bs-accordion-btn-icon-width: 1rem;
	--bs-accordion-body-padding-y: 0;
	--bs-accordion-body-padding-x: 0;
	background-color: #1a7232;
}
.leftpronav-item--navtype{
	background-color: #1a7232;
	border-color: RGB(255, 255, 255, .35);
}
.pronav-ctlnav-item{
	position: relative;
	padding-left: 32px;
	color: #fff;
}
.pronav-ctlnav-item::before{
	position: absolute; left: 1rem; top: 19px; z-index: 1;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: 'Font Awesome 5 Free';
  	font-weight: 400;
	content: "\f111";
	font-size: 8px;
}
.pronav-ctlnav-link{
	font-size: 14px; font-weight: 400;
}
.pronav-ctlnav-link:hover{
	color: #000;
}
/*************/
.leftpronav-content--ctlnav{
	padding-bottom: .5rem;
}
.pronav-ctltype-item{
	position: relative;
	padding: .375rem 1rem .375rem 1.75rem;
	margin: 0;
	display: flex; flex-wrap: wrap;
	align-items: center;
	color: #fff;
}
.pronav-ctltype-item::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	content: "\f111";
	font-size: 9px;
	margin-right: .5rem;
}
.pronav-ctltype-link{
	font-size: 13px; line-height: 22px;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
	transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s;
}
.pronav-ctltype-link:hover{
	color: #000;
}
/*************/
.pronav-ctltype-item.active,
.pronav-ctltype-item.active .pronav-ctltype-link,
.pronav-ctlnav-item.active,
.pronav-ctlnav-item.active .pronav-ctlnav-link{
	color: #ff0;
}
.pronav-ctltype-item.active::before,
.pronav-ctlnav-item.active::before{
	font-weight: 900;
}
/********************************************/
.left-partners,
.left-support,
.left-video{
	border:1px solid #dedede;
	box-shadow: 0 .175rem .35rem rgba(0,0,0,.1);
}
.left-partners .left-title::before{
	position:absolute; left:0; top:0;
	content:""; display:block;
	width:45px; height:100%;
	background-image:url(img/doitac.png);
	background-position:15px 14px; background-repeat:no-repeat;
}
.left-partners ul{
	margin:0; padding:0; list-style-type:none;
	font-size:14px; line-height:26px;
	height:380px; overflow:hidden;
}
.left-partners li{
	margin:0; padding:20px 30px; list-style-type:none;
	border-bottom:1px solid #DDD; position:relative;
}
/**********/
.left-support .left-title::before{
	position:absolute; left:0; top:0;
	content:""; display:block;
	width:45px; height:100%;
	background-image:url(img/doitac.png);
	background-position:15px 14px; background-repeat:no-repeat;
}
.left-support li{
	margin:0; padding: 1rem .75rem; list-style-type:none;
	border-bottom:1px solid #DDD; position:relative;
}
.left-support li:last-child{
	border-bottom: 0;
}
.left-support li > *{
	display:block; position:relative;
	background:url(img/onl.png) no-repeat left 6px;
	background-size:45px auto;
	padding-left:55px;
	font-size:13px; line-height:18px;
}
.left-support li p{
	margin:3px 0 0;
}
.left-support li a{
	color:inherit;
	text-decoration: none;
}
.left-support li a:hover{
	color: var( --color-red);
}
.left-support li .icon-user,
.left-support li .icon-phone,
.left-support li .icon-email{
	background:none;
}
.left-support li .icon-user::before,
.left-support li .icon-phone::before,
.left-support li .icon-email::before{
	position:absolute; left:0; top:0;
	display:block;
	width:45px; height:100%; color:#FFF;
	background:var( --color-main);
	border-radius:10px 0 10px 0;
	text-align:center;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 38px;
	font-family: 'Font Awesome 5 Free';
  	font-weight: 900;
	font-size: 23px;
}
.left-support ul > li:nth-child(2n + 1) a::before{
	background-color: var( --color-main-bold);
}
.left-support li .icon-phone::before{
	content: "\f590";
}
.left-support li .icon-email::before{
	content: "\f658";
}
.left-support li .icon-user::before{
	content: "\f2bd";
	font-weight: 400;
}
.left-video{
	margin-bottom:0;	
}
.left-video .left-title::before{
	position:absolute; left:0; top:0;
	content:""; display:block;
	width:45px; height:100%;
	background-image:url(img/video.png);
	background-position:15px 14px; background-repeat:no-repeat;
}
/********
*********
**********/
.page-home #homeslide-owl{
	margin-bottom:30px;	
}
#homeslide-owl{
	position:relative; margin-bottom:0px;		
}
#homeslide-owl .owl-dots{
	margin:0;	display:inline-block;
	width: auto;
	position:absolute; left:50%;	bottom:0%;
	transform: translateX( -50%);
}
#homeslide-owl .owl-dots .owl-dot{
	display: inline-block;
}
#homeslide-owl .owl-dots .owl-dot span{
	display:block;
	height:15px; width:15px;
	border: 1px solid #FFF;
	background: rgba(255,255,255, .75);	
}
#homeslide-owl .owl-dots .owl-dot.active span{
	background:#FFF;
}
/*********************/
/*********
********
**********/
.title-page{
	position:relative;
	background:url(img/bg-left-nav-title.png) repeat-x left top;
	background-size:auto 100%;
	margin:0 0 15px; display:block; padding: .6rem .75rem .55rem;
	font-size: 17px; text-transform:uppercase; line-height:24px;
	color:#FFF; font-weight:bold;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.35); -moz-text-shadow:0 1px 1px rgba(0, 0, 0, 0.35); -webkit-text-shadow:0 1px 1px rgba(0, 0, 0, 0.35);
	box-shadow:1px 1px 10px 1px #cacaca; -moz-box-shadow:1px 1px 10px 1px #cacaca; -webkit-box-shadow:1px 1px 10px 1px #cacaca;
	border-radius: 3px;
	overflow: hidden;
}
.title-page-sub{
	margin:0 0 20px; padding:0; display:block;
	font-size:21px; line-height:26px; font-size:900;
	color:var( --color-main); text-transform:uppercase;
}
.img-detail-main{
	margin-bottom:25px;	
}
.title-page a{
	color: inherit;
	text-decoration: none;
}
.title-page-readmore{
	font-size: 11px;
	text-transform: capitalize;
	background-color: #fff;
	color: #000 !important;
	text-shadow: none;
	padding: .35rem .75rem;
	border-radius: 18px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.title-page-readmore:hover{
	color: var( --color-main) !important;
}
/************************************************/
.product-list-wrapper{
	--bs-gutter-x: 1rem;
	--bs-gutter-y: 1rem;
	margin-bottom: 2rem;
}
.product-list-img-link{
	display: flex; flex-direction: column;
	height: 100%;
	border:1px solid #e0e0d1;
	position:relative; text-align:center;
	color:inherit; text-decoration:none;
	border-radius: .375rem; 
	overflow: hidden;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;	
	-webkit-transition:all 0.3s ease 0s;	
}
.product-list-img-link > *{
	width: 100%;
}
.product-list-img{
	display:block; border-bottom:1px solid #e0e0d1;
	position:relative; background:#fff;
	width:100%;  overflow:hidden;
	margin: 0;
}
.product-list-img img{
	display: block;
	width: 100%; height: auto;
	aspect-ratio: 1/1;
	object-fit: contain; object-position: center;
}
.product-list-caption{
	display: flex; padding: 12px 10px 10px;
	flex-direction: column;
}
.product-list-title{
	display:block; margin:0 0 .5rem; padding:0;
	font-size: 14px; font-weight: 700;
	line-height:22px; text-transform:capitalize;
}
.product-list-rating{
	font-size: 15px;
	padding: 0 15px;
	margin: auto 0 15px;
	color: var( --color-main);
}
.product-list-rating > *:not( :last-child ){
	margin-right: .25rem;
}
.bordertop-other{
	padding-top:20px; margin-top:30px;
	border-top:1px solid #DDD;	
}
.product-list-img-link:hover{
	background:var( --color-main); color:#FFF;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	transform: translateY( -3px);
}
.product-list-img-link:hover .product-list-rating{
	color: #fff;
}
/**************************************/
.product-list-filter{
	margin: 0 -.25rem;
	display: flex; flex-wrap: wrap;
	justify-content: center;
}
.product-list-filter-item{
	flex: 0 0 auto;
	width: auto;
	margin: .25rem 0 0; padding: .25rem;
}
.product-list-filter-item > b{
	display: block;
	padding: .2rem .25rem;
	min-width: 30px;
	border: 1px solid #ddd;
	font-weight: bold;
	font-size: 11px; text-transform: uppercase;
	line-height: 16px;
	border-radius: .175rem;
	background-color: #fff;
	color: #333;
	box-shadow: 0 .075rem .15rem rgba(0,0,0,.075);
}
/**************************************/

/************************************************/
.ads{
	display:block; margin-bottom:10px;	
}
/************************************************/
/************************************************/
.bloglist-wrapper{
	--bs-gutter-x: 2rem;
	--bs-gutter-y: 2.5rem;
	margin-bottom: 3rem;
}
.bloglist-item{
	display: flex; flex-direction: column;
}
.bloglist-item > *{
	width: 100%;
}
#blog-content .item{
	border-bottom:1px solid #DDD;
}
.bloglist-item-img{
	margin: 0 0 1rem;
}
.bloglist-item-img img{
	display:block; width:100%;
	height: auto;
	aspect-ratio: 5/3;
	object-fit: cover; object-position: center;
	padding: 2px;
	background-color: #fff;
	border:1px solid #DDD;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);

}
.bloglist-item-time{
	display:block; font-size:13px; font-style:italic;
	margin-bottom: .5rem; line-height:20px;
	color:#777;
}
.bloglist-item-des{
	padding: 0;
	margin-bottom: 1.75rem;
	color:#000;
}
.bloglist-item-title{
	margin:0 0 .5rem; padding:0;
	font-size: 19px; font-weight:bold; line-height:28px;
	color:#000;
}
.bloglist-item-text{
	--line-height: 26px;
	font-size: 15px;
	margin-bottom: 0rem;
}
/***************/
.bloglist-item a{
	color: #000; text-decoration:none;
}
.bloglist-item a:hover{
	color:var( --color-main);
}
.bloglist-item-box-readmore{
	text-align: right;
	margin: auto 0 0;
}
.bloglist-item-readmore{
	font-size:12px; line-height:16px; text-transform:capitalize;
	font-weight: 500;
	background: var( --color-main); 
	color:#FFF !important; 
	text-decoration:none;
	padding: .3rem .85rem;	border-radius:15px;
	transition:all 0.3s ease-in 0s;	
	-moz-transition:all 0.3s ease-in 0s;	
	-webkit-transition:all 0.3s ease-in 0s;	
}
.bloglist-item-readmore:hover{
	 background: var( --color-main-bold)
}
.bloglist-item-des-readmore{
	display: none;
}
/************************************************/
.homenews-wrapper{
	--bs-gutter-x: 3rem;
	--bs-gutter-y: 2rem;
	margin-bottom: 0;
}
.homenews-wrapper .bloglist-item{
	width: 50%;
	flex-direction: row;
	flex-wrap: nowrap;
}
.homenews-wrapper .bloglist-item-img{
	flex: 0 0 auto;
	width: 200px;
	margin: 0;
}
.homenews-wrapper .bloglist-item-img a{
	height: 100%;
}
.homenews-wrapper .bloglist-item-img img{
	height: 100%;
}
.homenews-wrapper .bloglist-item-des{
	flex: 0 0 auto;
	width: calc( 100% - 200px);
	padding-left: 1.5rem;
}
.homenews-wrapper .bloglist-item-title{
	font-size: 16px;
	line-height: 1.4;
	text-transform: none;
	margin-bottom: .35rem;
}
.homenews-wrapper .bloglist-item-text{
	--line-clamp: 3;
	--line-height: 24px;
	font-size: 14px;
	min-height: 0;
	margin-bottom: 1.25rem;
}
.homenews-wrapper .bloglist-item-box-readmore{
	display: none;
}
.homenews-wrapper .bloglist-item-des-readmore{
	display: block;
}
.homenews-wrapper .bloglist-item-readmore{
	font-size: 12px; font-weight: 500;
	padding: .25rem .85rem;
}
/************************************************/
.searchlist-wrapper{
	--bs-gutter-x: 0rem;
	--bs-gutter-y: 1.5rem;
	margin-bottom: 2.5rem;
}
.searchlist-wrapper .bloglist-item{
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #ccc;
}
.searchlist-wrapper .bloglist-item-img{
	flex: 0 0 auto;
	width: 300px;
	margin: 0;
}
.searchlist-wrapper .bloglist-item-des{
	flex: 0 0 auto;
	width: calc( 100% - 300px);
	padding-left: 1.5rem;
}
.searchlist-wrapper .bloglist-item-title{
	font-size: 19px;
	line-height: 1.4;
	text-transform: none;
	margin-bottom: .5rem;
}
.searchlist-wrapper .bloglist-item-text{
	--line-clamp: 5;
	--line-height: 26px;
	font-size: 15px;
	min-height: 0;
	margin-bottom: 1.25rem;
}
/************************************************/
.blogdetail-content-wrapper{
	background-color: #fff;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	margin-bottom: 3rem;
	overflow: hidden;
}
.blogdetail-text-wrapper{
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	margin-bottom: 3rem;
}
.blogdetail-content-wrapper #button-share{
	padding: .75rem 2.5rem .85rem;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	margin: 0;
}
.boxother-container{
	padding-top: 3rem;
	padding-bottom: 3rem;
	border-top: 1px solid #ddd;
}
body.blogdetail #footer{
	margin-top: 0;
}
/************************************************/
/************************************************/
.prodetail-overview{
	--bs-gutter-x: 2.5rem;
	margin-bottom: 3.5rem;
}
.prodetail-overview-info b{
	font-weight:500;
}
.boxdetail-container{
	max-width: 1000px;
}
.prodetail-container{
	max-width: 1100px;
}
.prodetail-content{
	border-top: 1px solid #ccc;
	background-color: #f6f6f6;
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.prodetail-other{
	padding-top: 3rem;
}
/************************************************/
.pdetail-title{
	position:relative;
	margin:0 0 .65rem; padding:0;
	font-size: 25px; line-height:32px; font-weight:bold;
	text-transform:uppercase;
	color: var( --color, #000);	
}
.pdetail-title-sub{
	margin: 0 0 1.25rem
}
.prodetail-overview-info > p{
	display: flex; flex-wrap: nowrap;
	margin-bottom: .75rem;
	font-size: 14px; line-height: 24px;
	font-weight: 400;
}
.prodetail-overview-info > p > b{
	flex: 0 0 auto;
	width: 100px;
	font-size: 13px;
	font-weight: 500;
}
.prodetail-overview-info > p > span{
	flex: 0 0 auto;
	width: calc( 100% - 100px);
	padding-left: 1rem;
}
.prodetail-overview-info-price{
	margin-bottom: 1.5rem !important;
}
.prodetail-overview-info-price{
	color:#000; margin-bottom:50px;
	display:block; font-size:15px;
}
.prodetail-overview-info-price span{
	color: #f00;
	font-weight: bold;
	font-size: 17px;
}
.prodetail-overview-info-price s{
	margin-left:10px;
	font-size:15px; font-weight:normal; color:#666;
}
/************************************************/
.prodetail-overview-info #button-share{
	padding: 0; margin: 0;
	background: none;
}
.prodetail-overview-info #button-share i:after,
.prodetail-overview-info #button-share b.bold-0{
	display: none;
}
.prodetail-overview-info #button-share .share-item{
	padding: 0;
	border-radius: 50%; overflow: hidden;
	margin-right: .75rem;
	padding: 1px;
	transition:all 0.3s ease-in 0s;	
	-moz-transition:all 0.3s ease-in 0s;	
	-webkit-transition:all 0.3s ease-in 0s;	
}
.prodetail-overview-info #button-share i{
	margin: 0;
	width: 32px; height: 32px;
	padding: 0;
	text-align: center;
	line-height: 32px;
	border: none;
	background: #fff;
	color: #666;
	font-size: 17px;
	border-radius: 50%; 
	transition:all 0.3s ease-in 0s;	
	-moz-transition:all 0.3s ease-in 0s;	
	-webkit-transition:all 0.3s ease-in 0s;	
}
.prodetail-overview-info #button-share .share-item:hover{
	box-shadow: 0 .25rem .5rem rgba(0,0,0,.075);
}
.prodetail-overview-info #button-share .share-item:hover i{
	background: none; color: #fff;
}
.prodetail-overview-info #button-share .button-share-label{
	display: inline-block;
}
/************************************************/
.prodetail-faddtocart{
	border-top: 1px solid #ccc;
	padding: 1.5rem 0 0;
	margin-bottom: 1.5rem;
}
.prodetail-faddtocart-row{
	margin: 0;
}
.prodetail-faddtocart-row > *{
	flex: 0 0 auto;
	width: auto;
}
.prodetail-faddtocart-btn{
	padding: .55rem 1.5rem .5rem;
	font-weight: bold;
	font-size: 14px; line-height: 22px;
	text-transform: uppercase;
	min-width: 180px;
	border-radius: 32px;
	margin-left: .75rem;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	transition:all 0.3s ease-in 0s;	
	-moz-transition:all 0.3s ease-in 0s;	
	-webkit-transition:all 0.3s ease-in 0s;	
}
.prodetail-faddtocart-btn--addtocart{
	background-color: var( --color-main-bold);
	color: #fff;
	margin-left: 0;
}
.prodetail-faddtocart-btn--addtocart:hover{
	background-color: var( --color-red);
	color: #fff;
}
.prodetail-faddtocart-btn--buynow{
	background-color: var( --color-main);
	color: #fff;
}
.prodetail-faddtocart-btn--buynow:hover{
	background-color: var( --color-red);
	color: #fff;
}
.prodetail-faddtocart-btn--hotline{
	border: 1px solid var( --color-main-bold);
	background-color: #fff;
	color: var( --color-main-bold);
	font-weight: 500;
}
.prodetail-faddtocart-btn--hotline:hover{
	border-color: var( --colo-red);
	color: var( --color-red);
}
/*********************/
.addtocart-success .fa::before{
	content: "\f058";
	font-weight: 400;
}
/************************************************/
/*********************/
.prodimg_carousel__wrapper{
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
}
.prodimg_carousel__wrapper.bgimg-default{
	background: #fff !important;
}
#prodimg_carousel .prodetail__imgitem__big{
	display: block;
	aspect-ratio: 1/1;
	width: 100%; min-height: 380px;
	object-fit: contain; object-position: center;
}
#prodimg_carousel__thumb .prodetail__imgitem__boxbig{
	border: 1px solid #ddd;
	display: block;
	opacity: .8; padding: 1px;
	background-color: #fff;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	cursor: pointer;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
#prodimg_carousel__thumb .prodetail__imgitem__big{
	display: block;
	width: 100%; height: 52px;
	object-fit: contain; object-position: center;
}
#prodimg_carousel__thumb .current .prodetail__imgitem__boxbig{
	opacity: 1;
	border-color: var(--color-main);
}
#prodimg_carousel{
	margin-bottom: 1rem;
}
#prodimg_carousel .owl-prev,
#prodimg_carousel .owl-next{
	position: absolute; top: 50%; z-index: 9;
	transform: translateY( -50%);
	width: 38px; height: 38px; line-height: 36px;
	border-radius: 50%;
	padding: 0; margin: 0; 
	opacity: 1;
	overflow:hidden; border: none;
	background-color: rgba(126, 192, 20, 0.5);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
#prodimg_carousel .owl-prev{
	left: .5rem;
}
#prodimg_carousel .owl-next{
	right: .5rem;
}
#prodimg_carousel .owl-prev:hover,
#prodimg_carousel .owl-next:hover{
	background-color:  var( --color-main);
}
#prodimg_carousel .owl-prev .fa,
#prodimg_carousel .owl-next .fa{
	line-height: 38px;
	font-size: 23px;
	color: #fff;
}
/*********************/
#product_other_owl{
	position:relative	
}
#product_other_owl .product-list-item{
	height: 100%;
}
#product_other_owl .owl-stage{
	display: flex; flex-wrap: nowrap;
}
#product_other_owl .item{
	flex: 0 0 auto;
	margin-bottom:20px;	
	padding-left:10px; padding-right:10px;
}
#product_other_owl .item a{
	display:block; border:1px solid #e0e0d1;
	position:relative; text-align:center;
	color:inherit; text-decoration:none;
}
#product_other_owl .item .img{
	display:block; border-bottom:1px solid #e0e0d1;
	position:relative; background:#f8f8f8;
	height:200px; width:100%;  overflow:hidden;
}
#product_other_owl .item .img img{
    display: block;    left: 50%;
    min-height: 100%;    min-width: 100%; width:100%;
    position: absolute;    top: 50%;
    transform: translate(-50%, -50%);
}
#product_other_owl .item .des{
	display:block; padding:15px;
}
#product_other_owl .item .des h3{
	display:block; margin:0; padding:0;
	font-size:13px; font-weight:500;
	line-height:20px; text-transform:capitalize;
	height:45px; overflow:hidden;
}
#product_other_owl .item:hover .img img{
	opacity:0.6; -moz-opacity:0.6; -webkit-opacity:0.6;
}
#product_other_owl .item:hover .des{
	background:var( --color-main);
}
#product_other_owl .item:hover a{
	background:var( --color-main); color:#FFF;
}
/************/
#product_other_owl .owl-nav{
	position:absolute; right:5px; top: -3.25rem; z-index:9;
	display:inline-block; padding:0; margin:0;	
}
#product_other_owl .owl-nav [class*="owl-"]{
	background:#FFF; color: #444;
	line-height: 20px;
}
#product_other_owl .owl-nav [class*="owl-"]:hover{
	background:#FFF; 
	color: var( --color-main);
}
/***********/
#blog-content.search-content .item h3 .ctl{	display:inline-block; position:relative; top:-3px;	padding:1px 10px 1px;	background:#643c44; color:#f9f5ea;	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;	font-size:8px; line-height:16px;}/********************/#sitemap{	margin:0 0 30px; padding:0 0 0 15px; list-style-type:none;	}#sitemap > li{	margin:0 0 10px; padding:0; list-style-type:none;		clear:both; display:block;}#sitemap > li > a{	font-weight:bold; color:#634d32;	text-transform:capitalize; font-size:17px;	line-height:28px;}#sitemap a{	color:#404140	}#sitemap li{	margin-bottom:3px;}#sitemap li > p{	float:left; width:50%; padding:0 15px;}#sitemap .row{	margin-bottom:10px; margin-top:10px;	}#sitemap .row span{	margin-bottom:5px;	}#sitemap .row span:nth-child( 3n + 1){	clear:both;}/******************/#plugin_contact_bottom{	position:fixed; right:0; bottom:0; padding:0px 5px 3px; z-index:99;	background:#634d42; min-height:30px; width:270px;	display:inline-block;		border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;}#plugin_contact_bottom label.header{	margin:0; padding:7px 10px 3px 10px; cursor:pointer;	font-size:13px; text-transform:uppercase; color:#FFF;	font-weight:bold;}#plugin_contact_bottom label.header i{	font-size:17px; top:3px; margin-right:5px;}#plugin_contact_bottom .content-support{	background:#FFF; padding:10px; overflow:hidden;	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;	font-size:12px; line-height:20px; display:none;}#plugin_contact_bottom .content-support .form-group{	margin-bottom:5px;}#plugin_contact_bottom .form-control{	font-size:13px; height:30px; line-height:30px;	padding:2px 5px;	}#plugin_contact_bottom button{    background:#634d42; border:none;    color: #FFF;    display: inline-block;    font-size: 12px;    font-weight: normal;    	line-height: 24px;    margin-top: 10px;    padding:3px 20px;    text-align: center;    text-decoration: none;    text-transform: uppercase;}#plugin_contact_bottom button:hover{	background:#bd952e;}#plugin_contact_bottom .alert{	margin-bottom:0;}
/**************/
#pronav_content{
	margin-bottom: 3rem;
}
#pronav_content .content-main{
	max-height:150px; overflow:hidden;
	margin-bottom: .5rem;
	font-size: 15px; line-height: 26px;
}
#pronav_content .content-main p{
	margin-bottom: 6px;
}
#pronav_content .content-main--reset{
	max-height: none;
}
#pronav_content .btn_coll{
	display:block; text-align:center;
	margin-bottom:0; cursor:pointer;
	font-weight:500; text-transform:uppercase;
	color:#0a97d4; font-size:13px;
}
#pronav_content .btn_coll button{
	font-size: 13px; line-height: 20px;
	text-transform: capitalize;
	font-weight: 500;
	background:#fff; color: var( --color-main);
	border:1px solid var( --color-main);
	border-radius: 26px;
	padding: .25rem 1.25rem;
}
#pronav_content .btn_coll button:hover{
	background:#96cb2a; color:#FFF;
	border:1px solid #96cb2a;
}
/********************************/
/*******************************/
.fixedpage-action{
	position: fixed; z-index: 1990;
	right: .35rem; 
	bottom: 75px;
}
.fixedpage-action .dropdown-menu{
	background: none; border-radius: 0;
	border: none;
	min-width: 0;
	width: 130px;
	display: block; position: relative;
}
.fixedpage-action .dropdown-menu > li:not( :last-child){
	margin-bottom: .75rem;
}
.fixedpage-action .dropdown-item{
	display: flex; flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	width: 100%; 
	padding: .35rem .35rem;
	background-color: #fff;
	border-radius: 6px;
	border: 1px solid #ddd;
	box-shadow: 0 .2rem .35rem rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.fixedpage-action .dropdown-item svg{
	width: 32px; height: 32px;
}
.fixedpage-action .dropdown-item span{
	width: calc( 100% - 32px );
	padding-left: .25rem;
	line-height: 1.25;
}
.fixedpage-action .dropdown-item b{
	display: block;
	font-size: 12px; font-weight: bold;
	line-height: 16px;
	text-transform: capitalize;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.fixedpage-action small{
	display: block; clear: both;
	font-size: 13px; color: #555;
	text-overflow: ellipsis;
	text-transform: capitalize;
	white-space: nowrap;
	overflow: hidden;
}
.fixedpage-action .dropdown-item:hover{
	border-color: var( --bs-primary);
}
.fixedpage-action .dropdown-item:hover b{
	color: var( --bs-primary);
}
/*****************************************/
/*********************/
.prodetail-faddcart-input{
	--border-color: #ccc;
	display: flex; flex-wrap: nowrap;
	border: 1px solid var( --border-color);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.prodetail-faddcart-input button{
	flex: 0 0 auto;
	width: 50px; padding: 0;
	border: none; background-color: #fff;
	text-align: center;
	font-size: bold 17px/1 var( --ftitle);
}
.prodetail-faddcart-input button:hover{
	color: var( --color-red);
}
.prodetail-faddcart-input input{
	flex: 0 0 auto;
	width: calc( 100% - 100px);
	padding: .75rem .75rem;
	text-align: center;
	border: none; background: none;
	border-left: 1px solid var( --border-color);
	border-right: 1px solid var( --border-color);
	font: bold 17px/1.2 var( --ftitle);
	border-radius: 0;
}
.prodetail-faddcart-input input:focus{
	outline: none;
}
.prodetail-faddcart-input:focus-within{
	--border-color: var( --color-main);
}
/****************************/
.prodetail-faddcart-input--cart{
	overflow: hidden;
}
.prodetail-faddcart-input--cart input{
	width: 67px;
	border-left: none;
	padding: .25rem .25rem;
}
.prodetail-faddcart-input-btngroup{
	flex: 0 0 auto;
	width: 32px;
	display: flex; flex-direction: column;
}
.prodetail-faddcart-input-btngroup button{
	width: 100%; height: 30px;
}
.prodetail-faddcart-input-btngroup button:not( :last-child){
	border-bottom: 1px solid var( --border-color);
}
/*******************/

/********************************************
********************************************/
body.page-cart .footer-info{
	background-color: #fff;
	border-top: 1px solid #ccc;
}
body.page-cart .breadgroup{
	display: none !important;
	margin-bottom: 0;
}
.cart-navbar{
	background-color: #fff;
	padding: 1.5rem 2rem; margin-bottom: 2.5rem;
	border-bottom: 1px solid #ccc;
	align-items: center;
	text-align: center;
	counter-reset: cart-navbar-counter;
}
.cart-navbar .cart-navbar-item{
	counter-increment: cart-navbar-counter;
	opacity: .35;
}
.cart-navbar-item.active{
	opacity: 1;
}
.cart-navbar-header{
	position: relative;
	text-align: left;
	display: inline-block;
	margin: auto;
	padding-left: 65px;
	font-size: 14px; line-height: 22px;
	font-weight: 300;
}
.cart-navbar-header::before{
	position: absolute; left: 0; top: 50%; z-index: 1;
	transform: translateY( -50%);
	content: '0'counter( cart-navbar-counter);
	display: block;
	font-size: 51px; font-weight: bold;
	color: var( --color-main);
	font-family: var( --ftitle);
}
.cart-navbar-title{
	margin: 0 0 .15rem; padding: 0;
	font-size: 15px; font-weight: bold;
	line-height: 22px;
	text-transform: uppercase;
	color: var( --color-main);
}
/*************************************
*************************************/
.cart-wrapper{
	max-width: 1000px;
}
.cart-boxitem{
	background-color: #fff;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	padding: 2rem;
	margin-bottom: 2.5rem;
}
.cartitem.footer,
.cartitem.header{
	font-weight: bold; text-transform: uppercase;
	font-size: 13px; line-height: 20px;
}
.cartitem.header{
	border-top: none;
	padding-top: 0; padding-bottom: .5rem;
	font-size: 13px;
}
.cartitem.footer{
	background-color: rgb(185, 219, 255);
	padding-top: .75rem; padding-bottom: .75rem;
	font-size: 15px;
}
.cartitem{
	padding: 1rem 0;
	margin: 0;
	border-top: 1px solid #CCC;
}
.cartitem-stt{
	flex: 0 0 auto; width: 50px;
	font: bold 17px/22px var( --ftitle);
	text-align: center;
	color: var( --color-main);
}
.cartitem-product-photo{
	flex: 0 0 auto;
	width: 90px;
	margin: 0;
}
.cartitem-product-photo img{
	display: block;
	width: 100%; height: auto;
	aspect-ratio: 1/1;
	object-fit: contain; object-position: center;
}
.cartitem-product-info{
	flex: 1 0 0%;
	padding-left: 1.25rem;
	font-size: 13px; line-height: 20px;
}
.cartitem-product-group{
	--bs-gutter-x: 1.5rem;
	flex: 0 0 auto;
	width: auto;
	display: flex; flex-wrap: nowrap;
	padding-right: 0;
}
.cartitem-qty{
	flex: 0 0 auto;
	width: 125px;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
}
.cartitem-price{
	flex: 0 0 auto;
	width: 135px;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	text-align: right;
	font-weight: bold;
}
.cartitem-product-title{
	margin: 0 0 .5rem;
	font-size: 15px; font-weight: bold;
	line-height: 20px;
	text-transform: capitalize;
}
.cartitem-product-info strong{
	font-family: var( --ftitle);
	color: #111;
	font-weight: bold;
	display: inline-block;
	min-width: 80px;
	font-size: 12px;
}
.cartitem-product-option > span + span{
	margin-left: 1.5rem;
	position: relative;
}
.cartitem-product-option > span + span::before{
	position: relative;
	content: "-";
	padding-right: 1.5rem;
}
/*******************/
.prodetail-faddcart-input--cart{
	overflow: hidden;
}
.prodetail-faddcart-input--cart input{
	width: 67px;
	border-left: none;
	padding: .25rem .25rem;
}
.prodetail-faddcart-input-btngroup{
	flex: 0 0 auto;
	width: 32px;
	display: flex; flex-direction: column;
}
.prodetail-faddcart-input-btngroup button{
	width: 100%; height: 30px;
}
.prodetail-faddcart-input-btngroup button:not( :last-child){
	border-bottom: 1px solid var( --border-color);
}
/*******************/
.cart-title{
	margin-bottom: 0;
	font-size: 19px; font-weight: bold;
	text-transform: capitalize;
	color: var( --color-main);
}
.cartform-item-payment-group{
	padding-left: .75rem;
}
.cartform-item-payment{
	font-size: 16px; line-height: 20px;
	font-weight: 500;
	margin-bottom: 1.25rem;
}
.cartform-item-payment .form-check-input{
	transform: translateY( -2px);
}
.cartform-item-payment-label{
	display: block;
	margin-bottom: .5rem;
	cursor: pointer;
}
.cartform-item-payment-text{
	max-height: 0; overflow: hidden;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.cartform-item-payment-text > .dcontent{
	font-size: 14px; line-height: 24px;
	background-color: #f6f6f6;
	padding: .5rem 1rem;
	border-radius: .375rem;
	border: 1px solid #eee;
}
.cartform-item-payment-text > .dcontent p{
	margin-bottom: 5px;
}
.cartform-item-payment .form-check-input:checked + .cartform-item-payment-label{
	color: var( --bs-primary);
}
.cartform-item-payment .form-check-input:checked ~ .cartform-item-payment-text{
	max-height: 1000px;
}
.cartform-submit{
	background-color: var( --color-main);
	color: #fff;
	padding: .75rem 1.5rem;
	border-radius: .25rem;
	font-weight: bold;
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 1px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.cartform-submit:hover{
	background-color: var( --color-main);
	color: #fff;
	transform: translateY( -3px);
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	transform: scale( 1, 1.1);
}
/********************/
.cart-complete-info{
	margin-bottom: 1.5rem;
}
.cart-complete-info .cart-title{
	font-size: 17px;
	margin-bottom: 0.25rem;
}
.cartcomplete-payment_data{
	padding: 1rem 1.5rem;
	background-color: #f2f2f2;
	border-left: 5px solid var( --color-main);
	font-size: 14px; line-height: 22px;
}
.cartcomplete-payment_data p{
	margin-bottom: 10px;
}
.cartcomplete-payment_data p:last-child{
	margin-bottom: 0;
}
/************************************************************
***2023-07-17*********************************************************/
/*****************************/
.mymodal .modal-dialog{
	max-width: 720px;
}
.mymodal .modal-header{
	background: var( --color-main); color: #fff;
	padding-top: .5rem; padding-bottom: .5rem;
}
.mymodal .modal-title{
	font-size: 17px;
}
.mymodal .form-label{
	font-weight: bold; text-transform: capitalize;
	font-size: 12px;
	display: block;
	margin-bottom: 0;
}
.mymodal form button{
	font-size: 15px; font-weight: 500;
	text-transform: uppercase;
	padding: .5rem 1rem;
	min-width: 135px;
}
.mymodal .ferror{
	display: block;
	color: rgb(234, 19, 19); font-size: 12px; line-height: 18px;
	clear: both;
}
.mymodal.success .modal-body{
	background: rgb(235, 243, 255);
	overflow: hidden;
}
.mymodal.success form p:last-child{
	margin-bottom: 0;
}
.mymodal.success .modal-body *{
	max-width: 100%; height: auto;
}
.mymodal.success .modal-body img{
	max-width: 100%; height: auto !important;
}
.mymodal.success .modal-body p{
		margin-bottom: 5px; margin-top: 0;
}
.mymodal.success .modal-body p:first-child{
	margin-top: var(--bs-gutter-y)
}
/*************************/
.rating-overview-wrapper{
	--bs-gutter-x: 1rem;
	border: 1px solid #ddd;
	border-radius: .5rem;
	margin-bottom: 1.5rem;
	background-color: var( --bs-light);
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.1);
}
.rating-overview-total{
	padding: calc( var( --bs-gutter-x) * 1.5) var( --bs-gutter-x);
	border-right: 1px solid #ddd;
	text-align: center;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap; 
	justify-content: center; align-items: center;
}
.rating-overview-total-amount{
	margin: 0 0 .35rem; padding: 0;
	font: bold 33px/1.2 var( --ftitle);
	color: #111;
}
.rating-overview-total-raring{
	text-align: center;
	margin: 0 0 .5rem;
}
.rating-overview-total-raring > *{
	display: inline-block;
	margin: 0 .15rem;
	font-size: 19px;
	color: #888;
}
.rating-overview-total-raring > .fas{
	color: var( --color-red);
}
.rating-overview--total-text{
	margin: 0;
	font-size: 15px; line-height: 20px;
	font-family: var( --ftitle);
}
.rating-overview--total-text > b{
	color: var( --color-red);
}
/*************/
.rating-overview-listdetail{
	padding: var( --bs-gutter-x);
}
.rating-overview-listdetail .rating-overview-listdetail-item:not( :last-child){
	margin-bottom: .65rem;
}
.rating-overview-listdetail-item{
	display: flex; flex-wrap: nowrap;
	align-items: center;
	line-height: 1.1;
}
.rating-overview-listdetail-item-rating{
	flex: 0 0 auto;
	width: 125px; padding-right: .75rem;
	font-size: 15px;
	color: #777;
}
.rating-overview-listdetail-item-rating > *:not(:last-child){
	margin-right: .175rem;
}
.rating-overview-listdetail-item-rating > .fas{
	color: var( --color-main);
}
.rating-overview-listdetail-item-progress{
	flex: 1 0 0%;
	border-radius: 26px;
	height: .85rem;
}
.rating-overview-listdetail-item-progress .progress-bar{
	background-color: var( --color-main);
}
.rating-overview-listdetail-item-text{
	flex: 0 0 auto;
	width: 110px; padding-left: .75rem;
	text-align: right;
	font-size: 13px; line-height: 18px;
	font-family: var( --ftitle);
	color: #333;
}
/*************/
.comment-wrapper{
	padding: 2rem 2.5rem;
}
.ratinglist-item-header{
	display: flex; flex-wrap: wrap;
	line-height: 1.2;
	align-items: center;
	margin-bottom: .75rem;
}
.ratinglist-item-header-avatar{
	flex: 0 0 auto;
	width: 40px; height: 40px; overflow: hidden;
	text-align: center;
	font: 400 23px/40px var( --ftitle);
	text-transform: uppercase;
	border-radius: 50%;
	color: #fff;
	background-color: var( --bs-primary);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.commentlist-wrapper .commentlist-item:nth-child( 5n + 1 ) .ratinglist-item-header-avatar{
	background-color: var( --bs-info);
}
.commentlist-wrapper .commentlist-item:nth-child( 5n + 2 ) .ratinglist-item-header-avatar{
	background-color: var( --bs-success);
}
.commentlist-wrapper .commentlist-item:nth-child( 5n + 3 ) .ratinglist-item-header-avatar{
	background-color: var( --bs-danger);
}
.commentlist-wrapper .commentlist-item:nth-child( 5n + 4 ) .ratinglist-item-header-avatar{
	background-color: var( --bs-warning);
}
.ratinglist-item-header-info{
	flex: 1 0 0%;
	padding-left: .5rem;
	padding-right: 1.5rem;
}
.ratinglist-item-header-info > *{
	display: block;
}
.ratinglist-item-header-name{
	font-size: 14px; font-weight: 500;
	text-transform: capitalize;
	margin-bottom: .5rem;
}
.ratinglist-item-header-time{
	font-size: 12px;
	color: #888;
}
.ratinglist-item-text{
	font-size: 14px; line-height: 22px;
	font-weight: 300;
}
/**************************************************
**************************************************/
.fcomment-wrapper{
	margin-bottom: 1.5rem;
	width: 100%;
}
.boxcomment-list-empty .fcomment-wrapper{
	margin-bottom: 0;
}
.prodetail_reviewbox--comment.mb-0 .fcomment-wrapper{
	margin-bottom: 0;
}
.fcomment-img{
	flex: 0 0 auto; width: 50px;
}
.fcomment-input-group{
	--height-textarea: 68px;
	flex: 0 0 auto; width: 100%;
	transition: max-height 0.3s ease; -moz-transition: max-height 0.3s ease; -webkit-transition: max-height 0.3s ease;
}
.fcomment-img img{
	display: block;
	width: 100%; height: auto;
	aspect-ratio: 1/1;
	object-fit: cover; object-position: center top;
	border-radius: 50%; overflow: hidden;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	border: 1px solid #ddd;
	padding: 2px; background-color: #fff;
}
.fcomment-input-group textarea{
	resize: none;
	background-color: var( --bs-light);
	font-size: 14px; line-height: 20px;
	transition: height 0.3s ease; -moz-transition: height 0.3s ease; -webkit-transition: height 0.3s ease;
}
#modalComment button[type=submit],
.fcomment-submit{
	--bs-btn-bg: var( --color-main);
	--bs-btn-border-color:  var( --color-main);
	font: bold 13px var( --ftitle);
	padding: .5rem 1rem; 
}
.fcomment-input-group textarea:focus{
	box-shadow: none;
}
/*******************/
.commentlist-wrapper{
	margin: 0 0 1.5rem; padding: 0; list-style: none;
	border-top: 1px solid #999;
}
.commentlist-item{
	padding: 0 0 1rem; margin: 1rem 0 0; list-style: none;
	border-bottom: 1px solid #999;
}
.commentlist-wrapper .commentlist-item:last-child{
	border-bottom: none;
	padding-bottom: 0;
}
.commentlist-item--plugin .ratinglist-item-header-name{
	color: var( --color-main);
    font-weight: bold;
}
.commentlist-item--plugin .ratinglist-item-text{
	margin-bottom: .25rem;
}
.commentlist-item-level{
	margin-bottom: .65rem;
}
.commentlist-item-level--sub{
	padding-left: 52px;
}
.commentlist-item-level--sub .ratinglist-item-header-avatar{
	background: url( img/icon.png) no-repeat center #fff !important;
	background-size: 28px !important;
	text-indent: -1000px;
}
.commentlist-item-level--sub .ratinglist-item-header-name{
	color: var( --color-main);
}
.commentlist-item-level--sub .ratinglist-item-text{
	background: rgb(221, 221, 221);
	padding: .5rem 1.25rem;
	border-radius: .25rem;
}
.commentlist-item-level--sub .ratinglist-item-text::before{
	border-bottom-color: rgb(240, 102, 118);
}
.commentlist-item-level--sub .ratinglist-item-text::after{
	border-bottom-color: rgb(255, 229, 232);
}
/**********************/
.commentlist-item-level--sub,
.commentlist-item--plugin .commentlist-item-level--sub{
	position: relative;
	border-left: 5px solid var( --color-main);
	padding: .75rem 1rem;
	margin-top: 2.25rem;
	background-color: #f4f4f4;
}
.commentlist-item-level--sub::before,
.commentlist-item--plugin .commentlist-item-level--sub::before{
	position: absolute; left: -5px; top: -20px;
	display: block;
	content: attr( data-label);
	color: var( --color-red);
	line-height: 1;
}
.commentlist-item-level--sub .ratinglist-item-text,
.commentlist-item--plugin .commentlist-item-level--sub .ratinglist-item-text{
	background: none;
	padding: 0;
}
/**********************/
.ferror{
	clear: both; display: none;
	padding-top: 7px;
	font-size: 13px; line-height: 1.2;
	color: var( --bs-danger);
}
#modalComment .modal-dialog{
	max-width: 620px;
}
#modalComment .modalRating-response{
	--bs-gutter-x: 1rem;
	--bs-gutter-y: .75rem;
	margin-bottom: .5rem;
}
#modalComment .ferror{
	display: none;
}
/**********************/
.rarting-btn-loadmore--overivew,
.rarting-btn-loadmore{
	background-color: #fff;
	padding: .5rem 1.5rem;
	border: 1px solid var( --color-main);
	border-radius: 28px;
	font: 400 13px/1.2 var( --ftitle);
	color: #444;
	letter-spacing: .5px;
	text-transform: capitalize;
}
.rarting-btn-loadmore:hover{
	background-color: var( --color-main);
	color: #fff;
}
/*******************
********************************/
.homebanner_ver__boxgroup{
	position: relative;
}
.homebanner_ver__group{
	position: absolute; top: 0;
	z-index: 9;
	left: 50% !important; transform: translateX( -50%);
}
.homebanner_ver__group.is_scrollfix{
}
.homebanner-ver{
	position: absolute;
	max-width: 130px;
}
.homebanner-ver.ver-left{
	left: 0rem;
	transform: translateX( -100%);
}
.homebanner-ver.ver-right{
	right: 0rem !important;	left: auto !important;
	transform: translateX( 100%);
}
/*****************************/
body.xsnav__nav-is-toggled{
	overflow: hidden;
	width: 100vw; height: 100vh;
}
.xsnav__wrapper{
	display: flex; flex-direction: column;
	position: fixed;
	z-index: 9999;
	top: 0;	right: 0;
	width: 100%;
	height: 100vh;
	background-color: #fff;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	transition: 0.45s;
	transform: translateX( -100%);
}
.xsnav__nav-is-toggled .xsnav__wrapper {
	transform: translateX(0);
}
.xsnav__nav-is-toggled::after {
	opacity: 1;
	visibility: visible;
}
.xsnav__nav-is-toggled .xsnav__navigation{
	transform: translateX(0);
}
.xsnav__nav-is-toggled::after {
	opacity: 1;
	visibility: visible;
}
.xsnav__navigation{
	display: flex;
	position: relative;
	background-color: #fff;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	transition: 0.45s;
}
.xsnav__navitems{
	flex: 0 0 100%;
}
.xsnav__navlink{
	display: block;
	background-color: #fff;
	cursor: pointer;
	color: #333;
	text-decoration: none;
	text-transform: capitalize;
}
.xsnav__navlink:hover{
	color: #000;
}
.xsnav__navlink > .fa{
	font-size: 8px;
	margin-right: .35rem;
}
.xsnav__nav-expand-content {
	position: absolute;	top: 0;	left: 0; z-index: 9;
	width: 100%;	height: 100%;
	transform: translateX(100%);
	transition: 0.3s;
	visibility: hidden;
}
.xsnav__nav-expand-content .xsnav__navback-link {
	display: flex;
	align-items: center;
	background-color: var( --color-main) !important;
	color: #fff;
}
.xsnav__nav-expand-content .xsnav__navback-link::before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	content: "\f30a";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900; 
	margin-right: 10px;
}
.xsnav__nav-expand-link {
	display: flex;
	justify-content: space-between;
}
.xsnav__nav-expand-link::after {
	flex: 0 1 auto;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	content: "\f30b"; 
	font-family: 'Font Awesome 5 Free';
	font-weight: 900; 
}
.xsnav__nav-expand.active > .xsnav__nav-expand-content {
	transform: translateX(0);
	visibility: visible;
}
.xsnav__nav-expand-content,
.xsnav__nav-expand-content .xsnav__navlink,
.xsnav__nav-expand .xsnav__nav-expand-content .xsnav__navlink,
.xsnav__nav-expand .xsnav__nav-expand-content {
	background-color: #FFF;
}
.xsnav__nav-expand .xsnav__nav-expand-content .xsnav__nav-expand-content .xsnav__navlink,
.xsnav__nav-expand .xsnav__nav-expand-content .xsnav__nav-expand-content {
	background-color: #FFF;
}
.xsnav__nav-expand .xsnav__nav-expand-content .xsnav__nav-expand-content .xsnav__nav-expand-content,
.xsnav__nav-expand .xsnav__nav-expand-content .xsnav__nav-expand-content .xsnav__nav-expand-content .xsnav__navlink {
	background-color: #FFF;
}
.xsnav__nav-expand .xsnav__nav-expand-content .xsnav__nav-expand-content .xsnav__nav-expand-content .xsnav__navexpand-content,
.xsnav__nav-expand .xsnav__nav-expand-content .xsnav__nav-expand-content .xsnav__nav-expand-content .xsnav__nav-expand-content .xsnav__navlink {
	background-color: #FFF;
}
/*********/
.xsnav__wrapper{
	padding: 0 1rem 12vh;
	font: 15px/20px var( --ftitle);
}
.xsnav__navitems{
	margin: 0; padding: 0; list-style: none;
}
.xsnav__wrapper__header{
	background-color: #f2f2f2;
	border-bottom: 1px solid #ccc;
	margin-left: -1rem; margin-right: -1rem;
	position: relative;
	padding: .5rem 1rem 1rem;
	margin-bottom: 1rem;
	box-shadow: 0 .25rem .5rem rgba(0,0,0,.075);
}
.xsnav__wrapper__header .xsnav-btn-action{
	position: absolute; right: 1rem; top: .75rem;
	z-index: 1;
	border: 1px solid #888;
	padding: .5rem;
}
.xsnav__wrapper__header img{
	display: inline-block;
	height: 70px; width: auto;
}
.xsnav__navitem--header{
	font: bold 15px/22px var( --ftitle);
	text-transform: uppercase;
	margin: 0;
	color: #333;
}
.xsnav__navitem--title{
	margin: 0;
}
.xsnav__navitem--header,
.xsnav__navlink{
	padding-top: .55rem; padding-bottom: .55rem;
}
.xsnav__nav-expand-content .xsnav__navlink{
	padding: .5rem .5rem .5rem .75rem;
}
.xsnav__navback-link{
	padding-left: .75rem !important;
	text-transform: capitalize; font-weight: bold; 
}
.xsnav__wrapper .xsnav__navitem hr{
	margin-top: .25rem; margin-bottom: .75rem;
}
/*********************************************/
.xsnav__wrapper .hfsearch__container > span,
.xsnav__wrapper .hfsearch__container > .btn_mobile,
.xsnav__wrapper .hfsearch__container > button{
	display: none !important;
}
.xsnav__wrapper .hfsearch__container > div{
	position: relative;
	width: 100%;
}
.xsnav__wrapper .hfsearch__container > div input{
	font-size: 14px; line-height: 22px;
	padding-top: .5rem; padding-bottom: .5rem;
}
.xsnav__wrapper .hfsearch__container > div button{
	min-width: 60px;
}
/*********************************************/
/*****************/
.rating_votelist_wrapper{
	margin-bottom: .25rem;
}
.rating_votelist_container{
	border: 1px solid #ddd;
	border-radius: .25rem;
	background-color: rgb(251, 251, 251);
	padding: 1rem .75rem;
}
.rating_votelist_wrapper_title{
	margin: 0 0 1rem; padding: 0;
	font: bold 15px/1.35 var( --ftitle);
	letter-spacing: .735px;
	text-align: center;
	color: var( --color-main-main);
}
.rating_votelist{
	--bs-gutter-x: 1.5rem;
	margin: 0; padding: 0; list-style: none;
	text-align: center;
	justify-content: center;
	align-items: center;
}
.rating_votelist .far,
.rating_votelist .fas{
	font-size: 14px;
	margin: 0 .075rem;
}
.rating_votelist .far{
	color: #777;
}
.rating_votelist .fas{
	color: rgba(26, 114, 50, 0.35);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.rating_votelist li{
	position: relative;
	overflow: hidden;
}
.rating_votelist input[type=radio]{
	position: absolute; left: 0; top: 0;
	z-index: 9;
	opacity: 0;
	cursor: pointer;
}
.rating_votelist label{
	cursor: pointer;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.rating_votelist span{
	display: block; clear: both;
	font: 14px/1.4 var( --ftitle);
	text-transform: capitalize;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.rating_votelist input[type=radio]:checked + label .fas,
.rating_votelist input[type=radio]:checked + label{
	color: var( --color-main-bold);
}
.rating_votelist input[type=radio]:checked + label span{
	font-weight: bold;
}
/*******************/
.prodetail-rating{
	margin-bottom: 1.15rem !important;
}
.prodetail-rating .fas,
.prodetail-rating .far{
	font-size: 19px;
	margin-right: .5rem;
	color: var( --color-main);
}
.prodetail-rating > i:last-child{
	margin-right: 0;
}
/**************************************/
.prodetail-faddtocart-option{
	display: flex; flex-wrap: wrap;
	margin: 0 -.375rem 1rem;
}
.prodetail-faddtocart-option + .prodetail-faddtocart-option{
	margin-bottom: 1.35rem;
}
.prodetail-faddtocart-option-item{
	flex: 0 0 auto;
	width: auto;
	padding: 0 .375rem;
	margin-top: .375rem;
}
.prodetail-faddtocart-option-label{
	width: 100%;
	margin: 0 0 .15rem;
	line-height: 20px;
	font-weight: bold !important;
	font-size: 13px;
}
.prodetail-faddtocart-option-label > span{
	font-weight: bold;
	text-transform: capitalize;
}
.prodetail-faddtocart-option-input{
	position: relative; overflow: hidden;
	display: block;
	cursor: pointer;
}
.prodetail-faddtocart-option-input > input{
	position: absolute; left: 0; top: 0; 
	z-index: 9;
	opacity: 0;
}
.prodetail-faddtocart-option-input img{
	display: inline-block;
	width: 38px;
	min-width: 0;
	aspect-ratio: 1/1;
	object-fit: cover; object-position: center;
	padding: 1px;
}
.prodetail-faddtocart-option-text{
	display: block;
	padding: .35rem .5rem;
	font-size: 14px; line-height: 20px;
	font-weight: bold !important;
	border: 1px solid #ddd;
	min-width: 40px;
	text-align: center;
	border-radius: 3px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.prodetail-faddtocart-option-input > input:checked + .prodetail-faddtocart-option-text{
	border-color: var( --color-main);
	background-color: var( --color-main);
	color: #fff;
}
/**************************************/
.product-filter-wrapper{
	background-color: var( --bs-light);
	padding: .35rem .5rem .35rem 1rem;
	border: 1px solid #ccc;
	border-radius: .375rem;
	margin-bottom: 1.5rem;
}
.product-filter-header{
	margin: 0; padding: 0;
	display: none;
	align-items: center;
}
.product-filter-header{
	font-size: 15px;
	font-weight: bold; line-height: 1.2;
}
.product-filte-button{
	border: none;
	font-size: 15px;
	color: var( --color-main-bold);
}
.product-filter-item + .product-filter-item{
	margin-top: .15rem;
}
.product-filter-item-title{
	font-size: 12px; font-weight: bold;
	line-height: 20px;
	text-transform: capitalize;
	margin: 0;
}
.product-filter-item-list{
	margin: 0 -.4rem; padding: 0;
	list-style-type: none;
	display: flex; flex-wrap: wrap;
	align-items: center;
}
.product-filter-listitem{
	padding: 0 .4rem;
	margin-top: .5rem;
}
.product-filter-listitem-label{
	position: relative;
	overflow: hidden;
	margin: 0; padding: 0;
	line-height: 20px;
	cursor: pointer;
}
.product-filter-listitem-input{
	position: absolute; left: 0; top: 0;
	opacity: 0;
}
.product-filter-listitem-name{
	display: block;
	padding: .25rem .5rem;
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: .275rem;
	font-size: 13px;
	line-height: 20px;
	font-weight: 500;
	min-width: 45px;
	text-align: center;
}
img.product-filter-listitem-name{
	display: block;
	height: 32px;
	padding: 1px;
	background-color: #fff;
}
.product-filter-listitem-input:checked + .product-filter-listitem-name{
	border-color: var( --color-main);
	background-color: var( --color-main);
	color: #fff;
}
/**************************************/
/**************************************/