:root {
	--main-title-color: #1f2022;
	--coupon-title-color: #505b1a;
	--coupon-button-color: #505b1a;
	--coupon-bg-color: rgb(167 214 22 / 15%);
	--coupon-code-background: #a7d616;
	--coupon-lite-border: #dc2b2b;

	--shop-color-bg: #ffffff;
	--shop-color-main: #171718;
	--shop-color-text: #252a2b;
	--shop-color-title: #333333;
	--shop-color-hover: #2f3030;
	--shop-color-button: #161718;
	--shop-color-border: #eae4e8;
}

body, .description-productdetail *, .page-body .page-content .page-wrapper *{font-family: 'SVN-Sofia Pro', sans-serif}
body {
	font-family: 'SVN-Sofia Pro', sans-serif;
	line-height: 24px;
	font-weight: normal;
	font-style: normal;
	color: #707070;
	font-size: 14px;
	background-color: #fff;
	overflow-x: hidden;
}
* {	margin: 0px;	padding: 0px;	outline: none;}
img {	height: auto;	max-width: 100%;}
img.respon-owlCarousel {	width: auto !important;}
li {list-style: none;}
ul,li {margin: 0px;	padding: 0px;}
p {padding: 0px;}
ul {	list-style: none; }
a {	color: #1f2022;	text-decoration: none;}
a:hover, a:focus {	color: #a7d618;text-decoration: none; }
select {	-webkit-appearance: none;	-moz-appearance: none;}
h1, h2, h3, h4, h5, h6 {color: var(--main-title-color);}
.view-more-home a {
	padding: 5px;
	border: 2px solid #4b62c8;
	display: block;
	text-align: center;
}
.view-more-home i {
	font-size: 10px;
	margin-left: 5px;
}
.pd-none-l {padding-left: 0px;}
.pd-none-r {padding-right: 0px;}
.pd-none {padding: 0px;}
.mt15 {margin-top: 15px;}
.mb15 {margin-bottom: 15px;}
.mb5 {margin-bottom: 5px;}
.empty > p {text-align: center;color: #e60f1e;}

/**********************************************************
Breadcrumb 
**********************************************************/
.breadcrumb-title {
	overflow: hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
	background-color: #222222;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	
	background-image: url("//cdn.hstatic.net/themes/200000778297/1001389873/14/bg_title.jpg?v=537");
	
	position: relative;
} 
.breadcrumb-title .title-page {
	position: relative;
	text-align: center;
	padding: 150px 0 100px;
}
.breadcrumb-title .title-page h2 {
	line-height: 60px;
	letter-spacing: 0.16px;
	font-weight: 700;
	font-style: normal;
	color: #ffffff;
	font-size: 40px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.24s ease-in-out;
	-moz-transition: opacity 0.24s ease-in-out;
	transition: opacity 0.24s ease-in-out;
	margin-bottom: 0;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.breadcrumb-title .title-page breadcrumb-link {
	line-height: 36px;
	letter-spacing: 0.48px;
	font-weight: 700;
	font-style: normal;
	color: #ffffff;
	font-size: 16px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.24s ease-in-out;
	-moz-transition: opacity 0.24s ease-in-out;
	transition: opacity 0.24s ease-in-out;
	margin-bottom: 0;
	text-transform: uppercase;
}
.breadcrumb {background-color: transparent;padding: 16px 0 0;}
.breadcrumb a:hover {color: }
.breadcrumb>.active {color: #a7d618;}

/*---------------------------------------------------------
Loading Circle 2 
---------------------------------------------------------*/
@-webkit-keyframes uil-ring-anim {
	0% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes uil-ring-anim {
	0% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes uil-ring-anim {
	0% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-ms-keyframes uil-ring-anim {
	0% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes uil-ring-anim {
	0% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes uil-ring-anim {
	0% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-o-keyframes uil-ring-anim {
	0% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes uil-ring-anim {
	0% {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.uil-ring-css {
	background: none;
	position: relative;
	width: 200px;
	height: 200px;
	-moz-transform: scale(0.44);
	-webkit-transform: scale(0.44);
	-o-transform: scale(0.44);
	-ms-transform: scale(0.44);
	transform: scale(0.44);
	margin: auto;
}
.uil-ring-css > div {
	position: absolute;
	display: block;
	width: 160px;
	height: 160px;
	top: 20px;
	left: 20px;
	border-radius: 80px;
	box-shadow: 0 6px 0 0 #59ebff;
	-ms-animation: uil-ring-anim 1s linear infinite;
	-moz-animation: uil-ring-anim 1s linear infinite;
	-webkit-animation: uil-ring-anim 1s linear infinite;
	-o-animation: uil-ring-anim 1s linear infinite;
	animation: uil-ring-anim 1s linear infinite;
}

/****************************************************
Thanh Scroll Chrome 
****************************************************/
::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: rgba(105,105,105,0.8); 
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(105,105,105,0.4); 
}

/*****************************************************
Scroll Top 
*****************************************************/
.back-to-top {
	width: 40px;
	height: 40px;
	border: 1px solid #a7d618;
	color: #a7d618;
	background-color: #FFFFFF;
	position: fixed;
	bottom: 50px;
	right: -50px;
	opacity: 1;
	cursor: pointer;
	z-index: 100;
	transition: all .5s ease-out;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
}
.back-to-top a {
	width: 40px;
	height: 40px;
	display: block;
	text-indent: -999999px;
	color: #000;
}
.back-to-top:before {
	content: "\f062";
	font-family: "FontAwesome";
	font-size: 16px;
	left: 0;
	line-height: 38px;
	position: absolute;
	right: 0;
	text-align: center;
	vertical-align: middle;
}
.back-to-top.display {right: 20px;}
.back-to-top:hover, .back-to-top:focus {
	color: #FFFFFF;
	background-color: #a7d618;
	border-color: #a7d618;
}

/******************************************************
Button load more 
******************************************************/
.btn-loading {
	color: #fff;
	border: 1px solid #a7d618;
	padding: 10px;
	display: block;
	width: 650px;
	margin: 25px auto;
	background: #a7d618;
	text-decoration: none;
	font-size: 18px;
	font-weight: 300;
	text-align: center;
}
.btn-loading:hover,
.btn-loading:focus {
	color:#fff;
}

/******************************************************
Filter Collection 
******************************************************/
.filter-destop h3 {
	background: #a7d618;
	color: #fff;
	font-size: 15px;
	padding: 15px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 0;
	display: none;
}
.wrapper-filter {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #f3f3f3;
	box-shadow: -4px 4px 20px rgba(0, 0, 0, 0.2);
	z-index: 9999;
	-webkit-transform: translate3d(100%, 0px, 0px);
	-moz-transform: translate3d(100%, 0px, 0px);
	-ms-transform: translate3d(100%, 0px, 0px);
	-o-transform: translate3d(100%, 0px, 0px);
	transform: translate3d(100%, 0px, 0px);
	-webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
	-moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
	transition: transform 0.3s, box-shadow 0.3s;
}
.wrapper-filter.filter-visible {
	-webkit-transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	z-index: 99999;
}
.wrapper-filter .btn-filter-tab {
	position: absolute;
	left: -50px;
	top: calc(30% - 50px);
	background: #e60f1e;
	padding: 11px 14px;
	border: 1px solid #ECE6E6;
}
.wrapper-filter .btn-filter-tab i {
	font-size: 25px;
	color: #Fff;
}
.wrapper-filter > h3 {
	background-color: #fff;
	margin: 0px;
	padding: 11px 0px;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,.25);
}
.wrapper-filter > h3 > i {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	padding: 11px 13px 12px;
}
.wrapper-filter .filter-box-scroll {
	overflow : auto;
	height: 100%;
}
.filter-box {padding: 0px 10px 0px;background: #fff;}
.filter-box + .filter-box {margin-top: 10px;}
.filter-box:first-child {margin-top: 0;margin-bottom: 15px;display: block;}
.filter-box > p {
	font-size: 14px;
	color: #1f2022;
	text-transform: uppercase;
	padding: 8px 0px;
	position: relative;
}
.filter-box .menu-link-filter {
	background: #a7d618;
	color: #fff;
	font-size: 15px;
	padding: 15px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 0;
}
.filter-box .menu-link-filter[aria-expanded='false'],
.filter-box .menu-link-filter[aria-expanded='true'] + ul {
	border-bottom: 0;
}
.filter-box:last-child > p[aria-expanded='false'] {
	border-bottom: 0;
}
.filter-box > p > i {
	position: absolute;
	right: 0;
	font-size: 25px;
	top: 5px;
	color: #a4abbe;
	transition: all linear .2s;
}
.filter-box > p[aria-expanded='true'] > i {
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.filter-box .field-search {margin: 5px 0px;width: 100%;}
.filter-box .field-search input {
	border: 1px solid #efefef;
	background: #fff;
	height: 30px;
	border-radius: 4px 0px 0px 4px;
	padding: 6px 8px;
	width: calc(100% - 30px);
	border-right: 0;
}
.filter-box .field-search button {
	background : url(//cdn.hstatic.net/themes/200000778297/1001389873/14/search-white.png?v=537) no-repeat #8ca122 center;
	width: 30px;
	height: 30px;
	border: none;
	border-radius: 0px 4px 4px 0px;
	vertical-align: top;
}
.filter-box .field-search button:hover {background: url(//cdn.hstatic.net/themes/200000778297/1001389873/14/search-white.png?v=537) no-repeat #8ca122 center; color: #fff; }
.filter-box ul {display:none;	border-bottom: 1px solid #efefef;}
.filter-box:last-child ul {
	border: none;
}
.filter-box ul li {
	position: relative;
	border-top: 1px solid #efefef;
}
.filter-box ul li:first-child {
	border: none;
}
.filter-box label {
	display: block;
	cursor: pointer;
	margin: 0px;
	padding: 7px 0px 7px 0px;
}
.filter-box label span {
	font-weight: normal;
	vertical-align: middle;
	font-size: 13px;
}
.filter-box ul.filter-link li > label > a {
	display: block;	
}
.filter-box ul.filter-link li > label > a:before {
	content: "\f0da";
	font-family: FontAwesome;
	font-weight: 400;
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}
.filter-box label > a > i {
	font-size: 25px;
	color: #a4abbe;
	position: absolute;
	right: 0;
}
.filter-box .filter-price label span {
	font-size: 12px;
}
.filter-box ul input[type='checkbox'],
.filter-box ul input[type='radio'] {
	margin-top: 0;
	vertical-align: top;
	width: 16px;
	height: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	margin: 4px 0px;
	float: right;
}
.filter-box ul input[type='checkbox']:before,
.filter-box ul input[type='radio']:before {
	-webkit-transition: -webkit-transform .4s cubic-bezier(.45,1.8,.5,.75);
	-moz-transition: -moz-transform .4s cubic-bezier(.45,1.8,.5,.75);
	transition: transform .4s cubic-bezier(.45,1.8,.5,.75);
	-webkit-transform: rotate(-45deg) scale(0,0);
	-moz-transform: rotate(-45deg) scale(0,0);
	-ms-transform: rotate(-45deg) scale(0,0);
	-o-transform: rotate(-45deg) scale(0,0);
	transform: rotate(-45deg) scale(0,0);
	content: "";
	position: absolute;
	right: 3px;
	top: 15px;
	margin: auto;
	z-index: 1;
	width: 10px;
	height: 5px;
	border: 2px solid #e60f1e;
	border-top-style: none;
	border-right-style: none;
}
.filter-box ul input[type='radio']:before {
	width: 10px;
	height: 10px;
	border: 5px solid #e60f1e;
	border-radius: 50%;
	top: 14px;
}
.filter-box ul input[type='checkbox']:after,
.filter-box ul input[type='radio']:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	top: 11px;
	width: 16px;
	height: 16px;
	background: #fff;
	border: 1px solid #efefef;
	cursor: pointer;
	border-radius: 2px;
}
.filter-box ul input[type='radio']:after {
	border-radius: 50%;
}
.filter-box ul input[type='checkbox']:checked:before,
.filter-box ul input[type='radio']:checked:before {
	-webkit-transform: rotate(-45deg) scale(1,1);
	-moz-transform: rotate(-45deg) scale(1,1);
	-ms-transform: rotate(-45deg) scale(1,1);
	-o-transform: rotate(-45deg) scale(1,1);
	transform: rotate(-45deg) scale(1,1);
}
.skipstep, .skipstep-mobile {
	height: 8px;
	margin: 20px 0px;
}
.skipstep .noUi-connect,
.skipstep-mobile .noUi-connect {
	background: #e60f1e;
	box-shadow: none;
}
.skipstep .noUi-base, .skipstep-mobile .noUi-base {
	width: calc(100% - 20px);
}
.skipstep .noUi-handle-lower,
.skipstep .noUi-handle-upper,
.skipstep-mobile .noUi-handle-lower,
.skipstep-mobile .noUi-handle-upper {
	width: 30px;
	height: 15px;
	cursor: pointer;
	background: #e60f1e;
	border: 1px solid #e60f1e;
	border-radius: 8px;
	box-shadow: none;
	top: -4px;
	left: -5px;
}
.skipstep .noUi-handle:before,
.skipstep .noUi-handle:after,
.skipstep-mobile .noUi-handle:before,
.skipstep-mobile .noUi-handle:after {
	content: none;
}
.skipstep .noUi-handle.noUi-handle-lower:before,
.skipstep .noUi-handle.noUi-handle-upper:before,
.skipstep-mobile .noUi-handle.noUi-handle-lower:before,
.skipstep-mobile .noUi-handle.noUi-handle-upper:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 8px;
	height: auto;
	width: auto;
	border: 2px solid #fff;
	background: #e60f1e;
}
.filter-box .infor-price-filter input[type='text'] {
	max-width: 65px;
	font-size: 12px;
	text-align: center;
	border: 1px solid #D2D2D2;
	height: 30px;
	border-radius: 3px 0px 0px 3px;
}
.filter-box .infor-price-filter .text-space {
	padding: 11px 1px;
	display: inline-block;
	font-size: 6px;
}
.infor-price-filter .input-group {
	float: left;
}

@media(max-width: 1024px){
	.filter-box:first-child {margin-top: 10px;}

}

/*****************************************************
Quick view 
*****************************************************/
body.overlay-layer:after {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(71, 55, 78, 0.8);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}
body.overlay-layer:after {
	content: "";
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
	z-index: 99999;
}
.wrapper-quickview {
	padding: 20px;
	display: block;
	position: fixed;
	max-width: 900px;
	visibility: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: left, top, width;
	z-index: 999999;
}
.wrapper-quickview::after {
	clear: both;
	content: "";
	display: table;
}
.wrapper-quickview.is-visible {
	visibility: visible;
}
.wrapper-quickview.animate-width {
	background-color: #ffffff;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	-webkit-transition: box-shadow 0.3s;
	-moz-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
	top: 10px !important;
}
#quickview-sliderproduct .quickview-slider {
	position: relative;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s, visibility 0s;
	-moz-transition: opacity .3s, visibility 0s;
	transition: opacity .3s, visibility 0s;
}
#quickview-sliderproduct .quickview-slider.is-visible-slide {
	visibility: visible;
	opacity: 1;
}
#quickview-sliderproduct .quickview-slider .product-thumb a {
	display: block;
	margin-right: 5px;
	border: 1px solid #ccc;
	text-align: center;
}
#quickview-sliderproduct .quickview-slider .product-thumb a.active {
	border: 1px solid #ff9c00;
}
#quickview-sliderproduct .quickview-slider .flex-direction-nav .flex-next {
	right: -27px;
	background-position: 100%;
}
#quickview-sliderproduct .quickview-slider .flex-direction-nav .flex-prev {
	left: -30px;
	background-position: 0px 100%;
}
.wrapper-quickview .quickview-information {
	visibility: hidden;
	opacity: 0;
	display: none;
	-webkit-transition: opacity .3s, visibility 0s;
	-moz-transition: opacity .3s, visibility 0s;
	transition: opacity .3s, visibility 0s;
}
.wrapper-quickview.is-visible-info .quickview-information {
	visibility: visible;
	opacity: 1;
	display: block;
}
.quickview-information .quickview-close {
	position: absolute;
	right: -21px;
	top: -20px;
	width: 0;
	height: 0;
	border-top: 15px solid blue;
	border-right: 25px solid blue;
	border-bottom: 25px solid transparent;
	border-left: 15px solid transparent;
}
.quickview-information .quickview-close a {
	color: #fff;
	position: absolute;
	top: -13px;
	right: -18px;
}
.quickview-information h2 {
	margin: 0 0 10px;
	font-size: 20px;
	color: #222222;
}
.quickview-information .quickview-price {
	margin-bottom: 10px;
	padding: 5px 0px;
}
.quickview-information .quickview-price span {
	font-size: 25px;
	color: #e32124;
	font-weight: bold;
	margin-right: 10px;
}
.quickview-information .quickview-price del {
	font-size: 16px;
}
.quickview-information .quickview-variants {
	border-bottom: 1px solid #efefef;
	margin: 0 0 15px;
	padding: 0 0 15px;
}
.quickview-information .quickview-variants #quickview-select {
	display: none;
}
.quickview-information .selector-wrapper {
	width: 100%;
	float: left;
}
.quickview-information .quickview-description {
	font-size: 14px;
	color: #adadad;
	line-height: 21px;
	margin: 0 0 15px;
	padding: 0 0 15px;
}
.quickview-slider .flex-direction-nav a.flex-next {
	width: 17px;
	background: url(//cdn.hstatic.net/themes/200000778297/1001389873/14/btn-arrow-right.png?v=537) no-repeat 0 0;
}
.quickview-slider .flex-direction-nav a.flex-prev {
	width: 17px;
	background: url(//cdn.hstatic.net/themes/200000778297/1001389873/14/btn-arrow-left.png?v=537) no-repeat 0 0;
}


/******************************************************
Account 
******************************************************/
.layout-account .userbox {
	max-width: 100%;
	width: 335px;
	padding: 15px;
	background-color: #fff;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	margin: auto;
	margin-bottom: 20px;
}
.layout-info-account .userbox {
	max-width: 100%;
	padding: 15px;
	background-color: #fff;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	margin: auto;
	margin-bottom: 20px;
}
.layout-account .userbox h1 {
	font-size: 20px;
	margin-top: 0;
	text-transform: uppercase;
	text-align: center;
	color: #1f2022;
}
.layout-account .userbox .input-account * {
	border-radius : 0;
	border-color: #ddd;
}
.layout-account .userbox .input-account .icon-envelope:after {
	content : url('//hstatic.net/378/1000046378/10/2016/2-29/email.png');
}
.layout-account .userbox .input-account .icon-shield:after {
	content : url('//hstatic.net/378/1000046378/10/2016/2-29/pass.png');
}
.layout-account .userbox .input-account .icon-userico:after {
	content : url('//hstatic.net/378/1000046378/10/2016/2-29/userico.png');
}
.layout-account .action_bottom .btn {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	width: 100%;
	line-height: 20px;
	background: #8ca122;
	text-align: center;
	border: none;
	border-radius: 0;
}
.layout-account .action_bottom .btn:hover {
	background: #8ca122;
	color: #fff;
}
.layout-info-account h1 {
	font-size: 20px;
	margin-top: 0;
	color: #1f2022;
}
.layout-info-account h1 a {
	position: absolute;
	right: 15px;
	top: 3px;
	font-size: 14px;
	color: #1f2022;
}
.layout-info-account h1 a:hover {
	color: #a7d618;
}
.layout-info-account a.add-new-address {
	position: absolute;
	right: 15px;
	top: 0px;
}
#customer_orders table,
#order_details table {
	width: 100%;
}
#customer_orders table th,
#customer_orders table td,
#order_details table th,
#order_details table td {
	padding: 5px;
}
#customer_orders table .odd:first-child,
#order_details table .odd:first-child {
	border-top: 1px solid #ddd;
}
#customer_orders table .even,
#order_details table .even {
	background: #ddd;
}
.address_table .view_address span {
	display: inline-block;
	width: 65px;
	font-size: 13px;
}
.address_table .address_actions .action_link {
	padding: 5px 20px;
	background: #8ca122;
	margin: 0px 5px 5px 0px;
	display: inline-block;
	border-radius: 0px;
}
.address_table .address_actions .action_link:hover {
	background: #8ca122;
}
.address_table .address_actions .action_link a {
	color: #fff;
}
.vertical-input > input {
	vertical-align: top;
}
.order-account .order_created_at {
	color : #999;
	font-size: 12px;
	margin-bottom: 10px;
}
#order_payment h3,
#order_shipping h3 {
	margin-top: 0;
	font-size: 18px;
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
}
#recover-password .req_pass a,
#login .req_pass a,
#register .req_pass a{
	font-size: 13px;
	color: #1f2022;
}
#recover-password .req_passa :hover,
#login .req_pass a:hover,
#register .req_pass a:hover {
	color: #a7d618;
}

#customer_sidebar p span {
	display: inline-block;
	width: 65px;
	font-size: 13px;
}
.layout-info-account .edit_address .action_bottom > input {
	background: #8ca122;
	color: #fff;
	padding: 7px 20px;
	border: none;
	vertical-align: top;
	margin-right: 5px;
	border-radius: 0px;
}
.layout-info-account .edit_address .action_bottom > input:hover,
.layout-info-account .edit_address .action_bottom > a:hover {
	background: #8ca122;
}
.layout-info-account .edit_address .action_bottom > a {
	background: #8ca122;
	color: #fff;
	padding: 5px 20px;
	display: inline-block;
	width: 100px;
	text-align: center;
	border-radius: 0px;
}
.layout-info-account .address-default-icon {
	position: absolute;
	right: 20px;
	top: 5px;
	padding: 5px 11px;
	background: #e60f1e;
	border-radius: 50%;
}
.layout-info-account .address-default-icon i {
	color: #fff;
}
#view_address {
	font-size: 13px;
	font-weight: bold;
	color: #1f2022;
}
#view_address:hover {
	color: #a7d618;
}
#recover-password .errors li {
	font-weight: 700;
	color: #f00;
}

/*-----------------------------------------------------------------
PRODUCT PAGE: San pham da xem 
-----------------------------------------------------------------*/
.product-item .product-information {
	background: #fff;
	clear: both;
	margin: 10px 10px;
	overflow: hidden;
	border: 1px solid #efefef;
}
.product-item .product-detail {
	overflow: hidden;
	padding: 0px;
	position: relative;
	text-align: center;
}
.product-image.box-image {
	border-bottom: 1px solid #efefef;
	position: relative;
	overflow: hidden;
	margin-bottom: 0px;
}
.product-image.box-image .product-image-block {
	position: relative;
}
.product-image.box-image .product-image-block img {
	transition: 300ms;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-ms-transition: 300ms;
	-o-transition: 300ms;
	width: 100%;
	height: auto;
}
.product-item .product-detail .product_hover-block {
	bottom: -40px;
	left: 0;
	position: absolute;
	right: 0;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	z-index:99;
}
.product-item .product-detail:hover .product_hover-block { bottom: -1px;}
.product-item .product-detail .button.btn-cart {
	float:left;
	width:66%;
	border: none;
}
.product-item .product-detail .button.btn-cart:hover span {
	background: #8ca122;
	color: #fff;
	border-color: #8ca122;
}
button.btn-cart {
	overflow: visible;
	width: auto;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	cursor: pointer;
}
.product-item .product-detail .product_hover-block .actions .add-to-links,
.list-center-outer .add-to-links {
	float:right;
	margin: 0;
	vertical-align: middle;
	width:34%;
}
.product-item .product-detail .product_hover-block .add-to-links li:first-child,
.list-center-outer .add-to-links li:first-child {
	background:#8ca122;
	float:left;
	font-size: 0;
	height:36px;
	vertical-align: middle;
	width: 50%;
	box-sizing:border-box;
	border-left:1px solid #fff;
}
.product-item .product-detail .add-to-links li a.quickview {
	display: block;
	height: 100%;
	width: 100%;
}

.product-item .product-detail .product_hover-block .add-to-links li:first-child + li,
.list-center-outer .add-to-links li:first-child + li {
	background:#8ca122;
	float:left;
	font-size: 0;
	height: 36px;
	vertical-align: middle;
	width: 50%;
	box-sizing:border-box;
	border-left:1px solid #fff;
}
.product-item .product-detail .add-to-links li a.link-detail {
	display: block;
	height: 100%;
	width: 100%;
}
.product-item .product-detail .add-to-links li a.link-detail:before {
	color: #fff;
	content: "\f037";
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 14px;
	line-height: 40px;
	vertical-align: top;
	text-align: center;
	width: 100%;
}
.product-info {
	padding: 11px 13px;
	text-align: left;
}
.product-info h2.product-name {
	background: none;
	padding: 0 !important;
	border-bottom: none !important;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.product-info .product-name {
	color: #1f2022;
	font-size: 14px;
	text-decoration: none;
	margin-bottom: 5px;
	font-weight: 400;
	text-transform: capitalize;
}
.product-info .product-name:hover {
	color: #a7d618;
}
.product-info .price {white-space: nowrap !important;}
.product-info .price-info .price-new-old .pro-price {
	font-size: 14px;
	font-weight: 700;
	color: #1f2022;
	letter-spacing: 0.5px;
}
.product-info .price-info .price-new-old .pro-price-sale{
	font-weight: normal;
	color: #b5b5b5;
	font-size: 14px;
	text-decoration: line-through;
}
.product-item .product-content .btn-cart .btn-cart-product {
	float: none;
	display: inline-block;
	font-size: 13px;
	line-height: 12px;
	color: #8ca122;
	margin-top: -35px;
	cursor: pointer;
}
.product-item .product-content .btn-cart:hover .btn-cart-product {color: #fff;}

/*--------------------------------------------------------------
Banner quang cao goc trai
--------------------------------------------------------------*/
.float-ck { 
	position: fixed;
	left:0;
	bottom: 50%;
	z-index: 9000;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	opacity: 0;
}
.float_content_right {
	border-top: 1px solid #a7d618;
	border-right: 1px solid #a7d618;
}
.float_content_right {
	position:relative;
	text-align:right;
	font-size: 11px;
}
.float_content_right a.hide_qc {
	position: absolute;
	top: -19px;
	right: -1px;
	background: #a7d618;
	padding: 2px 4px;
	color: #FFF;
}
.float_content_right a.show_qc {
	position: absolute;
	/*right: -65px;*/
	right: 0;
	top: 47px;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	background: #a7d618;
	padding: 2px 10px;
	color: #FFF;
	display: none;
}

/*---------------------------------------------------------------------------------------------------------
NEW STYLE
---------------------------------------------------------------------------------------------------------*/
@-webkit-keyframes placeHolderShimmer {
	0% {background-position: -468px 0; }
	100% {background-position: 468px 0; } 
}
@keyframes placeHolderShimmer {
	0% {background-position: -468px 0; }
	100% {background-position: 468px 0; }
}
main {max-width: 1820px; margin: 0 auto;}

.hover-effect {overflow: hidden;position: relative;}
.hover-effect > a:before, .hover-effect > a:after {
	background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
	content: "";
	height: 100%;
	position: absolute;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: 8;
}
.hover-effect a:before, .hover-effect a:after {display: block;}
.hover-effect > a:before {	left: -100%;	top: -100%;}
.hover-effect > a:after {	bottom: -100%;	right: -100%;}
.hover-effect:hover > a:before {left: 0; top: 0;} 
.hover-effect:hover > a:after  {bottom: 0; right: 0;}

.loading-mask .loading-mask__image .mask-line,
.loading-mask .loading-mask__detail .mask-line {
	animation-duration: 1.25s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
	background: #F6F6F6;
	background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
	background-size: 800px 104px;
	position: relative; }
.proloop-loadding {margin-bottom: 13px;outline: none;}
.proloop-loadding .product-inner {
	background: #fff;
	height: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
	border-radius: 4px;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease; 
}
.proloop-loadding .proloop-image .lazy-img {
	position: relative;
	width: 100%;
	height: 0;
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	padding-bottom: 100%;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease; }
.proloop-loadding .proloop-detail {
	position: relative;
	padding: 10px 14px 10px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	text-align: center;
	background: #fff;
	-webkit-transition: transform 300ms ease;
	-moz-transition: transform 300ms ease;
	-ms-transition: transform 300ms ease;
	-o-transition: transform 300ms ease;
	transition: transform 300ms ease; }
.proloop-loadding .loading-mask .loading-mask__image {
	position: relative;
	overflow: hidden;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 5px; 
}
.proloop-loadding .loading-mask .loading-mask__detail {
	padding: 10px; 
}
.proloop-loadding .loading-mask .loading-mask__detail .mask-line {
	height: 10px;
	width: 100%;
	border-radius: 8px;
	margin: 4px 0;
}
.proloop-loadding .loading-mask .loading-mask__detail .mask-line:nth-child(2) {	width: 80%; }
.proloop-loadding .loading-mask .loading-mask__detail .mask-line:nth-child(3) {	width: 65%; }
.proloop-loadding .product-loop-load {
	border: 1px solid #eae8e4;
	margin-left: -1px;
	margin-bottom: -1px;
}

/*--------------------------------------------------------
Products item
--------------------------------------------------------*/
.home-product-section {margin-bottom: 40px;}
.product-item {
	border: 1px dotted #ddd;
	margin:0 auto 30px; 
	background: #fff;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.product-item:hover {
	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.product-item .product-thumb{border-bottom: 1px solid #eee;overflow: hidden;}
.product-item .product-thumb a:not(.view-detail) {padding-bottom: 100%; position:relative;display: block; }
.product-item .product-thumb a img{
	transform: translateX(0%);
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.product-item .product-thumb .product-overlay{
	-wekbit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	background:rgba(255, 255, 255, 0.76);
	opacity:0;display:none;
}
.product-item .product-thumb .product-overlay .quickview{
	-wekbit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	position:absolute;
	top:50%;left:50%;
	width:60px;
	height:58px;
	font-size:17px;
	text-align:center;
	line-height:58px;
	color:#ffffff;
	background:#8ca122;
	padding:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-transform:translateX(-50%) translateY(-120px);
	-moz-transform:translateX(-50%) translateY(-120px);
	-o-transform:translateX(-50%) translateY(-120px);
	-ms-transform:translateX(-50%) translateY(-120px);
	transform:translateX(-50%) translateY(-120px);
}
.product-item .product-thumb .product-overlay .quickview:before{
	content:"\f002";
	font-family:FontAwesome;
	font-size:17px;
	font-weight:400;
	display:inline-block;
}
.product-item .product-thumb .product-overlay .quickview:hover{
	background:#8ca122;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.product-item .product-thumb .sold-out {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 1;
	background: red;
	color: #fff;
	font-size: 12px;
	padding: 0 5px;
}
.product-item .product-thumb .tags-list {
	position: absolute;
	z-index: 1;
	top: 10px;
	display: flex; 
	flex-direction: column;
	gap: 10px;
}
.product-item .product-thumb .tags-list.left {left: 10px;}
.product-item .product-thumb .tags-list.right {right: 10px;}
.product-item .product-thumb .tag-label {font-size: 12px; padding: 0px 12px;}
.product-item .product-thumb .tag-label.new { background: #c58c43; color: #fff; }
.product-item .product-thumb .tag-label.percent { background: red; color: #fff; }
.product-item .product-thumb .tags-list.left .tag-label  {border-radius: 0 5px 5px 0;}
.product-item .product-thumb .tags-list.right .tag-label {border-radius: 5px 0 0 5px;}
.product-item .product-content {position:relative;	padding:12px;}
.product-item .product-content .product-btn {display: flex; align-items: center; gap: 8px;text-transform: uppercase;}
.product-item .product-content .product-btn .btn-buy {flex: 2 1;}
.product-item .product-content .product-btn .btn-cart {flex: 0 1;}
.product-item .product-content .btn-buynow {
	background:#8ca122;
	border: 1px solid #8ca122;
	color:#fff;
	width: 100%; height: 42px;
	display: inline-flex; 
	align-items: center;
	justify-content: center;
	border-radius: 2px;
}
.product-item .product-content .btn-addtocart {
	background: #c58c43;
	border: 1px solid #c58c43;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	display: inline-flex; 
	align-items: center;
	justify-content: center;
	width: 42px; height: 42px;
}
.product-item .product-content .btn-addtocart.disabled,
.product-item .product-content .btn-buynow.disabled{cursor: default;opacity: 0.6;}
.product-item .product-content .btn-buynow.disabled {background: #e32124;border: 1px solid #e32124;}
.product-item .product-content .product-title {
	position: relative;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.01em;
	height: 42px;
	color: #303030;
	margin-bottom: 6px;
	margin-top: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
.product-item .product-content .product-title .entry-title-primary{
	-wekbit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	font-size:13px;
	line-height:20px;
	letter-spacing:0.01em;
	color:#1f2022;

}
.product-item .product-content .product-title .entry-title-primary:hover{color:#a7d618;}
.product-item .product-content .product-price {
	font-size:16px;
	line-height:24px;
	letter-spacing:0.03em;
	color:#f37021;
	margin-bottom:5px;
	font-weight: bold;
}
.product-item .product-content .product-price .product-per{font-size:11px;}
.product-item .product-content .product-price ins{text-decoration:none;}
.product-item .product-content .product-price del{
	font-size:13px;
	color:#848484;
	margin-right: 5px;
}
.product-item:hover .product-thumb .product-overlay{opacity:1;display:none;}
.product-item:hover .product-thumb .product-overlay .quickview{
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	-o-transform:translateX(-50%) translateY(-50%);
	-ms-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
}
.product-item:hover .product-content .btn-cart{opacity:1;}

@media (max-width: 991px){
	.product-item .product-content .product-btn {display: none;}
}


/*-----------------------------------------------------------
Main section
-----------------------------------------------------------*/
.section {padding: 0 0 30px;overflow: hidden;}
.s-title {position: relative;}
.s-title h2 {
	font-weight: bold;
	font-size: 20px;
	line-height: 1.3;
	margin: 0 0 26px 0;
	text-transform: uppercase;
	text-align: center;
	color: #1f2022;
}
.s-title .box-desc {display: flex; gap: 16px;flex-direction: column;margin-bottom: 16px;}
.s-title .box-desc .desc,.s-title .box-desc .more {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	text-align: center;
}
.s-content.scolling-mb {margin:0 -15px;}
.s-content .list-product {position: relative;}
.s-content .list-product:not(.owl-carousel) {overflow-x: scroll;margin: 0 -8px;display: flex;display: -ms-flex;}
.s-content .list-product:not(.owl-carousel)::-webkit-scrollbar {display: none;}
.s-content .list-product:not(.owl-carousel) .proloop {
	-ms-flex: 0 0 42%;
	flex: 0 0 42%;
	max-width: 42%;
	padding: 0 8px;
}
.s-content .list-product .proloop .product-item {margin-bottom:0;}
.s-content .list-product .owl-nav > button {
	position: absolute;
	transition: all 0.4s;
	display: inline-block;
	padding: 0;
	width: 40px;
	height: 40px;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	color: #ffffff;
	background: #8ca122;
	border: 2px solid #8ca122;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.s-content .list-product .owl-nav > button.owl-prev {left: 0%;}
.s-content .list-product .owl-nav > button.owl-next {right: 0%;}

@media (min-width: 768px){
	.s-content .list-product:not(.owl-carousel) .proloop {
		-ms-flex: 0 0 42%;
		flex: 0 0 42%;
		max-width: 42%;
	}
}
@media (min-width: 992px){
	.has-menu-right-sidebar .bt_widget_mini_cart, .has-menu-right-sidebar .widget_text {
		position: relative;
	}
	.widget_account {
		display: block;
		left: 50%;
		min-width: 150px;
		right: unset !important;
		transform: translateX(calc(-50% + 7.5px)) !important;
		top: calc(100% + 18px) !important;
	}
	.widget_search {
		display: block;
		left: 50%;
		min-width: 150px;
		right: unset !important;
		top: calc(100% + 18px) !important;
		transform: translateX(calc(-50% + 7.5px)) !important;
	}
	.bt-cart-content {
		top: calc(100% + 18px) !important;
		left: 50%;
		right: unset !important;
		transform: translateX(-50%) !important;
	}
	.style-header .bt-menu-list > ul > li.menu-item-has-children.mega-menu {
		position: static;
	}
	.style-header .bt-menu-list > ul > li.menu-item-has-children.mega-menu > ul > li > ul > li {
		border: none;
	}
	.style-header .bt-menu-list > ul > li.menu-item-has-children.mega-menu > ul > li > ul > li > a  {
		padding: 10px 15px;
	}
	.style-header .bt-menu-list > ul > li.menu-item-has-children.mega-menu:hover .sub-menu {
		width: 100vw;
		left: 0;
		display: flex;
		justify-content: center;
		padding: 5px 0;
		box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.09);
	}
	.style-header .bt-menu-list > ul > li.menu-item-has-children.mega-menu .menu-item.lv2 {
		border: none;
	}
	.style-header .bt-menu-list > ul > li.menu-item-has-children.mega-menu .menu-item.lv2 > a {
		text-transform: uppercase;
		font-weight: 700;
		padding: 15px;
	}
	.style-header .bt-menu-list > ul > li.menu-item-has-children.mega-menu .menu-item.lv2 > a:before, .style-header .bt-menu-list > ul > li.menu-item-has-children.mega-menu .menu-item.lv2 > a:after {
		display: none;
	}
	.style-header .bt-menu-list > ul > li.menu-item-has-children.mega-menu:hover .sub-menu.lv2 {
		display: block;
		position: static;
		animation: none;
		box-shadow: none;
		width: auto;
	}
	.has-menu-right-sidebar {
		display: flex;
		justify-content: center;
		align-items: center;
		position: static;
	}
	.bt-col-menu.has-menu-right-sidebar .bt-menu-list {
		padding: 0;
		margin: 0;
	}
	.style-header .bt_widget_mini_cart .bt-cart-header, #onAppWishList_btn_page, .style-header .bt-search-sidebar > a, .style-header .bt-account > a {
		transform: none;
		position: relative;
		top: unset;
		right: unset;
		display: inline-block;
		margin-left: 15px;
	}
	.section {padding: 0 0 40px;}
	.s-title h2 {font-size: 24px;text-align: left;}
	.s-title .box-desc {flex-direction: row;margin-bottom: 30px;font-size: 16px;}
	.s-title .box-desc .desc {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
		text-align: left;
	}
	.s-title .box-desc .more {
		-ms-flex: 0 0 calc(25% - 16px);
		flex: 0 0 calc(25% - 16px);
		max-width: calc(25% - 16px);
		text-align: right;
	}

	.s-content.scolling-mb {margin:0;}
	.s-content .list-product:not(.owl-carousel) {overflow: hidden;}
	.s-content .list-product:not(.owl-carousel) .proloop {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}
@media (min-width: 1024px){
	.section {padding: 0 0 60px;}
	.s-title h2 {font-size: 36px;}
	.s-content .list-product .owl-nav > button.owl-prev {left: -5%;}
	.s-content .list-product .owl-nav > button.owl-next {right: -5%;}
	.s-content .list-product:not(.owl-carousel) .proloop {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}

/*--------------------------------------------------------------
SLIDER
--------------------------------------------------------------*/
.nivo-caption{top: 50%}
.nivo_text .slider-text-1 h1 span{color: #6bc513;font-size: 40px;}
.nivo_text.nivo_text1 .slider-text-1 h1 span{color: #a7d618;}
.nivo_text.nivo_text2 .slider-text-1 h1 span{color: #a7d618;}
.nivo_text.nivo_text3 .slider-text-1 h1 span{color: #972295;}
.nivo_text.nivo_text4 .slider-text-1 h1 span{color: #972295;}
.nivo_text .slider-text-1 h1{font-size: 40px;color: #606060;text-transform: uppercase;}
.nivo_text.nivo_text1 .slider-text-1 h1 {color: #000000;}
.nivo_text.nivo_text2 .slider-text-1 h1 {color: #000000;}
.nivo_text.nivo_text3 .slider-text-1 h1 {color: #F8F8F8;}
.nivo_text.nivo_text4 .slider-text-1 h1 {color: #F8F8F8;}
.nivo_text .slider-text-2 p{
	font-size: 14px;
	color: #606060;
	margin-bottom: 35px;
}
.nivo_text.nivo_text1 .slider-text-2 p{color: #000000;}
.nivo_text.nivo_text2 .slider-text-2 p{color: #000000;}
.nivo_text.nivo_text1 .slider-text-3 p{color: #F8F8F8;}
.nivo_text.nivo_text2 .slider-text-4 p{color: #F8F8F8;}
.slider-button {
	color: #8ca122;
	font-size: 12px;
	border: 2px solid #8ca122; 
	padding: 10px 28px;
	display: inline-block;
	letter-spacing: 2px;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.slider-button:hover {
	color: #fff;
	background: #8ca122;
	border: 2px solid #8ca122; 
}
.preview-2:hover .nivo-controlNav a{
	opacity: 1;
	filter: alpha(opacity=100);
}
.preview-2 .nivo-directionNav a:hover::after {color: #a7d618;}
.preview-2 .nivo-controlNav a:hover, .preview-2 .nivo-controlNav a.active {
	background: #a7d618 none repeat scroll 0 0;
	cursor: pointer;
	border-color: #a7d618;
}

/*--------------------------------------------------------------
MODULE SP NỔI BẬT
--------------------------------------------------------------*/
.section-banner-cate {}
.section-banner-cate .list--banner-cate {display:flex;}
.section-banner-cate .item--banner-cate {-ms-flex: 0 0 calc(100%/3);flex: 0 0 calc(100%/3);max-width: calc(100%/3);}
.section-banner-cate .item--banner-cate .box-img {border: 1px solid #121212;}
.section-banner-cate .item--banner-cate h3 a {display: block;}
.section-banner-cate .item--banner-cate > div {font-size: 18px;}

/*--------------------------------------------------------------
MODULE ƯU ĐÃI
--------------------------------------------------------------*/
.section-flashsale .box-top {display: flex; align-items: center; flex-wrap: wrap; background: #a7d618;margin-bottom: 30px;}
.section-flashsale .box-top .box-left {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	padding: 16px;
	text-align: center;
	text-transform: uppercase;
	background: #8ca122;
}
.section-flashsale .box-top .box-left h4 {color:#ffffff;font-size: 18px;font-weight: bold;}
.section-flashsale .box-top .box-left a {
	color: #a7d618;
	font-size: 16px;
	font-weight: 900;
	display: inline-flex;
	gap: 8px;
	align-items: center;
}
.section-flashsale .box-top .box-right {
	padding: 12px;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	display: flex; 
	align-items: center;
	justify-content: center;
}
.section-flashsale .box-top .box-countdown {display: flex; 	align-items: center; flex-direction: column;	gap: 10px;	}
.section-flashsale .box-top .box-countdown label {margin-bottom:0;color:#ffffff;font-size: 16px;}
.section-flashsale .box-countdown .soon[data-layout*=group] {font-size: 30px;line-height: 1.3;padding: 0; }
.section-flashsale .box-countdown .soon[data-layout*=group] > .soon-group >  .soon-group-inner {display:flex;}
.section-flashsale .box-countdown .soon[data-layout*=group] > .soon-group >  .soon-group-inner > .soon-group-sub {display: flex;}
.section-flashsale .box-countdown .soon-slot-inner {color: #a7d618;font-weight: 700;text-align: center;height: auto; }
.section-flashsale .box-countdown .soon[data-layout*=group] .soon-group-sub>.soon-group-inner {margin: 0 .2125em}
.section-flashsale .box-countdown .soon[data-layout*=group] .soon-separator {width: 8px;padding-top: 0;font-weight: 500;color: #ffffff; }
.section-flashsale .box-countdown .soon-group.soon-group-sub .soon-value {display: flex; align-items: center;justify-content:center; gap: 4px;}
.section-flashsale .box-countdown .soon-group.soon-group-sub .soon-value .soon-slot {background: #ffffff;border-radius: 8px;display: inline-flex;justify-content: center;align-items: center;margin: 0;}
.section-flashsale .box-countdown .soon[data-layout*=group] .soon-label {margin: 6px 0 0;color: #ffffff;font-size: 16px;font-weight: bold;text-transform: uppercase;}
@media (min-width: 992px){
	.section-flashsale .box-countdown .soon[data-layout*=group] {font-size: 40px; }
}
@media (min-width: 1120px){
	.section-flashsale .box-top {flex-wrap: nowrap; }
	.section-flashsale .box-top .box-left {
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 30%;
		padding: 20px 16px;
	}
	.section-flashsale .box-top .box-left h4 {font-size: 20px;}
	.section-flashsale .box-top .box-right {
		-ms-flex: 0 0 70%;
		flex: 0 0 70%;
		max-width: 70%;
		justify-content: flex-end
	}
	.section-flashsale .box-top .box-countdown {flex-direction: row;}
	.section-flashsale .box-top .box-countdown label {font-size: 20px;}
	.section-flashsale .box-countdown .soon[data-layout*=group] {font-size: 55px; }
}
@media (min-width: 1240px){
	.section-flashsale .box-top .box-left {
		-ms-flex: 0 0 22%;
		flex: 0 0 22%;
		max-width: 22%;
		padding: 30px 20px;
	}
	.section-flashsale .box-top .box-left h4 {font-size: 24px;}
	.section-flashsale .box-top .box-right {
		-ms-flex: 0 0 78%;
		flex: 0 0 78%;
		max-width: 78%;
	}
	.section-flashsale .box-top .box-countdown label {font-size: 24px;}
	.section-flashsale .box-countdown .soon[data-layout*=group] {font-size: 75px;}
}


/*--------------------------------------------------------------
MODULE TRENDING
--------------------------------------------------------------*/
.section-trending .s-content {background: #e1f2bb;}
.section-trending .box-top {display: flex; align-items: center;background: #a7d618;margin-bottom: 30px;margin: 0 -15px;}
.section-trending .nav-tablist {display: flex;justify-content: center;width: 100%;}
.section-trending .nav-tablist .nav-tabitem {
	display: flex;justify-content: center;text-align: center;padding: 16px; font-weight: 600;
	width: 100%;font-size: 16px;text-transform: uppercase;color: #ffffff;
}
.section-trending .nav-tablist .nav-tabitem.active {
	color: #ffffff;
	background: #8ca122;
}
.section-trending .nav-tablist .nav-tabitem span {display: flex; align-items: center; justify-content: center; gap: 40px;}
.section-trending .nav-tabcontent { padding: 14px 16px;margin: 0 -22px;}
.section-trending .nav-tabcontent .tabpan {display: none;}
.section-trending .nav-tabcontent .tabpan.active {display: block;}
@media (min-width: 992px){
	.section-trending .nav-tablist .nav-tabitem {padding: 16px;font-size: 18px;}
	.section-trending .nav-tabcontent { padding: 32px;margin: 0;}
}
@media (min-width: 1024px){
	.section-trending .nav-tablist .nav-tabitem {padding: 20px 20px;width: 100%;font-size: 20px;}
	.section-trending .nav-tabcontent { padding: 45px 32px;}
}


/*--------------------------------------------------------------
MODULE COLLECTION
--------------------------------------------------------------*/
.section-collection .s-content + .s-content {padding-top: 30px;}
.section-collection .box-top {display: flex; align-items: center; gap: 16px; margin-bottom: 30px;}
.section-collection .box-top .box-left {
	-ms-flex: 0 0 calc(78% - 16px);
	flex: 0 0 calc(78% - 16px);
	max-width: calc(78% - 16px);
	padding: 16px 16px;
	text-transform: uppercase;
	background: #a7d618;
}
.section-collection .box-top .box-left h4 {margin: 0;color: #ffffff;font-weight: 600;}
.section-collection .box-top .box-right {
	-ms-flex: 0 0 22%;
	flex: 0 0 22%;
	max-width: 22%;
}
.section-collection .box-top .box-right .view-more {
	display: flex; 
	align-items: center;
	gap: 16px;
}
.section-collection .box-top .box-right .view-more .text {
	color:#ffffff;
	background: #8ca122;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 51.8px;
	font-size: 18px;font-weight: 600;
}
.section-collection .box-top .box-right .view-more .icon {
	color:#ffffff;
	background: #8ca122;
	width: 51.8px; height: 51.8px;
	display: none;
}
@media (min-width: 668px){
	.section-collection .box-top .box-left {
		-ms-flex: 0 0 calc(78% - 16px);
		flex: 0 0 calc(78% - 16px);
		max-width: calc(78% - 16px);
	}
	.section-collection .box-top .box-right {
		-ms-flex: 0 0 22%;
		flex: 0 0 22%;
		max-width: 22%;
	}
	.section-collection .box-top .box-right .view-more .text {width: calc(100% - 67.8px);}
	.section-collection .box-top .box-right .view-more .icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
}
@media (min-width: 992px){
	.section-collection .s-content + .s-content {padding-top: 60px;}
}

/*--------------------------------------------------------------
MODULE ABOUT
--------------------------------------------------------------*/
.section-about .list-col {display: flex; flex-wrap: wrap;}
.section-about .list-col .box {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.section-about .list-col .box.box-1 {background: #e1f2bb;}
.section-about .list-col .box.box-2 {background: #e1f2bb;}
.section-about .list-col .box.box-3 {background: #e1f2bb;}
.section-about .list-col .box.box-1 * {color: #000000;}
.section-about .list-col .box.box-2 * {color: #000000;}
.section-about .list-col .box.box-3 * {color: #000000;}
.section-about .list-col .box .text {
	padding: 5% 10%;
	font-size: 18px;
	line-height: 1.3;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	gap: 20px;
	text-align: justify;
}
.section-about .list-col .box .text a {display: inline-flex;align-items: center; gap: 8px;text-transform: uppercase;font-weight: bold;}
.section-about .list-col .box .text a svg {width: 18px; height: 18px;}

@media (min-width: 992px){
	.section-about .list-col .box {
		-ms-flex: 0 0 calc(100%/2);
		flex: 0 0 calc(100%/2);
		max-width: calc(100%/2);
	}
	.section-about .list-col .box:nth-child(1){order: 1;}
	.section-about .list-col .box:nth-child(2){order: 2;}
	.section-about .list-col .box:nth-child(3){order: 4;}
	.section-about .list-col .box:nth-child(4){order: 3;}
	.section-about .list-col .box:nth-child(5){order: 5;}
	.section-about .list-col .box:nth-child(6){order: 6;}
	.section-about .list-col .box .text {padding: 5%; font-size: 20px;}
	.section-about .list-col .box .text a svg {width: 22px; height: 22px;}
}
@media (min-width: 1024px){
	.section-about .list-col .box .text {padding: 5% 10%;font-size: 24px;}
	.section-about .list-col .box .text a svg {width: 22px; height: 22px;}
}


/*--------------------------------------------------------------
MODULE feature
--------------------------------------------------------------*/
.section-banner-feature .list--banner-feature {display: flex; flex-wrap: wrap; gap: 16px;}
.section-banner-feature .item--banner-feature {
	-ms-flex: 0 0 calc(100%/2 - 8px);
	flex: 0 0 calc(100%/2 - 8px);
	max-width: calc(100%/2 - 8px);
}
@media (min-width: 992px){
	.section-banner-feature .item--banner-feature {flex-wrap: nowrap;}
	.section-banner-feature .item--banner-feature {
		-ms-flex: 0 0 calc(100%/4 - 12px);
		flex: 0 0 calc(100%/4 - 12px);
		max-width: calc(100%/4 - 12px);
	}
}


/*--------------------------------------------------------------
Tiêu đề giới thiệu mỗi phần
--------------------------------------------------------------*/
.introduce-home {margin: 50px 0; position: relative;}
.introduce-subtitle {
	font-size: 20px;
	line-height: 24px;
	color: #a7d618;
	margin-bottom: 15px;
	font-style: italic;
	font-weight: 300;
}
.introduce-descr {margin-bottom: 24px;}

/*--------------------------------------------------------------
Home section 2
--------------------------------------------------------------*/
.home-section-about {
	padding-top: 40px !important;
	padding-bottom: 60px !important;
	background-image: url("//cdn.hstatic.net/themes/200000778297/1001389873/14/bg_about.jpg?v=537") !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-attachment: fixed !important;
	margin-bottom: 70px;
}
.home-about-content .counter-body {padding: 0 30px;}
.home-about-content .text-about {margin-bottom: 40px !important;}
.home-about-content .counter-about {margin-bottom: 30px;}
.counter-up .counter-box{text-align:center;margin-bottom:30px;padding-top:15px;}
.counter-up .counter-box .counter-icon{
	-wekbit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	display:inline-block;
	width:75px;
	height:75px;
	line-height:70px;
	margin-bottom:20px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.counter-up .counter-box .counter-title{
	font-size:14px;
	line-height:29px;
	letter-spacing:0.03em;
	margin-bottom:15px;
}
.counter-up .counter-box .counter-number{
	font-size:33px;
	font-weight:700;
	line-height:29px;
	letter-spacing:0.01em;
	color:#a7d618;
}
.counter-up .counter-box:hover .counter-icon{
	-webkit-animation-delay:0s, 
		0.3s;animation-delay:0s, 0.3s;
	-webkit-animation-direction:normal, alternate;
	animation-direction:normal, alternate;
	-webkit-animation-duration:0.3s, 1.5s;
	animation-duration:0.3s, 1.5s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-iteration-count:1, infinite;
	animation-iteration-count:1, infinite;
	-webkit-animation-name:hvr-bob-float, hvr-bob;
	animation-name:hvr-bob-float, hvr-bob;
	-webkit-animation-timing-function:ease-out, ease-in-out;
	animation-timing-function:ease-out, ease-in-out;
}
.counter-up .counter-box .icon-spa1 {background: #f207b8;}
.counter-up .counter-box .icon-spa2 {background: #07f2b8;}
.counter-up .counter-box .icon-spa3 {background: #f2bd07;}
.counter-up .counter-box .icon-spa4 {background: #f20749;}
.counter-up .counter-box .counter-icon img {	width: 40px;	height: 40px;}

@-webkit-keyframes hvr-bob {
	0% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
	50% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
}
@keyframes hvr-bob {
	0% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
	50% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
}
@-webkit-keyframes hvr-bob-float {
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
}
@keyframes hvr-bob-float {
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px)
	}
}


/*--------------------------------------------------------------
Button Chung
--------------------------------------------------------------*/
.bt-button-wrap {
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 0.01em;
	text-align: center;
}
.hvr-float-shadow {
	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-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
.bt-button-wrap > span {
	display: inline-block;
	color: #fff;
	background: #8ca122;
	padding: 10px 22px;
	border: 2px solid #8ca122;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.bt-button-wrap > span.bt-text {
	background: #8ca122;
	margin-right: 1px;
	padding-left: 30px;
	padding-right: 30px;
	color: #fff;
}
.bt-button-wrap:hover {
	opacity: 0.9;
	color: #f0653c;
}
.hvr-float-shadow:focus, 
.hvr-float-shadow:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.hvr-float-shadow:hover span {
	background: #8ca122;
	color: #fff;
	border: 2px solid #8ca122;
}
.hvr-float-shadow:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
	background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform,opacity;
	transition-property: transform,opacity;
}
.hvr-float-shadow:focus:before, 
.hvr-float-shadow:hover:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}


.home-banner-area .hover-effect img{
	width: 100%;
}
.arrival-owl .col-md-3{	width: 100%;}
.home-banner-left, 
.home-banner-middle, 
.home-banner-right, 
.home-banner-right-bottom{
	position: relative;
	overflow: hidden;
}
.home-banner-left-text,
.home-banner-middle-text,
.home-banner-right-text,
.home-banner-right-bottom-text{
	position: absolute;
	top: 0;
	z-index: 9;
}
.home-banner-left-text h1, 
.home-banner-middle-text h1, 
.home-banner-right-text h1,
.home-banner-right-bottom-text h1{
	color: #303030;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.home-banner-left-text h1 {color: #CC933C;}
.home-banner-middle-text h1 {color: #CC933C;}
.home-banner-right-text h1 {color: #CC933C;}
.home-banner-right-bottom-text h1{color: #f5a623;}

.home-banner-right-text h1,
.home-banner-right-bottom-text h1{
	font-size: 24px;
}
.home-banner-left-text h3,
.home-banner-middle-text h3, 
.home-banner-right-text h3, 
.home-banner-right-bottom-text h3{
	color: #202020;
	font-size: 20px;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.home-banner-right-bottom-text h3{
	font-weight: 700;
	margin-bottom: 0;
}
.home-banner-left-text h3 {color: #f8e71c;}
.home-banner-middle-text h3 {color: #f8e71c;} 
.home-banner-right-text h3 {color: #f8e71c;}
.home-banner-right-bottom-text h3 {color: #CC933C;}


.home-banner-right-text h3, 
.home-banner-right-bottom-text h3{
	font-size: 16px;
}
.home-banner-middle-text h3{
	font-size: 18px;
}
.home-banner-left-text a.shop-now, 
.home-banner-middle-text a.shop-now{
	color: #8ca122;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	border: 2px solid #8ca122;
	padding: 10px 27px;
	display: inline-block;
	letter-spacing: 2px;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.home-banner-left-text a.shop-now:hover, 
.home-banner-middle-text a.shop-now:hover{
	color: #fff;
	background: #8ca122;
	border: 2px solid #8ca122;
}
.home-banner-left-text, 
.home-banner-right-text{
	top: 37%;
	left: 5%;
}
.home-banner-middle-text{
	top: 45%;
	text-align: center;
	width: 100%;
}
.home-banner-right-bottom{
	margin-top: 30px;
}
.home-banner-right-bottom-text{
	top: 25%;
	text-align: right;
	right: 3%;
}
.hover-effect > a:before, .hover-effect > a:after {
	background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
	content: "";
	height: 100%;
	position: absolute;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	width: 100%;
	z-index: 8;
}
.hover-effect > a:before {
	left: -100%;
	top: -100%;
}
.home-banner-left:hover .hover-effect > a:before, 
.home-banner-middle:hover .hover-effect > a:before, 
.home-banner-right-bottom:hover .hover-effect > a:before, 
.home-banner-right:hover .hover-effect > a:before {
	left: 0;
	top: 0;
}
.hover-effect a:before, .hover-effect a:after {
	display: block;
}
.home-banner-left:hover .hover-effect > a:after, 
.home-banner-right-bottom:hover .hover-effect > a:after, 
.home-banner-right:hover .hover-effect > a:after, 
.home-banner-middle:hover .hover-effect > a:after {
	bottom: 0;
	right: 0;
}
.hover-effect > a:after {
	bottom: -100%;
	right: -100%;
}
.hover-effect. a:before, .hover-effect a:after {
	display: block;
}

/*--------------------------------------------------------------
Home section 3 (Blog Video)
--------------------------------------------------------------*/
.variety-section {
	margin-bottom: 70px;
	padding-top: 70px !important;
	padding-bottom: 110px !important;
	
	background-image: url("//cdn.hstatic.net/themes/200000778297/1001389873/14/bg_blog_video.jpg?v=537") !important;
	
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-attachment: fixed !important;
}
.blog-video{position:relative;}
.blog-video .slider-blog{cursor:e-resize;}
.blog-video .slider-blog .video-item {
	position:relative;
	min-height:460px;
	padding-left:56px;
	padding-right:120px;
}
.blog-video .slider-blog .video-item .video-item-inner{
	background:#ffffff;
	padding:85px 0;
}
.blog-video .slider-blog .video-item .video-item-inner .video-content{
	width:50%;
	min-height:300px;
	text-align:center;
	padding-left:130px;
}
.blog-video .slider-blog .video-item .video-item-inner .video-content .video-title{
	position:relative;
	font-size:22px;
	line-height:28px;
	letter-spacing:0.01em;
	text-transform:uppercase;
	color:#303030;
	margin-bottom:8px;
	padding-top:28px;
}
.blog-video .slider-blog .video-item .video-item-inner .video-content .video-title a {outline: none;}
.blog-video .slider-blog .video-item .video-item-inner .video-content .video-title .entry-title-primary{
	-wekbit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	font-size:20px;
	line-height:30px;
	letter-spacing:0.01em;
	text-transform:uppercase;
	color:#1f2022;
}
.blog-video .slider-blog .video-item .video-item-inner .video-content .video-title .entry-title-primary:hover{
	color:#a7d618;
}
.blog-video .slider-blog .video-item .video-item-inner .video-content .video-title .entry-subtitle{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	font-size:20px;
	font-weight:400;
	line-height:24px;
	letter-spacing:0.03em;
	text-transform:none;
	color:#6bc513;
}

.blog-video .slider-blog .video-item .video-item-inner .video-content .video-meta{
	font-size:11px;
	line-height:38px;
	letter-spacing:0.03em;
	text-transform:uppercase;
	color:#6bc513;
	margin-bottom:5px;
}
.blog-video .slider-blog .video-item .video-item-inner .video-content .video-meta .video-price{
	font-size:16px;
}
.blog-video .slider-blog .video-item .video-item-inner .video-content .video-excerpt{
	font-size:14px;
	line-height:26px;
	letter-spacing:0.03em;
	margin-bottom:15px;
}
.blog-video .slider-blog .video-item .video-item-inner .video-content .video-readmore{
	font-size:11px;
	font-weight: bold;
	line-height:24px;
	letter-spacing:0.01em;
	text-transform:uppercase;
	color:#8ca122;
	display:inline-block;
	padding:12px 30px;
	-wekbit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.blog-video .slider-blog .video-item .video-item-inner .video-content .video-readmore > i{
	margin-left:5px;
}
.blog-video .slider-blog .video-item .video-item-inner .video-content .video-readmore:hover{
	color:#ffffff;
	background:#8ca122;
}
.blog-video .slider-blog .video-item .video-item-inner .video-media{
	position:absolute;
	top:50%;
	right:0;
	width:50%;
	min-height:375px;
	background:#404040;
	overflow:hidden;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.blog-video .slider-blog .video-item .video-item-inner .video-media:before{
	-wekbit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	content:"";
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.2);
	opacity:0;z-index:1;
}
.blog-video .slider-blog .video-item .video-item-inner .video-media .video-thumb{
	-webkit-transition:all 0.7s;
	-moz-transition:all 0.7s;
	-o-transition:all 0.7s;
	transition:all 0.7s;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.blog-video .slider-blog .video-item .video-item-inner .video-media .video-video{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:90px;
	height:90px;
	font-size:20px;
	text-align:center;
	line-height:76px;
	color:#161616;
	padding:4px;
	border:3px solid #ffffff;
	z-index:9;
	outline: none;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-wekbit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.blog-video .slider-blog .video-item .video-item-inner .video-media .video-video:before, 
.blog-video .slider-blog .video-item .video-item-inner .video-media .video-video:after{
	content:" ";
	display:table;
}
.blog-video .slider-blog .video-item .video-item-inner .video-media .video-video:after{clear:both;}
.blog-video .slider-blog .video-item .video-item-inner .video-media .video-video > span{
	display:inline-block;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.9);
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.blog-video .slider-blog .video-item .video-item-inner .video-media .video-video:hover, 
.blog-video .slider-blog .video-item .video-item-inner .video-media .video-video:focus{
	color:#ffffff;
	border-color:#a7d618;
}
.blog-video .slider-blog .video-item .video-item-inner .video-media .video-video:hover > span, 
.blog-video .slider-blog .video-item .video-item-inner .video-media .video-video:focus > span{
	background:#a7d618;
}
.blog-video .slider-blog .video-item:hover .video-item-inner .video-media:before{opacity:1;}
.blog-video .slider-blog .video-item:hover .video-item-inner .video-media .video-thumb{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}
.blog-video .slider-blog-nav{
	position:absolute;
	top:50%;
	left:-36px;
	width:150px;
	cursor:n-resize;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.blog-video .slider-blog-nav .slick-list{padding:0 !important;}
.blog-video .slider-blog-nav .slick-list .slick-slide{
	-wekbit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	margin-left:36px;
}
.blog-video .slider-blog-nav .slick-list .slick-slide .video-item{
	width:112px;
	height:112px;
	font-size:42px;
	text-align:center;
	line-height:100px;
	color:#ffffff;
	background:#404040;
	overflow:hidden;
	cursor:pointer;
	border:6px solid #ffffff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.blog-video .slider-blog-nav .slick-list .slick-slide .video-item .video-overlay{
	-wekbit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	width:100%;height:100%;
	background:#a7d618;
	opacity:0;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.blog-video .slider-blog-nav .slick-list .slick-slide .video-item .video-overlay > i{
	-wekbit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	display:inline-block;
	-webkit-transform:scale(0.8);
	-moz-transform:scale(0.8);
	-o-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
}
.blog-video .slider-blog-nav .slick-list .slick-slide .video-item:hover .video-overlay{opacity:0.8;}
.blog-video .slider-blog-nav .slick-list .slick-slide .video-item:hover .video-overlay > i{
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}
.blog-video .slider-blog-nav .slick-list .slick-slide.slick-center{margin-left:6px;}
.blog-video .slider-blog-nav .slick-list .slick-slide.slick-center .video-item{
	-webkit-box-shadow:0px 0px 0px 6px #ffffff;
	-moz-box-shadow:0px 0px 0px 6px #ffffff;
	box-shadow:0px 0px 0px 6px #ffffff;
}
.blog-video .slider-blog-nav .slick-list .slick-slide.slick-center .video-item .video-overlay{opacity:0.8;}
.blog-video .slider-blog-nav .slick-list .slick-slide.slick-center .video-item .video-overlay > i{
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}
@media (max-width: 991px) {
	.blog-video .slider-blog .video-item .video-item-inner .video-content{padding-left:60px;}
}
@media (max-width: 767px) {
	.blog-video .slider-blog .video-item{padding-right:0;}
	.blog-video .slider-blog .video-item .video-item-inner{
		padding:30px 30px 30px 65px;
	}
	.blog-video .slider-blog .video-item .video-item-inner .video-content{
		width:100%;
		min-height:auto;
		margin-bottom:30px;
		padding-left:0;
	}
	.blog-video .slider-blog .video-item .video-item-inner .video-media{
		position:relative;
		width:100%;
		min-height:240px;
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-o-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0);
	}
	.blog-video .slider-blog-nav .slick-list .slick-slide.slick-center{margin-left:36px;}
}

@media (max-width: 479px) {
	.blog-video .slider-blog .video-item{padding-left:0;}
	.blog-video .slider-blog .video-item .video-item-inner{padding:30px;}
	.blog-video .slider-blog-nav{display:none;}
}

/*----- Title section 4 -----*/
.main-title.title-section4 {margin-bottom: 20px;}
.main-title.title-section4:after {margin: 10px 0 0;}
.home-section-4 .introduce-descr {padding: 0; margin-bottom: 50px;}

/*----- Comment home -----*/
.comment-home {margin-bottom: 30px;}
.hrv-testimonial {
	padding: 0 0 18px 0;
	position: relative;
}
.hrv-testimonial .hrv-preload {
	overflow: hidden;
	height: 0px;
}
.hrv-testimonial.layout_1 .testimonial-content {
	max-width: 950px;
	z-index: 1;
}
.hrv-testimonial.layout_1 .testimonial-content .hrv-test-title {
	font-size: 1em;
	margin: 0;
	text-transform: uppercase;
}
.hrv-testimonial.layout_1 .testimonial-content .hrv-test-title span.sub-title {
	font-size: 1em;
	text-transform: capitalize;
	color: #737373;
	font-weight: normal;
}
.hrv-testimonial.layout_1 .testimonial-content .hrv-test-title span.separator {
	width: 4px;
	height: 1px;
	margin: 0px 4px 4px;
	display: inline-block;
	background: #333;
}
.hrv-testimonial.layout_1 .testimonial-content li .quote-content {
	font-style: normal;
	font-style: italic;
	line-height: 25px;
	padding-bottom: 16px;
}
.hrv-testimonial.layout_1 .testimonial-content li .quote-content p {
	margin-bottom: 0;
}

.hrv-testimonial.layout_1 .testimonial-content li .icon-quote {
	font-weight: bold;
}
.hrv-testimonial.layout_1 .hrv-owl-dots {
	display: block;
	margin-bottom: 4px;
}
.hrv-testimonial.layout_1 .hrv-owl-dots .owl-dot {
	display: inline-block;
	vertical-align: top;
	margin: 20px 4px 10px 4px;
	padding: 0;
	width: 45px;
	height: 45px;
	border-radius: 0;
	position: relative;
	overflow: hidden;
}
@media (min-width: 768px) {
	.hrv-testimonial.layout_1 .hrv-owl-dots .owl-dot {
		width:45px;
		height: 45px;
	}
}
@media (min-width: 992px) {
	.hrv-testimonial.layout_1 .hrv-owl-dots .owl-dot {
		width:45px;
		height: 45px;
	}
}
.hrv-testimonial.layout_1 .hrv-owl-dots .owl-dot:after {
	color: #fff;
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	margin-top: -11px;
	margin-left: -18px;
	font-weight: bold;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	background: url("http://hstatic.net/203/1000094203/1000162309/testi-icon-bg.png?v=792") no-repeat center center;
	width: 35px;
	height: 22px;
	-webkit-transition: all 0.4s ease-out 0s;
	-o-transition: all 0.4s ease-out 0s;
	transition: all 0.4s ease-out 0s;
}
@media (max-width: 767px) {
	.hrv-testimonial.layout_1 .hrv-owl-dots .owl-dot:after {
		background-size:70%;
	}
}
.hrv-testimonial.layout_1 .hrv-owl-dots .owl-dot:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #a7d618;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	border-radius: 0;
	-webkit-transition: all 0.4s ease-out 0s;
	-o-transition: all 0.4s ease-out 0s;
	transition: all 0.4s ease-out 0s;
}
.hrv-testimonial.layout_1 .hrv-owl-dots .owl-dot:hover {
	cursor: pointer;
}
.hrv-testimonial.layout_1 .hrv-owl-dots .owl-dot:hover:after,
.hrv-testimonial.layout_1 .hrv-owl-dots .owl-dot:focus:after,
.hrv-testimonial.layout_1 .hrv-owl-dots .owl-dot.active:after {
	opacity: 1;
	visibility: visible;
}
.hrv-testimonial.layout_1 .hrv-owl-dots .owl-dot:hover:before,
.hrv-testimonial.layout_1 .hrv-owl-dots .owl-dot:focus:before,
.hrv-testimonial.layout_1 .hrv-owl-dots .owl-dot.active:before {
	opacity: 1;
	visibility: visible;
}
.hrv-testimonial ul {
	margin: 30px 0 20px;
	padding: 0;
	list-style: none;
}
.hrv-testimonial:hover .navslider .prev,
.hrv-testimonial:hover .navslider .next {
	opacity: 1;
	visibility: visible;
}
.hrv-testimonial:hover .navslider .next {
	right: -15px;
}
.hrv-testimonial:hover .navslider .prev {
	left: -15px;
}
@media (max-width: 991px) {
	.hrv-testimonial:hover .navslider .next {
		right:5px;
	}
	.hrv-testimonial:hover .navslider .prev {
		left: 5px;
	}
}

/*----- Product (section 4) -----*/
.home-section-4 {margin-bottom: 70px;}
.home-section-4 .product-item {
	overflow: hidden;
	position: relative;
	margin-bottom: 30px
}

.home-section-4 .product-item .sale_banner {
	background-color: #a7d618;
	color: #fff;
}

.home-section-4 .product-item .product-price,
.home-section-4 .product-item .sale_banner {
	padding-left: 15px;
	padding-right: 15px;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	text-transform: uppercase
}

.home-section-4 .product-item .product-price {
	font-size: 13px;
	background-color: #fff
}

.home-section-4 .product-item .product-price .price,
.home-section-4 .product-item .product-price .price_sale {
	color: #f37021;
}

.home-section-4 .product-item .product-price .price_compare {
	color: #848484;
	padding-left: 10px
}

.home-section-4 .product-item .product-title {
	margin-bottom: 20px;
	padding-bottom: 15px;
	position: relative
}

.home-section-4 .product-item .product-title a {
	line-height: 23px;
	display: inline-block;
	*display: block;
	zoom:1;
	text-transform: uppercase;
	color: #222;
	font-size: 16px;
}

@media (max-width: 1020px) and (min-width: 480px) {
	.home-section-4 .product-item .product-price,
	.home-section-4 .product-item .sale_banner {
		font-size: 16px;
	}
}

@media (min-width: 1200px) {
	.home-section-4 .product-item .product-title a:hover {
		color:#a7d618;
	}
}

.home-section-4 .product-item .product-title:before {
	position: absolute;
	content: '';
	background-color: #222;
	bottom: 0;
	left: 50%;
	height: 1px;
	width: 50px;
	margin-left: -25px
}

.home-section-4 .product-item .quickview-detail {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	list-style: none
}

@media (max-width: 767px) {
	.home-section-4 .product-item .quickview-detail {
		display:none
	}
}

.home-section-4 .product-item .quickview-detail li {
	text-align: center;
	margin-bottom: 0;
	margin-left: 6px;
	cursor: pointer
}

.home-section-4 .product-item .quickview-detail li a,
.home-section-4 .product-item .quickview-detail li button {
	display: block;
	width: 49px;
	height: 49px;
	border-width: 1px;
	border-style: solid
}

.home-section-4 .product-item .quickview-detail li a .fa,
.home-section-4 .product-item .quickview-detail li button .fa {
	line-height: 47px
}

.home-section-4 .product-item .quickview-detail li button:focus {
	outline: none
}

.home-section-4 .product-item .quickview-detail li a {
	color: #8ca122;
	background-color: #fff;
	border-color: #8ca122;
}

@media (min-width: 1200px) {
	.home-section-4 .product-item .quickview-detail li:hover a {
		color:#fff;
		background-color: #8ca122;
		border-color: #8ca122;
	}

	.home-section-4 .product-item .quickview-detail li:hover .wish-list {
		border-color: #8ca122;
		background-color: #8ca122;
		color: #fff
	}
}

.home-section-4 .product-item .btn {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	height: 49px;
	width: 49px;
	border-radius: 0;
	color: #8ca122;
	background-color: #fff;
	border: 1px solid #8ca122;
}
@media (min-width: 1200px) {
	.home-section-4 .product-item .btn:hover {
		color: #fff;
		background-color: #8ca122;
		border: 1px solid #8ca122;
	}
}
.home-section-4 .product-item .btn .fa {
	line-height: 47px;
	margin-left: 0 !important;
}
.home-section-4 .product-item .row-right {
	position: absolute;
	bottom: 30px;
	right: 30px;
	padding: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: left;
	-moz-justify-content: left;
	-ms-justify-content: left;
	-webkit-justify-content: left
}

.home-section-4 .product-item .row-left {
	overflow: hidden;
	position: relative;
}

.home-section-4 .product-item .row-left .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0.8 !important;
	filter: alpha(opacity=80) !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$var2)" !important
}

@media (min-width: 1200px) {
	.home-section-4 .product-item .row-left .mask {
		-ms-transform:scale(0, 0) !important;
		-webkit-transform: scale(0, 0) !important;
		transform: scale(0, 0) !important;
		transition: all 800ms ease;
		-webkit-transition: all 800ms ease;
		-moz-transition: all 800ms ease;
		-o-transition: all 800ms ease
	}
}

@media (max-width: 1199px) {
	.home-section-4 .product-item .row-left .mask {
		-ms-transform:scale(1, 1) !important;
		-webkit-transform: scale(1, 1) !important;
		transform: scale(1, 1) !important;
		border-radius: 0;
		opacity: 0.3 !important;
		filter: alpha(opacity=30) !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$var2)" !important
	}
}

.home-section-4 .product-item .hover-mask {
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20px
}

@media (min-width: 1200px) {
	.home-section-4 .product-item .hover-mask {
		transition: all 500ms ease;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease
	}
}

@media (max-width: 1199px) {
	.home-section-4 .product-item .hover-mask {
		-ms-transform:scale(1, 1) !important;
		-webkit-transform: scale(1, 1) !important;
		transform: scale(1, 1) !important;
		top: 0
	}
}

.home-section-4 .product-item .hover-mask .group-mask .inner-mask {
	text-align: center
}

.home-section-4 .product-item .hover-mask .group-actionbutton {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-webkit-justify-content: center
}

@media (min-width: 1200px) {
	.home-section-4 .product-item .row-right {
		transition:all 500ms ease;
		-webkit-transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		-ms-transform: scale(1, 1) !important;
		-webkit-transform: scale(1, 1) !important;
		transform: scale(1, 1) !important
	}

	.home-section-4 .product-item:hover .row-right {
		-ms-transform: scale(0, 0) !important;
		-webkit-transform: scale(0, 0) !important;
		transform: scale(0, 0) !important
	}

	.home-section-4 .product-item:hover .row-left .mask {
		-ms-transform: scale(2, 2) !important;
		-webkit-transform: scale(2, 2) !important;
		transform: scale(2, 2) !important
	}

	.home-section-4 .product-item:hover .hover-mask {
		-ms-transform: scale(1, 1) !important;
		-webkit-transform: scale(1, 1) !important;
		transform: scale(1, 1) !important;
		top: 0
	}

	.home-section-4 .product-item:hover .mask {
		-ms-transform: scale(1, 1) !important;
		-webkit-transform: scale(1, 1) !important;
		transform: scale(1, 1) !important
	}
}

@media (max-width: 1199px) {
	.home-section-4 .product-item .row-right {
		top:30px;
		right: 30px
	}

	.home-section-4 .product-item .hover-mask {
		position: relative;
		padding-bottom: 40px
	}

	.home-section-4 .product-item .mask {
		display: none
	}
}

/*
.navi {
top: 16px;
right: 0;
}
.navi a {
display: inline-block;
cursor: pointer;
width: 30px;
height: 30px;
line-height: 25px;
color: #8ca122;
padding-top: 2px;
background: #fff;
border: 1px solid #8ca122;
position: relative;
text-align: center;
font-size: 14px;
margin: 0 3px 0 0;
border-radius: 0px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.navi a:hover {
color: #fff;
border: 1px solid #8ca122;
background: #8ca122;
}
*/

/*-------------------------------------------------------------
Home section 5 (Dich vu)
--------------------------------------------------------------*/
.home-package {margin-bottom: 70px;}
.home-package .package-item{
	position:relative;
	margin-bottom:30px;
}
.home-package .package-item .package-content{background:rgb(140, 161, 34, .25);}
.home-package .package-item .package-content .package-meta{
	font-size:11px;
	line-height:26px;
	letter-spacing:0.03em;
	text-transform:uppercase;
	text-align:center;
	color:#ffffff;
	background:#a7d618;
	width:205px;
	padding:15px;
}
.home-package .package-item .package-content .package-meta.meta-service1,
.home-package .package-item .package-content .package-meta.meta-service2, 
.home-package .package-item .package-content .package-meta.meta-service3, 
.home-package .package-item .package-content .package-meta.meta-service4 {
	background: #a7d618;
}

.home-package .package-item .package-content .package-meta .package-price{font-size:16px;}

.home-package .package-item .package-content .package-title{
	position:relative;
	margin-bottom:15px;
	padding-top:25px;
}
.home-package .package-item .package-content .package-title .entry-title-primary{
	-wekbit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	font-size:20px;
	line-height:28px;
	letter-spacing:0.01em;
	text-transform:uppercase;
	color:#303030;
}
.home-package .package-item .package-content .package-title .entry-title-primary:hover{color:#a7d618;}
.home-package .package-item .package-content .package-title .entry-subtitle{
	position:absolute;
	top:0;left:0;
	width:100%;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	letter-spacing:0.03em;
	color:#a7d618;
	font-style: italic;
}
.home-package .package-item .package-content .package-excerpt{
	font-size:14px;
	line-height:33px;
	letter-spacing:0.03em;
	color:#555555;
	margin-bottom:15px;
}
.home-package .package-item .package-content .package-excerpt ul{
	margin:0;
	padding:0;
}
.home-package .package-item .package-content .package-excerpt ul li{list-style:none;}
.home-package .package-item .package-content .package-excerpt ul li:before{
	content:"\f0da";
	font-family:FontAwesome;
	display:inline-block;
	margin-right:5px;
}
.home-package .package-item .package-content .package-readmore{
	font-size:12px;
	font-weight: bold;
	line-height:24px;
	letter-spacing:0.01em;
	text-transform:uppercase;
	color: #fff;
	background:#8ca122;
	display:inline-block;
	padding:8px 15px;
	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-wekbit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.home-package .package-item .package-content .package-readmore > i{margin-left:5px;}
.home-package .package-item .package-content .package-readmore:hover{
	color:#ffffff;
	background:#8ca122;
	padding:8px 30px;
	-wekbit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.home-package .package-item.package-right{
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
}
.home-package .package-item.package-right .package-thumb{
	position:relative;
	width:74%;
	min-height:452px;
	overflow:hidden;
}
.home-package .package-item.package-right .package-thumb:before{
	-wekbit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.2);
	opacity:0;z-index:1;
}
.home-package .package-item.package-right .package-thumb .package-img{
	-webkit-transition:all 0.7s;
	-moz-transition:all 0.7s;
	-o-transition:all 0.7s;
	transition:all 0.7s;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.home-package .package-item.package-right .package-content{
	position:absolute;
	right: 0;
	padding:60px 50px;
	z-index:9;
	top: 50%;
	transform: translate(0%, -50%);
}
.home-package .package-item.package-right .package-content .package-meta{
	position:absolute;
	top:30px;
	left:-205px;
}
.home-package .package-item.package-right:hover .package-thumb:before{opacity:1;}
.home-package .package-item.package-right:hover .package-thumb .package-img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}
.home-package .package-item.package-bottom{
	max-width:480px;
	margin-left:auto;
	margin-right:auto;
}
.home-package .package-item.package-bottom .package-thumb{
	position:relative;
	min-height:295px;
	overflow:hidden;
}
.home-package .package-item.package-bottom .package-thumb:before{
	-wekbit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.2);
	opacity:0;z-index:1;
}
.home-package .package-item.package-bottom .package-thumb .package-img{
	-webkit-transition:all 0.7s;
	-moz-transition:all 0.7s;
	-o-transition:all 0.7s;
	transition:all 0.7s;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.home-package .package-item.package-bottom .package-content{
	position:relative;
	margin-top:-135px;
	margin-left:30px;
	padding:45px 40px;
	z-index:9;
}
.home-package .package-item.package-bottom .package-content .package-meta{
	position:absolute;
	top:-58px;
	right:0;
}
.home-package .package-item.package-bottom:hover .package-thumb:before{opacity:1;}
.home-package .package-item.package-bottom:hover .package-thumb .package-img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}
.home-package .package-item.package-bottom-center{
	max-width:480px;
	margin-left:auto;
	margin-right:auto;
}
.home-package .package-item.package-bottom-center .package-thumb{
	position:relative;
	min-height:295px;
	overflow:hidden;
}
.home-package .package-item.package-bottom-center .package-thumb:before{
	-wekbit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.2);
	opacity:0;
	z-index:1;
}
.home-package .package-item.package-bottom-center .package-thumb .package-img{
	-webkit-transition:all 0.7s;
	-moz-transition:all 0.7s;
	-o-transition:all 0.7s;
	transition:all 0.7s;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.home-package .package-item.package-bottom-center .package-content{
	position:relative;
	text-align:center;
	background:#2e2e2e;
	margin:-135px 15px 0 15px;
	padding:65px 40px;
	z-index:9;
}
.home-package .package-item.package-bottom-center .package-content .package-meta{
	position:absolute;
	top:-58px;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}
.home-package .package-item.package-bottom-center .package-content .package-title{margin-bottom:30px;}
.home-package .package-item.package-bottom-center .package-content .package-title .entry-subtitle{
	color:#ffffff;
}
.home-package .package-item.package-bottom-center .package-content .package-title .entry-title-primary{
	color:#ffffff;
}
.home-package .package-item.package-bottom-center .package-content .package-title .entry-title-primary:hover{
	color:#f0653c;
}
.home-package .package-item.package-bottom-center .package-content .package-excerpt{color:#dadada;}
.home-package .package-item.package-bottom-center .package-content .package-excerpt .book-now{
	font-size:13px;
	line-height:26px;
	letter-spacing:0.01em;
	text-transform:uppercase;
	color:#ffffff;
	background:#8ca122;
	display:inline-block;
	min-width:220px;
	padding:15px 30px;
	-wekbit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.home-package .package-item.package-bottom-center .package-content .package-excerpt .book-now:hover,
.home-package .package-item.package-bottom-center .package-content .package-excerpt .book-now:focus{
	color:#8ca122;
	background:#ffffff;
}
.home-package .package-item.package-bottom-center:hover .package-thumb:before{opacity:1;}
.home-package .package-item.package-bottom-center:hover .package-thumb .package-img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}
.home-package .row:nth-child(2n) .col-md-8{float:right;}
@media (max-width: 639px) {
	.home-package .package-item.package-right .package-thumb{width:100%;min-height:295px;}
	.home-package .package-item.package-right .package-content{position:relative;padding:30px 20px;}
	.home-package .package-item.package-right .package-content .package-meta{left:0;top:-58px;}
	.home-package .package-item.package-bottom .package-content{margin:0;padding:30px 20px;}
	.home-package .package-item.package-bottom .package-content .package-meta{left:0;right:auto;top:-58px;}
	.home-package .package-item.package-bottom-center .package-content{margin:0;padding:30px 0;}
}






/*-------------------------------------------------------------
Home section 6 (Thư viện hình ảnh)
--------------------------------------------------------------*/
.home-gallery-box .list-gallery {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}
.home-gallery-box .item-gallery:first-child {
	grid-column: 1 / 3;
	grid-row: 1 / 2;
}
.home-gallery-box .item-gallery img {width: 100%;}
@media (min-width: 1024px) {
	.home-gallery-box .list-gallery {grid-template-columns: repeat(6, 1fr);}
	.home-gallery-box .item-gallery:first-child {
		grid-column: 1 / 3;
		grid-row: 1 / 3;
	}
}


/*--------------------------------------------------------------
SUBSCRIBE
--------------------------------------------------------------*/
.subscribe-form {
	padding: 40px 0;
	background: #a7d618;
	position: relative;
	-webkit-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
	overflow: hidden;
}
.subscribe-form .newsletter-form {
	background: #fff;
	border: 2px solid #fff;
	border-radius: 4px!important;
}
.subscribe-form .input-group .newsletter-input {
	background: #fff;
	border: none;
	padding: 0 20px;
	height: 42px;
	border-radius: 0!important;
	font-style: italic;
	font-size: 22px;
	box-shadow: none;
}
.subscribe-form .input-group .newsletter-input::placeholder {
	color: #222222;
}
.subscribe-form input[type="submit"] {
	-wekbit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	display: inline-block;
	padding: 12px 30px;
	outline: none;
	text-align: center;
	background-color: transparent;
	border: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	letter-spacing: 0.04em;
	background-color: #303030;
	color: #ffffff;
}
.subscribe-form .newsletter-btn {
	background: #8ca123;
	border-radius: 4px !important;
	position: absolute;
	top: 0;
	right: 0;
	height: 42px;
	z-index: 4;
	color: #fff;
	border: none;
	padding: 0 20px;
}
.success.feedback {color: #fff;}
.subscribe-form .input-group {margin-bottom:0!important;}
@media (max-width: 768px) { 
	.title-newsletter {
		text-align: center;
		margin-bottom: 40px;
	}
	.subscribe-form .input-group .newsletter-input {font-size: 16px;}
}


/*----------------------------------------------------------------
Home section 8 (bài viết)
----------------------------------------------------------------*/
.blog-background {
	background-attachment: fixed !important;
	padding-top: 60px !important;
	padding-bottom: 100px !important;
	
	background-color: #a7d618;
	
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	position: relative;
}

.content-blog {margin-bottom: 50px; position: relative;}
.home-blog-section .home-blog-bg {
	margin-top: -80px !important; 
	padding: 30px 30px 0px 30px !important;
	position: relative;
}
.home-blog-section .home-blog-bg:before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #a7d618;
	opacity: 0.2;
}

@media (max-width: 767px){
	.home-blog-section .home-blog-bg {
		padding: 15px 15px 50px !important;
	}
}
.home-blog-body article{margin-bottom:30px;}
.home-blog-body article .home-article-media{
	position:relative;
	padding-bottom: 300px;
	overflow:hidden;
}
.home-blog-body article .home-article-media:before{
	-wekbit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	content:"";
	position:absolute;
	top:0;left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.2);
	z-index:1;opacity:0;
}
.home-blog-body article .home-article-media .home-article-img{
	-webkit-transition:all 0.7s;
	-moz-transition:all 0.7s;
	-o-transition:all 0.7s;
	transition:all 0.7s;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.home-blog-body article .home-article-content{
	position:relative;
	text-align:center;
	background:#ffffff;
	padding: 10px 40px 30px;
}
.home-blog-body .home-article-content .home-article-public{
	position:absolute;
	top:-25px;
	left:50%;
	font-size:12px;
	line-height:28px;
	letter-spacing:0.03em;
	text-transform:uppercase;
	color:#ffffff;
	background:#a7d618;
	min-width:195px;
	padding:10px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	z-index:9;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	display: none;
}
.home-blog-body article .home-article-content .home-article-title{
	position:relative;
	margin:10px 0;
	text-overflow: ellipsis;
	overflow: hidden;
}
.home-blog-body article .home-article-content .home-article-title .entry-title{
	-wekbit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	font-size:16px;
	font-weight:300;
	line-height:24px;
	height: 72px;
	color:#1f2022;

	text-transform: uppercase;

	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* number of lines to show */
	line-clamp: 3; 
	-webkit-box-orient: vertical;
}
.home-blog-body article .home-article-content .home-article-title .entry-title:hover{
	color:#a7d618;
}
.home-blog-body article .home-article-content .home-article-meta{
	margin:0 0 10px;
	padding:0;
}
.home-blog-body article .home-article-content .home-article-meta > li{
	list-style:none;
	display:inline-block;
	font-size:14px;
	font-style:italic;
	line-height:24px;
	letter-spacing:0.03em;
	color:#707070;
	margin-right:15px;
}
.home-blog-body article .home-article-content .home-article-meta > li a{color:#f0653c;}
/*.home-blog-body article .home-article-content .home-article-meta > li i{color:#b0b0b0;}*/
.home-blog-body article .home-article-content .home-article-meta > li:last-child{margin-right:0;}
.home-blog-body article .home-article-content .home-article-excerpt{
	font-size:14px;
	line-height:26px;
	letter-spacing:0.03em;
	color:#707070;
	margin-bottom:10px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* number of lines to show */
	line-clamp: 3; 
	-webkit-box-orient: vertical;
}
.home-blog-body article .home-article-content .home-article-readmore{
	font-size:11px;
	font-weight: bold;
	line-height:24px;
	letter-spacing:0.01em;
	text-transform:uppercase;
	color:#8ca122;
	display:inline-block;
	padding:12px 30px;
	-wekbit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.home-blog-body article .home-article-content .home-article-readmore > i{margin-left:5px;}
.home-blog-body article .home-article-content .home-article-readmore:hover{
	color:#ffffff;
	background:#8ca122;
}
.home-blog-body article:hover .home-article-media:before{opacity:1;}
.home-blog-body article:hover .home-article-media .home-article-img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
}


/*----------------------------------------------------------------
Home section 8 (Thương hiệu)
----------------------------------------------------------------*/
.brand-image{position:relative;}
.brand-image .owl-carousel .owl-item{
	float:none;
	display:inline-block;
	vertical-align:middle;
	line-height:0;
}
.brand-image .owl-carousel .owl-item img{
	-wekbit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	width:auto;
	max-width:100%;
	margin:auto;
}
.brand-image .owl-carousel .owl-item img:hover{
	-webkit-transform:scale(0.95);
	-moz-transform:scale(0.95);
	-o-transform:scale(0.95);
	-ms-transform:scale(0.95);
	transform:scale(0.95);
}
.brand-image .owl-controls .owl-nav .owl-prev, 
.brand-image .owl-controls .owl-nav .owl-next,
#product-related .owl-controls .owl-nav .owl-next,
#product-related .owl-controls .owl-nav .owl-prev{
	-wekbit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	display:inline-block;
	width:40px;
	height:40px;
	font-size:16px;
	line-height:35px;
	text-align:center;
	color:#ffffff;
	background:#8ca122;
	border: 2px solid #8ca122;
}
.brand-image .owl-controls .owl-nav .owl-prev:hover,
.brand-image .owl-controls .owl-nav .owl-next:hover,
#product-related .owl-controls .owl-nav .owl-next:hover,
#product-related .owl-controls .owl-nav .owl-prev:hover{
	background:#fff;
	border: 2px solid #8ca122;
	color: #8ca122;
}
.brand-image .owl-controls .owl-nav .owl-next{
	background:#fff;
	color: #8ca122;
	border: 2px solid #8ca122;
}
.brand-image .owl-controls .owl-nav .owl-next:hover{
	background:#8ca122;
	border: 2px solid #8ca122;
	color: #fff;
}
.brand-image .owl-controls .owl-nav .owl-prev, 
.brand-image .owl-controls .owl-nav .owl-next,
#product-related .owl-controls .owl-nav .owl-next,
#product-related .owl-controls .owl-nav .owl-prev{
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.brand-image .owl-controls .owl-nav .owl-prev{
	position:absolute;
	top:50%;
	left:0;
}
.brand-image .owl-controls .owl-nav .owl-next{
	position:absolute;
	top:50%;
	right:0;
}
.brand-image .owl-controls .owl-nav .owl-prev{
	left:-50px;
	opacity:0;
}
.brand-image .owl-controls .owl-nav .owl-next{
	right:-50px;
	opacity:0;
}
.brand-image .owl-dots{
	position:absolute;
	bottom:-30px;
	left:50%;
	line-height:0;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
}
.brand-image .owl-dots .owl-dot{
	-wekbit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
	display:inline-block;
	width:12px;
	height:12px;
	background:#cfcfcf;
	border-radius:12px;
}
.brand-image .owl-dots .owl-dot.active, 
.brand-image .owl-dots .owl-dot:hover{background:#f0653c;}
.brand-image .owl-dots .owl-dot{
	display:inline-block;
	margin:0 8px;
}
.brand-image:hover .owl-controls .owl-nav .owl-prev{
	left:-35px;
	opacity:1;
}
.brand-image:hover .owl-controls .owl-nav .owl-next{
	right:-35px;
	opacity:1;
}


/**404 ***/
.error #outline {
	margin-bottom: 5%;
	text-align: center;
}
.error .error-code {
	color:#a7d618;
	font-size: 200px;
	font-weight: 700;
	line-height: normal;
}
.error .error-message h2 {
	color:#1f2022;
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 50px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.error #errorboxbody p {
	color: #737373;
	display: block;
	margin: 0 0 30px;
}
.error .button-home {
	background: #8ca122;
	border: 1px solid #161616;
	color: #ffffff;
	display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 70px;
	letter-spacing: 1px;
}
.error .button-home:hover,
.error .button-home:focus,
.error .button-home:active {
	background: #8ca122;
	border-color:#8ca122;
}
@media (max-width:  360px) {
	.error #outline {
		margin-top: 20%;
	}
	.error .error-code {
		font-size: 150px;
	}
	.error .error-message h2 {
		font-size: 24px;
	}
}


.section-4-right .owl-prev, .section-4-right .owl-next {
	display: block!important;
	float: right;
	position: absolute;
	padding: 15px;
	width: 40px;
	top: 43%;
	cursor: pointer;
	border: none;
	font-size: 0px;
	transition: all 300ms ease 0s;
	-webkit-transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
	-ms-transition: all 300ms ease 0s;
	-o-transition: all 300ms ease 0s;
}
.section-4-right .owl-prev {
	/*background: url("//cdn.hstatic.net/themes/200000778297/1001389873/14/btn-arrow-left.png?v=537") 7px  no-repeat transparent;*/
	left: 0px;
}
.section-4-right .owl-next {
	/*background: url("//cdn.hstatic.net/themes/200000778297/1001389873/14/btn-arrow-right.png?v=537") 15px no-repeat transparent;*/
	right: 0px;
}


/* New About Index */

.parallax-section {
	position: relative;
	padding: 50px 0px 100px;
	color: #1c1c1c;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.parallax-section::before {
	background-color: rgba(255, 255, 255, 0.65);
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}
.sec-padding {
	padding: 20px 20px 200px;
}
.about-section {
	position: relative;
	padding: 0px 0px 90px;
	background-color: rgb(140, 161, 34, 0.1) !important;
}
.bg-color-white {
	background-color: #ffffff !important;	
	margin-top: -180px;
}
.about-inner {
	padding-bottom: 60px;
	padding-left: 60px;
}
@media (max-width: 768px) {
	.about-inner {
		padding-left: 15px;
		padding-right: 15px;
	}
}
.about-inner .title {
	text-transform: uppercase;
	color: #1c1c1c;
	position: relative;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 1px;
	margin: 30px 0 0px;
	background: none;
	line-height: 1.4em;
}
.color-theme {
	color: #a7d618 !important;
}
.title-bottom {
	position: relative;
}
.about-inner h3.title::after {
	display: block;
	content: '';
	width: 50px;
	height: 2px;
	background: #a7d618;
	margin: 15px 0;
}
.about-box {
	display: inline-block;
	margin: 15px 0;
}
.about-box .icon.icon-bg {
	display: inline-block;
	font-size: 36px;
	margin: 5px 20px 0 0;
	width: 80px;
	height: 80px;
	line-height: 75px;
	background: #a7d618;
	color: #fff;
	border-radius: 50%;
	float: left;
}
.about-box .icon.icon-bg img {
	width: 40px;
	height: 40px;
}
.details h4 {	margin-top: 0; font-size: 25px;}
.details h4 a {
	//text-transform: uppercase;
	color: #1c1c1c;
	position: relative;
	font-weight: 500;
	letter-spacing: 1px;
	margin: 30px 0 0px;
	background: none;
	line-height: 1.4em;
}
.about-inner .bt-button-wrap {margin-top: 30px;}

/* SERVICES ALL*/
.sec-title {margin-bottom: 30px;}
.list-services-col{
	margin-top: -100px;
	margin-bottom: 60px;
}
.pricing-table {
	background-color: rgb(140, 161, 34, .1);
	border-radius: 2px 2px 0 0;
	border-top: 3px solid #a7d618;
	position: relative;
	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;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.pricing-table:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity;
}
.pricing-table:hover:before, .pricing-table:focus:before, .pricing-table:active:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}
.pricing-table:hover, .pricing-table:focus, .pricing-table:active {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.pricing-table .pricing-header {
	position: relative;
	text-align: center;
	overflow: hidden;
}
.pricing-table .pricing-header .package-price {
	background-color: #a7d618;
	border: 10px solid rgba(255, 255, 255, 0.25);
	border-radius: 50%;
	bottom: -50px;
	color: #fff;
	display: inline-block;
	font-size: 30px;
	font-weight: 600;
	height: 118px;
	left: 0;
	line-height: 65px;
	margin: auto;
	position: absolute;
	right: 0;
	width: 118px;display:none;
}
.pricing-table .pricing-title {
	background-color: #a7d618;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding: 12px 0;
	text-align: center;
	text-transform: uppercase;
}
.pricing-table .pricing-feature {
	padding: 0 20px;
}

.pricing-table .pricing-feature li {
	border-top: 1px solid #f1f1f1;
	padding: 10px 0;
	text-transform: uppercase;
}
.pricing-table .pricing-feature li:first-child {
	padding-top: 25px;
}
.pricing-table .pricing-feature li:last-child {
	padding-bottom: 25px;
}
.pricing-table .pricing-feature li i {
	color: #a7d618;
	font-size: 16px;
	margin-right: 15px;
}

.pricing-table .pricing-btn .btn-thm {
	color: #fff;
	font-size: 16px;
	padding: 5px 9px 5px 25px;
	display: inline-block;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 1px;
	line-height: 40px;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.pricing-table .pricing-btn .btn-thm {
	background-color: #8ca122;
	border-radius: 0;
	padding: 7px 0;
	width: 100%;
}
.pricing-btn .btn-thm:hover, .pricing-btn .btn-thm:focus, .pricing-btn .btn-thm:active {
	background: #8ca122;
	color: #fff;
}

/*Nhận xét*/
.testimonials {background: #f9f9f9; padding: 50px 0;}
.testimonials .p-text, .parallax-section .p-text {font-size: 16px;}
.client-testimonial {
	background: #fff;
	border: 1px dotted #ddd;
	border-bottom: 3px solid #a7d618;
	border-radius: 15px;
	padding: 20px 15px;
	margin-bottom: 30px;
}
.client-testimonial .thumb-img {
	margin-bottom: 15px;
}
.testimonials-carousel .thumb-img img {
	margin: auto;
	width: auto !important;
}
.client-testimonial .content {
	margin-bottom: 10px;
}
.client-testimonial .content .text {
	font-size: 14px;
	position: relative;
}
.client-testimonial .content .text::after {
	bottom: -74%;
	color: #777777;
	content: "\f10e";
	font-family: "FontAwesome";
	font-size: 90px;
	left: 0;
	opacity: 0.1;
	position: absolute;
	right: 0;
}
.client-testimonial .content .author {
	margin-top: 18px;
}
.client-testimonial .content .occupation {
	color: #a7d618;
	font-family: "Open Sans",sans-serif;
	font-style: italic;
}
.testimonials-carousel .thumb-img img {
	margin: auto;
	width: auto !important;
}
.testimonials-carousel .owl-dots {
	margin-top: 15px;
	text-align: center;
}
.testimonials-carousel .owl-dots .owl-dot {display: inline-block;}
.testimonials-carousel .owl-dots .owl-dot span {
	background: #d6d6d6;
	border-radius: 50%;
	height: 10px;
	margin: 5px 5px;
	width: 10px;
	display: block;
}
.testimonials-carousel .owl-dots .owl-dot:hover span,
.testimonials-carousel .owl-dots .owl-dot.active span {
	background: #a7d618;
}

.zalo-chat-widget {
	bottom: 150px !important;
	right: 26px !important;
}

.wrapp-social {
	margin: 10px 0;
}
.wrapp-social .d-f-social {
	margin: 5px 0 0;
	display: flex;
	justify-content: space-between;
}
.wrapp-social .d-f-social button {
	flex: 0 0 49%;
	font-size: 12px;
	padding: 10px 5px;
	font-weight: bold;
	color: #fff;
	border: 0;
	cursor: pointer;
}
.wrapp-social .d-f-social button#btn-google-login {
	background: #ea4336;
}
.wrapp-social .d-f-social button#btn-facebook-login {
	background: #024ca0;
}
.wrapp-social .orr {
	font-size: 13px;
	font-weight: bold;
	color: #000;
}
.home-package .package-item.package-right .package-content .package-meta,
.home-package .package-item.package-bottom .package-content .package-meta{
	display: none;
}
@media (min-width:991px){
	.pricing-table .pricing-feature {min-height: 200px;}
}
.social-wrap {display: flex;}

/*-------------------------------------------*/
/* MENU CATEGORY  */
/*-------------------------------------------*/
.tree-menu {	padding: 0;	margin: 0;max-height: none!important;display: block!important;}
.tree-menu li.tree-menu-lv1 a {
	padding: 7px 5px 7px 0;
	color: #000;
	font-weight: 500;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 1px;
	display: block;
	position: relative;
}
.tree-menu li.tree-menu-lv1 a > span:first-child {position: relative;}
.tree-menu li.tree-menu-lv1 a > span:first-child span.count {
	color: #f49e27;
	display: inline-block;
	font-size: 12px;
	margin-left: 3px;
	transform: translateY(-15%);
}
.tree-menu li.tree-menu-lv1 a .icon-control {
	font-size: 14px;
	position: absolute;
	top: 7px;
	right: 0;
	width: 25px; height: 25px;
	text-align: center;
}
.tree-menu li.tree-menu-lv1.has-child ul.tree-menu-sub {display: none;	padding: 0 0 0 24px;}
.tree-menu li.tree-menu-lv1.has-child ul.tree-menu-sub.show {	display: block;}
.tree-menu li.tree-menu-lv1.has-child ul.tree-menu-sub li.tree-menu-lv2 ul.tree-menu-sub-lv3 {	padding: 0 0 0 24px;	display: none;}
.tree-menu li.tree-menu-lv1.has-child ul.tree-menu-sub li.tree-menu-lv2 ul.tree-menu-sub-lv3.show {	display: block;}
.tree-menu li.tree-menu-lv1.has-child > ul {display: none;padding-left: 15px;}
.tree-menu li.tree-menu-lv1.has-child > ul > li {position: relative;}
.tree-menu li.tree-menu-lv1.has-child > ul > li > span.line {
	position: relative;
	background-color: #d7ddc6;
	height: 1px;
	margin-right: 10px;
	position: absolute;
	right: 100%;
	top: 50%;
	width: 10px;
}
.tree-menu li.tree-menu-lv1 > a {
	color: #000;
	font-weight: 500;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 1px;
	display: flex; 
}
.tree-menu li:not(:first-child) {border-top: 1px solid #f1f1f1;}

/*-------------------------------------------*/
/* . SIBAR COUPON */
/*-------------------------------------------*/
.sidebar-coupon {
	--width: 412px;
	position: fixed;
	width: 100vw;
	height: 100%;
	top: 0;
	right: 0;
	transform: translateX(var(--width));
	z-index: -1;
	background: #fff;
	margin: 0 !important;
	transition: all 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
	visibility: hidden;
	opacity: 0;
	max-width: var(--width);
}
.sidebar-coupon.active {
	z-index: 9999;
	transform: translateX(0);
	visibility: visible;
	opacity: 1;
	border-left: 1px solid #eee;
}
.sidebar-coupon.active + .sidebar-coupon-overlay {
	position: fixed;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.4);
	top: 0;
	left: 0;
	z-index: 1001;
}
.sidebar-coupon .sidebar-coupon-header {
	height: 40px;
	display: grid;
	grid-template-columns: 0 1fr;
	text-align: center;
	align-items: center;
	box-shadow: 0px 0px 0px rgba(63, 63, 68, 0.05), 0px 1px 3px rgba(63, 63, 68, 0.15);
	font-weight: 500;
}
.sidebar-coupon .sidebar-coupon-header .coupon-toggle-btn {
	padding: 8px 12px;
	font-size: 20px;
	display: flex;
	color: #574141;
	align-items: center;
	z-index: 3;
}
.sidebar-coupon .sidebar-coupon-header h2 {text-transform: uppercase;font-size: 20px;margin:0;}
.sidebar-coupon .sidebar-coupon-body {margin-top: 20px;max-height: 100%;overflow: auto;}
.sidebar-coupon .coupon_list {display: flex; flex-direction: column; gap: 12px;}
.sidebar-coupon .coupon_item {position: relative;background: var(--coupon-bg-color);filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .15));display: flex;}
.sidebar-coupon .coupon_item .coupon_icon {width: 100px;flex: 0 0 100px;padding: 4px;background-color: var(--coupon-code-background);display: flex; align-items: center; justify-content: center;}
.sidebar-coupon .coupon_item .coupon_icon svg {width: 45px; height: 45px;}
.sidebar-coupon .coupon_item.no-icon:before {color: #fff;}
.sidebar-coupon .coupon_item:after {bottom: -4px;top: auto;}
.sidebar-coupon .coupon_item .coupon_body {display: flex;flex-direction: column;justify-content: space-between;padding: 12px 15px;flex:1;}
.sidebar-coupon .coupon_item .coupon_body .coupon_title {font-size: 16px;color: var(--coupon-title-color);font-weight: bold;margin:0 0 6px;}
.sidebar-coupon .coupon_item .coupon_body .coupon_desc 	{font-size: 14px;line-height: 1.2;color: #727272;padding-bottom: 10px;}
.sidebar-coupon .coupon_item .coupon_foot {display: flex; align-items: center; gap: 16px;margin-bottom: 3px;}
.sidebar-coupon .coupon_item .coupon_copy {border: none;padding: 2px 8px 3px 8px;border-radius: 2px;outline:none;}
.sidebar-coupon .coupon_item .coupon_body button span {display: block;line-height: 24px;height: 24px;font-size: 14px;}
.sidebar-coupon .coupon_item.no-icon .coupon_body {width: 100%;}
.sidebar-coupon .coupon_info {display: none;}
.sidebar-coupon .coupon_info_toggle {font-size: 14px;cursor: pointer; text-decoration: underline;}
.sidebar-coupon .coupon_copy  {background:var(--coupon-button-color);color: #fff;}
.sidebar-coupon .coupon_copy:hover {color: #fff;background: var(--coupon-button-color);filter: brightness(1.08) !important;}


#coupon-modal.show ~ .modal-backdrop {z-index: 9999;}
.coupon-modal {z-index: 99999}
.coupon-modal .window-close {z-index: 9;position: absolute;right: 8px;top: -1px;}
.coupon-modal .coupon-action{
	--primary-color: var(--coupon-button-color);
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 15px;
	margin-top: 20px;
	padding-top: 20px;
	border-top:1px solid #F0F1F2
}
.coupon-modal .coupon-title {
	color: var(--coupon-title-color);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	letter-spacing: 0px;
	padding: 0px;
	font-size: 24px;
	line-height: 32px;
	max-height: 32px;
	font-weight: 500;
	margin: 0px 16px 16px;
	text-align: center;
}
.coupon-modal .coupon_desc{display: none;}
.coupon-modal .coupon_info{display: block} 
.coupon-modal .coupon_copy{background:var(--coupon-button-color);color: #fff;} 
.coupon-modal .modal-content{padding: 15px 20px;}
.coupon-modal .coupon-row {
	display: grid;
	grid-template-columns: 33% 1fr;
	grid-gap: 5px;
	padding: 10px 20px;
	margin-left: -20px;
	margin-right: -20px;
}
.coupon-modal .coupon-row:nth-child(2n) {background-color: #f3f3f3;}
.coupon-modal .coupon-row .coupon-info{grid-column: 1/-1;grid-row: 2;}
.coupon-modal .coupon-label {color: #4c4c4c}

@media (max-width: 1024px) {
	.sidebar-coupon .coupon_item {	min-height: calc(100% - 18px);}
}
@media (max-width: 767px){
	.sidebar-coupon {--width: 100%;}
	.sidebar-coupon .coupon_item .coupon_body{padding: 10px}
	.coupon-modal .modal-dialog {
		position: absolute;
		bottom: 0;
		margin: 0;
		width: 100%;
		top:auto!important;
		transform: none!important;
	}
	.coupon-modal .modal-content{
		border-radius: 5px 5px 0 0;
	}
}
@media (max-width: 320px) {
	.sidebar-coupon .coupon_item .coupon_copy {margin-bottom: 7px;}
}
@media (min-width: 413px) {
	.sidebar-coupon .sidebar-coupon-body {padding: 0 20px;}
}


/* NOTIFICATION PRODUCT */
.jGrowl.top-right {right: 0;top: 16%; }
.jGrowl .jGrowl-notification {
	position: relative;
	background: #ffffff;
	border: 0;
	opacity: 1;
	width: 270px;
	-webkit-box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.3);
	box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.3); 
}
.jGrowl .jGrowl-notification:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(23, 23, 24, 0.04); 
}
.jGrowl-message .jGowl-text {
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: 600;
	color: var(--shop-color-main); 
}
.jGrowl-message img {border: 1px solid #ececec; }
.jGrowl-message .jGrowl-note .jGrowl-title {font-size: 13px;color: var(--shop-color-text); }
.jGrowl-message .jGrowl-note ins {display: block;color: var(--shop-color-main); }
.jGrowl-message .col-md-8 {padding-left: 0; }
.jGrowl-notification .jGrowl-close {
	font-size: 0;
	color: #ffffff;
	background-color: var(--shop-color-main);
	position: absolute;
	right: 6px;
	z-index: 99;
	border: none;
	float: right;
	font-weight: 700;
	cursor: pointer;
	display: block;
	width: 15px;
	height: 15px;
	line-height: 14px;
	border-radius: 50%;
}
.jGrowl-notification .jGrowl-close:focus {outline: none; }
.jGrowl-notification .jGrowl-close:before {
	content: "";
	position: absolute;
	width: 7px;
	height: 7px;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	background-image: url("data:image/svg+xml, %0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M638.6, 500l322.7-322.7c38.3-38.3, 38.3-100.3, 0-138.6C923, 0.4, 861, 0.4, 822.7, 38.7L500, 361.4L177.3, 38.7C139, 0.4, 77, 0.4, 38.7, 38.7C0.4, 77, 0.4, 139, 38.7, 177.3L361.4, 500L38.7, 822.7C0.4, 861, 0.4, 923, 38.7, 961.3C57.9, 980.4, 82.9, 990, 108, 990s50.1-9.6, 69.3-28.7L500, 638.6l322.7, 322.7c19.1, 19.1, 44.2, 28.7, 69.3, 28.7c25.1, 0, 50.1-9.6, 69.3-28.7c38.3-38.3, 38.3-100.3, 0-138.6L638.6, 500z'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center; 
}
.jGrowl .jGrowl-closer.ui-corner-all {display: none !important; }

@media (max-width: 991px) {
	div#jGrowl {display: none; } 
}
.product-item .product-content .btn-buynow.disabled {
	background: #5c5c5c;
	border: 1px solid #5c5c5c;
}
#article h1 {
	color: #1f2022;
	font-size: 28px;
	margin-top: 0px;
	font-weight: bold;
}
.onireviewapp-loop {
	margin-bottom: 10px;
}

.productDetail--content .onireviewapp-loop {
	margin-bottom: 0;
}
.like-new {
	position: absolute;
	left: calc(100% - 4px);
	bottom: 0;
	font-size: 11px;
	font-weight: 600;
}

.info-description-article ul{
	list-style: initial;
	padding-left: 40px;
}
.info-description-article ul li{
	list-style: initial;
}

.formwidget form {
	display: flex;
	flex-direction: column;
}

.formwidget input, .formwidget textarea {
	padding: 5px;
	color: #000;
	outline: none;
	border-radius: 3px;
	border: 1px solid #eee;
	margin-bottom: 10px;
}

.formwidget  button {
	background: #8ca122;
	color: #fff;
	padding: 7px 20px;
	border: none;
	border-radius: 0px;
}

@media (max-width: 991px){
	#home-collection-1, 
	#home-collection-2,
	#home-collection-3,
	#home-collection-4,
	#home-collection-5,
	#home-collection-6,
	#home-collection-7{
		display: flex !important;
		flex-wrap: wrap;
		padding: 0 2.5px;
		.proloop {
			width: 50%;            padding: 7.5px;
		}
	}
}
#collection-description * {
	font-weight: initial;
}
#collection-description strong *{
	font-weight: bold !important;
}
#note {margin-top: 20px;width: 100%;padding: 10px 15px;}
@media (min-width:1000px){
.breadcrumb-title .title-page {
	padding: 130px 0 130px;
}
	.breadcrumb-title .title-page h2{margin-top:0;}
}