@font-face {
	font-family: 'RobotoRegular';
	src: url('fonts/RobotoRegular.eot');
	src: url('fonts/RobotoRegular.eot') format('embedded-opentype'), url('fonts/RobotoRegular.woff2') format('woff2'),
		url('fonts/RobotoRegular.woff') format('woff'), url('fonts/RobotoRegular.ttf') format('truetype'),
		url('fonts/RobotoRegular.svg#RobotoRegular') format('svg');
	font-display: swap;
}
@font-face {
	font-family: 'RobotoBlack';
	src: url('fonts/RobotoBlack.eot');
	src: url('fonts/RobotoBlack.eot') format('embedded-opentype'), url('fonts/RobotoBlack.woff2') format('woff2'),
		url('fonts/RobotoBlack.woff') format('woff'), url('fonts/RobotoBlack.ttf') format('truetype'),
		url('fonts/RobotoBlack.svg#RobotoBlack') format('svg');
	font-display: swap;
}
@font-face {
	font-family: 'RobotoMedium';
	src: url('fonts/RobotoMedium.eot');
	src: url('fonts/RobotoMedium.eot') format('embedded-opentype'), url('fonts/RobotoMedium.woff2') format('woff2'),
		url('fonts/RobotoMedium.woff') format('woff'), url('fonts/RobotoMedium.ttf') format('truetype'),
		url('fonts/RobotoMedium.svg#RobotoMedium') format('svg');
	font-display: swap;
}
@font-face {
	font-family: 'RobotoBold';
	src: url('fonts/RobotoBold.eot');
	src: url('fonts/RobotoBold.eot') format('embedded-opentype'), url('fonts/RobotoBold.woff2') format('woff2'),
		url('fonts/RobotoBold.woff') format('woff'), url('fonts/RobotoBold.ttf') format('truetype'),
		url('fonts/RobotoBold.svg#RobotoBold') format('svg');
	font-display: swap;
}
@font-face {
	font-family: 'RobotoItalic';
	src: url('fonts/Roboto-Italic.eot');
	src: url('fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
		url('fonts/Roboto-Italic.woff2') format('woff2'), url('fonts/Roboto-Italic.woff') format('woff'),
		url('fonts/Roboto-Italic.ttf') format('truetype'), url('fonts/Roboto-Italic.svg#Roboto-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'glyphiconshalflingsregular';
	src: url('fonts/glyphiconshalflingsregular.eot');
	src: url('fonts/glyphiconshalflingsregular.eot') format('embedded-opentype'),
		url('fonts/glyphiconshalflingsregular.woff2') format('woff2'),
		url('fonts/glyphiconshalflingsregular.woff') format('woff'),
		url('fonts/glyphiconshalflingsregular.ttf') format('truetype'),
		url('fonts/glyphiconshalflingsregular.svg#glyphiconshalflingsregular') format('svg');
	font-display: swap;
}
.p-relative {
	position: relative;
}
.mt-0 {
	margin-top: 0px !important;
}
#toc-content ul li,
#toc-content ul {
	padding: revert;
}
.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'glyphiconshalflingsregular';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.text-red {
	color: red;
}
.btnMore {
	width: 340px;
	margin: 20px auto;
	font: 14px / 40px var(--regular);
	color: #333;
	text-align: center;
	background: #fff;
	border-radius: 30px;
	cursor: pointer;
	display: block;
}

.view-detail {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	text-align: center;
	height: 105px;
	background: linear-gradient(to bottom, rgba(255 255 255/0), rgba(255 255 255/62.5), rgba(255 255 255/1));
}

.view-detail p {
	width: 135px;
	margin: 20px auto 0;
	font: 14px/40px var(--medium);
	color: var(--hover__text);
	text-align: center;
	border: 1px solid var(--hover__background);
	background: #fff;
	border-radius: 30px;
	cursor: pointer;
}

.btnMore:hover {
	background: var(--hover__background) !important;
	color: #fff;
}
.errorVideo {
	display: none;
	font-family: var(--bold);
}
.w-clear:after {
	display: block;
	content: '';
	clear: both;
}
span.sub {
	display: inline-block !important;
	width: auto !important;
	padding-left: 3px;
}
.ra-20 {
	border-radius: 20px;
	overflow: hidden;
}
.ra-20 img {
	border-radius: 20px;
}
/*header*/
.cover-head {
	padding: 10px 0px;
	background: #2a83e9;
	color: #b3b3b7;
}

.address-head {
	position: relative;
	z-index: 999;
	background: #136dd4;
	color: #fff;
	border-radius: 5px;
	padding: 1px 10px 1px 10px;
	cursor: pointer;
	font-size: 13px;
}
.show {
	padding-right: 30px;
}
.address-head > .show:after {
	content: '';
	position: absolute;
	background-color: #fff;
	width: 10px;
	height: 6px;
	top: 19px;
	right: 10px;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.address-head strong {
	font-family: var(--bold);
}
.address-head ul {
	position: absolute;
	width: 100%;
	background: #136dd4;
	left: 0px;
	top: 100%;
	padding: 5px 10px;
	border-top: 1px solid #105fba;
	border-radius: 5px;
}
.address-head ul li a:hover {
	color: #ff0;
}

.menu-head {
	display: flex;
	padding: 10px 0px;
	align-items: center;
	color: #fff;
}
.menu-head li {
	padding: 0px 5px;
	position: relative;
}
.menu-head li ul {
	position: absolute;
	z-index: 9999;
	left: 0px;
	top: 100%;
	width: 150px;
	background: #000;
	padding: 5px;
	display: none;
}
.menu-head li:hover ul {
	display: block;
}
.menu-head li ul li {
	padding: 5px;
}
.menu-head li ul li::after {
	display: none;
}
.menu-head li a:hover {
	color: #fff;
}
.menu-head li a i {
	color: #fff;
	margin-right: 5px;
}
.menu-head li span {
	display: block;
	width: 1px;
	height: 14px;
	background: #b3b3b7;
}
.menu-head li:last-child:after {
	display: none;
}
.box-head {
	padding: 0px 0 10px;
}
.box-head .bars {
	display: none;
	width: 35px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 30px;
	cursor: pointer;
}
.open-nav-mobile-des i.fa.fa-bars {
	color: #fff;
}
.box-head .search {
	position: relative;
	width: 100%;
	max-width: 390px;
	height: 40px;
	background: #fff;
	padding: 0 10px;
	align-items: center;
	border-radius: 5px;
}
.box-head .search input {
	width: 100%;
	color: #666;
	background: none;
	border: none;
	font-style: italic;
}
.box-head .search i {
	font-size: 16px;
	cursor: pointer;
	color: #666;
}
.box-head .branch {
	max-width: 220px;
}
.box-head .branch select {
	cursor: pointer;
	border-color: #5f5f5f;
}
.box-head .hotline {
	background: url(../../images/phone.png) no-repeat left center;
	padding: 5px 0px 5px 50px;
}

.box-head .hotline span {
	color: #fff;
}
.box-head .search .autocomplete {
	position: absolute;
	top: 100%;
	left: 0px;
	width: 100%;
	max-height: 400px;
	background: #fff;
	z-index: 999;
	display: none;
	overflow: auto;
	z-index: 99999;
}
.info-autosearch {
	width: 100%;
	padding: 7px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #dddddd;
	font-size: 14px;
}
.total-autosearch {
	margin: 0px;
}
.close-autosearch {
	background: red;
	display: inline-block;
	vertical-align: top;
	color: #fff !important;
	padding: 3px 8px;
	border-radius: 3px;
	cursor: pointer;
}
.itemSearch-category {
	padding: 10px;
	font-size: 14px;
	text-transform: uppercase;
	border: 1px solid #ddd;
	margin-bottom: -1px;
}
.itemSearch-category .name .seeMore {
	margin-left: 10px;
	font: 14px var(--regular);
	color: var(--hover__text);
	text-transform: none;
}
.itemSearch-category .name .seeMore:hover {
	color: blue;
}
.itemSearch .info {
	text-transform: capitalize;
}
.itemSearch .info .name {
	font-size: 14px;
	font-weight: 600;
	font-family: Arial !important;
	color: #333333;
}
.itemSearch .info .price {
	text-transform: none;
	color: red;
}

.box-head .login {
	background: url(../../images/login.png) no-repeat 10px center #136dd4;
	padding: 1px 10px 1px 45px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	font-size: 13px;
}
.box-head .login a,
.toolDetailFixed a {
	display: block;
}
.login-nav {
	background: url(../../images/login.png) no-repeat left center;
	background-size: 35px;
	padding: 5px 0px 5px 38px;
}

.box-head .cart {
	background: url(../../images/cart.png) no-repeat 10px center #136dd4;
	padding: 1px 10px 1px 45px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	font-size: 13px;
}

.cart-nav {
	background: url(../../images/cart.png) no-repeat left center;
	background-size: 35px;
	padding: 5px 0px 5px 38px;
}

.box-head .cart span {
	color: #fff;
}

.cart-nav span {
	color: #fff;
}
.logo-menu {
	display: none;
}
/*menu*/
.cover-menu {
	width: calc(100% - 230px);
}
.cover-menu.menu-fix {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	transition: all 1s;
	z-index: 99;
}
.nav-menu {
	display: block !important;
	padding: 10px 0px;
}
.menu ul {
	position: relative;
	align-items: center;
}
.menu ul li {
	position: relative;
	z-index: 99;
}
.menu ul li.r-menu ul {
	right: 0px;
}
.menu ul li a {
	position: relative;
	color: #fff;
	z-index: 1;
	font-size: 14px;
}
.menu ul li a span {
	display: inline-block;
	margin-right: 5px;
	max-width: 20px;
}
.menu ul li a span img {
	filter: brightness(0) invert(1);
	-webkit-filter: brightness(0) invert(1);
}
.menu ul li a strong {
	font-weight: normal;
}
.menu ul li ul {
	position: absolute;
	min-width: 200px;
	background: #fff;
	border: 1px solid #ddd;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
}
.menu ul li ul.active {
	opacity: 1;
	visibility: visible;
	transition: all 0.5s;
}
.menu ul li ul li {
	position: static;
	padding: 5px 10px;
}
.menu ul li ul li a {
	position: relative;
	padding: 0;
	color: var(--color__text);
	text-transform: none;
	text-align: left;
}
.menu > ul > li > ul > li > a.hasArrows::after,
.menu > ul > li > ul > li > ul > li > a.hasArrows::after {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	height: 100%;
	content: '\f105';
	font: var(--awesome__font);
	font-size: 14px;
	color: var(--color__text);
}
.menu ul li ul li ul {
	top: -1px;
	left: 100%;
	min-height: 100%;
}
.menu ul li.r-menu ul li ul {
	top: -1px;
	right: 100% !important;
	left: inherit;
	min-height: 100%;
}

.menu ul li a:hover,
.menu ul li a.active {
	color: var(--hover__text);
}
.nav-menu-mobile {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 80%;
	left: -80%;
	height: 100%;
	background: #fff;
	padding-bottom: 80px;
	overflow-y: auto;
	z-index: 999;
	transition: all 0.5s;
}
.nav-menu-mobile.active {
	left: 0px;
}
.nav-menu-mobile ul li p {
	padding: 9px 10px;
	display: block;
	border-bottom: 1px solid #efefef;
}
.nav-menu-mobile ul li p a {
	float: left;
	color: #4c4c4c;
	text-transform: capitalize;
	font-size: 15px;
	font-family: var(--regular);
}
.nav-menu-mobile ul li p i {
	float: right;
	cursor: pointer;
	font-size: 12px;
	color: #444444;
	margin: 3px 0px 0px 0px;
}
.nav-menu-mobile ul li.item-login {
	background: #2a83e9;
}
.nav-menu-mobile ul li.item-login a {
	color: #fff;
}
.nav-menu-mobile ul li ul {
	display: none;
}

.nav-menu-mobile ul li ul ul {
	display: block;
}

.nav-menu-mobile ul li ul strong {
	text-align: right;
	font-size: 14px;
	font-family: var(--bold);
	color: red;
	text-transform: capitalize;
	padding: 9px 25px;
	display: block;
	border-bottom: 1px solid #efefef;
}
.nav-menu-mobile ul li ul li p {
	padding: 9px 25px;
}
.nav-menu-mobile ul li ul li p a {
	color: #2a83e9;
	font-size: 14px;
}
.icon-sp {
	text-align: left;
	margin-bottom: 5px;
	height: 21px;
}
/* .nav-menu-mobile ul li ul li ul li p {
	padding: 9px 45px;
} */
.nav-menu-mobile ul li ul li ul li ul li p {
	padding-left: 60px;
}
.nav-menu-mobile ul li ul li ul li p a {
	color: #333333;
}

.special-ul > li > ul {
	align-items: flex-start;
	min-width: 700px !important;
	min-height: 100%;
}
.special-ul li ul > li > a {
	font: 15px var(--bold);
}
.special-ul li ul > li > a.text-lv4 {
	font: 14px var(--regular);
	padding: 5px 10px;
}
.special-ul li ul > li > ul {
	position: static;
	opacity: 1;
	visibility: visible;
}

/*title*/

.title-km {
	position: relative;
	margin-bottom: 10px;
	font: var(--font__title);
	border-radius: 30px 30px 0px 30px;
	border-bottom: 1px solid #f00;
}
.title-km span {
	position: relative;
	display: inline-block;
	background: #f00;
	padding: 7px 10px;
	color: #fff;
	border-radius: 30px;
}

.title {
	position: relative;
	margin-bottom: 10px;
	font: var(--font__title);
	border-bottom: 1px solid #000;
	text-transform: uppercase;
}
.title span {
	position: relative;
	display: inline-block;
	color: #333;
}
.title-index {
	margin-bottom: 10px;
	font: 32px var(--bold);
	color: var(--hover__background);
	text-transform: uppercase;
	text-align: center;
}
.flex-title {
	display: flex;
	justify-content: start;
	align-items: center;
}
.title-category h2,
.title-category span {
	background-repeat: no-repeat;
	background-position: left 0px center;
	background-size: auto 30px;
	font-size: 20px;
	font-family: 'RobotoBold';
}

.title-postIns {
	background: var(--color__background);
	padding: 5px 10px;
	font: 15px var(--title__font);
	color: #fff;
	text-transform: uppercase;
}

/* Swiper */
.row-sl {
	margin-right: 10px;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(var(--bs-gutter-y) * -1);
	margin-right: calc(var(--bs-gutter-x) * -0.5);
	margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.flex-nowrap {
	flex-wrap: nowrap !important;
}
.col-sl {
	flex: 1 0 0%;
}
.gutter-x-10 {
	margin-right: 10px;
}
/* Swipper */
.slideshow {
	position: relative;
}
.slider-thumb {
	margin-top: -100px;
}
.slider-thumb .container {
	position: relative;
}

.sl-thumb {
	flex: 0 0 auto;
	width: calc(50% - 5px);
	margin-right: 10px;
}
.sl-thumb img {
	border-radius: 10px;
	overflow: hidden;
}
.swiper .swiper-wrapper {
	width: inherit;
	height: inherit;
}
.swiper.swiper-initialized .swiper-wrapper {
	margin: 0;
	width: 100%;
	height: 100%;
}
.swiper.swiper-initialized .swiper-slide {
	padding: 0;
	margin: 0px;
	overflow: hidden;
}

.cover-slider {
	position: relative;
}
.cover-index {
	margin: 5px 0;
}
.box-slider {
	width: 100%;
}
.box-slider img {
	width: 100%;
}
.slider .name {
	margin: 5px;
	font: 14px var(--regular);
	text-align: center;
	cursor: pointer;
	background: #f0f5fa;
	text-align: center;
	padding: 10px 5px;
	border-radius: 10px;
}
.slider .name:hover,
.slider .name.slick-current.slick-active {
	color: var(--hover__text);
	font-family: var(--bold);
}
.tech-news {
	padding-left: 5px;
}
.item-techNews .info {
	width: calc(100% - 80px);
}
.item-techNews .info .name {
	font: 14px/1.2 var(--regular);
}
.item-techNews .info .box {
	margin-top: 3px;
	font-size: 14px;
	color: #4c4c4c;
}
.item-techNews .info .box .view {
	margin-left: 20px;
	color: var(--hover__text);
}
.item-techNews .info .box i {
	margin-right: 5px;
	font-size: 15px;
}
.item-techNews img {
	border-radius: 10px;
}
.item-bannerIndex {
	margin-top: 3px;
}
/* News */
.title-category {
	margin-bottom: 20px;
}
.cover-news {
	background: #fff;
	padding: 20px;
	border-radius: 10px;
}

.grid-news {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(3, 1fr);
}
.item-news-sale a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.item-news-sale a .img {
	width: 105px;
	border-radius: 5px;
	border: 1px solid #f1f1f1;
}

.info-news h2 {
	text-transform: uppercase;
}

.grid-news-3 {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: 20px;
}
.item-news img {
	border: 1px solid #f1f1f1;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}
.item-news .info-news h2 {
	font-family: var(--bold) !important;
}
.new-main {
	position: relative;
	margin-bottom: 10px;
}

.new-main .line-news {
	width: calc(100% - 115px);
}

.new-main .container {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: start;
}
.new-main .container:after {
	content: '';
	position: absolute;
	left: 0px;
	top: -1px;
	width: 30px;
	border-top: 1px solid #fff;
}
.new-main span {
	background: #d4252a;
	color: #fff;
	width: 95px;
	display: inline-block;
	text-align: center;
	font: 15px var(--bold);
	padding: 8px 0px;
	border-radius: 20px 0px 0px 20px;
	clip-path: polygon(0 0, 100% 0, 84% 100%, 0% 100%);
	margin-right: 20px;
}
.new-main a {
	display: inline-block;
	padding: 0px 10px;
	position: relative;
}
.new-main a:after {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	background: #f00;
	border-radius: 50%;
	left: -2px;
	top: 8px;
}
/* Post tools */

.flex-1 {
	display: flex;
	justify-content: space-between;
	align-items: start;
}

.gr-news-l {
	width: 63%;
}
.gr-news-r {
	width: 35%;
}
.tt-news {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.tt-news h2,
.tt-news p {
	font-family: 'RobotoBold';
	font-size: 20px;
}
.tt-news a {
	color: #f16225;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
}
.view-all {
	background: #2a83e9;
	border: 1px solid #2a83e9;
	color: #fff;
	padding: 10px 0px;
	text-align: center;
	border-radius: 8px;
	text-transform: uppercase;
	transition: 0.3s ease-out;
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	overflow: hidden;
	margin: 20px auto;
	display: block;
	width: 125px;
}
.view-all.mg-auto {
	margin: 20px auto 0px;
	display: block;
	width: 130px;
	text-align: center;
}
.grid-cat-new {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}

.flex-2 {
	margin-top: 20px;
}

.grid-sale {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}
.info-news-sale {
	margin-top: 10px;
}

.info-news-sale h3,
.info-news-sale h2 {
	font-size: 15px;
	font-weight: 600;
}
.view,
.date {
	margin-top: 10px;
	font-size: 13px;
	color: #888;
}
.grid-sale2 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}
.item-news-sale {
	position: relative;
}
.item-news-sale .info-news {
	width: calc(100% - 120px);
}
.item-news-sale img {
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
}
.info-news-sale-1 {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: #00000080;
	padding: 10px;
	border-radius: 0px 0px 10px 10px;
}
.info-news-sale-1 .name {
	color: #fff;
}
.info-news-sale-1 .view {
	color: #fff;
}
.post-nav-category {
	border-bottom: 1px solid #ededed;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.post-nav-category ul {
	position: relative;
	align-items: center;
}
.post-nav-category ul li {
	position: relative;
	z-index: 99;
	margin: 5px;
}
.post-nav-category ul li a {
	position: relative;
	padding: 5px 10px;
	color: #333333;
	z-index: 1;
	border: 1px solid #ededed;
	border-radius: 20px;
}
.post-nav-category ul li.active a {
	border: 1px solid #333;
}

.category-right li {
	display: inline-block;
}
.post-nav-category ul li ul {
	position: absolute;
	min-width: 200px;
	background: #eeeeee;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 5px 0px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
}
.post-nav-category ul li:hover > ul {
	opacity: 1;
	visibility: visible;
	transition: all 0.5s;
}
.post-nav-category ul li ul li {
	position: static;
	padding: 5px 10px;
}
.post-nav-category ul li ul li a {
	position: relative;
	padding: 0;
	color: var(--color__text);
}
.post-nav-category > ul > li > ul > li > a:after {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	height: 100%;
	content: '\f105';
	font: var(--awesome__font);
	font-size: 14px;
	color: var(--color__text);
	opacity: 0;
}
.post-nav-category ul li ul li ul {
	top: -1px;
	left: 100%;
}
.post-nav-category ul li a:hover,
.post-nav-category ul li a.active {
	color: var(--hover__text);
	text-decoration: underline;
}

/*item*/
.flex-pro-over {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
}

.item-product {
	position: relative;
	width: var(--item__width);
	white-space: normal;
	margin: 5px var(--item__margin);
	padding: 10px !important;
	text-align: center;
	background: #fff;
	box-shadow: 0px 0px 5px #aeabab;
	border-radius: 5px;
}
.item-product-inline-block {
	display: inline-block;
	width: auto;
	margin: 3px;
}
.item-product-w {
	width: auto;
}
.item-product-deal {
	width: 100%;
	background: #ffffff;
	display: flex;
	justify-content: flex-start;
	align-items: start;
}
.item-product-deal .info .percent {
	display: none !important;
}
.item-product-deal .img {
	margin-right: 10px;
	max-width: 150px;
	border-radius: 5px;
	overflow: hidden;
}
.item-product-deal .start-rating {
	display: none;
}
.item-product .start-rating {
	text-align: left;
	margin-top: 5px;
}
.item-product .start-rating span {
	color: #999;
}
.item-product .info {
	padding: 10px 0 0;
}
.item-product-deal .info {
	height: auto;
	padding: 0px 0;
}

.item-product .info .new {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 40px;
	height: 40px;
}
.item-product .info .percent {
	font: 14px var(--bold);
	color: #136dd4;
	margin-left: 15px;
	background: #f1f1f1;
	border-radius: 5px;
	padding: 5px;
}
.item-product .info .name {
	height: 40px;
	font: 14px var(--regular);
	text-align: left;
}
.item-product .info .price {
	margin-top: 5px;
	text-align: left;
	height: 55px;
	overflow: hidden;
}

.item-product .info .price .new-price {
	color: #d0021c;
	font-family: var(--bold);
	margin-right: 5px;
	font-size: 18px;
}
.item-product .info .price .old-price {
	color: #a4a4a4;
	text-decoration: line-through;
}
.item-product .info .checktitle {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1;
	color: #fff;
	font-size: 14px;
	padding: 2px 8px;
	text-transform: capitalize;
	background-color: var(--hover__background);
}
.item-product .info .checkout {
	margin-top: 0.5rem;
}
.item-product .info .checkout a {
	color: #000000;
	border: 1px solid #000000;
	border-radius: 5px;
	font-size: 14px;
	padding: 2px 14px;
}
.item-product .info .checkout a:first-child {
	color: var(--hover__background);
	border-color: var(--hover__background);
}
.item-product .info .box-specify {
	height: 21px;
	margin-top: 5px;
}
.item-product .info .specify {
	font-family: 'RobotoItalic';
	text-align: left;
	background: url(../../images/option.png) no-repeat left center;
	padding-left: 20px;
}
.item-product .info .btn {
	min-width: 80px;
	background: #fff;
	padding: 3px 10px;
	font: 14px var(--medium);
	color: var(--color__text);
	text-transform: uppercase;
	border: 1px solid var(--color__background);
	border-radius: 5px;
	margin-top: 5px;
}
.item-product .info .btn.buy {
	color: var(--hover__text);
	border-color: var(--hover__background);
}
.item-product .info .btn:hover {
	background: var(--hover__background);
	color: #fff;
}
.attr-chosen {
	display: none;
	font-weight: bold;
}
.attr-chosen.active {
	display: block;
}

.tabs-pro-detail ul {
	border-bottom: 1px solid #ededed;
}
.tabs-pro-detail ul li {
	display: inline-block;
}
.tabs-pro-detail ul li i {
	display: none;
}
.tabs-pro-detail ul li .nav-link {
	font: 20px var(--bold);
	color: #333;
	margin-right: 20px;
	padding-bottom: 5px;
	position: relative;
	display: block;
	cursor: pointer;
}
.tabs-pro-detail ul li .nav-link.active {
	color: #f00;
}
.tabs-pro-detail ul li .nav-link.active:after,
.tabs-pro-detail ul li .nav-link:hover:after {
	content: '';
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: -2px;
	/* background: #f00; */
	height: 4px;
}
#tabsProDetailContent {
	/* margin-top: 20px; */
	margin-top: 0px;
}
.content-detail-in {
	max-height: 400px;
	overflow: hidden;
	position: relative;
}
.content-detail-in.active {
	max-height: inherit;
}
.content-detail-in.active .view-detail {
	display: none;
}

.content-hide {
	display: none;
}
.content-hide.show {
	display: block;
}
.tab-pane {
	display: none;
}
.tab-pane.show {
	display: block;
}
/* Form check */
.form-check form {
	margin: 2rem 0;
}
.title-check {
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 1rem;
}
.input-check {
	margin: 0px;
}
.input-check div {
	padding-right: 2%;
}
.input-check div:nth-child(2n) {
	padding-right: 0;
}
.input-check div button {
	width: 100%;
}
table.table-check {
	font-family: arial, sans-serif;
	border-collapse: collapse;
	width: 100%;
}
table.table-check td,
table.table-check th {
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;
}
table.table-check tr:nth-child(even) {
	background-color: #eeeeee;
}
#form-check {
	display: none;
	width: 100%;
	max-width: 500px;
}
#form-check .title-check {
	font-weight: normal;
	color: #fff;
	font-size: 15px;
	text-align: center;
	padding: 5px 10px;
	background-color: var(--hover__background);
}
.scroll-check {
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.show-all-check {
	display: inline-block;
	color: var(--hover__background);
	margin-top: 0.5rem;
	font-size: 14px;
}

/*attrProduct*/
.cover-attrProduct .sub-more {
	text-transform: none;
}

/*hotDeal*/

.wr-deal-nb {
	position: relative;
	background: linear-gradient(to bottom, #f6a518, #ff0100 90%);
	padding: 10px;
	border-radius: 15px;
}
.wr-deal-nb .tt-deal-nb {
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-family: 'RobotoBold';
	margin-bottom: 10px;
}
.hotDeal {
	padding: 50px 10px 10px 10px;
	text-align: center;
	border: 2px solid #dd4c39;
	box-shadow: 0px 0px 10px #dd4c3994;
	border-radius: 30px;
	position: relative;
}
.hotDeal-th {
	padding-top: 30px;
}
.title-deal {
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	background: url(../../images/hd.png) no-repeat 20px 5px #de4b39;
	background-size: 15px;
	color: #fff;
	padding: 5px 10px 5px 40px;
	border-radius: 20px;
	font: 20px var(--bold);
	display: flex;
	align-items: center;
}
.title-deal-th {
	padding: 5px 10px 5px 10px;
}
.title-deal-th img {
	margin-right: 10px;
	width: 35px;
}
.box-deal {
	flex: 0 0 auto;
	width: calc(25% - 5px);
	margin-right: 10px;
	border-radius: 10px;
}

.box-deal a {
	background: #fff;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.box-deal a img {
	border: 1px solid #f1f1f1;
	border-radius: 50%;
	overflow: hidden;
}
.row-deal .box-deal {
	margin-bottom: 10px;
}
.ds-deal {
	max-width: calc(100% - 115px);
	margin-left: 15px;
}
.box-deal:hover {
	background: #fef6e7;
}

.box-deal h3 {
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 20px;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.box-deal:hover h3 {
	color: #f00;
}

.box-sale-off {
	flex: 0 0 auto;
	width: calc(20% - 5px);
	margin-right: 10px;
	border-radius: 10px;
	border: 1px solid #eeeeee;
	padding: 10px 10px 10px 10px;
	border-radius: 10px;
	text-align: center;
	position: relative;
	background: #fff;
}
.box-sale-off p {
	margin: 10px 0px;
}
.box-sale-off span {
	background: #ff0000;
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 0px 10px;
	color: #fff;
	border-radius: 20px;
	font-size: 14px;
}
.date-hotDeal {
	display: inline-block;
	font: 22px var(--bold);
	color: #333;
	margin-bottom: 10px;
}
.item-hotDeal,
.item-deal {
	border-width: 2px;
}
.item-hotDeal .info .btn {
	position: absolute;
	bottom: -14px;
	left: 50%;
	width: 80%;
	background: var(--hover__background);
	padding: 2px 0;
	font: 14px var(--medium);
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	border: none;
	border-radius: 3px;
	transform: translate(-50%, 0);
}
.item-hotDeal .info .btn:hover {
	background: var(--color__background);
}
.item-deal .info .btn-sale {
	position: absolute;
	bottom: -14px;
	left: 50%;
	width: 80%;
	background: var(--hover__background);
	padding: 2px 0;
	font: 14px var(--medium);
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	transform: translate(-50%, 0);
}
.box-frame-deal {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.box-frame-deal .icon-deal {
	font: 14px var(--bold);
	color: #d42529;
	margin-right: 10px;
}

.box-frame-deal .time-deal {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	letter-spacing: 1px;
}
.box-frame-deal .time-deal span {
	display: inline-block;
	color: #000;
	text-align: center;
	font-size: 14px;
	font-family: var(--bold);
}
.box-frame-deal .time-deal span:last-child {
	margin-right: 0px;
}
.box-frame-deal .time-deal b {
	font-weight: normal;
	font-size: 14px;
	margin-right: 3px;
}
.box-main-deal {
	position: relative;
	margin: 10px 0px 2px 0px;
	border-radius: 10px;
	height: 20px;
	background: #fdbf09;
	padding-left: 23px;
}
.icon-hotdeal {
	position: absolute;
	width: 20px;
	height: 26px;
	background: url(../../images/hotdeal.png) no-repeat;
	left: 0px;
	bottom: 0px;
}
.box-detail-deal {
	justify-content: flex-start;
	background: #fdbf09;
	border-radius: 20px;
	padding: 0px 10px;
}
.box-detail-deal .icon-deal {
	margin-right: 5px;
}
.box-detail-deal .clock-deal {
	margin-right: 5px;
	color: #999999;
}
.box-detail-deal .text-deal {
	color: #000;
	margin-right: 10px;
	font-size: 14px;
}
.box-detail-deal .time-deal span {
	color: #000;
	border-radius: 5px;
}
.box-detail-deal.finished .time-deal,
.box-detail-deal.finished .text-deal,
.box-detail-deal.finished .clock-deal {
	display: none;
}

/*hotCategory*/
.box-category {
	position: relative;
}
.box-category .title {
	margin-bottom: 0px;
}
.title-category .seeMore {
	color: #999;
	text-transform: capitalize;
	display: inline-block;
	border-left: 1px solid #ddd;
	margin-left: 20px;
	padding-left: 20px;
}
.title-category .seeMore:hover {
	color: #f00;
}
.ajax-scroll-category .grid-category {
	width: 100%;
	white-space: nowrap;
	overflow: auto;
	padding-bottom: 10px;
}
.ajax-scroll-category .grid-category::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	display: none;
}
.ajax-scroll-category .grid-category::-webkit-scrollbar-track {
	background: #f1f1f1;
}
.ajax-scroll-category .grid-category::-webkit-scrollbar-thumb {
	background: #ccc;
}
.ajax-scroll-category .grid-category::-webkit-scrollbar-thumb:hover {
	background: #555;
}
.item-product-scroll {
	display: inline-block;
	vertical-align: top;
	margin: 14px 14px 0px 0px;
	width: 228.5px;
}
.categoryLv2 {
	margin: 5px 0px 10px;
}

.name-item-lv1 {
	font-size: 30px;
	text-transform: uppercase;
	color: #fff;
	font-family: var(--bold);
	margin-left: 5px;
	margin-right: 20px;
}
.item-lv2,
.item-lv3 {
	margin: 5px;
	cursor: pointer;
	background: #f8f8f8;
	border-radius: 20px;
	display: inline-block;
}
.item-lv2:hover,
.item-lv2.active,
.item-lv3:hover,
.item-lv3.active {
	color: var(--hover__text);
	text-decoration: underline;
}
/* KH */
.content-kh {
	position: relative;
	background: #f7f7f7;
	padding: 20px;
	border-radius: 10px;
	border: 1px solid #e9e9e9;
	box-shadow: 0px 0px 10px #f2f2f2;
	margin: 3px;
}
.content-kh:after {
	content: '';
	position: absolute;
	left: 1px;
	right: 1px;
	top: 1px;
	bottom: 1px;
	border: 2px solid #fff;
	border-radius: 10px;
}
.content-kh:before {
	content: '';
	position: absolute;
	bottom: -21px;
	right: 101px;
	width: 26px;
	height: 24px;
	background: url(../../images/icon_kh.png) no-repeat;
}
.img-kh {
	margin-top: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.img-kh img {
	border-radius: 50%;
	max-width: 200px;
	border: 4px solid #fff;
	box-shadow: 0px 0px 5px #ddd;
	margin-left: 10px;
}
.ds-kh {
	text-align: right;
}
/*brand*/
.tt-brand {
	text-align: center;
	margin-bottom: 10px;
}
.tt-brand p {
	font-family: 'RobotoBold';
	font-size: 20px;
}
.item-brand {
	margin: 0 5px;
	border: 1px solid #eeeeee;
	display: block;
	border-radius: 10px;
	padding: 10px;
}

/*about*/
.cover-about .img {
	max-width: 335px;
}
.cover-about .info {
	font-size: 14px;
	line-height: 1.8;
	color: #515151;
}
.cover-about .info .seeMore {
	color: var(--hover__text);
	text-decoration: underline;
}

.info-about {
	position: relative;
	background: #efefef;
	border-radius: 20px;
	padding-bottom: 65px;
}
.info-about-in {
	position: relative;
	height: 120px;
	overflow: hidden;
	line-height: 25px;
}

.info-about-in.h-auto {
	height: auto;
}

.tt-about {
	margin-bottom: 20px;
}

.tt-about p {
	font-size: 20px;
	color: #e60012;
	text-transform: uppercase;
	font-family: 'RobotoBold';
	text-align: center;
}

.view-about {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	text-align: center;
	height: 120px;
	background: linear-gradient(to bottom, rgb(255 255 255 / 16%), rgb(255 255 255 / 57%), #efefef);
	border-radius: 0px 0px 20px 20px;
}

.view-about span {
	display: block;
	margin: 40px auto 0px;
	width: 145px;
	text-align: center;
	line-height: 50px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #999;
	cursor: pointer;
}

.view-about span:hover {
	color: #f00;
	background: #f9f9f9;
}
/*footer*/

.cover-ft .name {
	font-size: 14px;
	display: block;
	margin-bottom: 5px;
}
.cover-ft .name span {
	color: #615f5f;
}
.cover-ft .name i {
	margin-right: 7px;
	font-size: 15px;
	color: #929aa9;
}
.cover-ft .name i.fa-phone-square {
	color: #ff5400;
	transform: rotate(90deg);
}
.cover-ft .name img {
	margin-right: 5px;
	vertical-align: middle;
	width: 16px;
}

.cover-ft .top {
	padding: 20px 10px;
}
.cover-ft .middle {
	background: #f3f3f3;
	padding: 20px 10px;
}
.cover-ft .bottom {
	padding: 20px 10px;
	background: #fff;
}

.item-tags {
	background: #fff;
	padding: 8px 10px;
	border-radius: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.item-tags:hover {
	color: #f00;
}

.title-ft {
	margin: 20px 0px;
	color: #3b3b3b;
	font-size: 22px;
	font-family: var(--bold);
}
.letter {
	margin: 20px 0px;
	text-transform: uppercase;
}
.frm-newsletter .form-group {
	width: calc(100% - 60px);
	margin-bottom: 0;
}
.frm-newsletter .form-control {
	border-radius: 0;
}
.frm-newsletter .btn {
	width: 60px;
	background: var(--hover__background);
	padding: 0;
	font: 14px/30px var(--medium);
	color: #fff;
	text-transform: capitalize;
	border-radius: 0;
}
.frm-newsletter .btn:hover {
	background: var(--color__background);
}
.copyright {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
	padding: 20px 0px;
	border-top: 1px solid #e4e1e1;
	margin-top: 30px;
}

.box-alo {
	width: 24%;
	background: #fff;
	padding: 10px;
	border-radius: 5px;
}
.branch-map {
	width: 32%;
	background: #fff;
	padding: 10px;
	border-radius: 5px;
}
.branch-map a {
	color: #2a83e9;
	font-weight: 600;
	display: block;
	text-align: right;
	margin-top: 10px;
}
.tt-alo {
	margin-bottom: 10px;
}

.btn-view {
	display: block;
	background: #2a83e9;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	margin-top: 20px;
}
/*breadcrumb*/
.breadcrumb {
	padding: 0.5rem 0;
}
.breadcrumb .container {
	background: #e8ecef;
	padding: 10px;
	border-radius: 5px;
}
.breadcrumb ol {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.breadcrumb-item + .breadcrumb-item::before {
	display: inline-block;
	vertical-align: middle;
	padding: 0 0.5rem;
	content: '\f30b';
	font: var(--awesome__font);
	font-size: 14px;
	color: #be5955;
}
.breadcrumb-item a {
	display: inline;
	font-size: 14px;
	color: #948d8d;
}
.breadcrumb-item a:hover {
	text-decoration: underline;
	color: var(--hover__text);
}
.breadcrumb-item:last-child a:hover {
	text-decoration: none;
}

/*template product Special*/
.special-group {
	padding: 20px 0;
}
.special-group .title {
	margin-bottom: 0;
}
.special-category {
	padding: 10px 0;
	border: 1px solid #000;
}
.special-category ul li {
	padding: 10px;
}
.special-category > ul > li > ul {
	max-height: 200px;
	overflow: auto;
}
.special-category ul li ul li {
	margin-top: 10px;
	padding: 0 10px;
}

.row-special .item-product {
	width: calc((100% / 4) - (var(--item__margin) * 2));
}
.hotDeal .item-product {
	width: auto;
}
/*template product category*/
.item-newsCategory {
	width: calc((100% / 3) - 20px);
	padding: 10px;
	border-right: 1px solid #ddd;
}
.item-newsCategory:nth-child(3n + 3) {
	border: none;
}
.item-newsCategory .info {
	width: calc(100% - 70px);
}
.item-newsCategory .info .name {
	line-height: 20px;
	height: 40px;
	font-size: 14px;
}
.item-newsCategory .info .desc {
	line-height: 20px;
	height: 60px;
	font-size: 14px;
}

/*template product lv1*/
.filter-group {
	margin: 20px 0;
}
.filter-group .form-control {
	font: 16px / var(--line__height) var(--bold);
}
.filter-title {
	width: 140px;
	padding-right: 10px;
}
.filter-title .filter-name {
	font: 700 14px var(--bold);
}
.filter-title .count-product {
	font-size: 11.5px;
}
.filter-title .count-product span {
	font-weight: bold;
	color: var(--hover__text);
}
/* .filter-content{position:relative;width:calc(100% - 145px);height:100%;z-index:1;overflow-x:auto;overflow-y:hidden;white-space:nowrap;} */
.filter-content {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.filter-content p {
	font-family: 'RobotoBold';
	font-size: 20px;
	margin-bottom: 10px;
}
/*.filter-content .slick__page{padding:0 20px;}*/
.filter-content .slick-prev,
.filter-content .slick-next {
	width: auto;
	height: auto;
	background: none;
	border: none;
	border-radius: 0;
}
.filter-content .slick-prev::after,
.filter-content .slick-next::after {
	font-size: 18px;
}
.filter-content .slick-next {
	right: 10px;
}
.filter-content .slick-prev {
	left: 10px;
}
.wr-product-cat-img {
	display: flex;
	white-space: nowrap;
	overflow: overlay;
	display: block;
	padding-bottom: 0;
}

.cate-cat {
	display: flex;
	white-space: nowrap;
	overflow: overlay;
	display: block;
	padding-bottom: 0;
}
.box-img-cat {
	text-align: center;
	border-radius: 20px;
	background-color: #f3f4f6;
	border: 1px solid #dee2e6 !important;
	overflow: hidden;
	padding: 10px;
}
.filterItems .name {
	min-height: 19px;
	font-size: 14px;
}
.filterItems:hover,
.filterItems.active {
	border-color: var(--hover__background);
}

.categoryFilter .filterItems {
	padding: 6px 5px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	color: #000;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
	white-space: nowrap;
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #fff;
}
.categoryFilter .filterItems .name {
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.rangePriceFilter .filterItems {
	background: #eeeeff;
	border: 1px solid #e6e7f1;
	padding: 2px;
	border-radius: 6px;
	text-align: center;
}

.filter-group.promotion-filter {
	background: #ccc;
	padding: 10px;
}
.filter-group.promotion-filter i {
	position: relative;
	height: 9px;
	width: 9px;
	border-radius: 100%;
	display: inline-block;
	background-color: var(--hover__background);
	margin-right: 10px;
}
.filter-group.promotion-filter .filter-title i {
	-webkit-box-shadow: 0 0 0 0 rgb(245 55 42 / 50%);
	box-shadow: 0 0 0 0 rgb(245 55 42 / 50%);
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: mypulse;
	animation-name: mypulse;
}
.promotionAttribute {
	padding: 0 10px;
}

.item-proLevel2 {
	position: relative;
}
.img-proLevel2 {
	margin: 10px 0px 10px;
	border-radius: 10px;
	overflow: hidden;
}
.img-proLevel2 img {
	width: 100%;
}
/*.item-listLevel2{padding:0 10px;text-align:center;}*/
/*.item-listLevel2 .name{font-size:14px;}*/
.cover-hotCategory {
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 30px;
}
.wr-product-list {
	padding: 10px;
}
.img-lv1 img {
	width: 100%;
}

.item-listLevel-main {
	background: #f5f5f5;
	display: block;
	text-align: center;
	padding: 7px 5px;
	border-radius: 20px;
	margin: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.item-listLevel-main:hover {
	background: #fff;
	box-shadow: 0px 0px 5px #999;
}
.item-gallery img {
	width: 100%;
}
.container-slider {
	margin-bottom: 20px;
}
.slider {
	position: relative;
}
.slider .control-owl button.owl-prev {
	left: 10px;
}
.slider .control-owl button.owl-next {
	right: 10px;
}
.img-sl img {
	border-radius: 10px;
	width: 100%;
}

.item-listLevel3 {
	margin: 5px;
	padding: 3px 10px;
	border: 1px solid var(--hover__text);
	border-radius: 5px;
}
.item-listLevel3 .name {
	font-size: 14px;
	color: var(--hover__text);
}
.sortProduct {
	padding: 7px 10px;
}
.sortProduct .col-count span {
	color: #f8671a;
}
.item-sort {
	position: relative;
	margin: 0 14px 0 0;
	padding: 0 10px 0 0;
	cursor: pointer;
	z-index: 1;
}
.item-sort label {
	cursor: pointer;
}
.item-sort.fw-bold {
	font-family: var(--bold);
}
.item-sort::after {
	position: absolute;
	top: 50%;
	right: 0;
	content: '\f078';
	font: var(--awesome__font);
	font-size: 9px;
	transform: translate(0, -50%);
}
.item-sort ul {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	min-width: 300px;
	background: #fff;
	border: 1px solid var(--hover__background);
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
}
.item-sort ul li {
	width: 50%;
	padding: 10px;
}
.item-sort ul li.col__12 {
	width: 100%;
}
.item-sort.attr ul {
	min-width: 150px;
}
.item-sort.attr ul li {
	width: 100%;
}
.item-sort ul li a {
	position: relative;
	padding-left: 20px;
	font-size: 14px;
}
.item-sort ul li a::after {
	position: absolute;
	top: 10px;
	left: 0;
	content: '\f0c8';
	font: var(--awesome__font);
	font-weight: 400;
	font-size: 15px;
	transform: translate(0, -45%);
}
.item-sort.active ul {
	opacity: 1;
	visibility: visible;
	transition: all 0.5s;
}
.item-sort > ul > li > a.active {
	color: var(--hover__text);
}
.item-sort > ul > li > a.active::after {
	content: '\f14a';
}
.content-detail {
	position: relative;
	background: #fff;
	margin-top: 30px;
	padding: 20px;
	border: 1px solid #ccc;
}
.content-detail aside {
	max-height: 400px;
	overflow: hidden;
}
.content-detail .more-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #ccc;
	padding: 10px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
}
.content-detail .more-content:hover {
	opacity: 0.9;
}
.content-detail .more-content span {
	position: relative;
	padding-right: 20px;
}
.content-detail .more-content span::after {
	position: absolute;
	top: 50%;
	right: 0;
	content: '\f103';
	font: var(--awesome__font);
	font-size: 18px;
	transform: translate(0, -50%);
}
.content-detail.active aside {
	max-height: 100%;
}
.content-detail.active .show-detail {
	display: none;
}

.box-btnRange {
	width: 100%;
	padding: 10px;
}
.content-category {
	margin-top: 20px;
}
/*kind formality*/
.title-kind {
	width: 100%;
	margin: 7px 0px 7px 5px;
	font: 16px var(--bold);
	color: var(--hover__text);
}
.title-formality {
	width: 100%;
	margin: 0 0 10px 10px;
	font: 16px var(--bold);
}
.title-main-in {
	margin-bottom: 10px;
}
.title-main-in h1 {
	text-align: center;
	font: 25px var(--medium);
	text-transform: uppercase;
}

/*template product detail*/

/*col-detail-1*/
.col-detail-1 {
	position: sticky;
	top: 10px;
	background: #fff;
	border-radius: 20px;
	padding: 20px;
}
.sub-light {
	text-align: center;
}
.img-detail .gallery-product {
	margin: 0 -4px;
}
.img-detail .gallery-product a {
	margin: 10px 2px;
	border: 2px solid transparent;
	cursor: pointer;
}
.img-detail .gallery-product a:hover,
.img-detail .gallery-product .mz-thumb-selected {
	border-color: var(--color__background);
}
.img-detail .slick-prev,
.img-detail .slick-next {
	width: auto;
	height: auto;
	background: none;
	border: none;
}
.slick-prev::after,
.slick-next::after {
	font-size: 35px;
}
.img-detail .slick-prev {
	left: 5px;
}
.img-detail .slick-next {
	left: unset;
	right: 5px;
}
.item-miniTool {
	max-width: 55px;
	margin: 0 5px !important;
	text-align: center;
}
.item-miniTool .img,
.item-miniTool figure {
	position: relative;
	width: 55px;
	height: 55px;
	padding: 5px;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
}
.item-miniTool i {
	font-size: 22px;
	color: #909090;
	line-height: 43px;
}
.item-miniTool span {
	display: block;
	margin-top: 3px;
	font: 10px var(--medium);
	color: #212121;
}

.product-video .info {
	border-radius: 20px;
	padding: 10px 20px;
	align-items: center;
	border: 1px solid #ff0000;
	max-width: 250px;
	margin: 20px auto;
}
.product-video .info i {
	margin-right: 10px;
	font-size: 30px;
	color: #ff0000;
}

/*col-detail-2*/
.detail-paramFixed {
	background: #fff;
	padding: 5px;
}
.col-detail-2 {
	box-shadow: 0px 0px 10px #999;
	border-radius: 20px;
	padding: 10px;
	margin: 0px 15px;
	width: calc(((100% / 12) * 5) - 30px);
	background: #fff;
}
.name-detail {
	font: 20px var(--bold);
	margin-bottom: 20px;
}
.desc-detail {
	margin: 10px 0;
}
.group-detail {
	display: flex;
	align-items: center;
	padding: 5px 0;
}
.group-detail label {
	flex: 0 0 100px;
}
.group-detail-in {
	margin-top: 5px;
}
.price-detail .new-price {
	font: 22px var(--bold);
	color: var(--hover__text);
}
.price-detail .old-price {
	display: inline-block;
	margin-right: 10px;
	font: italic 14px var(--regular);
	color: #929292;
}
.price-detail .old-price span.line-through {
	text-decoration: line-through;
}
.dicker {
	border: 1px solid #ff0000;
	color: #ff0000;
	padding: 2px 10px;
	border-radius: 15px;
	margin-left: 20px;
	cursor: pointer;
	width: 83px !important;
}
.option-detail {
	align-items: flex-end;
}
.option-detail span {
	position: relative;
	width: 30px;
	height: 25px;
	line-height: 23px;
	margin: 5px 5px 0 0;
	text-align: center;
	border: 1px solid #ddd;
	cursor: pointer;
}
.option-detail span.active:after {
	position: absolute;
	right: 0px;
	bottom: 0px;
	content: '';
	width: 14px;
	height: 14px;
	background: url(../../images/check.png) no-repeat;
}
.item-color {
	width: calc((100% / 3) - 15px);
	margin: 10px;
	padding: 5px 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	cursor: pointer;
}
.item-color.active {
	border-color: var(--hover__background);
}
.item-color span.color {
	display: block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
}
.item-color .info {
	width: calc(100% - 35px);
	line-height: 1.2;
}
.item-color .info .price-color {
	font: 14px var(--bold);
	color: var(--hover__text);
}
.btn-order .btn-cart {
	margin-right: 10px;
}
.btn-cart {
	background: var(--color__background);
	color: #fff;
	padding: 10px 10px;
	font: 14px var(--bold);
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
}
.btn-cart:hover {
	background: var(--hover__background);
}
.in-stock i {
	color: #258c16;
}
.out-stock i {
	color: #f00;
}
.row-config {
	padding-bottom: 10px;
	border-bottom: 1px solid #ededed;
}
.row-config.row-1 {
	color: #333;
}
.row-config.row-1 .code .brand-detail {
	margin-right: 10px;
}
.row-config.row-1 .code p span {
	color: var(--color__text);
	font-family: var(--bold);
}
.row-config.row-2 .start-rating {
	margin: 0 10px 0 0;
	line-height: 0;
}
.start-rating i {
	font-size: 15px;
	color: #e8e1e1 !important;
}
.start-rating i.active {
	color: #ffc107 !important;
}
.row-icon {
	border: none;
	padding-bottom: 0;
}
.row-icon .row {
	margin: 0;
}
.item-icon {
	max-width: 55px;
	padding: 2px;
	text-align: center;
}
.item-icon .info .name {
	font-size: 10px;
	margin-top: 3px;
	color: #bbb;
	line-height: 1.2;
}
.row-cauhinh {
	border: none;
	padding-top: 5px;
}
.row-cauhinh > aside {
	width: 100%;
	max-height: 170px;
	overflow: hidden;
}
.row-cauhinh > .name {
	padding-top: 5px;
	font: 14px var(--bold);
	color: var(--hover__text);
}
.row-cauhinh .loadMore-group {
	display: none;
	margin-top: 10px;
}
.row-cauhinh .loadMore {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #000;
	border-radius: 5px;
}
.group-options {
	margin-top: 10px;
	opacity: 0;
}
.title-options {
	font-size: 16px;
	font: 17px var(--bold);
	margin-bottom: 10px;
}
.item-options {
	background: #fff;
	padding: 10px;
	border: 1px solid #bcbcbc;
	border-radius: 15px;
}
#download_bdf a img {
	vertical-align: middle;
}
/*.item-options.two{width:49%;}*/
.grid-lq {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}
.box-product-lq {
	position: relative;
	border: 1px solid #ddd;
	padding: 5px 10px;
	border-radius: 10px;
	overflow: hidden;
}
.box-product-lq.active,
.box-product-lq:hover {
	border: 1px solid var(--hover__background);
}
.box-product-lq.active:after,
.box-product-lq:hover:after {
	content: '✓';
	background: var(--hover__background);
	border-radius: 0px 0 0px 10px;
	color: #fff;
	font-size: 10px;
	height: 14px;
	right: 0;
	font-weight: bold;
	padding-left: 4px;
	position: absolute;
	top: 0;
	width: 14px;
}
.new-price-lq {
	font: 14px / 1.5 var(--bold);
	color: var(--hover__text);
}
.content-options {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}
.item-options.two:nth-child(2n) {
	margin-right: 0px;
}
.item-options.two:nth-child(2n + 1) {
	clear: both;
}
/* .item-options.three {
	width: calc((100% / 2) - 10px);
	text-align: center;
} */
.item-options.active {
	border-color: var(--hover__background);
}
.item-options .info {
	width: calc(100% - 40px);
	width: 100%;
}
.item-options .name {
	font-size: 12.5px;
	line-height: 1.3;
}
.item-options .price-options {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid #e6e6e6;
	font: 14px/1.5 var(--bold);
	color: var(--hover__text);
}
.item-options .price-options span {
	display: block;
}
.item-options .price-options span.sub {
	display: inline-block;
}
.item-options .price-options .old-price {
	font: 14px var(--regular);
	color: #666666;
	margin-left: 5px;
	text-decoration: line-through;
}
.title-supportDetail-in {
	font: 14px var(--bold);
	color: #333;
	cursor: pointer;
}
.title-supportDetail {
	font: 16px var(--bold);
	color: var(--hover__text);
	background: #feebeb;
	padding: 10px;
	border-radius: 10px 10px 0px 0px;
}
.title-supportDetail i {
	margin-right: 5px;
	font-size: 15px;
}
.item-supportDetail {
	box-shadow: 0px 0px 7px #99999982;
	border-radius: 20px;
	padding: 10px;
	margin-bottom: 15px;
	background: #fff;
}
.item-supportDetail.gif {
	position: relative;
	border: 1px solid #e0e0e0;
	padding: 20px 20px 20px 20px;
	border-radius: 20px;
	box-shadow: none;
	margin: 10px 0px;
	background: #feebeb;
}
.title-in {
	font: 20px var(--bold);
	color: #333;
	margin-bottom: 10px;
}
.title-qt {
	position: absolute;
	left: 20px;
	top: -15px;
	font-size: 17px;
	color: var(--hover__text);
	background: #fff;
	padding: 0px 10px;
	padding: 0px 10px;
	border-radius: 10px;
}
.title-qt i {
	margin-right: 5px;
}
.pro-like {
	margin-top: 10px;
	font: 14px var(--bold);
	color: #333;
	cursor: pointer;
}
.pro-like i {
	color: #f00;
}
.online-support .row {
	border-bottom: 1px solid #ddd;
}
.item-branchDetail {
	position: relative;
	padding: 5px 0px;
	cursor: pointer;
}
.item-branchDetail::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--hover__background);
}
.item-branchDetail .brandch-name {
	font-family: var(--regular);
}
.item-branchDetail.active::before {
	content: '';
}
.item-branchDetail.active .brandch-name {
	color: var(--hover__text);
}
.info-branch {
	display: none;
}
.info-branch.active {
	display: block;
	margin-top: 10px;
}
.btn-branchDetail {
	cursor: pointer;
}
.btn-branchDetail i {
	margin-right: 5px;
	font-size: 14px;
	border-radius: 15px;
}
.item-branchDetail .desc {
	font-size: 14px;
	line-height: 1.5;
}
.mini-tool {
	margin-top: 10px;
}
.btn-cart {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: calc((100% / 2) - 10px);
	background: #2f80ed;
	color: #fff;
	margin: 7px 0;
	font: 14px var(--bold);
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	border-radius: 15px;
	cursor: pointer;
}
.btn-cart.red {
	background: #ac2924;
}
.btn-cart.orange {
	background: #fc7600;
}
.bg-blue {
	background: #2f80ed;
}
.btn-cart i {
	margin-right: 10px;
	font-size: 16px;
}
.btn-cart i.fa-phone-volume {
	transform: rotate(-45deg);
}
.btn-cart span {
	display: block;
	font: 14px var(--regular);
	text-transform: lowercase;
}
.btn-cart:hover {
	text-decoration: underline;
}
.form-call {
	display: none;
	width: 100%;
	max-width: 700px;
}
.form-call .title {
	font-size: 17px;
	text-align: left;
	border: 0px;
	margin-bottom: 1rem;
	background: red;
	color: #fff;
	padding: 6px 15px;
}
.form-call .grid-call {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.form-call .grid-call .left-call {
	width: 50%;
	padding-right: 3%;
	text-align: center;
}
.form-call .grid-call .left-call img {
	width: 100%;
}
.form-call .grid-call .left-call p {
	text-transform: capitalize;
	font-weight: 700;
	font-size: 14px;
	line-height: normal;
}
.form-call .grid-call .right-call {
	width: 50%;
}
.form-call .btn {
	float: right;
	background: #0062cc;
	padding: 7px 20px;
}
.form-call .btn:hover {
	text-decoration: underline;
}
.title-detail {
	position: relative;
	padding: 10px 0;
	font: 18px var(--bold);
	text-transform: capitalize;
}

.title-detail span {
	position: relative;
	display: inline-block;
	z-index: 1;
}

.row-detail .content-detail {
	padding: 0;
	border: none;
}
.row-detail .content-detail aside {
	margin-top: 0;
}
.row-detail .btnMore {
	background: var(--hover__background);
	color: #fff;
	cursor: pointer;
}
.row-detail .btnMore:hover {
	opacity: 0.8;
}

.title-detail-tab {
	cursor: pointer;
}
.title-detail-tab i {
	display: none;
}
/*col-detail-3*/
/* .col-detail-3
{
	box-shadow: 0px 0px 7px #99999982;
    border-radius: 20px;
    padding: 20px;
} */

.toolDetailFixed {
	position: fixed;
	bottom: 20%;
	right: 0;
}
.item-toolDetailFixed {
	background: #f9f9f9;
	margin-top: 10px;
	padding: 0px;
	font-size: 13px;
	color: #444;
	text-align: center;
	border: 1px solid #f1f1f1;
	border-radius: 3px;
}
.item-toolDetailFixed i {
	font-size: 20px;
}
.item-toolDetailFixed span {
	display: block;
}
.card-fixed {
	width: 40px;
	margin: auto;
	padding: 0;
	text-align: center;
	border: none;
}
.card-fixed span {
	position: absolute;
	top: -5px;
	right: 5px;
	width: 15px;
	height: 18px;
	background: #df1a33;
	font-size: 14px;
	color: #fff;
	border-radius: 50%;
}

/*row-add*/
.video-product-detail {
	display: block;
	text-align: center;
}
.add-product {
	position: relative;
}
.add-product::after {
	position: absolute;
	top: 50%;
	right: 0;
	content: '\f067';
	font: var(--awesome__font);
	font-size: 25px;
	color: #ccc;
}
.add-product .name {
	margin: 10px;
	font: 14px var(--medium);
}
.item-addProduct {
	position: relative;
	padding: 10px 0 10px 15px;
	cursor: pointer;
}
.item-addProduct .img {
	width: 90px;
	margin-right: 10px;
}
.item-addProduct .info {
	width: calc(100% - 100px);
}
.item-addProduct .info .name {
	font-family: var(--regular);
}
.item-addProduct .info .price {
	font-size: 14px;
	justify-content: flex-start;
}

.item-addProduct .info .price .new-price {
	color: var(--hover__text);
}
.item-addProduct .info .price .old-price {
	margin-left: 5px;
	font-size: 10px;
	text-decoration: line-through;
}
.item-addProduct .check {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 18px;
	height: 18px;
	transform: translate(0, -50%);
}
.item-addProduct .check::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '\f0c8';
	font: var(--awesome__font);
	font-weight: 300;
	color: #666666;
}
.item-addProduct.active .check::after {
	content: '\f14a';
}
.row-add .amount {
	text-align: center;
}
.row-add .amount p {
	padding: 10px 0;
	font: 20px var(--bold);
	color: #404040;
	border-bottom: 1px solid #404040;
	border-top: 1px solid #404040;
}
.row-add .amount .btn-cart {
	width: 100%;
	margin-top: 20px;
	padding: 10px;
	font-size: 16px;
	border-radius: 10px;
	font-weight: normal;
	text-transform: uppercase;
}
.row-add .amount .btn-cart i {
	font-size: 16px;
}
.grid-bh {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	margin-top: 10px;
}
/*row-desc*/
.sticky {
	position: sticky;
	top: 0;
}

.detail-paramFixed .name {
	padding-bottom: 5px;
	color: #5a5a5a;
	border-bottom: 1px solid #ccc;
}

.detail-paramFixed .price-detail {
	padding: 10px 0 5px;
}
.detail-paramFixed .price-detail .old-price {
	display: none;
}
.detail-paramFixed .price-detail .sub {
	vertical-align: top;
	margin-left: 5px;
	font-size: 22px;
}
.detail-paramFixed .back {
	padding-bottom: 5px;
	color: #2a2a2a;
}
.detail-paramFixed .back i {
	margin-left: 5px;
	color: var(--color__text);
}
.detail-paramFixed .ship {
	font-family: var(--bold);
}
.detail-paramFixed .ship i {
	margin-right: 5px;
}
.detail-paramFixed .gif {
	margin-top: 5px;
	padding: 5px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.detail-paramFixed .gif strong {
	float: left;
}
.detail-paramFixed .btn-cart {
	width: 100%;
}
.item-specifications {
	margin-bottom: 1rem;
}
.item-specifications:last-child {
	margin-bottom: 0px;
}
.item-specifications .info {
	background: #dedddd;
	padding: 5px 10px;
	color: var(--hover__text);
	cursor: pointer;
	border-bottom: 1px solid #fff;
}
.item-specifications .info .name {
	font: 16px var(--bold);
	color: #333;
}
.item-specifications .info i {
	font-size: 20px;
}
.item-specifications .content {
	overflow: hidden;
}
.item-specifications .content .row-line {
	padding: 10px;
	font-size: 15px;
}
.item-specifications .content .row-line:nth-child(odd) {
	background: #f7f7f7;
}
.item-specifications .content .row-line p {
	font: 15px;
}
.item-specifications .content .row-line aside {
	color: #434343;
}
.item-specifications .show-more {
	display: none;
	text-align: center;
}
.item-specifications .show-more span {
	color: var(--hover__text);
	display: inline-block;
	font-size: 20px;
	line-height: 18px;
	cursor: pointer;
}
.item-specifications .show-more span:hover {
	color: #fff;
	background-color: var(--hover__background);
}

.item-specifications .show-more span:hover {
	color: #fff;
	background-color: var(--hover__background);
}

.item-specifications .show-more span:hover {
	color: #f00;
}

/*comment*/
.detail-comment i.fa-star {
	color: #ffc107;
}
.title-rating {
	font-size: 16px;
}
.point-rating {
	font-size: 32px;
	color: #03a9f4;
}
.detail-comment .start-rating {
	margin: 5px 0;
}
.detail-comment .start-rating i {
	font-size: 21px;
}
.count-rating {
	font-size: 16px;
}
.current-rating {
	margin: 5px 0;
	font-size: 15px;
	color: #444;
	white-space: nowrap;
}
.current-rating .slide-bar {
	position: relative;
	width: 73%;
	height: 10px;
	margin: 0 10px;
	background: #efefef;
	border-radius: 50px;
	overflow: hidden;
}
.current-rating .slide-bar span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #337ab7;
	border-radius: 50px;
}
.row-comment {
	position: relative;
}
.row-comment .my-rating {
	position: absolute;
	bottom: 5px;
	left: 10px;
	text-transform: uppercase;
}
.row-comment label {
	font-size: 15px;
	font-weight: bold;
}
.item-comment .btn {
	width: 100%;
	background: var(--hover__background);
	text-transform: uppercase;
}
.item-comment .btn:hover {
	background: var(--color__background);
}
.rating-comment {
	width: 15px;
	height: 15px;
	background: url(../../images/start-rating.png) 0 0;
	overflow: hidden;
}
.rating-comment.active {
	background-position: 0 bottom;
}
.item-rating {
	width: 15px;
	height: 15px;
	background: url(../../images/start-rating.png) 0 0;
	overflow: hidden;
}
.item-rating.active {
	background-position: 0 bottom;
}
.item-comment .info .character {
	width: 30px;
	height: 30px;
	background: #d1d1d1;
	margin-right: 5px;
	font: 15px var(--bold);
	color: #fff;
	text-transform: uppercase;
	border-radius: 50%;
}
.item-comment .info .date {
	margin-left: 15px;
}
.item-comment .info .name {
	font-family: var(--regular);
}
.item-comment .info-admin .character {
	background: var(--hover__background);
}
.item-comment .info-admin .name {
	font-family: var(--bold);
	color: var(--hover__text);
	text-decoration: underline;
}
.item-comment .content {
	margin: 10px 0 10px 35px;
	padding: 5px 20px;
	border-left: 1px solid #ddd;
}
.item-comment .content .tool {
	margin-top: 10px;
	font-size: 14px;
}
.item-comment .content .tool div {
	cursor: pointer;
}
.item-comment .content .tool i {
	margin-right: 5px;
	color: #ccc;
}
.item-recent-comment {
	margin: 0 10px;
}
.item-recent-comment .info {
	margin-top: 10px;
	font-size: 14px;
}
.item-recent-comment .info .name {
	font-size: 14px;
}
.item-recent-comment .info .start-rating {
	margin-left: 10px;
	line-height: 0;
}
.item-recent-comment .info .start-rating i {
	font-size: 10px;
}
.item-recent-comment .content {
	font-size: 14px;
}

/*template compare*/
.cover-compare ul li {
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.cover-compare ul li a {
	padding: 20px;
	font: 14px var(--bold);
	text-transform: uppercase;
	border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.cover-compare ul li a img {
	margin-right: 5px;
	filter: invert(100%);
	-webkit-filter: invert(100%);
}
.cover-compare ul li a:hover,
.cover-compare ul li a.active {
	background: var(--hover__background);
	color: #fff;
}
.cover-compare ul li a:hover img,
.cover-compare ul li a.active img {
	filter: unset;
}
.item-compare {
	position: relative;
	cursor: pointer;
}
.item-compare.active::after,
.item-compare:hover::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '\f067';
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	font: var(--awesome__font);
	font-size: 50px;
	color: yellow;
}
.item-compareChosen {
	width: calc((100% / 3) - 20px);
	color: #666;
}
.item-compareChosen i {
	width: 100%;
	margin-bottom: 5px;
	padding: 3rem;
	font-size: 6rem;
	color: #ded8d8;
	border: 1px dashed #ccc;
}
.btn-compare {
	min-width: 200px;
	background: #fff;
	margin: 10px;
	padding: 10px;
	font: 16px var(--regular);
	color: #000;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.btn-compare i {
	margin-right: 10px;
	font-size: 18px;
	text-align: center;
}
.btn-compare:hover {
	color: #fff;
}
.search-compare {
	width: 200px;
	background: #fff;
	margin: 10px;
	padding: 10px;
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.search-compare input {
	width: 100%;
	background: none;
	border: none;
}
.search-compare i {
	font-size: 17px;
	cursor: pointer;
}
.compare-specifications {
	margin-bottom: 20px;
}
.compare-specifications .item-specifications {
	border-bottom: 1px solid #fff;
}
.compare-specifications .info {
	background: #dedddd;
	padding: 10px;
	border-bottom: none;
}
.compare-specifications .content .item-compare-content {
	background: #f7f7f7;
}
.compare-specifications .content .item-compare-content:nth-child(2) {
	background: #ddd;
}
.compare-specifications .content .name {
	padding: 10px;
	font: 16px var(--medium);
}
.compare-specifications .content aside {
	padding: 10px;
}

/*template cart*/
.cover-cart .box {
	align-items: flex-start;
}
.shopping-cart {
	width: 72%;
	font-size: 14px;
	color: #555;
}
.total-cart {
	width: 25%;
}
.title-cart {
	margin-bottom: 10px;
	font: 18px var(--bold);
	text-transform: uppercase;
}
.quantity {
	width: 100%;
	max-width: 100px;
	text-align: center;
}
.quantity span {
	width: 25px;
	height: 25px;
	line-height: 24px;
	margin: 0;
	padding: 0px;
	color: #333;
	border: 1px solid #ddd;
	cursor: pointer;
}
.quantity input {
	width: calc(100% - 60px);
	height: 25px;
	text-align: center;
	border: none;
	border-bottom: 1px solid #ddd;
}
.quantity input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
.item-cart {
	position: relative;
	align-items: center;
	border-bottom: 1px solid #ccc;
}
.item-cart {
	padding: 10px 0;
}
.item-cart .img {
	max-width: 110px;
}
.item-cart .info {
	width: calc(100% - 110px);
	padding: 0 10px;
	align-items: flex-end;
}
.item-cart .info .box {
	width: calc(100% - 250px);
}
.item-cart .info .option {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}
.item-cart .info .option label {
	flex: 0 0 50px;
}
.item-cart .info .option span {
	width: 25px;
	height: 25px;
}
.item-cart .info .cart-delete {
	display: inline;
	cursor: pointer;
}
.item-cart .attr-info {
	margin: 2px 0px 5px 0px;
	font-size: 14px;
}
.item-cart .attr-info p strong {
	font-family: var(--bold);
}
.item-cart .price {
	width: 100px;
	font-weight: bold;
	font-size: 16px;
	text-align: right;
}
.cart-empty {
	background: #f5f5f5;
	text-align: center;
}
.cart-empty img {
	width: 120px;
}
.cart-empty p {
	margin: 10px 0;
	font: 14px var(--bold);
}
.total-cart {
	position: sticky;
	top: 0;
}
.total-cart .info {
	padding: 10px;
	font-size: 14px;
	align-items: center;
	border-bottom: 1px solid #ddd;
}
.total-cart .amount {
	padding: 10px;
	font-size: 14px;
	align-items: center;
}
.total-cart .amount span {
	font-size: 20px;
	color: #fe3834;
}
.total-cart .checkout {
	background: var(--color__background);
	margin-top: 10px;
	padding: 10px;
	font-size: 14px;
	color: #fff;
	border-radius: 3px;
	text-align: center;
}
.total-cart .checkout:hover {
	background: var(--hover__background);
}

/*template pay*/
.cover-pay .frm {
	align-items: flex-start;
}
.pay-info {
	width: 63%;
}
.pay-cart {
	width: 35%;
}
.pay-info .col {
	width: calc((100% / 2) - 20px);
	margin: 0 10px;
}
.receives .box,
.payments .box {
	border: 1px solid #ddd;
	border-radius: 3px;
}
.receives .box {
	padding: 5px 0px;
}
.item-receives {
	cursor: pointer;
	padding: 10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.item-receives p {
	width: 20px;
	margin: 0px 10px;
}
.item-receives h3 {
	width: calc(100% - 125px);
	margin-right: 10px;
	font: 14px var(--regular);
	color: #737373;
}
.item-receives a {
	color: #337ab7;
	font-size: 14px;
	width: 60px;
}
.item-payments {
	border-bottom: 1px solid #ddd;
}
.item-payments .info {
	padding: 20px;
	cursor: pointer;
}
.item-payments .info .radio {
	position: relative;
	width: 20px;
	height: 20px;
	border: 1px solid #ddd;
	border-radius: 50%;
}
.item-payments .info .name {
	width: 75%;
	font: 15px var(--regular);
	color: #737373;
}
.item-payments .info i {
	font-size: 20px;
	color: var(--color__background);
}
.item-payments:last-child {
	border: none;
}
.item-payments .content {
	display: none;
	background: #f8f8f8;
	padding: 20px;
	border-radius: 0 0 3px 3px;
}
.item-payments.active .radio {
	background: var(--color__background);
}
.item-payments.active .radio:after {
	position: absolute;
	top: calc(50% - 2px);
	left: calc(50% - 2px);
	content: '';
	width: 4px;
	height: 4px;
	background: #fff;
	border-radius: 50%;
}
.item-payments.active .content {
	display: block;
}
.pay-cart .item-cart .info {
	width: calc(100% - 120px);
}
.pay-cart .item-cart .info .price {
	width: 100%;
	font-size: 14px;
	text-align: left;
	align-items: baseline;
}
.pay-cart .item-cart .info .price span {
	color: #ff424e;
}
.total-pay {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.5);
}
.total-pay .row {
	margin: 5px 0;
}
.total-pay .info {
	align-items: baseline;
}
.total-pay span {
	font-weight: bold;
	font-size: 16px;
	color: #ff424e;
}
.btn-pay .btn {
	float: right;
	width: 100%;
	max-width: 200px;
	font-size: 18px;
}

/*template installment*/
.item-installment .info {
	line-height: 2.5;
}
.item-installment .info .name {
	font-size: 15px;
}
.item-installment .info .attr {
	line-height: normal;
}
.item-installment .info .attr b {
	display: block;
	font-weight: normal;
}
.item-installment .info .price {
	margin-top: 5px;
}
.item-installment .info .price span {
	display: block;
}
.item-installment .info .price span.sub {
	display: inline-block;
	line-height: normal;
}
.item-installment .info .price .new-price {
	font: 15px var(--bold);
	color: var(--hover__text);
}
.item-installment .info .price .old-price {
	text-decoration: line-through;
	color: #cccccc;
	line-height: normal;
}
.row-installment > .d-flex {
	margin: 0 -10px;
}
.col-installment {
	margin: 0 10px;
	border: 1px solid #ebebeb;
}
.col-installment .box {
	position: relative;
	padding: 15px 15px 50px;
}
.title-installment {
	position: relative;
	background: var(--hover__background);
	padding: 20px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}
.title-installment::after {
	position: absolute;
	top: 100%;
	left: calc(50% - 10px);
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid var(--hover__background);
}
.sub-titleInstallment {
	height: 55px;
	padding: 5px 0;
	font-size: 16px;
	color: #1886cc;
	overflow: hidden;
}
.item-midInstallment {
	height: 280px;
	margin: 0 -3px;
}
.item-midInstallment .desc {
	margin-top: 20px;
	font-size: 16px;
	color: #4b9fdc;
}
.item-bankCredit {
	width: calc((100% / 5) - 6px);
	margin: 3px;
	border: 1px solid #ddd;
}
.btn-installment {
	position: absolute;
	bottom: -25px;
	left: 0;
	background: var(--hover__background);
	padding: 7px 20px;
	text-align: center;
	border-radius: 5px;
	font-family: var(--regular);
}
.btn-installment p {
	font-size: 17px;
	text-transform: uppercase;
}
.btn-installment:hover {
	background: var(--color__background);
}

/*listBank*/
.title-bankCredit {
	margin-bottom: 10px;
	font: 15px var(--bold);
}
.bankCredit .item-bankCredit {
	position: relative;
	width: calc((100% / 6) - 6px);
}
.bankCredit .item-bankCredit::before {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-bottom: 15px solid var(--hover__background);
	border-left: 15px solid transparent;
}
.bankCredit .item-bankCredit::after {
	position: absolute;
	bottom: 1px;
	right: 1px;
	font: var(--awesome__font);
	font-size: 7px;
	color: #fff;
}
.bankCredit .item-bankCredit.active {
	border-color: var(--hover__background);
}
.bankCredit .item-bankCredit.active::before {
	content: '';
}
.bankCredit .item-bankCredit.active::after {
	content: '\f00c';
}

/*listCard*/
.list-card .item-bankCredit {
	width: unset;
	height: 55px;
}

/*listPrepaid*/
.list-prepaid .title-bankCredit {
	margin-right: 10px;
}
.list-prepaid .amountPrepaid {
	margin: 0 3px 3px;
	padding: 5px 10px;
	border: 1px solid #ddd;
	border-radius: 2px;
	cursor: pointer;
}
.list-prepaid .item-bankCredit {
	width: unset;
}
.data-prepaid {
	background: #fff5f5;
	margin-top: 20px;
}
.data-prepaid .title-prepaid {
	background: #ffee5d;
	padding: 10px 20px;
	font: 15px var(--bold);
}
.data-prepaid aside {
	padding: 10px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.data-prepaid .col-monthCredit.active {
	background-color: #ffee5d;
}
.data-prepaid .col-monthCredit aside:last-child {
	border-left: 1px solid #ddd;
	margin: 0px 0px 0px -1px;
}
.data-prepaid .col-monthCredit aside .button-bank {
	background-color: red;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	display: block;
	text-align: center;
	padding: 8px 10px;
	border-radius: 3px;
	text-decoration: none;
	font-size: 14px;
}

/*template finance company*/
.cover-financeCompany .btn {
	width: 100%;
	background: var(--hover__background);
	text-align: center;
	font-family: var(--regular);
	text-transform: uppercase;
}
.cover-financeCompany .btn:hover {
	background: var(--color__background);
}
.cover-financeCompany .form-control {
	font: 14px var(--medium);
	line-height: normal;
	height: auto !important;
	cursor: pointer;
}
.cover-financeCompany .bg-gray {
	background: #f1f1f1;
	padding: 10px;
	font-size: 18px;
	color: var(--hover__text);
	text-align: center;
}
.FINANCE aside {
	margin: 0 0 -1px -1px;
	padding: 10px;
	font-size: 15px;
	border: 1px solid #ddd;
}
.FINANCE aside.img {
	height: 55px;
}
.FINANCE aside.row-4 {
	height: 90px;
}
.label-financeCompany {
	color: #fff;
	background-color: red;
	text-transform: uppercase;
	font: 25px var(--black);
	text-align: center;
	margin-bottom: 0.75rem;
	padding: 10px 10px 8px 10px;
}
.button-finance {
	text-align: center;
	margin-top: 0.75rem;
}
.button-finance a {
	color: #fff;
	font: 14px var(--bold);
	display: inline-block;
	background-color: red;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 3px;
	cursor: pointer;
}

/* Installment */
.block-order-installment {
	margin-top: 1rem;
	display: none;
}
.block-order-installment.active {
	display: block;
}
.information-installment {
	margin-bottom: 2rem;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.information-left-installment {
	width: 49%;
}
.label-installment {
	margin-bottom: 1rem;
	font-size: 17px;
	text-transform: capitalize;
	color: #666;
}
.form-group-installment {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.form-label-installment {
	width: 30%;
	text-align: right;
	margin-top: 7px;
}
.form-label-installment span {
	color: #666;
	font-size: 14px;
}
.form-label-installment strong {
	color: red;
	font-weight: normal;
}
.form-input-installment {
	width: 70%;
	padding-left: 3%;
	margin-bottom: 0.75rem;
}
.form-input-installment input,
.form-input-installment select {
	height: 35px;
	color: #666;
	border-radius: 3px;
	border-color: #ddd;
	border-width: 1px;
	border-style: solid;
}
.form-input-installment input {
	width: 100%;
	text-indent: 10px;
}
.form-input-installment input[type='submit'] {
	color: #fff;
	border: 0px;
	cursor: pointer;
	background-color: red;
	text-transform: uppercase;
	text-align: center;
	text-indent: 0px;
}
.form-input-installment select {
	margin-right: 0.5rem;
	padding: 0px 17px 0px 10px;
	display: inline-block;
	vertical-align: top;
}
.form-input-installment select:last-child {
	margin-right: 0px;
}
.information-right-installment {
	width: 49%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.product-img-installment {
	margin-right: 3%;
}
.product-info-installment .name {
	font-size: 15px;
}
.product-info-installment .attr {
	line-height: normal;
}
.product-info-installment .attr b {
	display: block;
	font-weight: normal;
}
.product-info-installment .price {
	margin-top: 5px;
}
.product-info-installment .price span {
	display: block;
}
.product-info-installment .price span.sub {
	display: inline-block;
	line-height: normal;
}
.product-info-installment .price .new-price {
	font: 15px var(--bold);
	color: var(--hover__text);
}
.product-info-installment .price .old-price {
	text-decoration: line-through;
	color: #cccccc;
	line-height: normal;
}
.post-left-installment {
	border: 1px solid #cccccc;
	border-radius: 5px;
	padding: 10px;
}
.post-label-installment {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 0.75rem;
	padding-bottom: 0.5rem;
	font-size: 17px;
}
.post-list-installment {
	padding: 0px;
	list-style: none;
}
.post-list-installment li {
	margin-bottom: 0.25rem;
	font-size: 16px;
}
.post-list-installment li:last-child {
	margin-bottom: 0px;
}
.post-list-installment li a {
	color: #3994e4;
}
.post-right-installment {
	text-align: left;
}
.post-img-finance-right-installment {
	margin-right: 5%;
	width: 37%;
}
.post-info-finance-right-installment {
	width: 63%;
}

/*template branch*/
.list-branch {
	max-height: 315px;
	background: #f7f7f7;
	padding: 20px;
	font-size: 14px;
	line-height: 2;
	overflow: auto;
}
.iframe-branch .map {
	position: relative;
	height: 315px;
}
.item-branch {
	margin-top: 10px;
}
.item-branch .name {
	margin-bottom: 10px;
	position: relative;
	font-weight: bold;
	font-size: 14px;
}

/*template post level2*/
.item-level2 {
	border-radius: 10px;
	text-align: center;
	background: #f8f8f8;
	padding: 10px;
}
.item-level2 .info .name {
	padding: 10px 0 0;
	font-size: 15px;
}
.item-level2 .info .count {
	font-size: 14px;
	color: #333;
	margin-top: 10px;
}

/*template Post Detail*/
.page-inside .head-detail .title {
	font-size: 25px;
	border: none;
}
.page-inside .head-detail .head-info {
	font-size: 14px;
}
.page-inside .head-detail .head-info .view {
	color: var(--hover__text);
}

/* Navigate */
.cover-navigate {
	display: none;
}
.cover-navigate.active {
	position: fixed;
	top: 0px;
	left: 0px;
	padding: 10px;
	width: 100%;
	display: block;
	overflow-y: auto;
	z-index: 999;
	background: #fff;
}
.grid-menu {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}
.close-menu {
	border: 1px solid #999;
	width: 50px;
	text-align: center;
	line-height: 35px;
	margin: 0px 0px 10px auto;
	cursor: pointer;
	background: #f1f1f1;
}
.close-menu-nav {
	position: absolute;
	right: 0px;
	top: -6px;
	border: 1px solid #fff;
	width: 48px;
	text-align: center;
	line-height: 30px;
	margin: 10px 10px 10px auto;
	cursor: pointer;
	background: #fff;
}
.cover-navigate .container {
	display: flex;
	flex-wrap: wrap;
}
.navigate {
	background-color: #2a83e9;
	text-align: center;
	padding: 10px 5px 5px 5px;
	border-radius: 3px;
	color: #fff;
}
.navigate:not([href]) {
	color: #fff;
}
.navigate span {
	display: block;
	height: 30px;
	margin-bottom: 5px;
	line-height: 30px;
	font-size: 25px;
}
.navigate strong {
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
	border-color: #b5b52c !important;
}

/* Responsive */
.responsive-prepaid {
	overflow-y: hidden;
	overflow-x: auto;
}
.responsive-prepaid .VISA.d-flex {
	min-width: 1000px;
}
.responsive-prepaid .FINANCE.d-flex {
	min-width: 500px;
}

/*popup*/
/*body.fancybox-active{overflow: auto !important;}*/
/*.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage{background: none !important;}*/
/*.fancybox-container{top: unset !important;bottom: none;width: 320px !important;height: 270px !important;}*/
#fancybox-popupbl {
	position: fixed;
	bottom: 0;
	left: 10px;
	display: none;
	z-index: 999;
}
#fancybox-popupbl .btn-close {
	display: inline-block;
	background: #1688c5;
	padding: 2px 4px;
	color: #fff;
	cursor: pointer;
}
#fancybox-popunewsletter {
	padding: 0;
}
#fancybox-popupm {
	padding: 0;
}

.frm-popupNewsletter {
	background: #fff;
	padding: 20px;
}
.frm-popupNewsletter .form-group {
	width: calc((100% / 2) - 10px);
}
.frm-popupNewsletter .btn {
	display: block;
	margin: auto;
	padding: 10px 30px;
	font-size: 18px;
	text-transform: uppercase;
}

/*template oldmachine*/
.box-descCategory {
	padding: 20px 0;
}
.box-descCategory .title {
	font-size: 20px;
}
.box-descCategory .customer {
	margin: 20px 0;
}
.item-customer {
	padding: 10px;
}
.item-customer .img img {
	border-radius: 50%;
}
.item-customer .info {
	width: calc(100% - 120px);
}
.item-customer .info .name {
	font-size: 18px;
	margin: 5px 0 0;
}

.slick-video {
	padding: 0 20px;
	overflow: hidden;
}
.slick-video .slick-next {
	left: unset;
	right: 0;
}
.slick-video .slick-prev {
	right: unset;
	left: 0;
}
.care-mobile {
	display: none;
}

.box-video {
	flex: 0 0 auto;
	width: calc(25% - 5px);
	margin-right: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #aeabab;
	background: #fff;
}
.box-video a {
	padding: 10px;
}
/*template Product*/
.item-offer {
	padding: 10px 0px;
	border-bottom: 1px solid #ddd;
}
.item-offer:last-child {
	border-bottom: none;
}
.item-offer .info .name {
	margin-bottom: 5px;
	font: 14px var(--regular);
}
.item-offer .price .new-price {
	color: var(--hover__text);
	font-family: var(--bold);
}
.item-offer .price .old-price {
	margin-left: 10px;
	color: #666;
	text-decoration: line-through;
}

/*product group*/
.item-productGroup .start-rating {
	display: none;
}
.item-productGroup .info {
	width: calc(100% - 130px);
	height: 115px !important;
	padding: 0;
	text-align: left;
}
.item-productGroup .info .price {
	flex-wrap: wrap;
}
.item-productGroup .info .box-specify {
	height: auto;
}
.item-productGroup .info .price .new-price,
.item-productGroup .info .price .old-price {
	width: 100%;
}

.support-online {
	position: fixed;
	z-index: 999;
	left: 0;
	bottom: 0px;
}
.fa-user-circle:before {
	content: '\f007';
}
.support-online a {
	position: relative;
	margin: 20px 20px;
	text-align: left;
	width: 40px;
	height: 40px;
}
.support-online i {
	width: 40px;
	height: 40px;
	background: #43a1f3;
	color: #fff;
	border-radius: 100%;
	font-size: 20px;
	text-align: center;
	line-height: 1.9;
	position: relative;
	z-index: 999;
}
.support-online a span {
	border-radius: 2px;
	text-align: center;
	background: rgb(103, 182, 52);
	padding: 9px;
	display: none;
	width: 180px;
	margin-left: 10px;
	position: absolute;
	color: #ffffff;
	z-index: 999;
	top: 0px;
	left: 40px;
	transition: all 0.2s ease-in-out 0s;
	-moz-animation: headerAnimation 0.7s 1;
	-webkit-animation: headerAnimation 0.7s 1;
	-o-animation: headerAnimation 0.7s 1;
	animation: headerAnimation 0.7s 1;
}
.support-online a:hover span {
	display: block;
}
.support-online a {
	display: block;
}
.support-online a span:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent rgb(103, 182, 52) transparent transparent;
	position: absolute;
	left: -10px;
	top: 10px;
}
.kenit-alo-circle-fill {
	width: 60px;
	height: 60px;
	top: -10px;
	position: absolute;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	background-color: rgba(0, 175, 242, 0.5);
	opacity: 0.75;
	right: -10px;
}
.kenit-alo-circle {
	width: 50px;
	height: 50px;
	top: -5px;
	right: -5px;
	position: absolute;
	background-color: transparent;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid rgba(30, 30, 30, 0.4);
	opacity: 0.1;
	border-color: #0089b9;
	opacity: 0.5;
}
.support-online .btn-support {
	cursor: pointer;
}
.sms i {
	background: red;
}
.call-now i {
	background: green;
}
.mes i {
	background: orange;
}
.mes_face i {
	background: #0088f7;
}

/*tempate check*/
table.check-table {
	border: 1px solid #ddd;
}
table.check-table > tbody > tr > td,
table.check-table > tbody > tr > th,
table.check-table > tfoot > tr > td,
table.check-table > tfoot > tr > th,
table.check-table > thead > tr > td,
table.check-table > thead > tr > th {
	border: 1px solid #ddd;
}
table.check-table th,
table.check-table td {
	padding: 10px;
	border-top-width: 0 !important;
	border-left-width: 0 !important;
}
table.check-table > thead > tr > td,
table.check-table > thead > tr > th {
	border-bottom-width: 2px !important;
}
table.check-table > tbody > tr > td > a {
	color: #428bca;
}
table.check-table > tbody > tr > td > a:hover {
	color: #2a6496;
	text-decoration: underline;
}
table.dataTable {
	clear: both;
	margin-top: 6px !important;
	margin-bottom: 6px !important;
	max-width: none !important;
	border-collapse: separate !important;
}
table.dataTable td,
table.dataTable th {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
	text-align: center;
}
table.dataTable.nowrap th,
table.dataTable.nowrap td {
	white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_length {
	margin-bottom: 10px;
}
div.dataTables_wrapper div.dataTables_length label {
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_length select {
	width: 75px;
	display: inline-block;
}
div.dataTables_wrapper div.dataTables_filter {
	margin-left: 20px;
	text-align: right;
}
div.dataTables_wrapper div.dataTables_filter label {
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
}
div.dataTables_wrapper div.dataTables_filter input {
	margin-left: 0.5em;
	display: inline-block;
	width: 100%;
}
div.dataTables_wrapper div.dataTables_info {
	padding-top: 8px;
	white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_paginate {
	margin: 0;
	white-space: nowrap;
	text-align: right;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	margin: 2px 0;
	white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	margin-top: -26px;
	text-align: center;
	padding: 1em 0;
}
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
	padding-right: 30px;
}
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
	outline: none;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
	cursor: pointer;
	position: relative;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
	position: absolute;
	bottom: 8px;
	right: 8px;
	display: block;
	font-family: 'glyphiconshalflingsregular';
	opacity: 0.5;
}
table.dataTable thead .sorting:after {
	opacity: 0.2;
	content: '\e150';
}
table.dataTable thead .sorting_asc:after {
	content: '\e155';
}
table.dataTable thead .sorting_desc:after {
	content: '\e156';
}
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
	color: #eee;
}
div.dataTables_scrollHead table.dataTable {
	margin-bottom: 0 !important;
}
div.dataTables_scrollBody table {
	border-top: none;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
	display: none;
}
div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
	border-top: none;
}
div.dataTables_scrollFoot table {
	margin-top: 0 !important;
	border-top: none;
}

.product p,
.product {
	text-align: left;
}
.addthis_pill_style {
	display: none !important;
}

/* Menu left */
.menu-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.menu-head-left {
	position: relative;
	width: 200px;
}
.title-menu {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	line-height: 40px;
	display: block;
	background: #136dd4;
	padding: 0px 10px;
	border-radius: 5px;
	text-transform: capitalize;
	font-size: 16px;
}

.menu-product-list {
	position: absolute;
	z-index: 9999;
	top: 100%;
	width: 250px;
	background: #fff;
	border-radius: 2px;
}

.menu-product-list ul {
	padding: 0px;
	margin-bottom: 0px;
}

.menu-product-list ul ul {
	position: absolute;
	width: calc(1200px - 200px);
	background: #fff;
	left: 100%;
	top: 0px;
	border: 1px solid #999;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	height: 100%;
	overflow-x: hidden;
}

.menu-product-list ul ul ul {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	border: none;
	display: block;
	height: auto;
}
.menu-product-list ul li a {
	position: relative;
	display: block;
	color: #333;
	font-size: 14px;
	font-weight: 500;
	padding: 2px 10px 2px 10px;
	border-bottom: 1px solid #ddd;
}

.menu-product-list ul li a .icon-down {
	position: absolute;
	right: 10px;
	top: 2px;
	font-size: 20px;
}
.menu-product-list ul ul li a span {
	position: absolute;
	right: 10px;
	font-size: 13px;
	font-weight: 500;
	color: #00a3ff;
}

.menu-product-list ul li a:hover {
	color: #f00;
}

.menu-product-list ul ul li a {
	border-bottom: none;
	font-family: var(--bold);
}
.menu-product-list ul ul ul li a {
	font-family: var(--regular);
}

[x-cloak] {
	display: none !important;
}

/* GYHN */

.title-hn {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
	margin-bottom: 20px;
}

.title-hn span {
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.title-hn span img {
	transition: all 0.5s;
}
.title-hn span:hover img {
	transform: rotate(360deg);
}

.title-hn span:hover,
.title-hn span.active {
	background: #feb70b;
}

.box-service {
	border-radius: 10px;
	width: calc(25% - 5px);
	margin-right: 10px;
}
.box-service a {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: 10px;
}
.box-service a h3 {
	font-family: var(--bold);
	margin-bottom: 10px;
}
.box-service .ds-service {
	width: calc(100% - 55px);
}

.ds-service p {
	line-height: 20px;
	height: 60px;
	overflow: hidden;
}

.box-service:nth-child(n + 1) {
	background: #dceeff;
}
.box-service:nth-child(2n + 1) {
	background: #fef5cf;
}
.box-service:nth-child(3n + 1) {
	background: #ffefdb;
}
.box-service:nth-child(4n + 1) {
	background: #e1fecf;
}

/* Thuong hieu */

.grid-th {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(10, 1fr);
}

.box-th-main {
	text-align: center;
}
.box-th-main h3 {
	margin-top: 10px;
}
.box-th-main:hover h3 {
	color: #f00;
}
/* XH */
.bg-xh {
	background: #fecfbb;
	border-radius: 10px;
}

.box-xh {
	width: calc(25% - 5px);
	margin-right: 10px;
}

.box-xh a {
	background: #fff;
	padding: 10px;
	border-radius: 10px;
}

.box-xh .ds-xh {
	position: relative;
	padding: 10px 40px 10px 0px;
}
.box-xh .ds-xh i {
	position: absolute;
	right: 5px;
	top: 15px;
	background: #f1f1f1;
	color: #2f80ed;
	border-radius: 50%;
	padding: 10px 13px;
}
.box-xh a p {
	color: #2f80ed;
}

.box-xh:hover a,
.box-xh:hover a i {
	color: #f00;
}
@media screen and (max-width: 1366px) {
	.menu-product-list ul ul {
		position: absolute;
		width: calc(1000px - 200px);
		background: #fff;
		left: 100%;
		top: 0px;
		border: 1px solid #999;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 10px;
		height: 100%;
		overflow-x: hidden;
	}
}
@media screen and (max-width: 1220px) {
	.qc-fix{display: none;}
	/* Thanh cộn ngang*/
	.scrollbarh {
		overflow-y: hidden;
		overflow-x: auto;
		width: 100%;
	}
	.boloc {
		padding: 6px 5px !important;
		margin-bottom: 5px;
	}
	.scrollbarh::-webkit-scrollbar {
		height: 5px;
		background-color: #999;
	}
	.scrollbarh::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
		background-color: #f5f5f5;
	}
	.scrollbarh::-webkit-scrollbar-thumb {
		background-color: #999;
	}

	.grid-th {
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(8, 1fr);
	}
}
@media screen and (max-width: 767px) {
	.wr-product-cat-img {
		grid-template-columns: repeat(4, 1fr);
	}
	.branch-map {
		width: 100%;
		background: #fff;
		padding: 10px;
		border-radius: 5px;
	}
	.swiper-button-next,
	.swiper-button-prev {
		display: none !important;
	}

	.grid-th {
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(6, 1fr);
	}

	.item-bh {
		font-size: 14px;
	}
	.title-deal {
		width: 70%;
		font-size: 16px;
		justify-content: center;
	}
	.title-deal img {
		width: 30px;
	}
	div.dataTables_wrapper div.dataTables_length,
	div.dataTables_wrapper div.dataTables_filter,
	div.dataTables_wrapper div.dataTables_info,
	div.dataTables_wrapper div.dataTables_paginate {
		text-align: center;
	}
}
table.dataTable.table-condensed > thead > tr > th {
	padding-right: 20px;
}
table.dataTable.table-condensed .sorting:after,
table.dataTable.table-condensed .sorting_asc:after,
table.dataTable.table-condensed .sorting_desc:after {
	top: 6px;
	right: 6px;
}
table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
	border-left-width: 0;
}
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
	border-right-width: 0;
}
table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
	border-bottom-width: 0;
}
div.dataTables_scrollHead table.table-bordered {
	border-bottom-width: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row {
	margin: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^='col-']:first-child {
	padding-left: 0;
}
div.table-responsive > div.dataTables_wrapper > div.row > div[class^='col-']:last-child {
	padding-right: 0;
}

.pagination {
	display: block;
	padding-left: 0;
	margin: 10px auto;
}
.pagination > li {
	display: inline;
}
.pagination > li > a,
.pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 14px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
	z-index: 2;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
	padding: 5px 10px;
	font-size: 14px;
	line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.form-inline .col-sm-6 label {
	justify-content: flex-start;
}
.form-inline .col-sm-6 + .col-sm-6 label {
	justify-content: flex-end;
}
div.dataTables_wrapper div.dataTables_length select {
	margin: 0 10px;
}
.background1 {
	padding: 10px 0px;
	box-sizing: border-box;
	margin-bottom: 10px !important;
	border-radius: 10px;
}
.background2 {
	box-sizing: border-box;
	margin: 20px 0px 20px;
	z-index: 12;
}
.background2 .filterItems {
	border: none;
	background: transparent;
	display: block;
}
.background2 .filterItems .imgnc img {
	border-radius: 50%;
	background: #f1f1f1;
}
.img_radius img {
	border-radius: 50%;
	overflow: hidden;
	object-fit: cover; /* Dùng để kéo giãn hình thành hình trong dù kích thước ko tròn*/
}
.imgnc {
	width: 56px;
	height: 56px;
	padding: 5px;
	box-sizing: border-box;
	background: #fff;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
}
.namenc {
	text-align: center;
	width: 100%;
	color: #333;
}
.filterItems:hover .namenc {
	color: #f00;
}
.flex {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.flexnowidth {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.flex_odd_even {
	flex-direction: row-reverse;
}
.flexwrap {
	flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.justifylex {
	justify-content: space-between;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
}
.bottomflex {
	-webkit-box-align: end;
	-webkit-flex-align: end;
	-ms-flex-align: end;
	-webkit-align-items: end;
	align-items: end;
}
.topflex {
	-webkit-box-align: start;
	-webkit-flex-align: start;
	-ms-flex-align: start;
	-webkit-align-items: start;
	align-items: start;
}
.rightflex {
	justify-content: flex-end;
	-webkit-box-pack: right;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: right;
}
.leftflex {
	justify-content: flex-start;
	-webkit-box-pack: left;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: left;
}
.centerflex {
	justify-content: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
}
.topbottomflex {
	-webkit-box-align: center;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.dkdn {
	width: 50%;
	margin: 10px;
}
#loadsspnews {
	width: 400px;
	position: fixed;
	min-height: 100px;
	background: #fff;
	padding: 5px;
	box-sizing: border-box;
	bottom: 0px;
	left: 0px;
	z-index: 99999;
	/* display: none; */
	border: 1px solid #ccc;
	box-shadow: 0px 0px 8px #ccc;
	visibility: hidden;
	opacity: 0;
}
#k {
	width: 100%;
	position: relative;
}
#k p {
	color: #000;
	font-size: 14px;
	margin-bottom: 5px;
	border-bottom: 2px solid #ccc;
	padding-bottom: 5px;
	font-weight: bold;
}
#hinhk {
	width: 70px;
	margin-right: 10px;
}
#hinhk img {
	max-width: 100%;
	width: 100%;
}
#motak {
	width: calc(100% - 80px);
}
#motak span {
	color: #f00;
	margin-right: 10px;
}
#tenk {
	color: #f00;
	font-size: 14px;
}
#tensanphamk {
}
#tensanphamk a {
	color: #f00;
	font-size: 14px;
	font-weight: bold;
}
#thoigiank {
	color: #fff;
	font-size: 14px;
}
#nutdong {
	height: 30px;
	width: 30px;
	background: url(../../images/close.png) no-repeat left top;
	z-index: 99999;
	position: absolute;
	right: 0px;
	top: -4px;
	cursor: pointer;
}
.wrap-user {
	width: 100%;
	max-width: 600px;
	margin: 20px auto;
	border: 1px solid #bce8f1;
	border-radius: 5px;
}
.title-user {
	background-color: #d9edf7;
	padding: 14px 15px;
	border-radius: 5px 5px 0px 0px;
}
.title-user span {
	color: #31708f;
}
.title-user a {
	color: #0056b3;
	font-size: 14px;
}
.form-user {
	padding: 20px 15px;
}
.input-user {
	margin-bottom: 0.75rem;
}
.input-user input {
	font-size: 14px;
}
.button-user {
	margin-bottom: 1rem;
}
.button-user input {
	font-size: 14px;
}
.checkbox-user,
.radio-user {
	cursor: pointer;
}
.checkbox-user input {
	top: calc(50% - 1.25rem / 2);
	height: auto;
}
.checkbox-user label {
	font-size: 14px;
	cursor: pointer;
}
.checkbox-user label::before,
.checkbox-user label::after {
	top: calc(50% - 1rem / 2);
}
.radio-user {
	margin-right: 1rem;
}
.radio-user:last-child {
	margin-right: 0px;
}
.radio-user label::before,
.radio-user label::after {
	top: calc(50% - 1rem / 2);
}
.note-user {
	font-size: 14px;
	border-top: 1px solid #ddd;
	padding-top: 0.5rem;
}
label {
	display: inline-block;
	margin-bottom: 0.5rem;
}
.validation-user .btn {
	display: inline-block;
	background-color: #0062cc !important;
	padding: 8px 10px;
}
.note-user {
	font-size: 14px;
	border-top: 1px solid #ddd;
	padding-top: 0.5rem;
	display: flex;
	width: 100%;
}
.note-user a {
	color: #f00;
	display: inline-block;
	margin-left: 20px;
}

#left {
	width: 260px;
}
#right {
	width: calc(100% - 280px);
	margin-left: 20px;
}
#right .wrap-user {
	width: 100%;
	max-width: 100% !important;
}
#left .max-width {
	padding: 5px;
	box-sizing: border-box;
	border: 1px solid #ccc;
}
#left .max-width img {
	width: 100%;
	max-width: 100%;
}
#fro_img {
	margin: 10px 0px;
}
.chinhnamgiuakhung {
	margin-top: 10px;
}
/* #left{
	margin-top: 19px;	
} */
#left a.act_us {
	color: #f00;
}
.menuboloc {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.menuboloc a,
.menuboloc1 a {
	display: inline-block;
	margin-right: 10px;
}
.menuboloc {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 100px;
	z-index: 999999;
	width: 400px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	box-shadow: 0px 0px 8px #ccc;
	border-radius: 5px;
	background: #fff;
	padding: 10px;
	opacity: 0;
	visibility: hidden;
	transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-webkit-transition: all 100ms linear;
}
.menuboloc1 {
	position: absolute;
	left: 0px;
	top: 100px;
	z-index: 999999;
	height: 433px;
	width: 1000px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	box-shadow: 0px 0px 8px #ccc;
	border-radius: 5px;
	background: #fff;
	padding: 10px;
	opacity: 0;
	visibility: hidden;
	transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-webkit-transition: all 100ms linear;
}
/* .boloc:hover .menuboloc,
.boloc:hover .menuboloc1 {
	opacity: 1;
	visibility: visible;
	top: 40px;
} */
.close-search {
    position: absolute;
    right: 5px;
    top: 5px;
    background: #f00;
    color: #fff;
    font-size: 20px;
    padding: 0px 10px;
    cursor: pointer;
}
.check-search {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
.check-search a i {
    color: #666;
    margin-left: 5px;
}
.boloc.active .menuboloc, .boloc.active .menuboloc1 {
    opacity: 1;
    visibility: visible;
    top: 40px;
}
.menuboloc:after,
.menuboloc1:after {
	content: '';
	position: absolute;
	width: 27px;
	height: 27px;
	background: #fff;
	transform: rotate(45deg) translateX(-50%);
	top: 7px;
	left: 50%;
	z-index: -1;
}
.menuboloc a,
.menuboloc1 a {
	border: 1px solid #ccc;
	color: #000;
	padding: 8px 10px;
	display: inline-block;
	border-radius: 5px;
	margin-bottom: 10px;
}
.fixed_position {
	position: relative;
}
.boloc {
	padding: 6px 10px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	color: #000;
	border-radius: 5px;
	margin-right: 10px;
	position: relative;
	cursor: pointer;
	white-space: nowrap;
	background: #fff;
}

.boloc span {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.magiamgia #inputgiamgia {
	height: 35px;
	width: calc(100% - 90px);
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
}
.magiamgia #giamgia {
	height: 35px;
	width: 90px;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	border-radius: 5px;
	line-height: 35px;
	text-align: center;
	cursor: pointer;
}
.boloc .x_act,
.boloc .active {
	border: 1px solid var(--hover__background) !important;
}
.editmenuboloc {
	position: relative !important;
	width: 100% !important;
	top: 0px !important;
	border: none !important;
	box-sizing: border-box;
	box-shadow: none !important;
	border-radius: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.editmenuboloc:after {
	display: none !important;
}
.editmenuboloc a {
	padding: 8px 5px !important;
}
.iconhang a {
	padding: 8px 48px !important;
}

.width30 {
	width: 30%;
	margin-right: 3%;
}
.name_bl {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 10px;
}
.scrollbar {
	overflow-y: auto;
	overflow-x: hidden;
}
.scrollbar::-webkit-scrollbar {
	width: 8px;
	background-color: #999;
}
.scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
	background-color: #f5f5f5;
}
.scrollbar::-webkit-scrollbar-thumb {
	background-color: #999;
}
.slick-prev::after,
.slick-next::after {
	color: #333 !important;
}
#hangmuc {
	padding: 5px;
	background: #e9ecef;
	margin-bottom: 20px;
}
#hangmuc span {
	color: #f00;
}
.dkdn {
	width: 38%;
	margin: 10px;
	border-radius: 4px;
	overflow: hidden;
}

#download_bdf a {
	color: #f00;
}
/*popup-tg */
.popup-tg {
	position: fixed;
	z-index: 99999;
	background: #00000085;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	display: none;
}
.info-tg {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	background: #fff;
	width: 430px;
	max-width: 90%;
	padding-bottom: 30px;
}
.tt-tg {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 20px;
	height: 50px;
	background: #be0318;
	border: 0 none;
	z-index: 1;
	color: #fff;
}
.tt-tg h4 {
	font: 25px var(--bold);
	color: #fff;
	text-align: center;
}
.tt-tg span {
	position: relative;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
}
.offers .title p {
	text-align: center;
	font-size: 29px;
	font-weight: bold;
	padding: 15px;
}
.tt-tg-in {
	text-align: center;
	font: 25px var(--medium);
	padding: 15px;
	text-transform: uppercase;
}
.info-tg .new-price {
	font-size: 20px;
	text-align: center;
}
.des-tg {
	text-align: center;
	margin-top: 20px;
	color: #9d0000;
	font: 15px var(--medium);
}

.ip-tg {
	width: 90%;
	margin: 10px auto 0px;
}
.ip-tg input {
	background: #fff;
	min-height: 36px;
	height: 36px;
	border: 1px solid #ddd;
	padding: 0px 10px;
	width: 100%;
	margin-bottom: 10px;
}
.ip-tg .cm-price-offer {
	border: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	height: 60px;
	font-size: 50px;
	text-align: center;
	background: #fff9f9;
	color: #8d1414;
	width: 100%;
	margin-bottom: 10px;
}
.ip-tg textarea {
	background: #fff;
	min-height: 80px;
	height: 36px;
	border: 1px solid #ddd;
	padding: 10px 10px;
	width: 100%;
	margin-bottom: 10px;
}
.cm-form-dialog-closer {
	background: #ae0014;
	color: #fff;
	box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.4);
	width: 100%;
	padding: 10px;
	border: none;
	font: 15px var(--medium);
}

.box-tc {
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: 1px solid #ddd;
}
.box-tc h4 {
	text-transform: uppercase;
	font-family: var(--medium);
	margin-left: 10px;
}

.grid-bg {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}
.box-search-bg-50 {
	max-width: 50%;
}

.card-body .table {
	width: 100%;
}
/* Responsive */
@media (max-width: 1201px) {
	.box-head .search {
		width: auto;
	}
	.container {
		max-width: 98%;
	}
	.box-head .care {
		display: none;
	}
	.box-head .branch {
		max-width: 200px;
	}

	.menu ul li a {
		display: block !important;
		text-align: center;
	}
	.menu ul li a span {
		display: block;
		margin-right: 0px;
		margin-bottom: 5px;
	}
	.menu ul li a strong {
		display: block;
	}

	.box-main-deal,
	.item-product .info .price {
		flex-wrap: wrap;
	}

	.item-product-deal .info .price {
		flex-wrap: unset;
	}

	.item-product-deal .info .icon-deal {
		padding: 4px 4px 4px 4px;
		margin-right: 3px;
		margin-bottom: 0px;
		font-size: 14px;
	}
	.item-product-deal .info .time-deal {
		text-align: left;
	}

	.item-product .info .price span {
		display: block;
		text-align: center;
		width: 100%;
	}

	.row {
		width: 100%;
		margin: 0 !important;
	}
}
@media (max-width: 1025px) {
	.flex-pro-over {
		white-space: nowrap;
		overflow: hidden;
		display: block;
		padding-bottom: 0;
	}

	.scroll {
		overflow: overlay; /* Hiển thị thanh cuộn dọc khi hover */
	}

	.scroll::-webkit-scrollbar {
		width: 50px; /* Độ rộng của thanh cuộn dọc */
		height: 3px; /* Độ cao của thanh cuộn ngang */
	}

	/* Phần tay cầm của thanh cuộn */
	.scroll::-webkit-scrollbar-thumb {
		background-color: #ddd; /* Màu của thanh cuộn */
		border-radius: 10px; /* Bo tròn các góc */
	}

	/* Phần nền của thanh cuộn */
	.flex-pro-over::-webkit-scrollbar-track {
		background: #f1f1f1; /* Màu nền của thanh cuộn */
	}

	.title-hn {
		grid-template-columns: repeat(3, 1fr);
	}
	.menu-head-left,
	.menu-head {
		display: none;
	}
	.cover-menu {
		width: 100% !important;
	}
	.flex-1 {
		display: block;
	}
	.gr-news-l {
		width: 100%;
	}
	.gr-news-r {
		width: 100%;
	}

	.grid-cat-new {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}

	.grid-bg {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
	.box-search-bg-50 {
		max-width: 50%;
	}
	.title-main-in h4 {
		font-size: 20px;
	}
	.new-main {
		position: relative;
		margin: 5px 0px;
	}
	.box-head .search i {
		color: #fff;
	}

	.logo-menu {
		display: block;
		width: 140px;
	}

	.login,
	.cart,
	.backInLeft-mb {
		display: none;
	}
	.box-head .hotline {
		background: url(../../images/phone.png) no-repeat center;
		padding: 0px;
		font-size: 0px;
		width: 30px;
		height: 30px;
		background-size: 100% 100%;
	}

	.hotline-nav {
		background: url(../../images/phone.png) no-repeat left center;
		background-size: 35px;
		padding: 5px 0px 5px 38px;
	}

	.box-head .search {
		position: relative;
		width: 100%;
		max-width: 100%;
		margin-top: 10px;
	}
	.cover-head {
		-webkit-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.2);
		box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.2);
		position: relative;
		width: 100%;
		top: 0px;
		left: 0px;
		z-index: 100;
	}

	.box-head {
		padding: 5px 0;
	}

	.box-head .branch {
		max-width: 120px;
	}
	.box-head .hotline p {
		display: none;
	}
	.box-head .branch select {
		padding: 0.375rem 0.25rem;
		font-size: 14px;
	}

	.box-head .bars {
		display: block;
	}
	.nav-menu {
		display: none !important;
	}
	.slider,
	.slider .slick-slide img {
		width: 100%;
	}
	.tech-news,
	.slick__name {
		display: none !important;
	}

	.box-category .seeMore {
		display: none !important;
	}
	.item-product-scroll {
		width: 35%;
	}
	.col-footer-1,
	.col-footer-2 {
		width: 48%;
		margin-bottom: 30px;
	}
	.col-footer-group {
		width: 100%;
	}
	.sortProduct {
		padding: 7px 5px;
		font-size: 14px;
	}
	.item-sort ul {
		min-width: 180px;
		top: 25px;
	}
	.item-sort ul li {
		width: 100%;
		padding: 10px 10px 0px 10px;
	}
	.item-sort ul li:last-child {
		padding-bottom: 10px;
	}
	.row-detail .col__9 {
		width: 100%;
		padding: 0px;
	}
	.row-detail .col__3.sticky {
		display: none;
	}
	.row-add .row .item.col__3 {
		display: none;
	}
	.row-add .row .item.col__7,
	.row-add .row .item.col__2 {
		width: 100%;
	}
	.item-product .info .checkout {
		flex-wrap: wrap;
	}
	.item-product .info .btn,
	.item-product .info .checkout a {
		width: 100%;
		margin-bottom: 10px;
	}
	.item-product .info .btn:last-child,
	.item-product .info .checkout a:last-child {
		margin-bottom: 0px;
	}
	.cover-financeCompany .row .item {
		width: 100%;
	}
	.left-ins {
		width: 100%;
	}
	.right-ins {
		display: none;
	}
	.list-branch {
		width: 100%;
	}
	.iframe-branch {
		width: 100%;
	}
	.compare > .d-flex > .col__3 {
		width: 100%;
		text-align: center;
		order: 1;
	}
	.compare > .d-flex > .col__9 {
		width: 100%;
	}
	.search-compare {
		width: 90%;
		margin: auto;
	}
	.item-specifications > .row > .col__3 {
		width: 100%;
	}
	.item-specifications > .row > .col__9 {
		width: 100%;
	}
	.care-mobile {
		display: block;
	}
	.post-category-tool {
		margin-bottom: 20px;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
	}

	.control-owl button.owl-prev {
		left: 0px;
	}

	.control-owl button.owl-next {
		right: 0px;
	}

	.control-owl.control-main button.owl-prev {
		left: 0px;
	}

	.control-owl.control-main button.owl-next {
		right: 0px;
	}

	.control-owl.control-main.control-th button.owl-prev {
		left: -10px;
	}

	.control-owl.control-main.control-th button.owl-next {
		right: -10px;
	}
	.control-owl button {
		background: none;
	}
}
@media (min-width: 932px) {
	/*.item-options.three:nth-child(3n){margin-right:0px;}*/
	/*.item-options.three:nth-child(3n+1){clear:both;}*/
}
@media (max-width: 931px) {
	.slider-thumb {
		margin-top: 20px;
	}

	.grid-news {
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(2, 1fr);
	}
	.grid-news-3 {
		display: none;
	}
	:root {
		--item__width: calc((100% / 4) - (var(--item__margin) * 2));
	}
	.item-options.three {
		width: 49%;
	}
	.item-options.three:nth-child(2n) {
		margin-right: 0px;
	}
	.item-options.three:nth-child(2n + 1) {
		clear: both;
	}
	.cover-detail .row .col-detail-1,
	.cover-detail .row .col-detail-2,
	.cover-detail .row .col-detail-3 {
		width: 100%;
		margin-bottom: 1rem;
		position: relative;
		top: 0px;
	}
	.col-detail-2 {
		margin-left: 0px;
		margin-right: 0px;
		padding: 10px;
	}
	.cover-detail .row .col-detail-1 {
		text-align: center;
	}
	.shopping-cart,
	.total-cart,
	.quantity,
	.item-cart .price,
	.item-cart .info .box {
		width: 100%;
	}
	.quantity {
		margin: 10px 0px;
	}
	.item-cart .price {
		text-align: left;
	}
	.pay-cart {
		width: 100%;
		margin-bottom: 1rem;
	}
	.pay-info {
		width: 100%;
	}
	.row-installment .d-flex {
		flex-wrap: wrap;
	}
	.row-installment .d-flex .col__6 {
		width: 100%;
		margin-bottom: 3rem;
	}
	.item-midInstallment {
		height: auto;
	}

	.bankCredit .row-1 {
		width: 100%;
	}
	.bankCredit .item-bankCredit {
		width: auto;
	}
	.list-prepaid .title-bankCredit {
		width: 100%;
	}
	.list-prepaid .amountPrepaid {
		margin: 5px;
	}
	.breadcrumb {
		display: none;
	}

	.special-group .special-col-1 {
		width: 100%;
		position: static !important;
	}
	.special-group .special-col-2 {
		width: 100%;
	}

	.col-newsDetail,
	.col-productRelated {
		width: 100%;
	}

	.left-special > .special-category > ul > li > ul {
		display: flex;
		overflow-y: hidden;
		white-space: nowrap;
	}
	.special-category ul li ul li {
		padding: 5px 10px;
	}
	.left-special > .special-category ::-webkit-scrollbar {
		width: 3px;
		height: 5px;
	}
	.left-special > .special-category ::-webkit-scrollbar-thumb {
		background: #ddd;
	}
}
@media (max-width: 769px) {
	.slideshow-top {
		display: none;
	}
	.title-hn span {
		padding: 5px;
	}
	.name-item-lv1 {
		width: 100%;
		font-size: 25px;
	}
	.title-hn {
		grid-template-columns: repeat(2, 1fr);
	}
	.grid-cat-new {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.box-alo {
		width: 48%;
		background: #fff;
		padding: 10px;
		border-radius: 5px;
	}

	.grid-sale {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	.grid-sale2 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	:root {
		--item__width: calc((100% / 3) - (var(--item__margin) * 2));
	}
	.item-specifications .content .row-line,
	.information-installment {
		flex-wrap: wrap;
	}
	.cover-about .img,
	.cover-about .info,
	.information-left-installment,
	.information-right-installment {
		width: 100%;
	}
	.item-specifications .content .row-line {
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
	}
	.item-specifications .content .row-line p {
		width: auto;
		margin-right: 20px;
	}
	.item-specifications .content .row-line aside {
		width: auto;
	}
	.information-right-installment {
		order: -1;
		margin-bottom: 1rem;
	}
	.item-detail {
		width: calc((100% / 2) - (var(--item__margin) * 2));
	}

	.sortProduct > .d-flex {
		flex-wrap: wrap;
	}

	.row-special .item-product {
		width: calc((100% / 3) - (var(--item__margin) * 2));
	}

	.item-newsCategory {
		width: calc((100% / 2) - 20px);
	}
}
@media (max-width: 641px) {
	.grid-sale2 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 10px;
	}

	.grid-news {
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(1, 1fr);
	}

	.grid-bg {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 0px;
	}
	.box-search-bg-50 {
		max-width: 100%;
	}
	.box-search-bg-50 {
		max-width: 50%;
	}

	.content-options {
		grid-template-columns: repeat(1, 1fr);
	}
	:root {
		--item__width: calc((100% / 2) - (var(--item__margin) * 2));
		--item__page__width: calc((100% / 3) - (var(--item__margin) * 2));
	}
	.row-rating .row .item.col__3 {
		width: 60%;
	}
	.row-rating .row .item.col__5 {
		width: 100%;
	}
	.row-comment .d-flex {
		flex-wrap: wrap;
	}
	.row-comment .d-flex .col__2 {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	.pay-info .col {
		width: 100%;
		margin-bottom: 1rem;
	}
	.compare > .d-flex > .col__9 > .row {
		flex-wrap: wrap;
	}
	.item-compareChosen {
		width: calc((100% / 2) - 20px);
		margin: 10px;
	}

	.row-special .item-product {
		width: calc((100% / 2) - (var(--item__margin) * 2));
	}

	.item-lv2,
	.item-lv3 {
		white-space: nowrap;
	}

	.box-category {
		flex-wrap: wrap;
	}
	.categoryLv2 {
		padding: 5px;
	}

	.cover-ft .middle .col__4 {
		width: 100%;
	}
	.col__8 {
		width: 100%;
		padding-left: 0px !important;
	}

	.item-toolDetailFixed {
		display: none;
	}
	.item-toolDetailFixed.card-fixed {
		display: block;
	}

	.filterItems {
		min-width: auto;
	}
	.filterItems .name {
		font-size: 14px;
	}
	.box-btnRange {
		width: 70px;
	}

	.filter-title {
		width: 100%;
		margin-bottom: 10px;
	}
	.filter-title .filter-name {
		font-size: 14px;
	}
	.filter-content {
		width: 100%;
	}
	.item-addProduct {
		width: 100%;
	}
}

@media (max-width: 600px) {
	.grid-th {
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(3, 1fr);
	}
	#loadsspnews {
		display: none !important;
	}
	#left {
		width: 100%;
	}
	#right {
		width: 100%;
		margin-left: 0px;
		margin-top: 20px;
	}
	.noflex {
		display: block;
	}
	.imgnc {
		width: 48px;
		height: 48px;
	}
	.namenc {
		text-align: center;
		width: 100%;
	}
	.boloc {
		display: flex;
		justify-content: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		-webkit-box-align: center;
		-webkit-flex-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		margin-bottom: 10px;
	}
	.boloc span {
		padding: 0px 10px;
		white-space: nowrap;
	}
	:root {
		--item__margin: 5px;
	}
	.item-addProduct {
		width: 100%;
	}
	.item-product-scroll {
		width: 48% !important;
		margin: 1px;
	}
	.title-detail,
	.tabs-pro-detail ul li .nav-link {
		font-size: 15px;
	}
	.item-product-scroll {
		width: 60%;
	}

	.boloc.active {
		position: inherit !important;
	}

	.menuboloc,
	.menuboloc1 {
		width: 100%;
		max-width: 100%;
	}
	.iconhang a {
		padding: 8px 10px !important;
	}
	.width30 {
		width: 100%;
		margin-right: 0px;
	}
}

@media (max-width: 469px) {
	.item-product-inline-block {
		max-width: 40%;
	}
	.item-product .info .price .old-price {
		font-size: 11px;
	}
	.item-product .info .percent {
		font: 12px var(--bold);
		color: #136dd4;
		margin-left: 15px;
		background: #f1f1f1;
		border-radius: 5px;
		padding: 3px;
	}
	.icon-deal {
		display: none;
	}
	.ds-deal {
		max-width: 100%;
		width: 100%;
		margin-left: 0px;
		text-align: center;
	}
	.wr-product-cat-img {
		grid-template-columns: repeat(3, 1fr);
	}
	.grid-th {
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(2, 1fr);
	}
	.box-alo {
		width: 100%;
		background: #fff;
		padding: 10px;
		border-radius: 5px;
	}
	.tabs-pro-detail ul li {
		font-size: 15px;
		position: relative;
		margin: 0px 0px 10px;
		padding: 5px;
		background: #f1f1f1;
	}
	.tabs-pro-detail ul li a {
		padding-right: 30px;
	}
	.tabs-pro-detail ul li i {
		display: block;
		position: absolute;
		right: 5px;
		top: 5px;
	}

	.tabs-pro-detail ul li .nav-link {
		margin: 0px;
	}
	.title-detail-tab {
		display: block;
		font-size: 15px;
		position: relative;
		margin: 0px 0px 10px;
		padding: 5px 30px 5px 5px;
		background: #f1f1f1;
	}
	.title-detail-tab i {
		display: block;
		position: absolute;
		right: 10px;
		top: 5px;
	}
	.view-detail {
		display: none;
	}
	.content-detail-in {
		max-height: inherit;
	}
	.grid-sale-1 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 10px;
	}
	:root {
		--item__page__width: calc((100% / 2) - (var(--item__margin) * 2));
	}

	.itemSearch {
		width: 100%;
	}

	.col-count,
	.item-proLevel2 .seeMore {
		display: none;
	}
	.col-footer-1,
	.col-footer-2,
	.col-footer-3,
	.col-footer-4 {
		width: 100%;
		margin-bottom: 30px;
	}

	.btn-cart {
		width: 100%;
	}
	.item-compareChosen {
		width: calc(100% / 1);
	}
	.item-specifications > .row > .col__9 {
		max-height: 300px;
		overflow: auto;
	}
	.item-compare-content {
		width: 100%;
	}
	.item-newsCategory {
		width: calc((100% / 1) - 20px);
	}
}
@media (max-width: 401px) {
	.row-rating .row .item.col__3 {
		width: 100%;
	}
	.filterItems {
		padding: 2px;
	}
	.filterItems .name {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 10px;
	}
}
@media (max-width: 369px) {
	.item-options.two,
	.item-options.three {
		width: 100%;
	}
	.iconhang a {
		padding: 8px 4px !important;
	}
	.menuboloc a,
	.menuboloc1 a {
		margin-right: 5px;
	}
}
.box-readmore {
	padding: 8px 15px;
	border: 1px solid #dedede;
	margin-bottom: 2rem;
	border-radius: 5px;
	background-color: #fff;
}
.box-readmore li ul > li {
	margin: 0;
	margin-bottom: 8px;
}
.box-readmore li ul > li:before {
	content: counters(item, '.') ' ';
}
.box-readmore ul {
	list-style-type: none;
	counter-reset: item;
	margin-bottom: 0px;
	padding-left: 0px !important;
	margin-top: 8px;
}
.box-readmore ul li {
	display: table;
	counter-increment: item;
	margin-bottom: 5px;
}
.box-readmore ul li:before {
	content: counters(item, '.') '. ';
	display: table-cell;
	padding-right: 5px;
}
.box-readmore ul li a {
	color: #333333;
	cursor: pointer;
	font-weight: 600;
}
.box-readmore ul li a:hover {
	color: #767676;
}
.trabaohanh .col__8 {
	margin-bottom: 30px;
}
.trabaohanh .btn {
	width: 200px;
}
.trabaohanh .form-group {
	width: 80%;
	margin-right: 10px;
	margin-bottom: 0px;
}
.content_overflow {
	overflow-y: hidden;
}
.fixedtable {
	min-width: 1200px;
}
.content_ .table {
	margin: 20px auto;
	width: 95%;
	border-collapse: collapse;
	font-size: 13px;
}
.content_ .table thead {
	background: #f1f1f1;
}
.content_ .table tr,
.content_ .table td {
	border: 1px solid #ddd;
	padding: 5px;
}
.trabaohanh .warning {
	background: #efefef;
	color: #333;
}
.trabaohanh td {
	padding: 5px;
	max-width: 200px;
}
#dest-list {
	margin-bottom: 10px;
}
.item-tt a {
	display: block;
	padding: 5px 0px;
	border-bottom: 1px solid #f1f1f1;
}
.item-tt a i {
	margin-right: 5px;
}

.print-order {
	width: 150px;
	background: #000;
	color: #fff;
	text-align: center;
	margin: 20px auto;
	display: block;
	padding: 10px;
	cursor: pointer;
	border-radius: 10px;
}
@media (max-width: 800px) {
	/* .fixedtable {
		max-width: 700px;
		padding-bottom: 10px;
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.fixedtable table {
		width: 800px;
	} */
}
@media (max-width: 600px) {
	.item-contactIns .form {
		display: block;
	}
	.trabaohanh .form-group {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.trabaohanh .btn {
		width: 100%;
	}
	/* .fixedtable {
		padding-bottom: 10px;
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
	} */
}

.img-qc-fix:nth-child(1) {
	position: fixed;
	z-index: 999;
	left: 0px;
	top: 100px;
}

.img-qc-fix:nth-child(2) {
	position: fixed;
	z-index: 999;
	right: 0px;
	top: 100px;
}

.img-qc-fix:nth-child(1) span{
    position: absolute;
    top: -16px;
    right: -15px;
    background: #ffffff70;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    cursor: pointer;
}

.img-qc-fix:nth-child(2) span{
    position: absolute;
    top: -16px;
    left: -15px;
    background: #ffffff70;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    cursor: pointer;
}