@charset "utf-8";
/* CSS Document*/
:root{
	--color-main:#44702d;
	--color-main_2:#a9d46f;
	--color-main_trans:#93ca4b;
	--color-red:#ed1c24;
	--color-hover:#ed1c24;
	--bg-gray: #dee0de;
	--text-main: #373737;
}
body{
	font:400 15px/26px 'Roboto', serif;	color:#000;
	overflow-x:hidden;
	background-repeat:no-repeat;
	background-position: center top; background-size:cover;
	background-color: var( --bs-light);
  transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
input[type=number]::-webkit-inner-spin-button {
    opacity: 1; -moz-opacity: 1; -webkit-opacity: 1;
	-o-opacity: 1; -ms-opacity: 1;
}
.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 */
}
.hide_arrow{
    -moz-appearance:textfield; /* Firefox */
}/************/
a{
	cursor:pointer;
	text-decoration: none;
}
.bold-500{
	 font-weight:500;
}
.bold{
	font-weight: bold;
}
.bold-0{
	font-weight: normal !important;
}
.text-main{
	color: var( --color-main) !important
}
.text-red{
	color: var( --color-red) !important
}
.bg-main{
	background-color: var( --color-main) !important
}
.bg-red{
	background-color: var( --color-red) !important
}
.fs-15{
		font-size: 15px !important
}
.f-title{

}
.text-cap{
	text-transform:capitalize;
}
.text-upp{
	text-transform:uppercase;
}
.img-full{
	display:block; width:100%;
}
.transition{
	transition:all 0.3s ease-in 0s;
	-moz-transition:all 0.3s ease-in 0s;
	-webkit-transition:all 0.3s ease-in 0s;
}
.trans_dis{
	transition:none; -moz-transition:none; -webkit-transition:none;
}
.img-hover-zoom{
	overflow:hidden;
}
.img-hover-zoom .img-zoom{
	transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s;
}
.img-hover-zoom:hover .img-zoom{
	transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);
}
.text_hide{
    text-overflow: ellipsis;    white-space: nowrap;	overflow:hidden;
}
/***********/
.btn-hover{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn-hover:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var( --color-red);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-hover:hover,
.btn-hover:focus,
.btn-hover:active {
  color: white;
  border-color:var( --color-red);
}
.btn-hover:hover:before,
.btn-hover:focus:before,
.btn-hover:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/************/
#pagination{
	text-align:center; margin-top:20px; margin-bottom:30px;
}
#pagination *{
	margin:0 5px;	position:relative;
	min-width: 36px; line-height: 24px;
	font-weight: 500;
	background: #fff; border: 1px solid #ddd;
}
#pagination *:last-child::after{
	display:none;
}
#pagination b{
	color:#FFF; font-weight:bold;
	background: var( --color-main);
	border-color: var( --color-main);
}
#pagination a:hover{
	color:#000;
}
/*************/
#button-share{
	margin:0px; padding:10px;
	background:#f5f5f5;
}
#button-share .share-item{
	color:#FFF; font-size:10px; font-weight:bold; position:relative; margin-left:10px;
	display:inline-block; padding-right:10px; background:#de4501;
	line-height:23px;
}
#button-share a:last-child .share-item{
	margin-right:0;
}
#button-share .share-item b{
	font-weight:bold;
}
#button-share .share-item i{
	background:#FFF; display:inline-block; padding:7px 10px 7px 7px;
	margin:0 10px 0 0; color:#373c43;
	text-align:center; color:#5d72a4; width:28px; font-size:12px;
}
#button-share .share-item i:after{
    border: medium solid transparent;    content: " ";     pointer-events: none;
	height: 0;       position: absolute;    left: 28px;    top: 50%;    width: 0;
    border-color: rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) #FFF;
    border-width: 5px;    margin-top: -5px;
}
#button-share .share-item:hover i{
	background:#000; color:#FFF
}
#button-share .share-item:hover i:after{
    border-color: rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) #000;
}
/********/
#button-share .share-fb,
.bg-fb{
	background:#5d72a4;
}
#button-share .share-fb i{
	color:#5d72a4;
}
#button-share .share-twitter,
.bg-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;
}
#button-share .share-youtube,
.bg-youtube{
	background:#f00;
}
#button-share .share-youtube i{
	color:#FFF;
}
/***********/
#bg-main{
	background: none repeat scroll 0 0 #fcfcfc;
	border-bottom: 1px solid #eee;
	margin-bottom: 2.5rem;
}
.breadgroup {
	font-size:13px;
  text-overflow: ellipsis;    text-transform: capitalize;    white-space: nowrap;
	overflow:hidden;
	text-align:left;
}
.breadgroup .breadcrumb {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;    margin: 0;    padding:5px 0;
    text-transform: capitalize;
}
.breadcrumb > li:first-child{
	font-weight:bold;
}
.breadcrumb > li + li::before,
.breadgroup .breadcrumb li:last-child{
	color:#333;
}
.breadgroup .breadcrumb a{
    color:#333;
}
.breadgroup .breadcrumb a:hover{
    color:#bc1318; text-decoration:none;
}
/*********************
**********/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/*******************************/
.is-sticky .header_nav{
	 box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
#undefined-sticky-wrapper{
		height: auto !important; 
}
/*******************************/
#header{
	position:relative; left:0; top:0; width:100%;	z-index:1000;
	background:#FFF; width:100%; height:auto !important;
	font-size:13px; vertical-align:text-top;
	padding:0px 0px 0px;
	transition:all 0.3s ease-in 0s;
	-moz-transition:all 0.3s ease-in 0s;
	-webkit-transition:all 0.3s ease-in 0s;
}
#header .header-top{
	padding:7px 0;
	background:#f3f3f3; color:#000;
	line-height:22px;
	transition:all 0.3s ease-in 0s;
	-moz-transition:all 0.3s ease-in 0s;
	-webkit-transition:all 0.3s ease-in 0s;
}
.headertop__container{
	padding: 0; margin: 0;
	list-style-type: none;
}
.headertop__container > li{
	padding: 0 1.5rem 0 ; margin: 0 1.5rem 0 0;
	list-style-type: none;
	display: inline-block;
}
.headertop__container > li:last-child{
	padding-right:0px;margin-right:0px;
	border-right:none;
}
.headertop__container a{
	color:inherit;
	font-weight: bold;
}
.headertop__container a:hover{
	color:var( --color-hover); text-decoration:none;
}
/******************************/
.header_main__container{
	padding-top: .75rem; padding-bottom: .75rem;
}
#header .logosearch{
	padding-top:10px; padding-bottom:10px;
    transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.header_logo__img img{
	display:inline-block;
	height:90px; width:auto;
}
/******/
.header_logo__mobile .cart-xs{
	background:url(img/icon-cart.png) no-repeat 7px center #FFF;
	background-size:22px auto;
	border:1px solid var( --color-main);
	position:relative; display:inline-block;
	padding:0px 15px 0 32px; text-align:left; margin-right:10px;
	height:38px; line-height:36px; font-size:19px;
	text-decoration:none;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	color:var( --color-main);
}
.header_logo__mobile .cart-xs .cart_total{
	font-weight:bold
}
.header_logo__mobile .btn:hover{
	border-color:var( --color-red) !important;
	color:var( --color-red);
}
/********/
.header-fsearch{
	padding-left: 3rem; padding-right: 3rem;
}
.header_fsearch__container{
	position:relative;
	border:1px solid #CCC; background-color:#FFF;
	border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;
	padding-left:18px; padding-right:18px;
}
.header_fsearch__container input{
	border:none; background:#FFF;
	width:520px; height:40px; line-height:40px;
	padding:5px 70px 5px 0px; text-align:left;
	font-size:13px;
}
.header_fsearch__container input:focus{
	outline: none; box-shadow: none;
}
.header_fsearch__container button{
	position:absolute; right:0px; top:0; bottom:0;
	height:100%; width:80px; text-align:center;
	padding-right:20px;
	background:#FFF; border:none; border-left:1px solid #CCC;
	color:#000; overflow:hidden;
	text-transform:uppercase;
	border-radius:0 30px 30px 0; -moz-border-radius:0 30px 30px 0; -webkit-border-radius:0 30px 30px 0;
}
.header_fsearch__container button .fa{
	font-size:19px;
}
.header_fsearch__container button:hover{
	background-color:var( --color-main); color:#FFF;
}
.header_fsearch__container:focus-within button,
.header_fsearch__container:focus-within{
	border-color: var( --color-main)
}
.header_fsearch__container:focus-within button{
	color: var( --color-main)
}
/***********/
.header-action li,
.header-action ul{
	margin: 0; padding: 0; list-style-type: none;
}
.header-action li{
	display: inline-block;
	line-height: 1;
}
.header-action .header-action__cart,
.header-action .header-action__hotline{
	display: block;	padding-left: 40px;
	color:var( --color-main);
	letter-spacing: .5px;
}
.header-action .header-action__hotline{
	background:url(img/icon-hotline.png) no-repeat left top;
	background-size: auto 30px;
	margin-right: 2rem;
}
.header-action .header-action__cart{
	background:url(img/icon-cart.png) no-repeat left top;
	background-size: auto 30px;
	padding-left: 35px;
}
/************/
.header_nav{
	background:var( --color-main); color:#FFF;
	width: 100%;
	font-size:13px; text-align:center;
	margin:auto;
}
.header__navigation{
	margin:0; padding:0; list-style-type:none;
	text-align: center;
}
.header__navigation > li{
	margin:0; padding:0; list-style-type:none;
	display:inline-block; 	text-transform:uppercase; position:relative;
	text-align:left;
}
.header__navigation > li > a{
	display:block; padding:11px 17px 9px;
	font-weight:bold;	font-size:12px;
	text-transform:uppercase; line-height:26px;
	color:inherit; text-decoration:none;
	position:relative;
}
.header__navigation > li:hover{
	background:var( --color-red);
}
.header__navigation li.selected > a{
	background:var( --color-red); color:#FFF;
	position:relative;
}
.header__navigation li.selected > a{
	color:#FFF;
}
/***************/
.header__navigationsub{
	display:none;
	position:absolute; left:0px; top:100%;
	background:var( --color-main); padding:0px 0 0;
	width:280px;
}
.header__navigation > li:hover .header__navigationsub{
	display:block;
}
.header__navigationsub li{
	margin:0; display:block; clear:both;
	padding:10px 10px 10px 15px;
	width:100%; position:relative;
	border-bottom:1px solid var( --color-main_2);
}
.header__navigationsub li:last-child{
	border-bottom:none;
}
.header__navigationsub li a{
	line-height:22px; font-size:12px; display:block;
	padding:0; text-transform:capitalize; font-weight:500;
	width:100%; text-align:left;
	color:#FFF;
}
.header__navigationsub li:hover,
.header__navigationsub li:hover a{
	background:none;
}
.header__navigationsub li a:hover{
	color:var( --color-red);
}
/******************************
****************/
#footer{
	background:#fff;	font-size:14px; line-height:22px;
	border-top: 1px solid #ddd;
}
#footer a{
	color:inherit;
}
#footer a:hover{
	color:var( --color-red);
}
.footer_nav{
	padding: 2.25rem 0 30px;
	background:#f3f3f3;
}
.footer_nav .title{
	margin:0 0 20px; padding:0;
	font-size:17px; text-transform:uppercase; line-height:20px;
	font-weight:bold; color:#111;
}
.footer_navlist{
	margin:0; padding:0 0 0 15px;
}
.footer_navlist li{
	margin:0 0 5px; padding:0;
	position:relative;
}
.footer_navlist a{
	color:#222; text-decoration:none;
}
.footer_navlist a:hover{
	text-decoration:none;
	color:var( --color-red);
}
/***/
#footer .footer-info{
	margin-top: 1rem;
	font-size:14px; line-height:22px;
	color:#000;
}
#footer .footer-info .logo{
	text-align:center; margin-bottom:10px;
}
#footer .footer-info .logo .logo-img img{
	display:inline-block; height:90px;
}
#footer .social{
	margin-top:0; text-align:center;
}
#footer .social a{
	display:inline-block; margin-right:12px;
	transition:all 0.3s ease-in 0s;
	-moz-transition:all 0.3s ease-in 0s;
	-webkit-transition:all 0.3s ease-in 0s;
}
#footer .social a:hover{
	transform: translateY( -5px);
}
#footer .social a:last-child{
	margin-right:0;
}
#footer .social .fab{
	display:inline-block; height:36px; width:36px; line-height:36px;
	text-align:center; font-size:15px;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
	color:#FFF;
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.075);
}
#footer .social img{
	display:inline-block; height:36px;
	width:auto;
}
#footer .footer-info .dcontent{
	font-size:14px; line-height:24px;
	margin-bottom: 1rem;
	text-align:center;
}
#footer .footer-info .dcontent p{
	margin-bottom:0px;
}
/***/
#footer .author{
	background:var( --color-main); color:#FFF; padding:13px 0 10px; margin-top:20px;
	font-size:12px; line-height:20px; text-align:center;
	text-transform:capitalize;
}
/***********************
*********/
#owl_home .owl-dots{
	position: absolute; left: 50%; bottom: 5px; z-index: 9;
	transform: translateX( -50%);
}
.owl-theme .owl-dots .owl-dot span{
	width: 15px; height: 15px;
	background: var( --color-main);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.owl-theme .owl-dots .owl-dot.active span{
	background: var( --color-red);
	width: 35px;
}
/*******************
*******************
***********************/
.home-tieuchi{
	padding-bottom:1.5rem; padding-top:3rem;
	margin-bottom:2rem;
	background: #eee;
}
.home-tieuchi .item{
	margin-bottom:1.5rem;
}
.home-tieuchi .img{
	flex: 0 0 auto;	width: 60px;
	padding-right: .5rem;
}
.home-tieuchi .des{
	font-size:13px; line-height:20px; text-align:justify;
}
.home-tieuchi .title{
	margin:0 0 3px; padding:0;
	font-size:15px; font-weight:bold; text-transform:uppercase;
	line-height:24px;
	color: var( --color-main);
}
/**************/
/****************************/
.homenews__container{
	padding-top:3rem; padding-bottom: 2rem;
}
.homenews__list{
	--bs-gutter-x: 2rem;
}
.homenews__img img{
	display: block;
	width: 100%; height: 185px;
	object-fit: cover; object-position: center;
}
.homenews__des{
	display:block; margin-top:0px;	padding:0;
	font-size:15px; line-height:26px;
	color: #111;
}
.homenews__title{
	margin:0 0 5px; padding:0;
	font-size:17px; text-transform:uppercase;
	font-weight:bold; line-height:26px;
}
.homenews__box{
	color: inherit;
}
.homenews__box:hover{
	text-decoration:none;
}
.homenews__box:hover .homenews__title{
	color:var( --color-red);
}
.homenews__box:hover .homenews__img img{
	transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);
}
/*********************************/
.pageblog.homenews__list{
	--bs-gutter-x: 2.25rem;
}
.pageblog .homenews__item{
	margin-bottom: var( --bs-gutter-x );
}
.pageblog .homenews__box{
	background: #fff; min-height: 100%;
	display: block;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.pageblog .homenews__des{
	padding: .5rem 2rem 2rem;
}
.pageblog .homenews__img img{
	height: 235px;
}
/***********/
.home-feedback{
	margin-top:30px;	padding:3rem 0 1.75rem;
	background:var( --color-main);
}
.home-feedback .title-page{
	margin-left: 18%; color: #fff;
	margin-bottom: 1.25rem; padding-bottom: 0;
}
.home-feedback .title-page a:hover{
	color: var( --color-red);
}
.homefeedback__item{
	background: #fff; padding: 1rem 2rem 1.5rem;
	margin: 0 .75rem;
	border: 1px solid #fff;
	border-radius: 8px;
}
.homefeedback__img{
	width: 60px !important; height: 60px;
	object-fit: cover; object-position: center;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}
.homefeedback__name{
	font-weight:bold;
	font-size:14px; line-height:20px;
	text-transform:uppercase;
}
.homefeedback__text{
	text-align:justify;
	font-size:14px; line-height:24px;
	min-height: 105px; color: #444;
}
#owl_homefb{
	margin-left: -.75rem; margin-right: -.75rem;
}
#owl_homefb .owl-nav .owl-prev,
#owl_homefb .owl-nav .owl-next{
	position:absolute; top:50%; transform: translateY( -50%);
	margin-top: -40px;
	background:#FFF;	color:var( --color-main);
	width: 42px; height: 42px; line-height: 42px;
	font-size: 23px; text-align: center;
}
#owl_homefb .owl-nav .owl-prev{
	left: -35px;
	border-radius: 4px 0 0 4px;
}
#owl_homefb .owl-nav .owl-next{
	right: -35px;
	border-radius: 0 4px 4px 0;
}
#owl_homefb .owl-nav .owl-prev:hover,
#owl_homefb .owl-nav .owl-next:hover{
	background-color:var( --color-red); color:#FFF;
}
#owl_homefb .owl-dots{
	padding-top: .75rem;
}
#owl_homefb .owl-dot span{
	background: rgba( 255, 255, 255);
}
#owl_homefb .owl-dot.active span,
#owl_homefb .owl-dot:hover span{
	background: var( --color-red);
}
/***********************
*************************/
.homepro__boxcontainer{
	background: #fff;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	margin: 0 0 2rem;
}
.homepro__boxcontainer .prolist__boxcontainer{
	padding: 0 1rem .5rem;
	margin-bottom: 0;
}
.prolist__container_header{
	background: var( --color-main); color: #fff;
	margin: 0 0 1.25rem; padding: .9rem 1rem .8rem;
	font-size: 17px; font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
}
.prolist__container_header a{
	color: inherit;
}
.prolist__container_header .readmore{
	background: #fff; border: none;
	font-size: 11px; text-transform: capitalize;
	min-width: 85px; overflow: hidden;
	font-weight: bold;
	color: var( --color-main);

}
.prolist__container_header .readmore:hover{
	color: #fff;
}
.prolist__boxcontainer .prolist__boxcontainer{
	margin-left: 0; margin-right: 0;
	padding-left: .5rem; padding-right: .5rem;
}
/***********************
*************************/
.prolist__boxcontainer{
	--bs-gutter-x: 1rem;
	margin-bottom: 2rem;
}
.prolist__box{
	margin-bottom: var( --bs-gutter-x);
}
.prolist__item{
	background: #fff;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	display:block;	border:1px solid #DDD;
	color:#111;	text-align:center; text-decoration:none;
	font-size:13px; line-height:22px;
	min-height: 100%;
}
.prolist__img{
	position:relative;	display:block;
	padding: 0px;	overflow:hidden;
	margin-bottom: .75rem;
	background:#FFF;
}
.prolist__img .percent{
	position:absolute; left:0; top:10px;
	display:inline-block;
	padding:7px 11px;
	background:var( --color-red); color:#FFF;
	font-weight: bold; font-size:13px; line-height:1;
}
.prolist__img img{
    width:100%; display:block;
}
.prolist__des{
	padding:0px 1rem;
}
.prolist__title{
	margin:0 0 .5rem; padding:0;
	height:40px; overflow:hidden;
	font-size:13px; font-weight:bold; text-transform:capitalize;
	line-height:20px; color:#000;
}
.prolist__price{
	margin-bottom: .75rem;
	display:block; font-size:13px;
	font-weight:bold; color:#F00;
	text-transform:uppercase;
}
.prolist__price s{
	font-weight:500; color:#444;	margin-right:5px;
}
.prolist__addtocart{
	text-align:center; display:block;
	padding:0px;
	margin: .5rem 0 1.5rem;
}
.prolist__addtocart button{
	border-radius:25px; overflow:hidden;
	border: none; color:#fff;
	background: var( --color-main);
	font-size:12px; line-height:20px; font-weight:bold;
	text-transform:uppercase;
	padding:5px 25px;
}
.prolist__addtocart button::before{
	background-color:var( --color-red);
}
.prolist__addtocart button .fa{
	margin-right:5px;
}
.prolist__addtocart button:hover{
	color:#FFF;
}
.prolist__item:hover{
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.prolist__item:hover .prolist__title{
	color:var( --color-main)
}
/***********************
*********/
.title-page,
.about-title{
	position:relative;
	display:block; margin:0 0 30px; padding:0 0 8px;
	font-size:27px; line-height:1.5; font-weight:bold;
	text-transform:capitalize;
	color:var( --color-main);
	border-bottom:2px solid var( --color-main);
}
.title-page::before{
	position:absolute; left:0; top:100%; margin-top:-1px;
	display:block; content:"";
	width:120px; height:4px;
	background:var( --color-main);
}
.title-page a{
	color:inherit; text-decoration:none;
}
.title-page a:hover{
	color:var( --color-main);
}
.title-page.red,
.title-page.red span.text-red{
	color:var( --color-red);
}
.title-page.red span{
	color:var( --color-main);
}
.title-page span{
	color:var( --color-red);
}
.title-page.red::before{
	background:var( --color-red);
}
.title-page .link-right{
	float:right;
	text-transform:capitalize; font-weight:500;
	background:#333; color:#FFF;
	border-color:#333;
}
.title-page .link-right:hover{
	background:var( --color-red); color:#FFF;
	border-color:var( --color-red);
}
.about-title{
	border-bottom:none; padding-bottom:0;
	margin-bottom:15px;
	font-size:25px; line-height:34px;
}
.pronav-img{
	display:block; margin-bottom:30px;
}
/**********/
.quote-page{
	margin:0 0 15px; padding:0;
	font-size:15px; line-height:26px; font-weight:500;
}
.dcontent,
.dcontent pre{
	font-size:15px; line-height:26px; 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:130%;
	line-height:170%;
}
.dcontent h2{
	font-size:120%; font-weight:bold;
	line-height:160%;
}
.dcontent h3{
	font-size:110%; font-weight:bold;
	line-height:150%;
}
.dcontent h4{
	font-size:16px; font-weight:normal;
	line-height:26px;
}
.dcontent h5{
	font-size:100%; font-weight:normal;
}
.dcontent h6{
	font-size:95%; font-weight:normal;
}
.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;
}
/***************/
.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;
}
/***************************************/
.boxabout__item{
	background: var( --bs-light)
}
.boxabout__item__des{
	padding: 2rem;
}
.boxabout__item__title{
	margin: 0 0 .5rem; padding: 0;
	font-size: 23px; font-weight: bold;
	line-height: 1.5;
	text-transform: capitalize;
	color: var( --color-main);
}
.boxabout__item__des .dcontent{
	font-size: 14px; line-height: 24px;
	text-align: justify;
}
.boxabout__item__des .dcontent p{
	margin-bottom: 3px;
}
.boxabout__item.right .boxabout__item__img{
	order: 2
}
.boxabout__item.right .boxabout__item__des{
	order: 1
}
/***********************
************/
#google-map{
	display:block;
}
#google_maps_dealer,
#google_maps{
	width:100%; display:block; height:360px;
}
/*********************/
#google_maps_dealer,
#google-map,
.page-contact .contact-info .item{
	margin-top: .25rem;
}
.page-contact .contact-info .about-title{
	margin-bottom: .75rem;
	font-size: 31px;
}
.page-contact .contact-info address,
.page-contact .contact-info p{
	font-size:13px; line-height:20px;
	margin-bottom:30px;
	min-height:42px;
}
.page-contact .contact-info address{
	line-height:21px; padding-top:3px;
	margin-top:15px !important;
}
.page-contact .contact-info [class^=icon]{
	position:relative; padding-left:65px;
	margin-top:12px;
}
.page-contact .contact-info [class^=icon]::before{
	position:absolute; left:0; top:9px;
	width:50px; height:100%; color:var( --color-main);
	background: none; text-align: center;
	font-size: 23px;

	-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;
}
.page-contact .contact-info p.icon-hotline::before{
	content: "\f10b";
}
.page-contact .contact-info p.icon-phone::before{
	content: "\f2a0";
}
.page-contact .contact-info p.icon-fax::before{
	content: "\f1ac";
}
.page-contact .contact-info p.icon-email::before{
	content: "\f658";
}
.page-contact .contact-info .icon-address::before{
	content: "\f3c5";
}
.page-contact .contact-info .icon-viewmap::before{
	content: "\f276";
}
.page-contact .contact-info .icon-zalo::before{
	background-image: url( img/zalo_sharelogo.png);
	background-position: top center; background-repeat: no-repeat;
	background-size: auto 30px;
	content: "";
}
.page-contact .contact-info [class^=icon] b{
	display:block; clear:both;
	font-size:13px; line-height:18px;
	font-weight:bold; text-transform:capitalize;
}
.page-contact .contact-info a{
	color:inherit;
}
.page-contact .contact-info a:hover{
	color:#ec2027;
}
.page-contact .contact-info .icon-viewmap{
	margin-top:5px;
	color:#ec2027; padding-top:10px;
	font-weight:300; font-size:12px;
}
/*********************/
.page-contact .fcontact .form-group{
	margin-bottom:25px;
}
.page-contact .fcontact .form-control{
	font-size:13px;
}
.page-contact .fcontact label{
	font-weight:500; padding-right:0; padding-top:0;
	font-size:13px; color:#000; text-transform:capitalize;
}
.page-contact .fcontact .btn{
	overflow: hidden;
	background:var( --color-main); color:#FFF; border:none;
	padding:10px 1.5rem; text-transform:uppercase;
	font-weight:500; font-size:15px;
	min-width: 180px;
}
.page-contact .fcontact .text-danger{
	color:#ec2027;
}
/***************
********/
.page-contact .fcontact .alert{
	background:var( --color-main);
	color:#FFF;
}
.page-contact .fcontact .alert p{
	margin-bottom: 3px;
}
.page-contact .fcontact .alert p:last-child{
	margin-bottom:0;
}
/**********************
*************/
.blogdetail__wrapper{
	padding: 2rem 3rem;
}
/***********************/
#accordion_policy .accordion-item{
	border: 1px solid #ddd;
}
#accordion_policy .accordion-button{
	background: #fff;
	color: var( --color-main);font-weight: 500;
	font-size: 17px;
	padding: .75rem 1.25rem .85rem;
}
#accordion_policy .accordion-button:focus{
	box-shadow: none;
}
#accordion_policy .accordion-button:not(.collapsed){
	border-bottom: 1px solid #ddd;
	background: var( --color-main); color: #fff;
}
/***********************
************/
.navproduct{
	background: #fff; margin-bottom: 1.5rem;
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.075);
	border-radius: 8px; overflow: hidden;
	font-size: 13px; line-height: 1.2; font-weight: 400;
}
.navproduct__header{
	position: relative;
	margin: 0 0 1.5rem; padding: .9rem 1.5rem .75rem;
	border-bottom: 1px solid #DDD;
	font-size: 19px; font-weight: bold;
	line-height: 22px;
}
.navproduct__header::before{
	position: absolute; left: 0; top: 20%; bottom: 20%; z-index: 1;
	content: ""; display: block;
	width: 4px;	background: var( --color-main)
}
.navproduct__list_container{
	padding-left: 1.5rem; padding-right: 1.5rem;
}
.navproduct__label{
	width: 90px; padding-right: 0;
	font-weight: bold; font-size: 13px;
	padding-top: .3rem;
}
.navproduct__listitem{
	--bs-gutter-x: .75rem;
	list-style-type: none; padding: 0; margin-bottom: .5rem;
}
.navproduct__listitem li{
	margin-bottom: .75rem
}
.navproduct__listitem a{
	border: 1px solid #ccc;
	display: block; color: #000;
	padding: .4rem .75rem;
	border-radius: 4px;
}
.navproduct__listitem a:hover{
	border-color: var( --color-red); color: var( --color-red);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.navproduct__listitem a.active{
	border-color: var( --color-main); background: var( --color-main);
	color: #fff;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
/************************/
.pronav__text{
		font-size: 14px; font-weight: 300; line-height: 20px;
		color: rgba(0, 0, 0, 0.9);		margin-bottom: 1.5rem;
}
.pronav__text p{
	margin-bottom: .5rem;
}
/***********************
************/
.prodetail__tieuchi .home-tieuchi,
.prodetail__boxitem{
	box-shadow: 0 .125rem .5rem rgba(0,0,0,.075);
	border-radius: 8px;
}
.prodetail__tieuchi .home-tieuchi{
	padding: 1.5rem; margin: 0;
	background: #fff;
	min-height: 100%;
}
.prodetail__tieuchi .container{
	padding: 0; max-width: 100%;
}
.prodetail__tieuchi .home-tieuchi .item{
	width: 100%;
	margin-bottom: 1rem;
}
.prodetail__tieuchi .home-tieuchi .item:last-child{
	margin-bottom: 0;
}
.prodetail__tieuchi .home-tieuchi .img{
	padding-left: 0; padding-top: .5rem;
	width: 40px;
}
.prodetail__tieuchi .home-tieuchi .title{
	font-size: 13px; line-height: 20px;
	margin-bottom: 0;
}
.prodetail__tieuchi .home-tieuchi .des{
	color: #444; line-height: 20px;
	padding-right: 0;
}
.hometieuchi__label{
	font-size: 19px; text-transform: capitalize;
	line-height: 24px; padding: 0 0 .75rem;
	margin: 0 0 1rem; font-weight: bold;
	border-bottom: 1px dashed #ccc;
	color: var( --color-main);
}
/**************************
*************/
.prodetail__info_header{
	font-size: 14px; line-height: 1.1;
	color: #222; font-weight: 300;
	margin-bottom: 1.75rem;
}
.prodetail__info_title{
	margin: 0 0 .5rem; padding: 0;
	font-size: 23px; line-height: 24px;
	text-transform: capitalize; font-weight: bold;
	color: var( --color-main)
}
.prodetail__info_header a{
	color: inherit;
}
.prodetail__info_quote{
	font-size: 14px; line-height: 24px;
	font-weight: 300;
}
.prodetail__info_header__tag span{
	display: inline-block;
	margin-right: 1.5rem; padding-right: 1.5rem;
	position: relative;
}
.prodetail__info_header__tag span::after{
	position: absolute; right: 0; top: 50%;
	content: ""; display: block;
	width: 1px; height: 14px;
	transform: translateY( -50%);
	background: #000;
}
.prodetail__info_header__tag span:last-child{
	margin-right: 0; padding-right: 0;
}
.prodetail__info_header__tag span:last-child::after{
	display: none;
}
.prodetail__info_header__tag a:hover{
	color: var( --color-red);
}
/*********************************/
.prodetail__info_boxprice{
	--boxitem-mt: 1.25rem;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	margin-top: var( --boxitem-mt) ; margin-bottom: 1.75rem;
	padding-top: var( --boxitem-mt) ; padding-bottom: var( --boxitem-mt);
	font-size: 14px; font-weight: 400;
	line-height: 20px;
}
.prodetail__info_boxprice b.bold{
	display: block;
	font-size: 13px; font-weight: bold;
	color: #000; text-transform: capitalize;
	margin-bottom: .25rem;
}
.prodetail__info_boxprice strong{
	display: inline-block;
	padding: .35rem 1rem .3rem;
	font-size: 11px; line-height: 1.2;
	color: #fff; text-transform: uppercase;
	font-weight: bold;
	border-radius: 4px;
}
.prodetail__info_price{
}
.prodetail__info_price .price{
	font-weight: bold; color: #f00;
	font-size: 21px;
}
.prodetail__info_price > s{
	vertical-align: top;
	display: inline-block;
	margin-left: .5rem;
	font-weight: 500; color: #333;
}
/****************************/
.prodetail_fbtn_addtocart{
	border: none; background: var( --color-main); color: #fff;
	font-size: 13px; text-transform: uppercase;
	line-height: 38px;  font-weight: bold;
	padding: 0 1rem;	min-width: 220px; text-align: center;
	border-radius: 6px;
	overflow: hidden;
}
.myoder_qty .btn{
	border: 1px solid #ddd;
	background: #f6f6f6;
}
.myoder_qty .btn .fa{
	font-size: 14px;
}
.myoder_qty input{
	width: 65px; text-align: center;
	padding-left: 5px; padding-right: 5px;
	font-weight: bold; color: #000;
}
.myoder_qty input:focus{
	box-shadow: none;
}
/*******************************
*******************/
#prodimg_carousel .owl-thumbs{
		display: -ms-flexbox;		display: flex;
		-ms-flex-wrap: wrap;		flex-wrap: wrap;
		-ms-flex-pack: center !important;
		justify-content: center !important;
		padding: 6px 5px; overflow: hidden;
}
#prodimg_carousel .owl-thumb-item{
		position: relative;		width: 100%;
		-ms-flex: 0 0 16.66666667%;		flex: 0 0 16.66666667%;		max-width: 16.66666667%;
		background: none; border: none; padding: 0 3px; margin: 3px 0;
		outline: none;
}
#prodimg_carousel .owl-thumb-item img{
	display: inline-block; width: 100%; height: auto;
	padding: 1px;
	border: 1px solid #ddd;
	outline: none;
}
#prodimg_carousel .owl-thumb-item.active img{
	border-color: var( --color-hover);
}
/****************************/
/***************/
.modal-title{
	color:#FFF; text-transform:uppercase;
	font-size:14px;
}
.mymodal{
	line-height:22px; font-size:14px;
}
.mymodal .modal-body{
	font-size:14px; line-height:24px;
}
.mymodal .modal-body p{
	margin-bottom:10px;
}
.modal-cart-info{
	font-size: 14px; line-height: 20px;
	font-weight: 300;
}
.modal-cart-info b{
	color:var( --color-red);
}
.modal-cart-info .btn{
	font-weight: bold; text-transform:capitalize;
	font-size: 12px;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
.modal-cart-info .btn-success{
	background: var( --color-red);
	border-color: var( --color-red);
}
.modal-cart-info .btn:hover{
	box-shadow: 0 .125rem .75rem rgba(0,0,0,.075);
	transform: translateY( -2px);
}
/************************
*************************/
.cart_dcontent{
		font-size: 14px !important; font-weight: 400;
		line-height: 22px !important; color: #000 !important;
		padding: .75rem 2rem 0; margin-bottom: 1.5rem;
}
.cart_dcontent p{
	margin-bottom: 5px !important;
}
/********************/
select{
	font-size:13px; line-height:18px;
	text-transform:capitalize;
}
select option{
	padding-top:3px; padding-bottom:3px;
	font-size: 14px;
}
#cart_content .cart .form-group{
	margin-bottom:0;
}
/***************************
********************/
.box-cartcontent{
	margin: 0 2rem 1.5rem;
}
.box-cartcontent.row{
	margin-right: calc(-.5 * var(--bs-gutter-x) + 2rem );
	margin-left: calc(-.5 * var(--bs-gutter-x)  + 2rem  );
}
#cart_content{
	font-size: 14px; line-height: 22px;
	font-weight: 400;
	border: 1px solid #ddd;
}
.cartitem{
	margin-left: 0; margin-right: 0;
	border-bottom: 1px solid #ddd;
}
.cartitem:nth-child(2n + 1){
	background: #f9f9f9;
}
.cartitem > div[class^=col]{
	padding: .75rem .5rem;
	border-left: 1px solid #ddd;
}
.cartitem > div[class^=col]:first-child{
	border-left: none;
}
.cartitem__stt{
	width: 50px;
}
.cartitem__qty{
	width: 155px;
	padding-left: 0; padding-right: 0;
}
.cartitem__price{
	width: 135px;
}
.cartitem.header{
	background-color: var( --color-main);
	font-size:13px; line-height:24px;	font-weight: bold;
	color: #fff; text-transform: uppercase;
}
.cartitem.header > div[class^=col]{
	padding-top: .35rem; padding-bottom: .35rem;
	border-left-color: var( --color-main);
}
.cartitem.footer{
	font-size:14px; line-height:24px;	font-weight: 400;
}
/*******/
.cartitem__qty .myoder_qty input{
	max-width: 100%; width: 55px;
	font-size: 15px; line-height: 24px;
	padding-top: .25rem; padding-bottom: .25rem
}
.cartitem__qty .myoder_qty .btn{
	height: 34px;
	padding-top: 0; padding-bottom: 0;
}
.cartitem__qty .myoder_qty .btn:focus{
	box-shadow: none;
}
.cartitem__qty .myoder_qty .btn .fa{
	font-size: 13px; line-height: 20px;
}
.cartitem__product__photo{
	width: 80px; padding-left: 0;
}
.cartitem__product__des{
		padding-right: 0;
}
/************/
.cartitem__product__title{
	margin: 0 0 .15rem; padding: 0;
	font-size: 15px;font-weight: bold;
	line-height: 22px;
	color: var( --color-main)
}
.cartitem__product__price{
	color: #f00; font-weight: 500;
	font-size: 13px;
}
.cartitem__product__price strong{
	font-size: 12px;
	color: #000;
}
.cartitem__product__price s{
	display: inline-block;
	margin-left: .35rem; color: #222;
}
/*******/
.cartform__container .form-label{
	font-size: 13px; font-weight: 500;
	margin-bottom: .25rem; display: block;
	line-height: 22px;
}
.cartform__container [type=submit]{
	background: var( --color-main);
	font-size: 15px; font-weight: bold;
	line-height: 36px;
	color: #fff; text-transform: uppercase;
	min-width: 185px;
}
.cart_complete__container .cartform__container{
		font-size: 14px;
		margin-bottom: 0;
}
.cart_complete__container .cartform__container b{
	font-size: 13px; line-height: 24px;
	display: inline-block;
	min-width: 90px;
}
/*****************************
******************/
body.menu-open{
	overflow:hidden;
}
#btn_menu_close{
	position:fixed; left:80%; top:0; display:none; z-index: 1;
	padding:0 20px; height:53px;
	border:none; background:#FFF; color:#000;
	border-radius:0 2px 2px 0; -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0;
	box-shadow:0 0 10px #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#btn_menu_close .fa{
	color:#000; font-size:30px;
}
#btn_menu_close:hover, #btn_menu_close:focus, #btn_menu_close:active{
	background-color:#ec1e25;
}
#btn_menu_close:hover .fa, #btn_menu_close:focus .fa, #btn_menu_close:active .fa{
	color:#FFF;
}
#menu_mobile{
	position:fixed; left:-100%; top:0; z-index:9999;
	width:100%; height:100vh; overflow-x:hidden; overflow-y:scroll;
	background: rgba( 0, 0, 0, .3); color:#000;
	font-size: 14px; line-height: 24px;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#menu_mobile.open{
	left:0;
}
#menu_mobile.open #btn_menu_close{
	display:block;
}
#menu_mobile .menu-container{
	display:block; width:80%; min-height:100vh;
	padding-bottom: 23vh;
	float:left; background:#f6f6f6;
	position:relative;
}
/********************************/
#menu_mobile a{
	color: inherit;
}
#menu_mobile .accordion-header{
	padding: 8px 5px 8px 10px;
	background: none;
}
#menu_mobile .accordion-item{
	border-bottom: 1px solid #DDD;
}
#menu_mobile .accordion-button{
	padding: 0; vertical-align: middle;
	border: none;	background: none; outline: none;
}
#menu_mobile .accordion-button:focus{
	box-shadow: none; outline: none;
	color: inherit;
}
#menu_mobile .accordion-button::after{
	background-size: 1rem;
}
#menu_mobile .menuxs__title{
	font-size: 15px; font-family: var( --ftitle);
	letter-spacing: 1px;
	font-weight: 400; line-height: 20px;
}
#menu_mobile .accordion-header .xsheader__img{
	display: inline-block;
	padding: 5px; text-align: center;
	height: 38px; width: 38px;
	object-fit: contain; object-position: center;
	border-radius: 50%; overflow: hidden;
	background: var( --color-hover);
	margin-right: 10px;
	vertical-align: middle;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
#menu_mobile .accordion-header img{
	display: inline-block;
	object-fit: contain; object-position: center;
	height: 38px; width: 38px;
	margin-right: 10px;
}
#menu_mobile .header_icon > .fa,
#menu_mobile .accordion-header a > .fa{
	display: inline-block;
	padding: 7px; text-align: center;
	height: 38px; width: 38px;
	object-fit: contain; object-position: center;
	border-radius: 50%; overflow: hidden;
	background: var( --color-main); color: #FFF;
	margin-right: 10px;	vertical-align: middle;
	font-size: 17px; line-height: 24px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
#menu_mobile .accordion-header a{
	color: inherit;
}
.menuxs__logo .accordion-header{
	background: #FFF !important;
	padding-top: 10px !important; padding-bottom: 10px !important;
}
#menu_mobile .menuxs__logo img{
	display: inline-block;
	height: 52px; width: auto;
	background: none;
	padding: 0; border-radius: 0;
	box-shadow: none;
}
#menu_mobile .menuxs__order span{
		display: inline-block; vertical-align: middle;
		line-height: 17px;
		font-size: 13px;
}
#menu_mobile .accordion-body{
	background: #FFF;
	border-top: 1px solid #DDD;
	border-left: 5px solid var( --color-main);
	padding: .75rem 1rem .7rem 5px;
}
.menu-nav{
	padding-left: 25px;
	margin: 0;
	font-size: 16px; line-height: 26px
}
.menu-nav li{
	margin-bottom: 6px;
	padding-left: 5px;
}
.menu_pro_nav{
	margin-bottom: 15px;
}
/***********************/
.accordion-header_accordion{
	display: flex;
  flex-wrap: wrap
}
.accordion-header_accordion > button{
	border: none; background: none;
	flex: 0 0 auto;
  width: 40px;
}
.accordion-header_accordion > button:not( .collapsed) .fa::before{
	content: "\f077";
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
/***********************/
.overlay{
	position: fixed; left: 0; top: 0; z-index: 9999;
	width: 100%; height: 100vh; overflow: hidden;
	background: url( img/loader.gif) no-repeat center rgba( 0, 0, 0, .3);
}
/****************************************/
.modal-header{
	background:var( --color-main); color:#FFF;
	padding-bottom:8px; padding-top:10px;
}
#myModal_signin .modal-title{
	font-size:15px; text-transform:uppercase;
	color:#FFF;
}
#myModal_signin a{
	color:inherit;
}
#myModal_signin a:hover{
	color:#ec1e25;
}
#myModal_signin label,
#myModal_signin .btn{
	font-size:13px;
}
#myModal_signin .boxsign-mess{
	padding:10px; display:none;
}
/*******************/
.fb-comment .fb-main{
	background:#EEE;
	padding:10px 15px; margin-bottom:30px;
	box-shadow:5px 5px 0 #DDD;
}
/****************************/
#fixaction_icon{
	position: fixed; right: 42px; bottom: 130px; z-index: 999;
	margin: 0; padding: 0; list-style-type: none;
}
#fixaction_icon li{
	margin: 0 0 10px; padding: 0; list-style-type: none;
	clear: both; display: block;
	transform: translateX( 100%);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
	border-radius: 4px 0 0 4px; overflow: hidden;
}
#fixaction_icon li:hover{
	transform: translateX( 46px);
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
#fixaction_icon li:last-child{
	margin-bottom: 0;
}
#btn-scrolltop,
#fixaction_icon a,
#fixaction_icon button{
	display: block;	color: #FFF;
	line-height: 32px;
	height: 38px; overflow: hidden;
	text-transform: capitalize;
}
#btn-scrolltop:hover,
#fixaction_icon a:hover{
	text-decoration: none;
}
#fixaction_icon li i{
	display: inline-block;
	height: 38px; min-width: 42px; line-height: 38px;
	text-align: center;
	border-right: 1px solid #FFF;
	transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
#fixaction_icon li span{
	display: inline-block;
	padding-left: 5px; padding-right: 10px;
	font-size: 14px; font-weight: 600;
	letter-spacing: 0px;
	min-width: 70px;
	text-align: left;
}
#fixaction_icon .fa{
	font-size: 19px; line-height: 34px;
	transform: translateY(1px);
}
#fixaction_icon li.cart a{
	background: var( --color-main);
	border-radius: 4px;
}
#fixaction_icon li.cart a img{
	display: inline-block;
	height: 36px;	padding:4px 10px;
	filter: brightness(0) invert(1);
}
#btn-scrolltop{
	position: relative;
	border: none; background: var( --color-main);
	padding: 0; margin: 0;
	text-align: left; width: 100%
}
#btn-scrolltop b{
	background: var( --color-main);
	display: inline-block;
}
#btn-scrolltop img{
	display: inline-block;
	width:auto; height:38px; overflow:hidden; cursor:pointer;
	padding:0; margin:0; border:none;
}
#btn-scrolltop span{
	background: var( --color-main);
}
#fixaction_icon li.cart,
#fixaction_icon .hotline{
	display: none;
}
#fixaction_icon .store span{
	display: inline-block;
}
#fixaction_icon .hotline button{
	border: none; color: var( --color-hover);
	background: #eee;	padding: 0;
	min-width: 50px; text-align: center;
	border-radius: 4px;
}
#fixaction_icon .store{
	background: var( --color-red)
}
/*************/