@charset "UTF-8";
/*--------------------------------------------------------------------------/
* @Author         Hieu Nguyen  http://adsvietnam.vn
* @Social         https://www.facebook.com/profile.php?id=1827794717
* @Copyright      Copyright (C) 2013 - 2020 Adsvietnam.vn. All rights reserved.
* @CreateDate  01-04-2023
/---------------------------------------------------------------------------*/

:root {
	--color1: #F9C301;
	--color2: #016AAD;
	--color3: #3B87A5;
	--color4: #FF4500;
	--color5: #66BE5D;
	--footer: #134D72;
	--container: 1180;
	--color1_2024: #1F3F7A;

}
.custom-gutter, .gutter-custom {
	--bs-gutter-y: 20px;
	--bs-gutter-x: 20px;
}
body {
	cursor: auto;
	font-family: "Roboto", sans-serif;
	background: #EFF2F4;
	font-size: 16px;
	line-height: 1.5;
	color: #434446;
	position: relative;
	-moz-osx-font-smoothing: auto;
	-webkit-font-smoothing: auto;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
h1, h2, h3, h3, h4, h5, h6 {
	font-size: 14px;
	font-weight: normal;
	line-height: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
	line-height: 1.5
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	line-height: inherit
}
/*******************************
	RESET CSS
*******************************/
#Zone {
	overflow: hidden
}
#Wraper-Order {
	margin-top: 10px
}
.sticky-wrapper {
	width: 100%
}
.wraper-order-inner {
	background: transparent;
	position: relative;
}
img {
	max-width: 100%;
	color: transparent;
	font-size: 0
}
img[data-src] {
	-webkit-transition: opacity 500ms ease-in-out;
	-o-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out;
}
a, a:hover, a:focus {
	color: #333;
	-o-transition: all 300ms ease 100ms;
	transition: all 300ms ease 100ms;
	-moz-transition: all 300ms ease 100ms;
	-webkit-transition: all 300ms ease 100ms;
	text-decoration: none !important
}
.container {
	max-width: 1204px
}

p {
	line-height: 1.6
}
table {
	width: 100% !important
}
a:hover {
	text-decoration: none
}
.form-check-input {
	border-color: var(--color1_2024);
	border-radius: 2px !important;
}
.entry-meta {
	color: #768696;
	font-size: 12px
}
.box-border {
	border: 1px solid #ddd;
	background: #fff;
	border-top: 3px solid #ddd;
	-webkit-box-shadow: 0 0 5px rgba(100, 100, 100, 0.1);
	box-shadow: 0 0 5px rgba(100, 100, 100, 0.1);
	position: relative
}
.border-bottom {
	border-bottom: 1px solid #ddd
}
.font-weight-medium {
	font-weight: 500
}
.affix {
	top: 20px;
	position: fixed
}
.pos-abs-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}
.transition {
	-webkit-transition: all 0.45s ease;
	-o-transition: all 0.45s ease;
	transition: all 0.45s ease
}
#topcontrol {
	z-index: 99
}
a, a:active, a:focus, input, input:active, input:focus, button, button:active, button:focus, select, select:active, select:focus, .bootstrap-select .btn, .bootstrap-select .btn:active, .bootstrap-select .btn:focus {
	outline: 0 !important
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}
.center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.Home-Fix-Content {
	position: absolute;
	top: -6789px
}
.readmore {
	border-radius: 1px;
	font-size: 13px;
	font-weight: 500;
	padding: 4px 0 4px 10px;
	text-transform: uppercase;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	margin: 0
}
a:hover .readmore, .readmore.active {
	background-color: var(--color1);
	color: #fff;
	padding-right: 10px
}
.hidden {
	display: none
}
.BreadcrumbsBlock {
	display: inline-block;
	float: right
}
.Breadcrumbs {
	position: relative;
	padding: 0
}
.Breadcrumbs a {
	color: #434446;
	font-size: 15px;
	line-height: 27px;
}
.Breadcrumbs h1, .Breadcrumbs h2, .Breadcrumbs h3 {
	display: inline
}
.Breadcrumbs strong {
	color: #000;
	font-size: 19px;
	margin: 0 10px
}
.Breadcrumbs *:hover {
	color: #ff8a00
}
.Paging {
	margin: 0 auto;
	clear: both;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 6px;
	font-size: 14px;
	color: var(--color2)
}
.Paging .label {
	color: #444;
	font-size: 14px;
	font-weight: 400;
}
.Paging span a {
	display: inline-block;
	padding: 5px 10px;
}

.Paging .page {
	background: #fff;
	border: 0 solid var(--color2);
	display: inline-block;
	font-family: inherit;
	border-radius: 5px;
	-webkit-transition: all 300ms ease 100ms;
	-o-transition: all 300ms ease 100ms;
	transition: all 300ms ease 100ms;
	line-height: 16px;

}
.Paging .page.current, .Paging .page:hover {
	background: var(--color2);
}
.Paging .page.current a, .Paging .page:hover a {
	color: #fff
}
.AsideTitle {
	margin-bottom: 5px;
	display: block;
	padding: 7px 0;
	text-transform: uppercase;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}
.AsideTitle h1, .AsideTitle h2, .AsideTitle h3, .AsideTitle h4, .AsideTitle h5 {
	display: inline
}
.AsideTitle, .AsideTitle * {
	font-size: 18px;
	font-weight: 700
}
.AsideTitle, .AsideTitle a {
	color: var(--color2);
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
}
.AsideTitle a, .AsideTitle a:hover {
	color: #fff
}
.AsideTitle3 {
	text-align: center;
	background: var(--color2);
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 10px;
	border-bottom: 4px solid var(--color1)
}
.AsideTitle3, .AsideTitle3 .name {
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	position: relative;
	text-transform: uppercase;
	text-shadow: 0px 2px 3px #00000029;
}
.AsideTitle4 {
	text-align: center;
	margin-bottom: 30px;
	background: var(--color1);
	text-align: center
}
.AsideTitle4, .AsideTitle4 .name {
	color: #fff;
	display: inline-block;
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	margin-bottom: 20px;
	padding: 0 10px;
	position: relative;
	text-transform: uppercase;
	text-shadow: 0px 2px 3px #00000029;
}
.AsideTitle4 .name:before {
	content: "";
	position: absolute;
	top: calc(100%);
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 8px;
	width: 85%
}
.AsideTitle4 .name:before {
	background: rgb(255, 255, 255);
	background: -o-radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(2, 150, 214, 1) 100%);
	background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(2, 150, 214, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#0296d6", GradientType=1);
}
.AsideTitle5 {
	text-align: center;
	background: transparent;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 30px;
	height: 40px;
	border-bottom: 1px solid var(--color1);
	margin-bottom: 20px;
	position: relative
}
.AsideTitle5:before {
	color: var(--color1);
	content: '\F584';
	font-family: 'bootstrap-icons';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px
}
.AsideTitle5, .AsideTitle5 .name {
	color: var(--color2);
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	position: relative;
	text-transform: uppercase;
}
.AsideTitle6 {
	text-align: center;
	margin-bottom: 20px;
	position: relative;
	padding-left: 20px;
	display: block;
	text-align: left
}
.AsideTitle6, .AsideTitle6 .name {
	color: var(--color2);
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	position: relative;

}
.AsideTitle6:before {
	color: var(--color3);
	font-family: 'bootstrap-icons';
	content: "\F231";
	position: absolute;
	text-align: left;
	left: 0;
	top: 0;
	font-size: 15px;
	height: 15px;
	width: 15px
}
.name-column {
	border-bottom: 1px solid #e4e7ea;
	border-top: 3px solid #e4e7ea;
	font-size: 14px;
	margin: 10px 0 20px;
	padding: 8px 0;
	display: block
}
.name-column:after {
	content: "/";
	font-weight: 600;
	margin: 0 0 0 7px;
	color: var(--color1)
}
.name-column span {
	color: var(--color1);
	font-weight: 700;
	text-transform: uppercase;
	font-family: inherit
}

.Menu-Left.visible {
	margin: 5px 0 20px
}
.Menu-Left li {
	position: relative
}
.Menu-Left>li>a {
	padding-left: 15px
}
.Menu-Left>li>a:before {
	color: #999;
	position: absolute;
	top: 2px;
	left: 0;
	width: 14px;
	height: 14px;
	content: "\F285";
	font-family: 'bootstrap-icons';
	font-size: 10px;
	line-height: 13px;
	text-align: center;
}
.Menu-Left li a {
	color: #434446;
	display: block;
	font-size: 13.5px;
	line-height: 17px;
	position: relative;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
.Menu-Left li a span {
	color: #a1a1a1
}
.Menu-Left li.clearfix a {
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden
}
.Menu-Left li a img {
	max-width: 50px;
	float: left;
	margin-right: 10px;
	margin-left: -5px
}
.Menu-Left li a span {}
.Menu-Left li i {
	display: inline-block;
	min-width: 15px;
	width: 40px;
	font-style: normal
}
.Menu-Left li.active a, .Menu-Left li:hover a, .Menu-Left li:hover i {
	color: var(--color2);
}

/********************** FOOTER **********************/
.footer {
	background: #fff
}
.Footer a, .Footer {
	color: #434446;
	font-size: 15px;
	line-height: 27px;
}
.Footer a:hover {
	color: #ddd
}
.Footer h3, .Footer h4 {
	color: var(--color1);
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 15px;
	line-height: 27px;
}
.footer .secarea a {
	color: #eee
}
.Footer ul, .Footer p {
	margin: 0;
	padding: 0
}
.Footer ul li {
	list-style: none;
	margin-bottom: 2px;
	padding-bottom: 2px
}
.footer-static-title {
	position: relative
}
.footer-static-title h3 {
	color: #ddd;
	display: inline-block;
	font-size: 15px;
	text-transform: uppercase
}
.footer-static-title:after {
	content: "";
	background: #ffcf07;
	height: 4px;
	width: 40px;
	position: absolute;
	bottom: 0;
	left: 0
}
.footer .secarea a, .footer .secarea li {
	font-size: 15px;
	line-height: 27px;
	font-weight: 400;
}
.Footer .seal-tmdt img {
	max-height: 35px
}
/* FOOTER BOTTOM */
.footer .footer-bottom .divide {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	height: 1px;
	margin-bottom: 15px;
	margin-top: 15px
}
.footer .footer-bottom, .footer .footer-bottom a {
	color: #333;
	font-size: 15px;
	line-height: 27px;
	font-weight: 400
}
.footer .footer-bottom strong {}
.footer .footer-bottom a:hover {
	color: var(--color1)
}
.footer .footer-bottom .column-title {
	color: #000;
	font-size: 15px;
	line-height: 27px;
	font-weight: 700;
	display: block;
	margin-bottom: 10px
}
.footer .footer-bottom .column-title .light-hight {
	color: var(--color3);
	display: inline-block;
	border-bottom: 1px solid #000;
}
.Footer .copyrights {
	background: #0E324B;
	padding: 15px 0 45px;
	color: #eee;
	text-align: center;
	font-size: 14px;
}
.Footer .copyrights .aliright {
	text-align: right
}
.ft-social {
	float: right
}
.ft-social li {
	float: left;
	margin-right: 5px
}
.ft-social li a:hover img {
	border-radius: 0;
	-o-transition: all 300ms ease 100ms;
	transition: all 300ms ease 100ms;
	-moz-transition: all 300ms ease 100ms;
	-webkit-transition: all 300ms ease 100ms;
	border: 1px solid #fff
}
.ft-social li a img {
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0)
}
/********************** END FOOTER  **********************/
a:hover .imageLinkWrapper:before {
	-webkit-box-shadow: 0 0 0 3px #007FC4 inset, 0 0 100px rgba(0, 0, 0, 0.7) inset !important;
	box-shadow: 0 0 0 3px #007FC4 inset, 0 0 100px rgba(0, 0, 0, 0.7) inset !important;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease
}
.imageLinkWrapper {
	position: relative;
	text-align: center
}
.imageLinkWrapper:before {
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 2;
	overflow: hidden;
	top: 0;
	left: 0
}
a:hover .imageLinkWrapper:before {
	-webkit-box-shadow: 0 0 0 3px #007FC4 inset, 0 0 100px rgba(0, 0, 0, 0.7) inset !important;
	box-shadow: 0 0 0 3px #007FC4 inset, 0 0 100px rgba(0, 0, 0, 0.7) inset !important;
	-webkit-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease
}
.imageLinkWrapper img {
	left: 50%;
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}
.figure-haft, .figure-haft-50 {
	display: block;
	overflow: hidden;
	position: relative;
}
.figure-haft {
	padding-top: 67%;
}
.figure-haft-50 {
	padding-top: 50%;
}
.figure-haft-52 {
	padding-top: 52%;
	position: relative
}
.figure-haft-55 {
	padding-top: 55%;
	position: relative
}
.figure-haft-60 {
	padding-top: 60%;
	position: relative
}
.figure-haft-65 {
	padding-top: 65%;
	display: block;
	position: relative;
}
.figure-haft-70 {
	padding-top: 70%;
}
.figure-haft-75 {
	padding-top: 75%;
}
.figure-haft-full, .figure-full {
	padding-top: 100%;
	position: relative
}
.figure-customer {
	display: block;
	padding-top: calc(74/139*100%);
	position: relative;
	overflow: hidden
}
.figure-haft .f-select, .figure-haft>img, .figure-haft-50 .f-select, .figure-haft-52 .f-select, .figure-haft-60 .f-select, .figure-haft-65 .f-select, .figure-haft-70 .f-select, .figure-haft-75 .f-select, .figure-haft-full .f-select, .figure-full .f-select, .figure-haft-50>img, .figure-haft-52>img, .figure-haft-60>img, .figure-haft-70>img, .figure-haft-75>img, .figure-haft-full>img, .figure-customer>img {
	left: 50%;
	position: absolute;
	top: 50% !important;
	-webkit-transform: translate(-50%, -50%) !important;
	-ms-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important;
	min-width: 100%;
	min-height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	color: transparent
}
.figure-haft .f-select-center, .figure-haft-50 .f-select-center, .figure-haft-52 .f-select-center, .figure-haft-60 .f-select-center, .figure-haft-65 .f-select-center, .figure-haft-70 .f-select-center, .figure-haft-75 .f-select-center, .figure-haft-full .f-select-center {
	top: 50% !important;
	-webkit-transform: translate(-50%, -50%) !important;
	-ms-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important
}
@media (max-width: 767px) {
	.figure-haft>img {
		max-height: 100%;
		max-width: 100%
	}
}
.figure-haft-80 {
	padding-top: 80%
}
.figure-haft-center>img {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.animate-lazy {
	display: block;
	height: 0;
	background: #f7f7f7;
	background-position: 50%;
	background-size: cover;
}
.animate-lazy:after {
	content: "";
	opacity: 1;
	background: #f7f7f7 url(/Image/style-image/preloader.gif);
	background-position: 50%;
	background-size: cover;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
}
.animate-lazy>img {
	z-index: -1;
	opacity: 0
}
.animate-lazy .lazyloaded {
	opacity: 1 !important;
	-webkit-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease
}
/*MODAL CART*/
#Dialog-Zone {
	font-size: 14px
}
#Dialog-Zone .modal-header {
	position: relative
}
#Dialog-Zone .modal-header b.modal-title {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 16px
}
#Dialog-Zone .modal-header .close {}
#Dialog-Zone .table thead th, #ProductStoreContext .table thead th {
	white-space: nowrap
}
#Dialog-Zone .modal-footer button {
	font-size: 13px
}
#Dialog-Zone .Context ul {
	padding-left: 15px
}
/*CART ORDER*/
.wraper-order-inner .card-header b {
	margin-bottom: 0
}

/*HOME PRODUCT*/
.Home-Product-Panel {
	border: 1px solid transparent;
	margin-bottom: 10px
}
.block-border {
	border: 1px solid #ddd;
	border-radius: 10px;
	margin: 50px 10px 10px;
	padding: 50px 10px 20px;
	position: relative
}
.block-border-dotted {
	border: 1px dashed #ddd
}
.block-border-solid {
	border: 1px solid #ddd
}
.block-border-dotted-color {
	border-color: #008ee0
}
.box-shadow {
	box-shadow: 0 0 5px rgba(100, 100, 100, 0.1);
	-webkit-box-shadow: 0 0 5px rgba(100, 100, 100, 0.1)
}
.block-border-radius-5 {
	border-radius: 5px
}
.block-aside {
	border-color: #ddd;
	margin: 15px 0;
	padding: 25px 0 0
}
.Sidebar-ProductLinks {}
.block-border .AsideTitleOtherCenter {
	background: #fff;
	left: 50%;
	position: absolute;
	top: 0;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	white-space: nowrap
}
.name-column-3 {
	background: #000;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	margin: 0;
	padding: 8px 15px;
	text-align: center;
	white-space: nowrap;
	text-transform: uppercase
}
.AsideTitle2 {
	border-left: 8px solid #da251c;
	color: #555;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
	padding-left: 10px;
	text-transform: uppercase;
}
.Home-Product-Panel .Home-Product {
	border: 1px dashed #008ee0;
	height: auto
}
.Home-Product-Panel .Home-Product>a {
	padding-bottom: 15px
}
.block-aside.Home-Product-Panel .Home-Product {
	border: none !important;
	padding: 0 10px
}
.block-aside.Home-Product-Panel .Home-Product>a {
	border-bottom: 1px dashed #008ee0
}
.block-aside.Home-Product-Panel .Home-Product:last-child>a {
	border-bottom: none
}
.Home-Product-Panel .Home-Product .ProductName {
	color: #008ee0 !important;
	font-weight: bold;
	text-transform: uppercase
}

/*
	| ----------------------------------------------------------------------------------
	| HEADER
	| ----------------------------------------------------------------------------------
	*/

/*TOP*/
.header-topbar {
	background: #F9C301
}
#header-full {
	background: #fff;
	padding: 10px 0 0
}
/*============HEADER===============*/
#header-full {
	background: #fff;
	padding-bottom: 0;
	padding-top: 0 !important;
}
#header-full .header-top {
	height: 86px
}
/* MENU HEADER AUTH */
.menu-header-auth {}
.menu-header-auth li {
	float: left;
	list-style: none;
	position: relative
}
.menu-header-auth li:before {
	content: "";
	position: absolute;
	right: 0;
	height: 75%;
	width: 1px;
	background: rgba(0, 0, 0, 0.3);
	top: 50%;
	transform: translateY(-50%)
}
.menu-header-auth li:last-child:before {
	display: none
}
.menu-header-auth li a {
	padding: 5px 15px;
	color: #333
}
/* ===============Google-Translate ===============*/
/* #Google-Translate {min-height: 25px;min-width: 152px;} */
.header-lang {
	color: #333
}
.header-lang .langCon {
	display: flex;
	flex-direction: row;
	gap: 8px;
	align-items: center
}
.header-lang .flags {
	display: flex;

	margin-top: 3px;
	flex-direction: row;
	gap: 4px;
}
.header-lang .flags img {
	max-height: 17px;
	margin-left: 3px
}
#google_language_translator {
	min-width: 150px;
	height: 28px;
	position: relative;
	float: right
}
.header-lang .goog-te-gadget {
	color: transparent;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}
.header-lang .goog-te-gadget>span {
	display: none
}
.goog-te-gadget .goog-te-combo {
	font-size: 14px;
	color: #333;
	min-height: 20px;
}
/*============LOGO================*/
.Logo img {
	max-height: 60px
}
/*============SEARCH================*/
.search {
	padding: 0 40px;
}
.searchBar {
	position: relative
}
.search-auto {
	display: none
}
#Search-Keyword-Product {
	border-radius: 4px;
	height: 36px;
	font-size: 14px
}
#Search-Keyword-Product::-webkit-input-placeholder {
	color: #434446;
	font-size: 12px;
	line-height: 14px;
}
#Search-Keyword-Product::-moz-placeholder {
	color: #434446;
	font-size: 12px;
	line-height: 14px;
}
#Search-Keyword-Product:-ms-input-placeholder {
	color: #434446;
	font-size: 12px;
	line-height: 14px;
}
#Search-Keyword-Product::-ms-input-placeholder {
	color: #434446;
	font-size: 12px;
	line-height: 14px;
}
#Search-Keyword-Product::placeholder {
	color: #434446;
	font-size: 12px;
	line-height: 14px;
}
#area-search {
	padding-right: 30px
}
.input-group-addon {
	background: #fff;
}
.iconsearch {
	margin-right: 20px
}
.search .searchButton {
	background: #d7122d;
	border-radius: 3px;
	color: #fff;
	display: table-cell;
	font-size: 16px;
	height: 32px;
	line-height: 32px;
	position: absolute;
	right: 3px;
	text-align: center;
	top: 3px;
	width: 36px;
}
/*============Menu menu-header-right================*/
.menu-header-right {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	float: left;
	margin-top: 2px;
	height: 46px
}
.menu-header-right>li {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	float: left;
	list-style: none
}
.menu-header-right>li a {
	color: #333;
	text-align: center;
	padding: 5px 15px;
	display: block;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 400
}
.menu-header-right>li a:hover {
	color: var(--color1)
}
.menu-header-right>li a i {
	font-size: 24px;
	display: block;
	color: var(--color2)
}
.menu-header-right>li a svg {
	height: 18px;
	display: block;
	margin: 0 auto 2px
}


.menu-header-right .menu-header-right>li a .name {
	display: block;
	line-height: 1
}
.menu-header-right>li:hover a {
	color: var(--color2)
}
/*HOTLINE*/
.icn-hotline li {
	list-style: none
}
.icn-hotline .hotline {
	font-size: 22px;
	font-weight: bold;
	font-weight: 700;
	background: white;
	color: var(--color4);
	border-radius: 20px;
	white-space: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 36px;
	padding: 0 15px 0 50px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid var(--color4)
}
.icn-hotline .hotline .la-phone {
	background: var(--color4);
	font-size: 30px;
	height: 100%;
	width: 40px;
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	text-align: center;
	color: #FFF
}
.icn-hotline .hotline .name {
	display: inline-block
}
/* MENU HEADER AUTH */
.menu-header-auth {}
.menu-header-auth li {
	float: left;
	list-style: none;
	position: relative
}
.menu-header-auth li:before {
	content: "";
	position: absolute;
	right: 0;
	height: 75%;
	width: 1px;
	background: rgba(0, 0, 0, 0.3);
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.menu-header-auth li:last-child:before {
	display: none
}
.menu-header-auth li a {
	padding: 5px 15px;
	color: #333;
	font-size: 14px
}


/*============Header-Order================*/
#Header-Order {
	float: left
}
.bca-header-order {
	cursor: pointer;
	font-family: 'Line Awesome Free';
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-left: 30px;
	float: left;
	margin-top: 0;
	min-width: -webkit-fit-content;
	min-width: -moz-fit-content;
	min-width: fit-content;
	position: relative;
	text-align: center;
	z-index: 2
}
.bca-header-order:after {
	background: var(--color4);
	font-family: 'Line Awesome Free';
	content: "\f07a";
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	border: 2px solid var(--color4);
	height: 35px;
	left: -30px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 35px;
	z-index: -1;
	color: #fff;
	font-size: 24px;
}
#Header-Order {
	background: #fff;
	border-radius: 50%;
	border: 1px solid var(--color4);
	color: var(--color4);
	font-family: 'roboto';
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	float: left;
	font-size: 14px;
	height: 17px;
	font-weight: bold;
	line-height: 17px;
	margin-top: 0;
	height: 18px;
	min-width: -webkit-fit-content;
	min-width: -moz-fit-content;
	min-width: fit-content;
	padding: 3px;
	position: relative;
	text-align: center;
	z-index: 2
}

/* #Header-Order:after {
	content: "0";
	height: 18px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: fit-content;
	z-index: 0;
	border-radius: 50%;
	background: #fff;
	border: 1px solid red;
} */
#Header-Order:hover:before {
	color: #fff;
	transition: all 0.5s ease-in 0.2s;
	-moz-transition: all 0.5s ease-in 0.2s;
	-ms-transition: all 0.5s ease-in 0.2s;
	-o-transition: all 0.5s ease-in 0.2s;
	-webkit-transition: all 0.5s ease-in 0.2s
}
/*============Header-Commitment================*/
.header-commitment {
	padding-top: 10px;
	padding-bottom: 10px
}
.header-commitment img {
	max-height: 24px;
	display: inline-block;
	margin-right: 10px
}
.header-commitment span {
	display: inline-block
}
/*============MENU TOP================*/
.menu-section {
	background: var(--color1_2024)
}
#MenuTop {
	width: 100%
}
.Menu-Top {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 0 !important
}
.Menu-Top>li {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	float: left;
}
.Menu-Top .home-menu {
	display: block;
	height: 50px;
	text-align: center;
	font-size: 0;
}
.Menu-Top .gp-icon {
	background-image: url(/Image/icons/GPVP-Web-trang-chu.svg);
	background-size: auto 22px;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
	display: block;
	padding-left: 10px;
	padding-right: 10px
}
.Menu-Top li {
	list-style: none
}
.Menu-Top a {
	font-size: 15px;
	font-weight: normal;
}
.Menu-Top>li {
	float: left;
	position: relative;
	-o-transition: all 300ms ease 50ms;
	transition: all 300ms ease 50ms;
	-moz-transition: all 300ms ease 50ms;
	-webkit-transition: all 300ms ease 50ms;
}
.Menu-Top>li>a {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	padding: 0;
	line-height: 50px;
	position: relative;
	text-align: center;
	display: block;
	text-transform: uppercase
}
.Menu-Top>li>a>img {
	margin-right: 8px;
	max-height: 20px
}

/*Level 2*/
.Menu-Top ul {
	width: auto !important
}
.Menu-Top ul li {
	background: #f1f1f1 !important;
	white-space: nowrap
}
.Menu-Top ul li a {
	font-weight: 400
}

/*Hover*/
.Menu-Top .dropdown>.dropdown-menu li:hover>.dropdown-menu {
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.Menu-Top .dropdown:hover>.dropdown-menu {
	opacity: 1;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	visibility: visible;
}
.Menu-Top .dropdown>.dropdown-menu li:hover>a {
	color: #ec4301
}
.Menu-Top>li:hover, .Menu-Top>li:hover>a {
	background: rgba(0, 0, 0, 0.1);
	color: #fff
}
/*MODAL CART*/
#Dialog-Zone {
	font-size: 14px
}
#Dialog-Zone .modal-header {
	position: relative
}
#Dialog-Zone .modal-header b.modal-title {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 16px
}
#Dialog-Zone .modal-header .close {}
#Dialog-Zone .table thead th, #ProductStoreContext .table thead th {
	white-space: nowrap
}
#Dialog-Zone .modal-footer button {
	font-size: 13px
}
#Dialog-Zone .Context ul {
	padding-left: 15px
}
/*============END HEADER===============*/

/*Home Slider*/
.Home-Slide.owl-loaded {
	background: #EFF2F4;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%
}
#Home-Slide {
	padding-top: calc(370 / 730 * 100%);
	position: relative;

}
#Home-Slide-Wrapper {
	padding-left: 0;
}
.Home-Slide {
	margin-bottom: 0;
	padding: 0;
	padding-left: 2px;
}
.Home-Slide .owl-wrapper, .Home-Slide .owl-carousel .owl-item, .Home-Slide {
	padding: 0;
}
.Home-Slide.owl-carousel .owl-stage-outer, .Home-Slide.owl-carousel .owl-stage, .Home-Slide.owl-carousel .owl-item {
	height: 100%
}
.Home-Slide li {
	height: 100%;
	left: 50%;
	list-style: outside none none;
	padding: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
}
.Home-Slide li a {
	-webkit-box-shadow: 0px 0px 6px #00000029;
	box-shadow: 0px 0px 6px #00000029;
	border-radius: 8px;
}
.Home-Slide .owl-item img {
	width: auto !important;
	max-width: 100%;
	max-height: 100%;
	min-height: 100%;
	min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	margin: 0 auto;
}
/*Control*/
.Home-Slide .tab-pane {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.Home-Slide .owl-prev, .Home-Slide .owl-next {
	-webkit-transition: all 0.45s ease;
	-o-transition: all 0.45s ease;
	transition: all 0.45s ease;
	opacity: 0;
	visibility: hidden;
	font-family: 'bootstrap-icons';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 50px;
	height: 80px;
	background: rgba(255, 255, 255, 0.8);
	color: transparent
}
.Home-Slide .owl-prev {
	left: -50px;
}
.Home-Slide .owl-next {
	right: -50px;
}
.Home-Slide .owl-prev:before, .Home-Slide .owl-next:before {
	font-family: 'bootstrap-icons';
	font-size: 36px;
	left: 45%;
	position: absolute;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	color: #333
}
.Home-Slide .owl-prev:before {
	content: "\F284";
}
.Home-Slide .owl-next:before {
	content: "\F285";
}
.Home-Slide:hover .owl-prev {
	left: 0;
	opacity: 1;
	visibility: inherit;
}
.Home-Slide:hover .owl-next {
	right: 0;
	opacity: 1;
	visibility: inherit;
}
/*End Home Slider*/
/*Control Nav*/
.control-nav .tab-pane {
	position: relative
}
.control-nav .owl-prev, .control-nav .owl-next {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 50px;
	height: 80px;
	background: rgba(0, 0, 0, 0.3);
	color: transparent
}
.control-nav .owl-prev {
	left: 50px;
}
.control-nav .owl-next {
	right: 50px;
}
.control-nav .owl-prev:before, .control-nav .owl-next:before, .control-nav-haft-outsite .owl-prev:before, .control-nav-haft-outsite .owl-next:before, .carousel-control-nav-left:before, .carousel-control-nav-right:before {
	font-family: 'bootstrap-icons';
	font-weight: bold;
	font-size: 20px
}
.control-nav .owl-prev:before, .control-nav .owl-next:before {
	content: "";
	left: 45%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: var(--color1);
	font-size: 30px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-color: white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.control-nav .owl-nav span {
	display: none
}
.control-nav .owl-prev:before, .control-nav-haft-outsite .owl-prev:before, .carousel-control-nav-left:before {
	content: "\F284"
}
.control-nav .owl-next:before, .control-nav-haft-outsite .owl-next:before, .carousel-control-nav-right:before {
	content: "\F285"
}
/*CONTROL NAV HAFT OUTSIDE*/
.control-nav-haft-outsite .owl-prev, .carousel-control-nav-left, .control-nav-haft-outsite .owl-next, .carousel-control-nav-right {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 23px;
	height: 47px;
	background: rgba(0, 0, 0, 0.3);
	color: transparent
}
.control-nav-haft-outsite .owl-prev, .carousel-control-nav-left {
	left: 1px;
}
.control-nav-haft-outsite .owl-next, .carousel-control-nav-right {
	right: -1px;
}
.control-nav-haft-outsite .owl-prev:before, .carousel-control-nav-left:before, .control-nav-haft-outsite .owl-next:before, .carousel-control-nav-right:before {
	left: 50%;
	position: absolute;
	top: 50%;
	color: var(--color2);
	font-size: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 1;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 18px;
	font-weight: bold;
}
.control-nav-haft-outsite .owl-prev:before, .carousel-control-nav-left:before {
	left: 40%
}
.control-nav-haft-outsite .owl-next:before, .carousel-control-nav-right:before {
	left: 60%
}
.control-nav-haft-outsite .owl-prev:after, .carousel-control-nav-left:after, .control-nav-haft-outsite .owl-next:after, .carousel-control-nav-right:after {
	content: "";
	left: 45%;
	position: absolute;
	top: 50%;
	background-color: white;
	width: 47px;
	height: 23px;
	border-radius: 0 0 100px 100px;
	border: 1px solid var(--color2);
}
.control-nav-haft-outsite .owl-prev:after, .carousel-control-nav-left:after {
	-webkit-transform: translate(-50%, -50%) rotate(-90deg);
	-ms-transform: translate(-50%, -50%) rotate(-90deg);
	transform: translate(-50%, -50%) rotate(-90deg);
}
.control-nav-haft-outsite .owl-next:after, .carousel-control-nav-right:after {
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	-ms-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
}
.control-nav-haft-outsite .owl-prev:hover::after, .carousel-control-nav-left:hover::after, .control-nav-haft-outsite .owl-next:hover::after, .carousel-control-nav-right:hover::after,
{
background: var(--color2);
}
.control-nav-haft-outsite .owl-prev:hover::before, .carousel-control-nav-left:hover, .control-nav-haft-outsite .owl-next:hover::before, .control-nav-haft-outsite .owl-next:hover:before {
	color: white
}

/*Control Nav Small*/
.control-nav-sm .owl-nav {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 100%
}
.control-nav-sm .owl-prev, .control-nav-sm .owl-next {
	height: 33px;
	width: 33px;
	background: #4267b2 !important;
	font-size: 0;
	border-radius: 50%;
	position: absolute
}
.control-nav-sm .owl-next {
	right: 0
}
.control-nav-sm .owl-prev span, .control-nav-sm .owl-next span {
	font-size: 0
}
.control-nav-sm .owl-prev:before, .control-nav-sm .owl-next:before {
	font-family: 'bootstrap-icons' !important;
	color: #fff;
	content: "";
	left: 50%;
	position: absolute;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	font-size: 20px;
	background: no-repeat
}
.control-nav-sm .owl-prev:before {
	content: "\F284"
}
.control-nav-sm .owl-next:before {
	content: "\F285"
}
.auto-hide .owl-prev, .auto-hide .owl-next {
	-webkit-transition: all 0.45s ease;
	-o-transition: all 0.45s ease;
	transition: all 0.45s ease;
	opacity: 0;
	visibility: hidden;
}
/*Control Dots*/
.control-dots .tab-pane {
	position: relative
}
.control-dots .owl-dots {
	background: rgba(0, 0, 0, 0);
	bottom: 5px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 15px;
	left: 50%;
	padding: 0 5px;
	position: absolute;
	-webkit-transform: translate(-50%, -1%);
	-ms-transform: translate(-50%, -1%);
	transform: translate(-50%, -1%);
	border-radius: 15px;
	text-align: center;
	width: auto;
	background: #fff;
	gap: 6px
}

.control-dots .owl-dot {
	background: transparent;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 10px;
	height: 9px;
	width: 9px;
}
.control-dots .owl-dot {
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	filter: alpha(opacity=70);
}
.control-dots .owl-dot {
	border: 1px solid #234C63 !important
}
.control-dots-out {
	padding-bottom: 15px;
	margin-bottom: 40px
}
.control-dots-out .owl-dots {
	top: 100%
}
/*End Home Slider*/
.control-dots .owl-dot:hover, .control-dots .owl-dot.active {
	text-decoration: none;
	border-color: var(--color1);
	background: var(--color2)
}
.control-dots .owl-dot:hover, .control-dots .owl-dot.active {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter: alpha(opacity=100);
}
.control-dots-left .owl-dots {
	left: 0;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}
/*End Control Dots*/
/*Auto Hive Nav Owl Slide*/
.auto-hide .owl-prev, .auto-hide .owl-next {
	-webkit-transition: all 0.45s ease;
	-o-transition: all 0.45s ease;
	transition: all 0.45s ease;
	opacity: 0;
	visibility: hidden;
}
.auto-hide .owl-prev {
	left: 10px;
}
.auto-hide .owl-next {
	right: 10px;
}
.auto-hide:hover .owl-prev {
	left: 0;
	opacity: 1;
	visibility: inherit;
}
.auto-hide:hover .owl-next {
	right: 0;
	opacity: 1;
	visibility: inherit;
}
/*End Auto Hive Nav Owl Slide*/
.control-nav-out .owl-prev {
	right: 100%
}
.control-nav-out .owl-next {
	left: 100%
}
/*=====End Control-Home-Slide*/
/*=====CONTROL Home-Aside-New-Latest*/
#Control-Home-News {
	padding-left: 0
}
.Aside-New-Latest {
	overflow: hidden;
	background: #fff;
	position: relative;
	border-radius: 8px;
}
.Aside-New-Latest header {
	background: var(--color2);
	border-radius: 8px 8px 0px 0px;
	border-bottom: 4px solid var(--color1);
	width: 100%;
	z-index: 1;
	padding-left: 10px;
	height: 47px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.Aside-New-Latest header .news-title {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 2px 3px #00000029;

}
.Aside-New-Latest>.clearfix {
	margin-top: 30px
}
.Aside-New-Latest .card-control {
	padding: 20px 20px 0 20px;
	border-radius: 8px;
}
.Aside-New-Latest .News-Sidebar {
	height: 55px
}
.Aside-New-Latest .News-Sidebar:last-child {
	border-bottom: none
}
.Aside-New-Latest .News-Sidebar h3 {
	height: 55px;
	line-height: 1.3;
	overflow: hidden;
	font-size: 15px;
	font-weight: 500;
}

/*=====END CONTROL Home-Aside-New-Latest*/
/* BEGIN CONTROL home-banner-branch-hot*/
.home-banner-branch-hot ul li {
	padding-top: calc(301 / 284 * 100%);
	position: relative
}
.home-banner-branch-hot ul li a {
	border-radius: 8px 0px 0px 8px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 100%;
	width: 100%;
}
.home-banner-branch-hot ul li a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.15);
	display: block;
	height: 100%;
	width: 100%;
}
.home-banner-branch-hot ul li a img {
	min-height: 100%;
	min-width: 100%;
	max-width: none;
	width: 100%
}
.home-banner-branch-hot ul li .slide-title {
	position: absolute;
	top: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	padding: 5px 15px;
	color: white;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 42px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 2px 3px #00000029;
}
.home-banner-branch-hot ul li .slide-description {
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: auto;
	padding: 9px 20px;
	color: var(--color4);
	text-transform: uppercase;
	background: #FFFFFF;
	-webkit-box-shadow: 0px 0px 4px #00000029;
	box-shadow: 0px 0px 4px #00000029;
	border: 1px solid #94D4CA;
	border-radius: 8px;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	text-align: center;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	-o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.home-banner-branch-hot ul li:hover .slide-description {
	background-color: var(--color4);
	color: #fff;
}
/*
	| ----------------------------------------------------------------------------------
	| HOME PRODUCT SALE OFF
	| ----------------------------------------------------------------------------------
*/
.home-product-safe-of {
	position: relative;
	padding: 0;
	margin-bottom: 30px;
	margin-top: 55px
}
.heading-promotion {
	display: block;
	padding: 5px 30px;
	background: var(--color1);
	border-radius: 30px;
	margin: 0 auto 30px;
	position: absolute;
	left: 50%;
	top: -25px;
	transform: translateX(-50%);
	width: calc(100% - 40px);
	text-align: center;
}

.heading-promotion .name {
	color: #222;
	font-weight: 700;
	font-size: 22px
}

@media only screen and (min-width : 0) and (max-width : 767px) {
	.home-product-safe-of .Home-Product.col:nth-of-type(2n+1) {
		border-left: 1px solid #dee2e6
	}
}
/* BEGIN CONTROL HOME PRODUCT BLOCK*/
.navbar-home-product {
	background: var(--color1);
	border-bottom: 1px solid #eee;
	border-radius: 5px 5px 0 0
}
.navbar-home-product .navbar-toggle {
	border-color: #fff
}
.navbar-home-product .navbar-collapse, .navbar-home-product .navbar-form {
	border-color: transparent
}
.navbar-home-product .navbar-brand, .navbar-home-product .navbar-nav>li>a {
	color: #fff;
}
.navbar-home-product .navbar-nav {
	float: right
}
.navbar-home-product .navbar-nav>li>a {
	padding: 14px 15px;
	color: #fff
}
.navbar-home-product .navbar-nav>li:hover>a {
	color: var(--color2)
}
.navbar-home-product .navbar-brand:hover, .navbar-home-product .navbar-nav>li>a:hover {
	color: #aaa
}
.navbar-home-product .navbar-brand:hover:before {
	color: #fff
}
.navbar-home-product .navbar-brand {
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	margin-right: 10px;
	position: relative;
	text-transform: uppercase;
}
.navbar-home-product .navbar-brand img {
	display: inline-block;
	float: left;
	margin-right: 10px;
	margin-top: -5px;
	max-height: 30px;
}
/*.navbar-home-product .navbar-brand:before {color: #fff; content: "\f105";font-family: "FontAwesome";font-size: 30px;left: 100%;position: absolute;top: 50%;transform: translateY(-50%);width: 20px;}*/
/*BEGIN NAV*/
.block-heading {
	background: #efefef;
	height: 50px
}
.block-heading .name {
	line-height: 50px;
	display: inline-block;
	border-radius: 3px 0 0 3px;
}
.block-heading .name, .block-heading .name a {
	font-size: 14px;
	text-transform: uppercase;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-weight: 700;
	color: #fff;
}
.block-heading .head-read-more {
	color: #fff;
	float: right;
	font-weight: 700;
	margin: 15px 10px 0 0;
	text-decoration: underline !important;
}
.block-heading .name a {
	padding-right: 0
}
.block-heading-red {
	background: #DA251C
}
.block-heading-orange {
	background: #da3f00
}
.block-heading-dark {
	background: #232323
}
.block-heading .name h2 {
	display: inline
}
.block-heading .heading-icon {
	background: #DA251C;
	width: 50px;
	text-align: center;
	margin-right: 15px;
	display: inline-block;
	border-radius: 3px 0 0 3px;
	position: relative;
}
.block-heading .heading-icon .fa {
	font-size: 28px;
	position: relative;
	top: 5px
}
/*Icon*/
.block-heading .heading-icon .fa.vector {
	width: 100%;
	height: 100%;
	position: relative;
	top: 0
}
.block-heading .heading-icon .fa.vector:before {
	content: "";
	height: 50px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 100%;
	z-index: 9;
	background-position: center 7px;
	background-repeat: no-repeat;
	background-size: 28px auto;
}
/*End Icon*/
.block-heading .heading-icon .icon-design {
	color: #DA251C;
	font-size: 20px;
	position: absolute;
	right: -7px;
	top: 16px;
}
.block-heading .btn-sm {
	margin: 12px 17px 0 0;
}
/*======END NAV*/
/*=====Home-Product*/
.home-product-block {
	margin: 0 0 10px;
	padding: 0 0 15px 0;
}
.Home-Product-Block {}
.row-product-info {
	display: table;
	position: relative;
	width: 100%
}
.Home-Product {
	background: transparent;
	position: relative;
	overflow: hidden;
}
.Home-Product>a {
	display: block;
	border: 1px solid #CECECE;
	border-radius: 8px;
	overflow: hidden;
}
.Home-Product-Lg {
	background: #fff;
	border-left: 1px solid #eee
}
.Home-Product-Lg:not(:last-child) {
	margin-bottom: 0
}
.home-product-block .Home-Product-Lg figure {
	height: 195px !important;
	margin-bottom: 0;
	background: #fff;
	position: relative
}
.Home-Product-Lg .Context {
	max-height: 150px;
	padding: 5px 10px
}
.Home-Product-Lg .ProductName {
	font-size: 14px;
	margin-top: 10px;
	height: 36px !important
}
.Home-Product, .Home-Product>a {
	-webkit-transition: all 0.45s ease;
	-o-transition: all 0.45s ease;
	transition: all 0.45s ease;
}
.Home-Product-Block .row-product-info {}
/*Product -Picture*/
.Home-Product:not(.Home-Product-Lg) figure {
	padding-top: 100%;
	position: relative
}
.Home-Product figure {
	background: #fff
}
.Home-Product figure.h-auto {
	height: auto !important
}
.Home-Product figure>span.middle {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	height: 100%;
	text-align: center
}
.Home-Product figure span img {
	max-width: calc(100% - 30px);
	max-height: calc(100% - 30px)
}
.Home-Product figure span img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	left: 50%;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.Home-Product:hover span img {
	-webkit-transform: translate(-50%, -50%) scale(1.1) !important;
	-ms-transform: translate(-50%, -50%) scale(1.1) !important;
	transform: translate(-50%, -50%) scale(1.1) !important;
	-moz-transform: translate(-50%, -50%) scale(1.1) !important;
	-o-transform: translate(-50%, -50%) scale(1.1) !important;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
/*Product Status*/
.flag-status {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	border: 2px solid transparent;
	background: #fff;
	text-transform: uppercase;
	font-weight: 700;
	position: absolute;
	height: 28px;
	text-align: center;
	top: 0;
	left: 0;
	font-size: 11.5px;
	padding: 0 15px;
	border-radius: 8px 0px;
	z-index: 49;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.flag-status i {
	display: none;
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	border: 8px dashed #ff3d00;
	border-bottom-color: #000;
	right: 10px;
	top: 17px;
	border-left-style: solid;
	border-right: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.flag-status i:after {
	content: '';
	position: absolute;
	width: 0;
	height: 100%;
	border: 8px dashed #fff;
	right: 3px;
	top: -8px;
	border-left-style: solid;
	border-right: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
/*.flag-status:after { content: ""; position: absolute; right: 0; top: 15px; border-style: solid; border-width: 0 5px 5px 0; }*/
.flag-status-stock {
	color: #0084cc;
	border-color: #0084cc
}
.flag-status-stock i {
	border-color: transparent currentcolor transparent #0084cc
}
.Home-Product:hover .flag-status-stock, .Product .ProductInfo .flag-status-stock, .Home-Product .flag-status-stock, .ProductRelate .flag-status-stock {
	background: #0084cc;
	color: #fff
}
.Home-Product .flag-status-stock i:after, .Product .ProductInfo .flag-status-stock i:after, .ProductRelate .flag-status-stock i:after {
	border-color: transparent currentcolor transparent #0084cc
}
/*.flag-status-stock:after { border-color: transparent #0084cc transparent transparent; }*/
.flag-status-order {
	color: #ffb300;
	border-color: #ffb300
}
.flag-status-order i {
	border-color: transparent currentcolor transparent #ffb300;
}
.Home-Product .flag-status-order, .Product .ProductInfo .flag-status-order, .ProductRelate .flag-status-order {
	background: #ffb300;
	color: #fff
}
.Home-Product .flag-status-order i:after, .Product .ProductInfo .flag-status-order i:after, .ProductRelate .flag-status-order i:after {
	border-color: transparent currentcolor transparent #ffb300
}
/*.flag-status-order:after { border-color: transparent #ffb300 transparent transparent; }*/
.flag-status-new {
	color: #00C852;
	border-color: #00C852
}
.flag-status-new i {
	border-color: transparent currentcolor transparent #00C852
}
.Home-Product .flag-status-new, .Product .ProductInfo .flag-status-new, .ProductRelate .flag-status-new {
	background: #00C852;
	color: #fff
}
.Home-Product .flag-status-new i:after, .Product .ProductInfo .flag-status-new i:after, .ProductRelate .flag-status-new i:after {
	border-color: transparent currentcolor transparent #00C852
}
/*.flag-status-new:after { border-color: transparent #00c853 transparent transparent; }*/
.flag-status-hot {
	color: var(--color4);
	border-color: var(--color4)
}
.flag-status-hot i {
	border-color: transparent currentcolor transparent #ff3d00
}
.Home-Product .flag-status-hot, .Product .ProductInfo .flag-status-hot, .ProductRelate .flag-status-hot {
	background: #ff3d00;
	color: #fff
}
.Home-Product .flag-status-hot i:after, .Product .ProductInfo .flag-status-hot i:after, .ProductRelate .flag-status-hot i:after {
	border-color: transparent currentcolor transparent #ff3d00
}
/*.flag-status-hot:after { border-color: transparent #ff3d00 transparent transparent; }*/
.flag-status-close {
	color: #424242;
	border-color: #424242
}
.flag-status-close i {
	border-color: transparent currentcolor transparent #424242
}
.Home-Product .flag-status-close, .Product .ProductInfo .flag-status-close {
	background: #424242;
	color: #fff
}
.Home-Product .flag-status-close i:after, .Product .ProductInfo .flag-status-close i:after {
	border-color: transparent currentcolor transparent #424242
}
/*.flag-status-close:after { border-color: transparent #424242 transparent transparent; }*/
.flag-status-off {
	color: #000;
	border-color: #000
}
.flag-status-off i {
	border-color: transparent currentcolor transparent #000
}
.Home-Product .flag-status-off, .Product .ProductInfo .flag-status-off, .ProductRelate .flag-status-off {
	background: #000;
	color: #fff
}
.Home-Product .flag-status-off i:after, .Product .ProductInfo .flag-status-off i:after, .ProductRelate .flag-status-off i:after {
	border-color: transparent currentcolor transparent #000
}
/*.flag-status-off:after { border-color: transparent #007bff transparent transparent; }*/
.flag-status-old {
	color: mediumslateblue;
	border-color: mediumslateblue
}
.flag-status-old i {
	border-color: transparent currentcolor transparent mediumslateblue
}
.Home-Product .flag-status-old, .Product .ProductInfo .flag-status-old, .ProductRelate .flag-status-old {
	background: mediumslateblue;
	color: #fff
}
.Home-Product .flag-status-old i:after, .Product .ProductInfo .flag-status-old i:after, .ProductRelate .flag-status-old i:after {
	border-color: transparent currentcolor transparent mediumslateblue
}
/*.flag-status-old:after { border-color: transparent mediumslateblue transparent transparent; }*/
.Product .ProductInfo .flag-status {
	font-size: 12px;
	display: inline-block;
	width: auto;
	position: absolute
}
.Product .ProductInfo .flag-status i {
	top: 20px
}
/* Ngung kinh doanh */
.flag-status-errorstock {
	color: #000;
	border-color: #000
}
.flag-status-errorstock i {
	border-color: transparent currentcolor transparent #000
}
.Home-Product .flag-status-errorstock, .Product .ProductInfo .flag-status-errorstock, .ProductRelate .flag-status-errorstock {
	background: #000;
	color: #fff
}
.Home-Product .flag-status-errorstock i:after, .Product .ProductInfo .flag-status-errorstock i:after, .ProductRelate .flag-status-errorstock i:after {
	border-color: transparent currentcolor transparent #000
}
/*End Product Status*/
/*Home-Product asetText*/
.Home-Product .right-block {
	background: #fff;
	padding: 5px 10px;
	position: relative;
	z-index: 9;
	overflow: hidden
}
/*Product Name*/
.Home-Product .ProductName {
	color: #434446;
	display: block;
	font-size: 15px;
	height: 58px;
	line-height: 19px;
	margin-bottom: 15px;
	font-weight: 700;
	overflow: hidden;
	text-transform: uppercase;
	text-align: center;
}
.Home-Product:hover .ProductName {
	color: var(--color2)
}
.Home-Product .ProductType {
	text-align: center;
	color: #707070;
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eaeaea;

}
/*ProductSerial*/
.Home-Product .ProductSerial, .Product .ProductSeries {
	background: var(--color1);
	border-radius: 0 5px;
	color: #fff;
	display: inline-block;
	line-height: 1;
	overflow: hidden;
	padding: 4px 8px;
	text-align: right;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: calc(100% - 8px)
}
.Home-Product .ProductSerial .name, .Product .ProductSeries .name {
	color: #fff;
	font-size: 12px;
}
/*Product Price*/
.Home-Product .content_price {
	height: 45px;
}
.ProductPriceNew {
	color: #333
}
.ProductPriceNew em {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 55%
}
.Home-Product .ProductPriceNew {
	display: block;
	margin: 0 0 10px;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	color: var(--color4);
	text-align: center;
}
.Home-Product .ProductPriceNew span {
	font-weight: 400
}
.Home-Product .ProductPriceNew .sup {
	color: transparent;
	position: relative;
}
.Home-Product .ProductPriceNew .sup:before {
	content: "đ";
	position: absolute;
	left: 0;
	color: var(--color4);
	top: 0px;
	font-size: 18px;
	font-weight: 700;
	text-decoration: underline;
}
.Home-Product .ProductPriceNew, .Home-Product .ProductPriceVirtual {
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden
}
.Home-Product .ProductPriceVirtual {
	color: #454545;
	text-decoration: line-through;
	display: block;
	font-size: 13px;
	font-weight: 400;
	margin-top: 5px
}
.Home-Product .ProductPriceVirtual sup {
	top: 0
}
.Home-Product-Sale-Tag {
	background: rgba(0, 0, 0, 0) url("/Image/style-image/price-percent-br.png") no-repeat scroll center right/auto 28px;
	color: #fff;
	font-size: 12px;
	height: 30px;
	line-height: 25px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 33px;
	z-index: 99
}
.banner-img .owl-dots {
	top: 10px;
	right: 10px;
	transform: none;
	-ms-transform: none;
	-o-transform: none;
	-moz-transform: none;
	-webkit-transform: none;
}
/*Product Vote*/
.star-rating {
	font-family: 'bootstrap-icons';
	font-size: 13px;
	height: 1em;
	line-height: 1;
	overflow: hidden;
	position: relative;
	width: 74px;
	letter-spacing: 3px;
	display: block;
	margin: 5px auto
}
.star-rating:before {
	color: #b5b5b5;
	content: "\F586\F586\F586\F586\F586";
	float: left;
	left: 0;
	position: absolute;
	top: 0;
}
.star-rating span {
	float: left;
	left: 0;
	overflow: hidden;
	padding-top: 1.5em;
	position: absolute;
	top: 0;
}
.star-rating span:before {
	content: "\F586\F586\F586\F586\F586";
	left: 0;
	position: absolute;
	top: 0;
	color: #FDBF18;
}
/*Money Save*/
.Home-Product .content_price {
	display: block;
	line-height: 1.2;
	position: relative;
	margin-top: 5px;
	width: 100%
}
.Home-Product .content_price b>span {}
.Home-Product .sale-price {
	display: inline;
	font-size: 12px;
	position: absolute;
	top: 50%;
	right: -40px;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.sale-price {
	background: url(/Image/style-image/sale-bg.png) no-repeat;
	color: #fff;
	padding: 0 7px;
}
/*End Money Save*/
.Home-Product .PriceBlock {
	position: relative
}
.Home-Product .badge {
	background: #F30;
	position: absolute;
	right: 5px
}
.Home-Product .ProductPromotionName {
	margin-top: 5px
}
.Home-Product .ProductPromotionName span {
	display: inline-block;
	float: left;
	margin-right: 5px
}
.Home-Product:hover {}
.Home-Product:hover:before {
	display: none
}
.Home-Product a {
	display: block;
	height: 100%;
	width: 100%;
	cursor: pointer
}
.Home-Product .assetText {
	padding: 0 5px
}
/* Promotion */
.Home-Product .NoProductPromotion {
	height: 20px;
	margin-bottom: 2px
}
.Home-Product .ProductPromotion {
	color: #7a7a7a;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 5px;
	padding-left: 35px;
	position: relative;
	text-align: left;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
.Home-Product .ProductPromotion::before {
	background: #FF6C27;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 2px;
	color: #ffffff;
	content: "KM";
	font-size: 11px;
	font-weight: 700;
	height: 20px;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 30px;
}
/* End Promotion */
/*Mua ngay*/
.Home-Product .OrderProductButton {
	background-color: #F8870D !important;
	background: #F8870D !important;
	color: #fff;
	text-transform: uppercase;
	padding: 0;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	z-index: 10
}
.Home-Product .OrderProductButton {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 16%;
	width: 100%;
	text-align: center;
	line-height: 40px;
	-webkit-transition: all 0.45s ease;
	-o-transition: all 0.45s ease;
	transition: all 0.45s ease;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 0
}
.Home-Product .OrderProductButton span {
	position: relative;
	padding-left: 35px
}
.Home-Product .OrderProductButton span:before {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	height: 20px;
	width: 30px;
	content: "";
	background: url(/Image/style-image/cart.png) no-repeat
}
.Home-Product .OrderProductButton~a {
	pointer-events: none
}
.Home-Product figure {
	pointer-events: none;
}
.Home-Product:hover .OrderProductButton {
	display: block;
	bottom: 28%
}
.Home-Product .add-to-cart:hover {
	background-color: rgba(255, 51, 102, 0.5);
}
.Home-Product .add-to-cart:hover {
	background: #ff3366;
}
/*END Home Product*/

#Control-Home-News-Latest {
	background: #f7f7f7;
	margin-top: 2px;
	padding: 20px 0
}
.home-news-latest ul {
	visibility: hidden;
	padding-bottom: 20px;
	background: #fff
}

.home-news-latest ul li figure {
	padding-top: 50%;
	overflow: hidden;
	position: relative;
	margin-bottom: 0
}
.home-news-latest ul li figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-height: 100%;
	min-width: 100%;
	max-height: 100%;
	max-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.home-news-latest ul li {
	padding: 20px
}
.home-news-latest ul li h3 {
	color: var(--color2);
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	height: 45px;
	margin-bottom: 10px;
	margin-top: 15px;
	overflow: hidden;
	letter-spacing: 0.72px;

}
.home-news-latest ul li .Description {
	color: #5c6873;
	min-height: 74px;
	overflow: hidden;
}
.home-news-latest ul li .entry-meta {
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-bottom: 5px
}
.home-news-latest ul li .entry-meta, .home-news-latest ul li .entry-meta * {
	color: #5c6873;
	font-size: 14px;
	font-weight: 400
}
.home-news-latest ul li .entry-meta label {
	margin-right: 5px
}
.home-news-latest ul li:hover h3 {
	color: var(--color1);
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s
}
.home-news-latest .owl-dots {
	left: 15px !important;
	bottom: 15px
}
.home-news-latest .owl-nav {
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-size: 15px;
	color: var(--color1)
}
@media only screen and (min-width : 0) and (max-width : 767px) {
	.home-news-latest ul li {
		padding: 0
	}
}
.section-divider {
	margin: 0 0 30px;
	position: relative;
	text-align: center
}
.section-divider .name:before {
	background: var(--color1);
	top: 50%;
	content: "";
	height: 2px;
	right: calc(100% + 15px);
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 60px;
	z-index: 2
}
.section-divider .name:after {
	background: var(--color1);
	top: 50%;
	content: "";
	height: 2px;
	left: calc(100% + 15px);
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 60px;
	z-index: 2
}
.section-divider a, .section-divider .name {
	color: var(--color2);
	font-size: 30px;
	line-height: 37px;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
}
.section-divider-2 {
	text-align: center;
	margin: 0 0 20px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

}
.section-divider-2 .name {
	background: var(--color2);
	text-align: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 16px;
	padding-right: 16px;
	color: white;
	height: 40px;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 0px 0px 8px 8px;
}
.section-divider-3 {
	margin: 0 0 20px;
	position: relative;
	overflow: hidden
}

.section-divider-3 .name:after {
	background: var(--color1);
	bottom: 5px;
	content: "";
	height: 2px;
	left: calc(100% + 15px);
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	z-index: 2
}
.section-divider-3 a, .section-divider-3 .name {
	color: var(--color2);
	font-size: 28px;
	line-height: 1.3;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
}
.section-divider-4 {
	margin: 0 0 30px;
	position: relative;
	text-align: center;
	overflow-x: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.section-divider-4 .name:before {
	background: var(--color1);
	top: 50%;
	content: "";
	height: 2px;
	right: calc(100%);
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	z-index: 2
}
.section-divider-4 .name:after {
	background: var(--color1);
	top: 50%;
	content: "";
	height: 2px;
	left: calc(100%);
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	z-index: 2
}
.section-divider-4 a, .section-divider-4 .name {
	color: var(--color2);
	font-size: 15px;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	padding: 12px 28px;
	background: #fff;
	border: 1px solid var(--color1);
	border-radius: 8px;
}
.section-divider-4 a:hover, .section-divider-4 .name:hover {
	background: var(--color2);
	color: white
}
.section-divider-5 {
	margin: 0 0 20px;
	position: relative;
	overflow: hidden
}

.section-divider-5:after {
	background: var(--color2);
	top: 50%;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}
.section-divider-5 a, .section-divider-5 .name {
	background: #EFF2F4;
	color: var(--color2);
	font-size: 24px;
	line-height: 29px;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	padding-right: 15px;
}
.ProductInfo {
	margin-top: 15px;
	position: relative
}
.ProductInfo2 {
	padding: 0;
	margin-bottom: 20px
}
.contextImage {
	margin: 15px 0
}

.Sidebar-ProductLinks .item {
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px
}
.Sidebar-ProductLinks .item:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0
}
#modelInfo {
	padding-bottom: 15px
}
#modelInfo h3 {
	font-weight: 500;
	font-size: 22px;
	line-height: 24px;
	color: #000
}
#modelInfo .current span {
	color: #768696;
	font-size: 12px
}
.Sidebar-ProductLinks .item .entry-meta {
	display: block;
	padding-top: 3px;
}
.Sidebar-ProductLinks .item .entry-meta * {
	color: #768696;
	font-size: 12px
}
.Sidebar-ProductLinks .item .NewsName {
	font-weight: 500;
	line-height: 1.4;
	font-size: 13px;
	word-break: break-word
}
.Sidebar-ProductLinks .item .CreateDate {
	position: relative;
	margin-right: 10px
}
.Sidebar-ProductLinks .item .Visit {
	position: relative
}
.Sidebar-ProductLinks .Picture img {
	display: inline;
	max-height: 95%
}
.Sidebar-ProductLinks .item:hover .NewsName {
	color: var(--color1)
}
.Sidebar-ProductLinks .item .ProductPriceNew {
	color: #ec1c24;
	display: inline-block;
	margin-top: 5px;
	font-weight: 700;
	font-size: 13px
}
.Sidebar-ProductLinks .sidebar-other-product .NewsRelate {
	margin-bottom: 20px
}
.quickSpecs {
	margin: 15px 0 0
}
.quickSpecs #Context {
	padding: 0;
	margin-top: 0
}
.quickSpecs #Context ul {
	padding-left: 0
}
.quickSpecs .Context ul li {
	position: relative;
	color: #434446;
	list-style: none;
	padding: 10px 5px 10px 0;
	border-bottom: 1px solid #D6D6D6
}

.quickSpecs #Context ul li, .quickSpecs #Context ul li * {
	font-size: 16px;
	line-height: 1.5
}
.quickSpecs #Context ul li:hover {
	background: #f8f8f8
}
.ovlarticletips {
	color: var(--color2);
	font-weight: bold;
	background: white;
	padding: 10px;
	width: 100%;
	margin-top: 10px;
	position: relative;
	display: block;
	text-align: center;
}
.ovlarticletips:hover, .ovlarticletips:focus {
	color: var(--color1)
}
.ovlarticletips:before {
	background: rgba(0, 0, 0, 0) -o-linear-gradient(top, rgba(255, 255, 255, 0) 0px, #fff 85%, #fff 100%) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0px, #fff 85%, #fff 100%) repeat scroll 0 0;
	bottom: 100%;
	content: "";
	height: 40px;
	left: 0;
	position: absolute;
	right: 0;
}
.ProductInfo #Context1 {
	margin-top: 10px;
}
.Product #Context1 {
	overflow: hidden
}

#Context1, #Context1 *, .Description * {
	max-width: 100% !important;
	word-break: break-word;
	font-family: inherit !important
}
.Context {
	font-size: 17px;
	line-height: 1.67
}
.Context a, .Description a {
	color: var(--color2);
	font-weight: 500 !important
}
#Context1 ul, #Context1 ol {
	padding-left: 30px !important;
	list-style: auto !important
}
.viewMore {
	border: 1px solid #dedede;
	color: #044e95;
	font-weight: 700;
	font-size: 12px;
	display: table;
	margin: 0 0 10px;
	padding: 5px 10px;
	text-align: center;
	width: 100%;
	background: #F1F1F1
}
.viewMore:hover {
	background: #dedede
}
.viewMore i {
	color: #044e95
}

.Product .ProductMeta .ProductPriceVirtual {
	color: #000;
	font-size: 16px;
	margin-bottom: 0
}
.Product .ProductMeta .ProductPriceNew {
	color: var(--color4);
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 0;
	line-height: 1
}
.Product .ProductMeta .ProductPriceNew .vat-text {
	font-weight: 400;
	font-size: 18px;
	line-height: 27px
}
.Product .ProductMeta .ProductPriceNew sup {
	font-size: 75%;
	margin-left: -5px
}
.Product .ProductPriceBlock .ProductPriceVirtual del {
	font-size: 13px
}
.ProducSavingPercent span {
	background: url("/Image/style-image/sale-bg.png") no-repeat;
	border-radius: 0;
	color: #fff;
	font-weight: 300;
	height: 20px;
	text-align: center;
	width: 47px;
	line-height: 10px;
	white-space: nowrap;
	margin-left: 10px
}
.Product .productinfo-left-inner .ProductSerial {
	background: #ed1c24;
	color: #fff;
	font-weight: bold;
	padding: 3px 10px;
	position: absolute;
	right: 45px;
	top: 5px;
	z-index: 99
}
.promotion-new-box {
	margin-top: 5px
}
.promotion-new-box li, .promotion-new-box a {
	font-size: 14px
}
.promotion-new-box .panel {
	margin-bottom: 15px;
	border-color: var(--color5)
}
.promotion-new-box .panel-heading {
	background-color: var(--color5);
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
	padding-left: 45px;

}
.promotion-new-box .panel-heading:before {
	border-style: solid;
	border-width: 0 5px 5px;
	border-color: transparent transparent #fff;
	height: 10px;
	width: 10px;
	position: absolute;
	bottom: -1px;
	left: 18px;
	content: ""
}
.promotion-new-box .panel-heading i {
	font-size: 18px;
	display: block;
	float: left;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	left: 15px
}
.promotion-new-box .panel-heading small {
	float: right
}
.promotion-new-box .panel-body ul {
	padding-left: 0;
	margin-bottom: 0
}
.promotion-new-box .panel-body {
	font-size: 14px;
	line-height: 1.5
}
.promotion-new-box .panel-body a {
	color: var(--color2);
	font-weight: 500
}
.promotion-new-box .panel-body li {
	position: relative;
	list-style: none;
	padding-left: 25px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #eaeaea
}
.promotion-new-box .panel-body li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none
}
.promotion-new-box .panel-body li:before {
	content: "\F3EC";
	font-family: 'bootstrap-icons';
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	color: #044e95;
}
#Gallerys {}
#Gallerys .owl-thumb-item {
	background: #fff;
	border: medium none;
	margin-bottom: 5px;
	padding: 5px
}
#Product-Picture {
	overflow: hidden;
	padding-right: 10px
}
#Gallery {}
#Product-Picture {
	margin-bottom: 25px;
	max-height: 450px;
	position: relative;
	text-align: center;
	margin-top: 5px;
	overflow: hidden
}
#Product-Picture img {
	max-width: 100%;
	max-height: 380px
}
.flag-product-detail {
	left: 2px;
	position: absolute;
	top: 2px;
	width: 80px !important;
	z-index: 9
}
#Gallery .owl-thumb-item img {
	max-width: 100%
}
#Gallery .owl-thumbs {
	display: table;
	width: 100%;
	text-align: center;
	padding: 2%
}
#Gallery .owl-thumbs:empty {
	display: none
}
#Gallery .owl-thumb-item {
	display: table-cell;
	background: none;
	border: none;
	padding: 5px;
	width: 20%;
	position: relative
}
#Gallerys .owl-thumb-item.active {
	position: relative
}
#Gallerys .owl-thumb-item.active:before {
	border: 2px solid rgba(113, 190, 15, 0.75);
	bottom: 0;
	content: " ";
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.Product #SOCIAL, .ProductInfoVisit {
	display: inline-block;
	width: 100%
}

.ProductBranchPictureDetail img {
	max-height: 25px;
	display: inline
}
.zoomContainer {
	z-index: 99
}
#Product-Left .CreateDate {
	margin: 10px 0;
	border-bottom: 1px solid #ddd;
	color: #333;
	font-size: 13px;
	padding-bottom: 5px
}

.Product .Description {
	font-size: 14px;
	padding: 5px 10px
}
#Product-Right {
	overflow: hidden
}
#Product-Right .NewsName {
	margin-bottom: 5px
}
.Product #Product-Midle .ProductPriceNew {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eaeaea;
	line-height: 30px;
	display: block;
	margin-bottom: 15px
}
.Product #Product-Midle .ProductPriceNew>span {
	font-size: 85%;
	font-family: arial
}
#Product-Order {
	padding: 5px 0
}
.Product .title-quality {
	line-height: 30px
}

.select-box-area {
	margin: 15px 0 20px
}

.select-box-lable {
	font-weight: 700;
	color: var(--color2);
	font-size: 15px;
	line-height: 18px;
}

#OrderQuantity {
	background: #fff;
	font-size: 25px;
	border: none;
	color: var(--color4);
	-webkit-box-shadow: none;
	box-shadow: none;
	line-height: 30px;
	font-weight: 700;
	height: 34px;
	margin: 0;
	max-width: 100%;
	padding: 0;
	text-align: center;
	z-index: 0
}
#item-select-box .spinner-button {
	background: #fff;
	border: none;
	margin: 0;
	text-align: center;
	width: 60px;
	padding: 5px 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 2;
	font-size: 24px;
	color: var(--color2)
}
#item-select-box .spinner-button:focus {
	outline: none !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none
}
#item-select-box .spinner-up {
	top: 0;
}
#item-select-box .spinner-button {
	bottom: 0
}
.spinner-button .fa {
	position: absolute;
	right: 2px;
	top: 0;
	font-size: 13px
}
.select-qty {
	margin-top: 5px
}
#item-select-box .ui-spinner-button:hover {
	background: #ff8a00
}
#item-select-box .ui-spinner-button:hover {
	background: #039
}

.FormByProductGroup ul {
	padding-left: 0
}
.FormByProductGroup li {
	padding: 10px;
	border-bottom: 1px solid #eee;
	vertical-align: middle;
	font: 14px/18px Helvetica, Arial, sans-serif;
	list-style: none;
	padding-left: 15px
}
.aside-inner {
	padding-left: 10px
}
#ProductRelate3 .Home-Product {
	width: 100%
}

/* .ProductRelate2 .ProductRelate #ProductRelate-Right {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	text-align: center
} */
.ProductRelate2 .ProductRelate .Context ul {}
.ProductRelate2 .ProductRelate .Context li {
	position: relative;
	padding-left: 10px;
	line-height: 1.7
}
.ProductRelate2 .ProductRelate .Context li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	height: 4px;
	width: 4px;
	background: var(--color2);
}

.box-border .AsideTitle {
	background: #f5f5f5;
	padding-left: 10px;
	white-space: normal
}
.box-border .AsideTitle, .box-border .AsideTitle a {
	color: #da251c;
	font-size: 16px;
}
/*COVER PRODUCTGROUP*/
.ProductGroupPage {
	background: var(--color3)
}
.ProductGroupPage {
	border-bottom: 1px solid #ddd
}
.ProductGroupPage .banner {
	height: 340px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #495A42;
	position: relative
}
.ProductGroupPage .banner:before {
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	left: 0
}
.ProductGroupPage .banner:before {
	background: rgba(0, 0, 0, 0.3) -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
	background: rgba(0, 0, 0, 0.3) -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(255, 255, 255, 0)));
	background: rgba(0, 0, 0, 0.3) linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%)
}
.ProductGroupPage .banner .container {
	position: relative;
	z-index: 1;
	height: 100%;
	padding-top: 30px
}
.ProductGroupPage .banner .title {
	font-size: 3em;
	color: #333;
	display: block
}
.ProductGroupPage .banner .Description {
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: 300;
	margin: 10px 0 15px;
	max-height: 160px;
	overflow: auto;
}
.ProductGroupPage .banner .Description a {
	color: #fff;
	text-decoration: underline !important
}
.ProductGroupPage #description-type {
	background: transparent;
	padding: 30px 0;
	color: #fff
}
.ProductGroupPage #description-type .meta {
	font-size: 14.5px;
	line-height: 1.6
}
.ProductGroupPage #description-type .meta a {
	font-weight: 700;
	color: #c9392b
}
.ProductGroupPage .AsideTitle4 {
	margin-bottom: 0
}
.ProductGroupPage .AsideTitle4 .name {
	text-transform: none;
	font-size: 20px;
	color: #fff;
	padding-bottom: 10px;
}

#LoadMore, .loadmore {
	background: #fff;
	font-size: 15px;
	line-height: 18px;
	font-weight: 700;
	color: var(--color2);
	border-radius: 8px;
	border: 1px solid var(--color2);
	margin-top: 20px;
	padding: 12px 18px;
	position: relative
}
.loadmore {
	padding-top: 8px;
	padding-bottom: 8px
}
#LoadMore:before, #LoadMore:after, .loadmore:before, .loadmore:after {
	content: "";
	position: absolute;
	height: 1px;
	width: 20px;
	background: var(--color2);
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
#LoadMore:before, .loadmore:before {
	right: 100%;
}
#LoadMore:after, .loadmore:after {
	left: 100%
}
#LoadMore:hover, .loadmore:hover {
	background: var(--color3);
	color: #fff
}
#LoadMore:hover i, .loadmore:hover i {
	color: #fff !important
}
/**/
/*Menu ProductGroup Page*/
.nav-group-page {
	margin-top: 5px;
	margin-bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.nav-group-page:empty {
	display: none
}
.nav-group-page li {
	padding: 7px
}
.nav-group-page li a {
	background: #fff;
	display: block;
	padding: 10px;
	border-radius: 10px;
	width: 100%;
	margin-right: 0;
	border: 1px solid rgba(255, 255, 255, 0.3);
	-webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}
.nav-group-page li.active a, .nav-group-page li a:hover {
	border-color: #fff;
	background: #006ba7
}
.nav-group-page li figure {
	margin-bottom: 0;
	padding-top: 67%;
	position: relative;
	background: #fff;
}
.nav-group-page li figure img {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	max-height: calc(100% - 15px);
	max-width: calc(100% - 15px);
	width: auto !important
}
.nav-group-page li .name {
	display: block;
	text-align: center;
	font-size: 14px
}
/*End Menu ProductGroup Page*/
/*Menu ProductGroup By ProductBrand*/
.nav-brandof {}
.nav-brandof:empty {
	display: none
}
.nav-brandof li {
	margin-top: 2px;
	margin-bottom: 2px
}
.nav-brandof li a {
	color: #fff;
	padding: 5px 20px;
	position: relative;
	font-size: 15px;
	line-height: 27px;
	font-weight: 500
}
.nav-brandof li:not(:last-child) a:before {
	content: "";
	left: 100%;
	height: 60%;
	width: 1px;
	background: #fff;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
/*End Menu ProductGroup By ProductBrand*/
/*Menu ProductFeatured by ProductGroup By ProductBrand*/
.featured-menu-nav {}
.featured-menu-nav li {}
.featured-menu-nav li a {
	color: #fff;
	padding: 5px 10px;
	display: block
}
.featured-menu-nav li a:hover {
	color: yellow
}
/*End Menu ProductFeatured by ProductGroup By ProductBrand*/
#ProductGroup-Ajax {}
.block-category-header {
	border-bottom: 1px solid #dedede;
	line-height: 40px;
	margin-bottom: 15px;
	padding: 0 0 2px
}
.product-title {
	padding: 0;
	margin-top: 5px
}
.product-title.ProductGroupName {
	color: #000;
	display: inline-block;
	font-size: 22px;
	font-weight: 700;
	margin: 0;
	padding: 5px 0;
	text-transform: uppercase
}


#News .Description, #News .Description * {
	font-family: inherit;
	line-height: 1.5;
	word-break: break-word
}
#News .Description iframe[allowfullscreen] {
	width: 100% !important;
	min-height: 55vh
}
@media(max-width:767px) {
	#News .Description iframe[allowfullscreen] {
		height: 67vw;
		min-height: inherit
	}
}
#News .Description ul, #News .Description ol {
	padding-left: 30px
}
#News .Description a {
	color: #DA251C
}
.relative-new {}
.relative-new ul {
	padding-left: 15px;
	margin: 0 0 10px
}
.relative-new ul li {}
.relative-new ul li a {
	color: #6C95E0;
	font-size: 14px;
	font-weight: 400;
	margin: 5px 0
}
.relative-new ul li a:hover {
	color: var(--color1);
	text-decoration: underline
}
.relative-new ul li span {
	margin: 7px 0
}
.News-Meta {
	color: #768696;
	font-size: 14px;
	padding: 5px 0;
	border-width: 1px 0;
	border-style: solid;
	border-color: #e4e7ea;
	margin-bottom: 15px
}
#News figure#Gallery figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	width: 100%;
}
#News figure#Gallery figcaption:empty {
	display: none
}
figcaption .mfp-title {
	color: #333;
	text-align: center
}
#News .contextImage a {
	display: block
}
#News .contextImage img {
	border: 1px solid #dedede;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
	display: block;
	margin: 0 auto;
	min-width: 100%;
	min-height: 100%;
}
.newsRight {
	overflow: hidden;
	padding-left: 15px
}
.NewsRelateSideBar .Picture {
	height: 70px !important
}
.NewsGroupNameSidebar {
	color: #768696;
	font-size: 13px;
	font-weight: 400
}
.NewsGroupNameSidebar a {
	color: #DA251C;
	font-size: 13px;
	font-weight: 400
}
.NewsRelateSideBar .NewsName h4, .sidebar-other-product .NewsRelate .NewsName h4 {
	margin: 0;
	font-weight: 500 !important
}
#News .Home-Prodict-Slide {
	margin-left: -15px;
	margin-right: -15px
}
#NewsGroup .NewsGroup a:hover .Picture:before, .topNewsOrderByVisit .NewsRelate a:hover .Picture:before, .other-product .NewsRelate a:hover .Picture:before, .ProductGroup a:hover .Picture:before, .CustomerGroup:hover .Picture:before {
	-webkit-box-shadow: 0 0 0 3px var(--color1) inset, 0 0 100px rgba(0, 0, 0, 0.7) inset !important;
	box-shadow: 0 0 0 3px var(--color1) inset, 0 0 100px rgba(0, 0, 0, 0.7) inset !important;
	-o-transition: all 300ms ease 100ms;
	transition: all 300ms ease 100ms;
	-moz-transition: all 300ms ease 100ms;
	-webkit-transition: all 300ms ease 100ms
}
#NewsGroup .NewsGroup a:hover h3, .topNewsOrderByVisit .NewsRelate a:hover .NewsName h4, .other-product .NewsRelate a:hover .NewsName h4, .ProductGroup a:hover h3, .CustomerGroup:hover h3 * {
	color: var(--color1);
	-o-transition: all 300ms ease 100ms;
	transition: all 300ms ease 100ms;
	-moz-transition: all 300ms ease 100ms;
	-webkit-transition: all 300ms ease 100ms
}
.Context table {
	table-layout: auto;
	width: 100% !important;
	max-width: 100% !important
}
.Context table td {
	padding: 8px 5px !important;
	text-align: left;
	white-space: normal;
	width: auto !important
}
#Context1 a {
	color: var(--color2);
	font-weight: 500 !important
}

#Comment {
	margin-bottom: 0
}



.latestNews a {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 3px;
	display: block;
	word-break: break-word
}
.latestNews a:hover {
	color: #DA251C
}
.latestNews>div {
	margin-bottom: 20px
}
.latestNews .CreateDate {
	background: url("/Image/style-image/clock.png") no-repeat scroll 0 2px;
	content: "";
	display: block;
	font-size: 12px;
	padding-left: 18px;
	position: relative;
	top: 2px
}



.items-bottom-video .item-popup-youtube {
	margin-bottom: 15px;
	padding-bottom: 15px
}
.item-yt figure::before {
	background: rgba(0, 0, 0, 0) -o-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1))) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 1
}
.item-yt:hover figure:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: rgba(0, 0, 0, 0.5)
}
.item-yt figure:after {
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}
.item-yt figure:after {
	background: rgba(0, 0, 0, 0) url("/Image/style-image/play-button.svg") no-repeat scroll center center/35px auto;
	content: "";
	height: 40px;
	left: 50%;
	line-height: 40px;
	padding-left: 3px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 40px;
	z-index: 1
}
.item-yt-lg figure:after {
	background-size: 50px auto;
	height: 50px;
	line-height: 50px;
	width: 50px
}
.item-popup-youtube .popup-youtube {
	background-color: var(--color1) !important;
	background: var(--color1) !important;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	padding: 0;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	z-index: 10
}
.item-popup-youtube .popup-youtube {
	left: 10px;
	position: absolute;
	top: 2px
}
.item-popup-youtube .popup-youtube {
	display: inline-block;
	text-align: center;
	padding: 5px 10px !important;
	visibility: hidden
}
.item-popup-youtube .popup-youtube~a {
	pointer-events: none
}
.item-popup-youtube figure {
	pointer-events: none
}
.item-popup-youtube:hover .popup-youtube {
	visibility: visible
}
#NewsGroup .NewsGroup:hover .share {
	display: block;
	position: absolute;
	top: 35%;
	left: 17px
}
#NewsGroup .NewsGroup-Lg:hover .share {
	display: block;
	position: absolute;
	top: 43%;
	left: 63px
}
.NewsGroupFather .NewsGroup:hover .share {
	top: 41% !important
}
.News-Slider {}
.News-Slider #carousel-news-slider {
	width: 100% !important
}
.News-Slider .carousel-title-indicators li {
	padding-top: 8.5px;
	padding-bottom: 8.5px;
	border-bottom: 1px solid #C7C9CB;
	cursor: pointer
}

.News-Slider .carousel-title-indicators li .group-name {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.News-Slider .carousel-title-indicators li .news-name {
	position: relative;
	padding-left: 30px
}

.News-Slider .carousel-title-indicators li .news-name:before {
	color: var(--color3);
	font-family: 'bootstrap-icons';
	content: "\F231";
	position: absolute;
	text-align: left;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 15px;
	width: 15px
}
.News-Slider .carousel-title-indicators li.active, .widget_news-slider .carousel-title-indicators li.active {
	background: var(--color2);
	color: #ffffff;
	position: relative
}
.News-Slider .carousel-inner .Description * {
	font-family: inherit !important;
	font-size: 16px !important;
	font-weight: 400 !important
}
.News-Slider .carousel-indicators, .widget_news-slider .carousel-indicators {
	bottom: -3px;
	display: none
}
.News-Slider .news-ticker-wrap, .widget_news-ticker .news-ticker-wrap {
	height: 34px;
	overflow-y: hidden
}
.News-Slider ul, .widget_news-ticker ul {
	color: #777777;
	list-style: outside none none;
	margin: 0;
	padding: 0
}
.News-Slider ul:hover, .widget_news-ticker ul:hover {
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}
.News-Slider li, .widget_news-ticker li {
	line-height: 1.3
}

.News-Slider a:hover, .widget_news-ticker a:hover, .News-Slider a:focus, .widget_news-ticker a:focus {
	color: #CE0013
}

.News-Slider .carousel-entry .entry-content, .widget_news-slider .carousel-entry .entry-content, .News-Slider .carousel-entry .entry-excerpt, .widget_news-slider .carousel-entry .entry-excerpt {
	color: #999999;
	margin-bottom: 10px;
	max-height: 60px;
	overflow: hidden
}
.News-Slider .carousel-entry .cat-links, .widget_news-slider .carousel-entry .cat-links {
	background: #CE0013;
	color: #ffffff;
	left: 0;
	padding: 5px 15px;
	position: absolute;
	top: 0
}
.News-Slider .carousel-entry .cat-links a, .widget_news-slider .carousel-entry .cat-links a {
	color: #ffffff;
	font-size: 13px;
	font-weight: 300;
	text-transform: uppercase
}
.News-Slider .carousel-entry .entry-title, .widget_news-slider .carousel-entry .entry-title {
	font-size: 24px;
	margin: 10px 0
}

/* CUSTOMER DETAIL PAGE */
.Custome .heading-group-name {}
.Custome .heading-group-name .name {
	text-shadow: 0px 2px 3px #00000029
}
/*MENU ASIDE CUSTOMER*/
.menu-group-customer>ul {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
}
.menu-group-customer>ul ul:empty {
	display: none
}
.menu-group-customer>ul ul {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	margin-top: 15px;
	margin-bottom: 0
}
.menu-group-customer ul li a>.name {
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	color: #333;
	position: relative;
	background: #EFF2F4;
	display: inline-block;
	z-index: 1;
	padding-right: 5px;
}
.menu-group-customer ul li a:hover, .menu-group-customer ul li a:hover>span, .menu-group-customer>ul>li.active>a>span, .menu-group-customer>ul>li.active>a:before {
	color: var(--color2) !important
}
.menu-group-customer ul li {
	position: relative
}
.menu-group-customer>ul>li>a {
	position: relative;
	background: #EFF2F4;
	display: block;
	z-index: 1;
	padding-right: 5px;
}
.menu-group-customer ul li label {
	color: #333
}
.menu-group-customer>ul>li>a:before {
	content: "\F231";
	position: absolute;
	right: 0px;
	top: 3px;
	height: 20px;
	width: 15px;
	background: #EFF2F4;
	font-family: 'bootstrap-icons';
	z-index: 1;
	color: var(--color3)
}
.menu-group-customer>ul>li.active>a:before {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.menu-group-customer>ul>li>a:after {
	content: "";
	position: absolute;
	right: 0;
	top: calc(100% - 8px);
	height: 1px;
	width: 100%;
	background: #D6D6D6;
}
.menu-group-customer>ul>li .form-check {
	padding-left: 10px
}
.menu-group-customer>ul>li .form-check-label {
	position: relative;
	padding-left: 16px;
	text-align: left
}
.menu-group-customer>ul>li .form-check-label:hover, .menu-group-customer .btn-check:checked+.form-check-label {
	color: var(--color2) !important
}
.menu-group-customer>ul>li ul .form-check-label:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 7px;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background: var(--color2);
	z-index: 1;
}
/* OLW SLIDE NEWS TIN SAN PHAM */
.owl-news-post.control-nav-haft-outsite .owl-prev:after, .owl-news-post.control-nav-haft-outsite .owl-next:after {
	border-color: transparent !important
}
.owl-news-post.control-dots {}
/* OLW SLIDE BANNER PAGE PRODUCT BRANCH */
.banner-show-branch .owl-wrapper {
	padding-top: calc(257 / 1180 * 100%);
	position: relative;
	overflow: hidden
}
/* .banner-show-branch .owl-wrapper:before {
	content: "";
	background: rgba(0, 0, 0, 0.2);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3
} */
.banner-show-branch .owl-carousel {
	background: #EFF2F4;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 8px
}

.banner-show-branch .owl-carousel .owl-item img {
	width: auto !important;
	max-width: 100%;
	max-height: 100%;
	min-height: 100%;
	min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	margin: 0 auto;
}
.banner-show-branch .owl-carousel .slide-description {
	position: absolute;
	top: 50%;
	left: 30px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	max-height: calc(calc(257 / 1180 * 100%) - 30);
	max-width: 25%;
	color: #fff;
	overflow: auto;
	text-align: justify;
	font-weight: 300
}

/* ABOUT US PAGE */
.menu-info-company {}
.menu-info-company>ul {}

.menu-info-company>ul>li {
	overflow: hidden;
	margin-bottom: 20px;
	background-color: white;
	border-radius: 8px;
	border: 1px solid #cecece
}
.menu-info-company>ul>li>a {
	background: var(--color2);
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 10px;
	color: #fff;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: 0px 2px 3px #00000029;
	position: relative;
	overflow: hidden;
	border-radius: 5px 5px 0 0;
}
.menu-info-company>ul>li>a:before {
	content: '';
	top: calc(100% - 4px);
	left: 0;
	width: 100%;
	height: 4px;
	background-color: var(--color1);
	position: absolute
}
.menu-info-company>ul>li>a:hover {
	color: var(--color1)
}
.menu-info-company>ul>li>ul {
	padding: 1rem
}
.menu-info-company>ul>li>ul li:not(:last-child) {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #d6d6d6
}
.menu-info-company>ul>li>ul li a {
	position: relative;
	padding-left: 20px;
	font-size: 15px;
	line-height: 18px;
	color: #434446
}
.menu-info-company>ul>li>ul li a:before {
	content: "\F231";
	position: absolute;
	left: 0;
	height: 10px;
	width: 10px;
	font-family: 'bootstrap-icons';
	color: var(--color2);
	top: 0
}
.menu-info-company>ul>li>ul li a:hover {
	color: var(--color2)
}
/* FORM THÔNG TIN Gpvp */
.warehouse-template-list {
	padding-left: 0 !important
}
.warehouse-template-list li {
	font-weight: 500;
	margin-bottom: 3px;
	padding-bottom: 3px;
}
.warehouse-template-list li strong {
	font-weight: 300 !important;
	position: relative;
	padding-left: 25px;
}
.warehouse-template-list li strong:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 25px;
	height: 25px;
	font-family: "bootstrap-icons";
	color: var(--color2);
	font-weight: 700;
	font-size: 15px;
}
.warehouse-template-list li.warehouse-tel strong:before {
	content: "\F5BC"
}
.warehouse-template-list li.warehouse-contact strong:before {
	content: "\F4D7"
}
.warehouse-template-list li.warehouse-openning strong:before {
	content: "\F102"
}
.warehouse-template-list li.warehouse-address strong:before {
	content: "\F3E8"
}
.warehouse-template-list li.warehouse-houses strong:before {
	content: "\F8C6"
}
.warehouse-template-list li.warehouse-calendar strong:before {
	content: "\F215"
}
/* trang san pham */
.ProductFilterByBranch .form-check-label {
	color: var(--color1)
}
.ProductFilterByBranchHeading {
	position: relative;
	background: #EFF2F4;
	display: block;
	z-index: 1;
	padding-right: 5px;
}
.ProductFilterByBranchHeading .name {
	font-size: 18px;
	font-weight: 500;
	line-height: 27px;
	color: var(--color1);
	position: relative;
	background: #EFF2F4;
	display: inline-block;
	z-index: 1;
	padding-right: 5px;
}
.ProductFilterByBranchHeading:before {
	content: "\F231";
	position: absolute;
	right: 0px;
	top: 3px;
	height: 20px;
	width: 15px;
	background: #EFF2F4;
	font-family: 'bootstrap-icons';
	z-index: 1;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	color: var(--color4) !important;
}
.ProductFilterByBranchHeading:after {
	content: "";
	position: absolute;
	right: 0;
	top: calc(100% - 8px);
	height: 1px;
	width: 100%;
	background: #D6D6D6;
}
/*bk*/
.bk-btn-box {
	display: flex;
	flex-direction: column
}
.bk-btn-box button {
	width: 100%
}

/* FILTER TÍNH NĂNG SẢN PHẨM */
#filters__block {
	margin-top: 8px;
	padding-bottom: 8px
}
#filters__block .form-label {
	font-weight: 700;
	color: var(--color1_2024);
	text-transform: uppercase
}
.filters .filter-group[filterby] .dropdown-toggle {
	background: var(--color1_2024);
	color: white !important
}