@media (min-width:1921px) {
	.container-ilaby {
		max-width: 1920px;
		margin-left: auto;
		margin-right: auto;
	}
}


/***********************************pop up ****************************************8*/
/*.vn-madal {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  display:flex;*/
/*  align-items:center;*/
/*  justify-content:center;*/
/*}*/

/*.vn-pup-content {*/
/*  padding:16px;*/
/*}*/


/*.vn-img-pup img {*/
/*  width:100%;*/
/*}*/


/*.vn-pup-product {*/
/*  position:relative;*/
/*  height:auto;*/
/*}*/

/*.vn-close-pup {*/
/*  position:absolute;*/
/*  top:0px;*/
/*  right:0px;*/
/*  background-color: #ccc;*/
/*  cursor: pointer;*/
/*  display:flex;*/
/*  justify-content:center;*/
/*  align-items:center;*/
/*  width: 30px;*/
/*  height: 30px;*/
/*}*/


/*.vn-value-img-pup {*/
/*  width: 50px;*/
/*  height: 50px;*/
/*  margin-right: 10px;*/
/*}*/

/*.vn-value-img-pup img {*/
/*  width:100%;*/
/*  height:100%;*/
/*  object-fit: cover;*/
/*}*/

/*.vn-value-img-pup.active {*/
/*   border: 2px solid #00BCC2;*/
/*}*/

/*.mySlidesindex img {*/
/*  width:100%;*/
/*  height:auto;*/
/*}*/

/*.button-pup .vn-button-checkout{*/
/*  width:100%;*/
/*  height: 42px;*/
/*}*/

/*.vn-pup-product .vn-product-information{*/
/*  margin-top: 20px;*/
/*  padding: 20px;*/
/*  height: 200px;*/
/*  overflow-y: scroll;*/
/*}*/

/*.vn-product-information::-webkit-scrollbar-track {*/
/*  background: #E9E9E9*/
/*}*/

/*.vn-product-information::-webkit-scrollbar {*/
/*  width: 4px;*/
/*}*/

/*.vn-product-information::-webkit-scrollbar-thumb {*/
/*  background: #C6C6C6;*/
/*}*/


/*.vn-pup-product .vn-product-information .vn-content-information {*/
/*  height: 62%;*/
/*}*/


/*.modal-dialog-centered {*/
/*  display: block !important;*/
/*  padding-top: 150px;*/
/*  align-items: center;*/
/*  min-height: subtract(100%, $modal-dialog-margin * 2);*/
/*}*/

/*@media (min-width: 992px){*/
/*.modal-dialog{*/
/*    width: 968px !important;*/
/*  }*/
/*}*/

/***********************************and pop up*******************************************/
@media (max-width:769px) {
	.modal-dialog-centered {
		display: flex;
		align-items: flex-end !important;

	}

	.modal-dialog-centered {
		display: flex !important;
		padding-top: 0px;
		align-items: center;
		min-height: subtract(100%, $modal-dialog-margin * 2);
	}

	.vn-madal {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.vn-pup-content {
		padding: 16px;
		height: 580px;
		overflow-y: scroll;
	}
}

.col-6-vn1 {
	width: 50% !important;
	padding: 5px;
}


.vn-banner {
	position: relative;
	/*background: linear-gradient(180deg, #FFB7C6 0%, #FFB7C5 52.08%, #FDAFBD 99.48%);*/
	background-size: cover;
	height: auto;
	display: flex;
	/*padding: 0 20px;*/
}

.vn-left-banner {
	background: linear-gradient(180deg, #FFB7C6 0%, #FFB7C5 52.08%, #FDAFBD 99.48%);
	width: 10%;
	height: 100%;
}

.vn-reight-banner {
	width: 100%;
	height: 100%;
	background-size: cover;
}

.vn-reight-banner img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.vn-planes {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 36%;
	height: 89%;
}

.vn-planes img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.vn-text-banner {
	position: absolute;
	top: 16%;
	left: 46%;
	font-style: normal;
	font-weight: normal;
	font-size: 30px;
	line-height: 66px;
	text-transform: uppercase;
	color: #804652;
}

.vn-small-text {
	font-size: 38px;
	font-weight: 400;
	color: #804652;
}

.vn-big-text1 {
	padding-top: 10px;
	font-size: 58px;
	font-family: Alfa Slab One;
	font-weight: 400;
	line-height: 66px;
	text-transform: initial;
}

.vn-text-end {
	padding-top: 20px;
	font-style: normal;
	font-weight: 300;
	font-size: 33px;
	line-height: 38px;
	color: #804652;
	text-transform: initial;
	display: flex;
	align-items: center;
}

.vn-slide-banner {
	overflow: hidden;
	position: absolute;
	bottom: 20px;
	width: 100%;
}


@media(min-width:1022px) {
	.vn-slide-banner .swiper-wrapper {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 1;
		margin-left: 1%;
		display: flex;
		transition-property: transform;
		box-sizing: content-box;
		justify-content: center !important;
	}


}

.vn-slide-banner .slick-slider {
	padding: 0 11px;
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}


.vn-small-banner .slick-slide {
	margin: 0px 9px !important;
	width: 462px;
}

.vn-small-banner .slick-list {
	margin: 0 -10px !important;
	height: 238px !important;
}

.vn-small-baner-content {
	width: 100% !important;
	height: auto;

	border: 2px solid #FFFFFF;
	overflow: hidden;
}

@media(min-width:1022px) {
	.vn-small-baner-content {
		width: 100% !important;
		height: auto;
		border: 2px solid #FFFFFF;
		overflow: hidden;
	}
}

.vn-small-baner-content img {
	width: 100% !important;
	height: 100% !important;
	background-size: cover;
	box-sizing: border-box;
	overflow: hidden;
}

.vn-line {
	border-bottom: 1px solid #804652;
	width: 30px;

	margin-right: 10px;
}

.vn-slide-index-mobile .row,
.vn-container31 .row {
	--bs-gutter-x: 0.25rem;
}

.vn-slide-index-mobile .col-6,
.vn-container31 .col-6 {
	padding: 0 3px;
}

.vn-mobile-baner-content {
	width: 100%;
	height: 238px;
}

.vn-mobile-baner-content img {
	width: 100% !important;
	height: 100% !important;
}

@media only screen and (min-width: 769px) {
	.vn-banner-mobiles {
		display: none;
	}
}

@media (max-width: 769px) {
	.vn-banner {
		display: none;
	}

	.vn-slide-banner {
		position: relative;
		bottom: 0px;
	}
}

p {
	margin: 0;
}

.col-2dot4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

@media (min-width: 540px) {
	.col-sm-2dot4 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 20% !important;
		flex: 0 0 20% !important;
		max-width: 20% !important;
	}
}

@media (min-width: 720px) {
	.col-md-2dot4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}

@media (min-width: 960px) {
	.col-lg-2dot4 {
		-webkit-box-flex: 0 !important;
		-ms-flex: 0 0 20% !important;
		flex: 0 0 20% !important;
		max-width: 20% !important;
		padding: 0 8px !important;
	}
}

@media (min-width: 1140px) {
	.col-xl-2dot4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}

.vn-value-commitment-title {
	font-size: 24px;
	font-weight: 700;
	/*text-shadow: 4px -1px 0.2em #fff, -4px 1px 0.2em #fff, 0px 2px 0.2em #fff;*/
	text-shadow: 4px 0 0 #fff, -4px 0 0 #fff, 0 4px 0 #fff, 0 -4px 0 #fff, 3px 3px #fff, -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff;
	text-transform: uppercase;
	letter-spacing: -2px;
}

.bg-dich-vu {
	height: auto;
	background-size: cover;
	background-repeat: round;
}

.vn-value-commitment1 {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	padding: 20px 10px;
	text-align: center;
}

.vn-value-commitment-text {
	display: block;
	font-size: 16px;
	font-weight: 500;
}

.vn-commitment {
	background: #FFFFFF;
	display: flex;
	justify-content: space-around;
	height: 80px;
	align-items: center;
	padding: 0px 180px;
}

@media (max-width: 768px) {
	.vn-commitment {
		background: #FFFFFF;
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.02);
		display: grid;
		grid-template-columns: auto auto;
		height: auto;
		padding: 0px 10px;
	}

	.vn-mid1 {
		display: none;
	}

	.vn-value-commitment1 {
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		padding: 4px 10px;
		text-align: center;
		max-width: 100%;
		box-sizing: border-box;
	}
}

@media (max-width: 1025px) {
	.vn-commitment {
		background: #FFFFFF;
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.02);
		display: flex;
		justify-content: space-around;
		height: 124px;
		align-items: center;
		padding: 0px 10px;
	}
}

.vn-mid2 {
	display: none;
	border-bottom: 1px solid #B8B8B8;
	padding: 0 0px;
	margin-right: 0px;
	width: 100%;
	opacity: 0.6;
}

@media (max-width: 426px) {
	.vn-commitment {
		display: block;
		padding: 0px 9px;
	}

	.vn-mid2 {
		display: block;
	}

	.vn-value-commitment1 span,
	.vn-value-commitment-title {
		font-size: 12px;
	}

	.vn-value-commitment-title {
		letter-spacing: -1px;
	}
}

.vn-sale-ofday {
	padding: 0px 3px;
	position: relative;
	background: #F7F7F7;
	height: auto;
	background-size: cover;
	background-repeat: round;
}

.vn-sale-ofday34 {
	padding: 0px 8px;
	position: relative;
	background: #F7F7F7;
	height: auto;
	background-size: cover;
	background-repeat: round;
}

.vn-bgr {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 0;
}

.bgr-img-pc {
	display: block;
}

.bgr-img-mb {
	display: none;
}

.total-flash-sale {
	display: block;
	width: 100%;
	height: 14px;
	background: #f0f0f0;
	border-radius: 30px;
}

.text-buyed {
	background: red;
	border-radius: 30px;
	color: red;
	height: 14px;
	line-height: 14px;
	text-align: center;
}

.nav-count-buyed {
	position: absolute;
	width: 100%;
	font-size: 11px;
	line-height: 14px;
	color: #000;
}

@media (max-width: 768px) {
	.vn-sale-ofday34 {
		padding: 0px 4px;
		position: relative;
		background: #F7F7F7;
		height: auto;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.bgr-img-pc {
		display: none;
	}

	.bgr-img-mb {
		display: block;
	}
}

.vn-name-sale {
	margin-top: 8px;
	font-style: normal;
	font-weight: 600;
	font-size: 26px;
	line-height: 16px;
	text-align: center;
	text-transform: uppercase;
	color: #000000;
}

.vn-name-sale1 {
	padding-top: 20px;
	display: flex;
	align-items: center;
	font-style: normal;
	font-weight: 600;
	font-size: 26px;
	line-height: 16px;
	text-align: center;
	text-transform: uppercase;
	color: #000000;
	left: -13px;
	top: 0px;
}

.vn-name-sale1 img {
	height: 60px;
	width: 130px;
}

.vn-slide-index1 {
	overflow-x: hidden;
	padding-top: 15px;
}

.vn-slide-index {
	margin-top: 25px;
	overflow-x: hidden;
}

.tvh-product-img img {
	width: 100%;
}

.tvh-pro-evaluate .tvh-pro-star-icon .fa,
.tvh-pro-evaluate .tvh-pro-star-icon .far {
	color: #FFBF1A;
}

.tvh-product-price {
	font-weight: bold;
}

.tvh-product-price .tvh-price_default {
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: left;
}

.vn-sale {
	z-index: 99;
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url(/ILABY/Rectangle\ 71.png);
	width: 49px;
	height: 46px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.vn-sale1 {
	z-index: 9999999;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 40px;
	height: 34px;
	background-color: rgba(255, 212, 36, .9);
	background-size: contain;
	display: flex;
	justify-content: center;
	align-items: center;
}

.vn-sale1 p {
	font-weight: 600;
	font-size: 14px;
}

.vn-sale p {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	color: #FFFFFF;
	padding-bottom: 8px;

}


.vn-mid {
	border-right: 2px solid #B8B8B8;
	padding: 0 10px;
	margin-right: 22px;
	height: 16px;

}

.vn-mid1 {
	border-right: 1px solid #B8B8B8;
	padding: 0 0px;
	margin-right: 0px;
	height: 30px;
}


.vn-next {
	margin-top: 10px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}


.vn-big-category {
	position: relative;
}

.vn-big-category img {
	width: 100%;
}

.vn-text-category {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 201px;
	background: linear-gradient(359.17deg, #000000 0.85%, rgba(0, 0, 0, 0) 99.42%);
	opacity: 0.6;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.vn-content-r {
	text-align: center;
	margin-bottom: 10px;
}

.vn-category-name {
	font-style: normal;
	font-weight: 800;
	font-size: 17px;
	line-height: 34px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
}


.vn-category-sl {
	color: #FFFFFF;
}

.vn-category-sl span {
	color: #FFCB07;
}

.vn-small-category {
	position: relative;
	height: 300px;
	height: 292px;
	margin-bottom: 12px;
}

.vn-small-category img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.asd {
	height: 604px;
}


.vn-name-category {
	margin-top: 30px;
	font-style: normal;
	font-weight: 300;
	font-size: 34px;
	line-height: 32px;
	text-align: center;
	color: #000000;
	margin-bottom: 30px;
}

.vn-product {
	position: relative;
}

.vn-background {
	position: relative;
	background-size: cover;
	background-repeat: round;

}

.vn-bgr-left {
	position: absolute;
	bottom: -50px;
}

.vn-bgr-left img {
	width: 100%;
}

.vn-bgr-reight {
	position: absolute;
	right: 0px;
	top: -111px;
}

.vn-prd-index {
	width: 20%;
}


.vn-padding {
	padding: 0 50px;
}

@media only screen and (max-width: 1025px) {
	.vn-padding {
		padding: 0 20px;
	}

}

@media only screen and (min-width: 1025px) {
	.vn-bot {
		border-bottom: 1px solid #C4C4C4;
	}

	.vn-bd-top {
		border-top: 1px solid #C4C4C4;
		padding-top: 20px;
	}
}

@media only screen and (max-width: 1023px) {
	.vn-bd-top {
		border-top: 0;
	}
}


.vn-logo {
	text-align: center;
	padding: 10px 0;
}

.vn-text-logo {
	font-style: normal;
	font-weight: 300;
	font-size: 34px;
	line-height: 32px;
	text-align: center;
	color: #000000;
}

.vn-collection {
	height: auto;
	max-height: 470px;
	width: 100%;
}

.vn-collection img {
	height: 100%;
	width: 100%;
}

.vn-button-collection {
	margin-top: 10px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

.vn-button-collection button {
	border-radius: 2px;
	background: #00BCC2;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	font-style: normal;
	font-weight: 800;
	font-size: 16px;
	line-height: 32px;
	border: none;
	outline: none;
	margin-left: 10px;
	width: 200px;
	height: 53px;
}

.vn-top {
	margin-top: 20px;
	margin-bottom: 20px;
}

.vn-forlow {
	max-height: 470px;
	height: auto;
	width: 100%;
}

.vn-forlow img {
	height: 100%;
	width: 100%;
}

.vn-button-forlow {
	margin-top: 10px;
	display: flex;
	align-items: center;
}

.vn-button-forlow button {
	border-radius: 2px;
	background: #FFCB07;
	text-align: center;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 32px;
	text-align: center;
	text-transform: uppercase;
	border: none;
	color: #000000;
	width: 272px;
	height: 53px;
	margin-left: 10px;
}

.vn-name-ct a {
	font-style: normal;
	font-weight: 500;
	font-size: 30px;
	line-height: 32px;
	color: #000000;
}

.vn-name-category-index {
	display: flex;
	justify-content: space-between;
	margin-bottom: 11px;
}

.vn-link-sp a {
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 18px;
	text-align: right;
	text-decoration-line: underline;
	color: #00BCC2;
}

.vn-link-sp a:hover {
	color: #00BCC2;
}

.vn-back-ground {
	background-size: cover;
	text-align: center;
	/*margin-top: 30px;*/
	height: auto;
	background: #00BCC2;
	position: relative;
}

.vn-bay {
	position: absolute;
	right: 100px;
	top: 30px;
}

.vn-tit {
	padding-top: 30px;
	display: flex;
	justify-content: center;
}

.vn-title-ps {
	font-style: normal;
	font-weight: 300;
	font-size: 40px;
	line-height: 34px;
	text-transform: uppercase;
	color: #FFFFFF;
}

.vn-conten {
	padding-top: 20px;
	display: flex;
	justify-content: center;
}

.vn-content-ps {

	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	color: #FFFFFF;
	width: 82%;
}


.vn-slide-kh {
	padding-top: 30px;
}


.vn-slide-coment {
	padding: 20px;
	background: #FFFFFF;
	display: flex;
	min-height: 360px;

}

.vn-content-left {
	width: 55%;
	text-align: initial;
	padding: 10px;
}

.vn-content-right {
	display: flex;
	height: auto;
	max-height: 300px;
	width: 45%;
	align-items: center;
}

.vn-content-right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}

.vn-text-comment {
	padding-top: 20px;
	font-style: normal;
	font-weight: 300;
	font-size: 15px;
	line-height: 22px;
	color: #000000;
}

.vn-name-people {
	padding-top: 20px;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 23px;
	color: #000000;
	height: 58px;
	padding-bottom: 4px;
}


.vn-name-people span {
	font-weight: 600;
}


.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 13px !important;
}

.swiper-pagination-bullet {
	width: 10px !important;
	height: 10px !important;
	display: inline-block;
	border-radius: 50% !important;
	background: #FFFFFF !important;
	opacity: .2;
}


.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
	content: 'next';
	color: #fff;
}


.vn-next-slide {
	position: absolute;
	right: 0px;
	top: 0px%;
	height: 100%;
	display: flex;
	width: 13%;
	color: #fff;
	z-index: 1011;
	top: 0px;
	align-items: center;
	background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
	opacity: 0.3;
	justify-content: flex-end;
}

.swiper-slide.swiper-slide-active .vn-next-slide {
	display: none;
}

.vn-parameter {
	height: 644px;
	background-size: cover;
}

.vn-context {
	font-style: normal;
	font-weight: 600;
	font-size: 30px;
	text-transform: uppercase;
	color: #000000;
}

.vn-small-context {
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 26px;
	color: #323232;
	padding: 10px 0 14px 0;
}


.vn-padding-1 {
	padding: 0 250px;
}

.vn-ctext {
	width: 44%;
	padding-top: 60px
}

.vn-box-parameter {
	width: 65%;
}

.vn-box-ct {
	position: relative;
	padding: 20px 30px;
	height: 130px;
	background: #ffffff;
	margin-top: 23px;
	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.02);
}

.vn-line-left {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 30px;
	width: 30px;
	border-left: 1px solid #FFCB07;
	border-bottom: 1px solid #FFCB07;
}

.vn-box-ct p {
	font-style: normal;
	font-weight: 800;
	font-size: 38px;
	line-height: 26px;
	color: #00BCC2;
}

.vn-box-ct p sup {
	font-style: normal;
	font-weight: 800;
	font-size: 24px;
	line-height: 26px;
	color: #00BCC2;
}

.vn-box-ct .vn-sm-ct {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	padding-left: 4px;
	line-height: 26px;
	color: #000000;
}

.vn-link-page {
	position: relative;
	height: 100%;
}

.vn-opcyti {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 144px;
	background: linear-gradient(359.17deg, #000000 0.85%, rgba(0, 0, 0, 0) 99.42%);
	opacity: 0.6;
	padding-bottom: 15px;
}

.vn-opcyti p {
	font-style: normal;
	font-weight: 800;
	font-size: 17px;
	line-height: 34px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;

}

.vn-link-page img {
	width: 100%;
	height: 100%;
	object-fit: cover;

}

.vn-bgr-bot {
	display: flex;
	align-items: flex-end;
}


.vn-bgr-bot img {
	width: 100%;
	height: auto;
	max-height: 436px;
}

.vntop {
	margin-top: 30px;
}

.vn-cauchuyen {
	font-style: normal;
	font-weight: normal;
	font-size: 30px;
	line-height: 34px;
	text-transform: uppercase;
	color: #000000;
	padding-bottom: 10px;
}

.vn-ct-cauchuyen {
	background-size: cover;
	width: 100%;
	background-color: #00BCC2;
	padding: 30px;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 27px;
	color: #FFFFFF;
	min-height: 338px;
}


@media (max-width:991px) {
	.vn-ct-cauchuyen {
		width: 100%;
		background-color: #00BCC2;
		padding: 30px;
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 27px;
		color: #FFFFFF;
		min-height: 265px;
	}

	.vntop .col-12,
	.tvh-container {
		padding: 0 4px;
	}
}

.vn-ct-cauchuyen .vn-signatures {
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 27px;
	color: #FFFFFF;
	font-weight: 700;
	padding-top: 20px;
	font-family: Dancing Script !important;
}


.vn-ceo {
	font-weight: 400;
	font-size: 20px;
}

.vn-flex-end {
	display: flex;
	align-items: flex-end;
	height: 100%;
}

@media (max-width: 768px) {
	#vn-flex-end {
		display: none;
	}

	.tvh-product-price .tvh-price_default {
		font-size: 15px;
	}
}

.vn-registration-member {
	text-align: center;
}

.vn-title-member {
	font-style: normal;
	font-weight: normal;
	font-size: 34px;
	line-height: 34px;
	text-align: center;
	color: #000000;
}

.vn-conten-member {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #323232;
	padding: 20px 254px;
}

.vn-registration-member button {
	background: #FFCB07;
	border-radius: 3px;
	width: 294px;
	height: 58px;
	border: none;
	outline: none;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 27px;
	text-transform: uppercase;
	color: #000000;
	margin-bottom: 40px;
}

.vn-blog-id {
	width: 100%;
	/*height: 55%;*/
}


.vn-blog-id img {
	width: 100%;
	height: 100%;
	object-fit: cover;

}

.vn-banner-mobiles2 a {
	color: #444;
}

.vn-blog-content .vn-title-blog {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	padding-top: 7px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

p.vn-t {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.vn-blog-content .vn-time-blog {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	color: #323232;
	/*padding: 10px 0;*/
}

.vn-blog-content .vn-time-blog span {
	font-size: 16px;
	font-weight: 500;
	color: #BCBCBC;
}

.vn-blog-content .vn-text-blog {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	color: #323232;
}

.vn-slide-index-mobile {
	display: none;
}

.vn-link-ctgry {
	text-align: center;
	color: #000000;
}

.vn-link-ctgry p a {
	color: #000000;
}

.vn-container1 {
	padding: 0 19px;
}

.vn-container2 {
	display: flex;
	justify-content: center;
}

.vn-container3 {
	padding: 0 250px;
}


@media (max-width:1025px) {
	.vn-container3 {
		padding: 0 20px;
	}
}

@media only screen and (max-width: 426px) {
	.vn-collection {
		max-height: 176px;
	}

	.vn-button-collection button {
		width: 120px;
		height: 35px;
		font-weight: 800;
		font-size: 11px;
		line-height: 32px;
	}

	.vn-forlow {
		height: 176px;
	}

	.vn-button-forlow button {
		width: 186px;
		height: 35px;
		font-weight: 800;
		font-size: 11px;
		line-height: 32px;
	}
}


@media only screen and (max-width: 769px) {
	.vn-name-category-index {
		display: flex;
		justify-content: center;
		margin-bottom: 11px;
	}

	.vn-link-sp {
		display: none;
	}

}

@media only screen and (min-width: 769px) {

	.vn-link-ctgry {
		display: none;
	}
}

.vn-tp {
	margin-top: 30px;
}

/***************************************************new update**************************************************************************/


.vn-value-commitment1 strong {
	color: #00BCC2;
}

@media (max-width:769px) {
	.vn-slide-index {
		display: none;
	}

	.vn-slide-index-mobile {
		display: block;
	}

	.vn-sale-ofday {
		height: auto;
	}

	.vn-name-sale {
		font-size: 23px;
		margin-top: 17px;
	}
}

@media (max-width:325px) {
	.tvh-product-action .tvh-btn-add {
		padding: 3px;
		/*width: 137px;*/
		font-size: 13px;
	}

	.tvh-product-action .tvh-btn-order {
		color: #FFBF1A;
		padding: 2px 10px 3px;
		font-weight: 400;
		background-color: #fff;
		border: 2px solid #FFBF1A;
		font-size: 12px;
	}
}

/************************************************************************************************************************************************/

.vn1-col-5 {
	width: 50%;
	padding: 0 5px;
}

.vn-row {
	width: 100%;
	display: flex;
}

.vn-col-lv1 {
	width: 50%;
	padding: 20px 0;
}

.vn-col-lv12 {
	width: 50%;
	padding: 10px 0;
	height: 605px;
}


.vn-col-4 {
	width: 33%;
	padding: 0 7px;
	max-height: 599px;
	height: auto;
}

.vn-height {
	height: 49%;
}

.vn-slide-kh {
	padding: 10px 15px 30px 15px;

}


.vn-big-category img {
	width: 100%;
	height: 100%;
}

.vn-big-category {
	position: relative;
	height: 100%;
}

.vn-zezo-banner {
	width: 100%;
	height: 100%;
	background-repeat: round;
}

@media (max-width:1025px) {
	.vn-col-4 {
		width: 33%;
		padding: 0px 4px;
		max-height: 371px;
		height: auto;
	}

	.vn-text-category {
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 100%;
		height: 50%;
		background: linear-gradient(359.17deg, #000000 0.85%, rgba(0, 0, 0, 0) 99.42%);
		opacity: 0.6;
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}

	.vn-height {
		height: 49%;
	}

	.vn-small-category {
		position: relative;
		height: 300px;
		height: 49%;
		margin-bottom: 8px;
	}

	.vn-container1 {
		padding: 0 15px;
	}
}

@media(max-width:425px) {
	.vn-container1 {
		padding: 0 5px;
	}
}


.vn-mobile-category {
	height: 410px;
	margin-bottom: 10px;
}

.vn-mobile-category2 {
	height: 300px;
}

.vn-big-cgr-mb {
	position: relative;
}


.vn-big-cgr-mb2 {
	margin-top: 10px;
	position: relative;
	width: 100%;
}


.vn-big-cgr-mb2 img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.vn-parameter {
	margin-top: 50px;
	height: 644px;
	background-size: cover;
	background-position-x: 85%;
}

.vn-text-mobile-category {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 50%;
	background: linear-gradient(359.17deg, #000000 0.85%, rgba(0, 0, 0, 0) 99.42%);
	opacity: 0.6;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.vn-big-cgr-mb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-height: 540px;
}

@media (max-width:1025px) {
	.vn-content-left {
		width: 100%;
		text-align: initial;
		padding: 10px;
	}

	.vn-box-parameter {
		width: 74%;
	}

	.vn-content-right {
		display: flex;
		align-items: center;
		width: 300px;
	}

	.vn-content-right img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.vn-conten {
		padding-top: 20px;
		display: flex;
		justify-content: center;
		margin-bottom: 20px;
	}

	.vn-next-slide {
		position: absolute;
		right: 0px;
		top: -48%;
		height: 100%;
		display: flex;
		width: 13%;
		color: #fff;
		z-index: 1011;
		top: 0px;
		align-items: center;
		background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
		opacity: 0.3;
		justify-content: flex-end;
	}
}


.vn-banner-mobile2 .slick-slide {
	margin: 0 10px !important;
}

.vn-banner-mobile2 .slick-list {
	margin: 0 -10px !important;
}

@media (max-width:993px) {
	.vn-box-parameter {
		width: 100%;
	}

	.vn-title-member {
		font-style: normal;
		font-weight: normal;
		font-size: 26x;
		line-height: 34px;
		text-align: left;
		color: #000000;
	}

	.vn-cauchuyen {
		padding-top: 20px;
		font-style: normal;
		font-weight: normal;
		font-size: 19px;
		line-height: 34px;
		text-transform: uppercase;
		color: #000000;
		padding-bottom: 10px;
		padding-left: 0px;
		text-align: center;
	}


	.vn-parameter {
		height: auto;
	}

	.vn-box-ct .vn-sm-ct {
		padding-top: 4px;
		font-style: normal;
		font-weight: normal;
		font-size: 15px;
		padding-left: 4px;
		line-height: 20px;
		color: #000000;
	}

	.vn-box-ct {
		position: relative;
		padding: 17px;
		height: 101px;
		background: #ffffff;
		margin-top: 16px;
		box-shadow: 0px 0px 14px rgb(0 0 0 / 2%);
	}
}


@media (max-width:769px) {
	.vn-pc-category {
		display: none;
	}

	.vn-content-right img {
		width: 100%;
		height: 500px;
		object-fit: cover;
	}

	.vn-box-parameter {
		width: 100%;
	}

	.vn-ctext {
		width: 100%;
		padding-top: 30px;
	}

	.vn-parameter {
		margin-top: 30px;
		height: auto;
		background-size: cover;
		background-position-x: 0%;

	}

	.vn-next3 {
		margin-bottom: 0px;
		display: block;
		margin-top: 10px;
	}

	.vn-back-ground {
		text-align: center;
		/*margin-top: 30px;*/
		height: auto;
		background: #00BCC2;
		position: relative;
	}

	.vn-slide-coment {
		padding: 0px;
		border-radius: 5px 5px 0 0;
		overflow: hidden;
		background: #FFFFFF;
		display: flex;
		height: auto;
		flex-direction: column-reverse;
	}

	.vn-next-slide {
		display: none;
	}

	.vn-content-right {
		display: flex;
		align-items: center;
		width: 100%;
		max-height: 800px;
		text-align: center;
		justify-content: center;
	}

	.swiper-pagination {
		position: absolute;
		text-align: center;
		transition: .3s opacity;
		transform: translate3d(0, 0, 0);
		z-index: 10;
	}
}

.tvh-point {
	position: unset;
}

.tvh-point .swiper-pagination-bullet {
	background-color: #00BCC2 !important;
}

@media (max-width:429px) {
	.vn-content-ps {
		font-style: normal;
		font-weight: normal;
		font-size: 15px;
		line-height: 22px;
		text-align: center;
		color: #FFFFFF;
		width: 100%;
		padding: 10px;
	}

	.vn-css-toi .tvh-product-price {
		height: 40px;
	}

	.vn-mobile-baner-content {
		height: 185px;
	}

	.vn-conten {
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: center;

	}

	.vn-tit {
		padding-top: 24px;
		display: flex;
		justify-content: center;
	}

	.vn-title-ps {
		font-style: normal;
		font-weight: 600;
		font-size: 24px;
		line-height: 34px;
		text-transform: uppercase;
		color: #FFFFFF;
	}
}

@media (max-width:426px) {
	.vn-content-ps {
		font-style: normal;
		font-weight: normal;
		font-size: 15px;
		line-height: 22px;
		text-align: center;
		color: #FFFFFF;
		width: 100%;
		padding: 10px;
	}

	.vn-conten {
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: center;

	}

	.vn-tit {
		padding-top: 24px;
		display: flex;
		justify-content: center;
	}

	.vn-title-ps {
		font-style: normal;
		font-weight: 600;
		font-size: 23px;
		line-height: 34px;
		text-transform: uppercase;
		color: #FFFFFF;
	}
}

.vn-h {
	width: 100%;
	margin-top: 15px;
}

.vn-mobile {
	margin-top: 20px;
}

@media (min-width:769px) {
	.vn-mobile {
		display: none;
	}
}


@media(max-width:1440px) {
	.vn-col-4 {
		width: 33%;
		padding: 0 5px;
		max-height: 450px;
		height: auto;
	}

	.vn-link-page {
		position: relative;
		height: 100%;
	}

	.vn-small-category {
		position: relative;
		margin-bottom: 9px;
	}

	.vn-commitment {
		background: #FFFFFF;
		box-shadow: 0px 4px 6px rgb(0 0 0 / 2%);
		display: flex;
		justify-content: space-around;
		height: 124px;
		align-items: center;
		padding: 0px 60px;
	}

	.vn-banner {
		position: relative;
		/*background: linear-gradient(180deg , #FFB7C6 0%, #FFB7C5 52.08%, #FDAFBD 99.48%);*/
		background-size: cover;
		/*height: 580px;*/
		display: flex;
	}
}

@media(max-width:1367px) {
	.vn-col-4 {
		width: 33%;
		padding: 0 5px;
		max-height: 427px;
		height: auto;
	}

	.vn-small-category {
		position: relative;
		margin-bottom: 8px;
	}

	.vn-text-category {
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 100%;
		height: 85px;
		background: linear-gradient(359.17deg, #000000 0.85%, rgba(0, 0, 0, 0) 99.42%);
		opacity: 0.6;
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}

	.vn-banner {
		position: relative;
		/*background: linear-gradient(180deg, #FFB7C6 0%, #FFB7C5 52.08%, #FDAFBD 99.48%);*/
		background-size: cover;
		/*height: 512px;*/
		display: flex;
	}

	.vn-commitment {
		background: #FFFFFF;
		box-shadow: 0px 4px 6px rgb(0 0 0 / 2%);
		display: flex;
		justify-content: space-around;
		height: 97px;
		align-items: center;
		padding: 0px 72px;
	}

	.vn-link-page {
		position: relative;
		height: 100%;
	}
}

@media(max-width:1025px) {
	.vn-conten-member {
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 24px;
		color: #323232;
		padding: 20px 10px;
	}

	.vn-link-page {
		position: relative;
		height: 100%;
	}

	.vn-opcyti p {
		font-style: normal;
		font-weight: 800;
		font-size: 14px;
		line-height: 34px;
		text-align: center;
		text-transform: uppercase;
		color: #FFFFFF;
	}

	.vn-col-4 {
		width: 33%;
		padding: 0px 3px;
		max-height: 319px;
		height: auto;
	}

	.vn-small-category {
		position: relative;
		margin-bottom: 7px;
	}

	.vn-category-name {
		font-style: normal;
		font-weight: 800;
		font-size: 15px;
		line-height: 34px;
		text-align: center;
		text-transform: uppercase;
		color: #FFFFFF;
	}

	.vn-banner {
		position: relative;
		/*background: linear-gradient(180deg, #FFB7C6 0%, #FFB7C5 52.08%, #FDAFBD 99.48%);*/
		background-size: cover;
		display: flex;
	}

	.vn-text-banner {
		position: absolute;
		top: 16%;
		left: 46%;
		font-style: normal;
		font-weight: normal;
		font-size: 30px;
		line-height: 66px;
		text-transform: uppercase;
		color: #804652;
	}

	.vn-small-text {
		font-size: 38px;
		font-weight: 400;
		color: #804652;
	}

	.vn-big-text1 {
		padding-top: 0px;
		font-size: 46px;
		font-family: Alfa Slab One;
		font-weight: 400;
		line-height: 66px;
		text-transform: initial;
	}

	.vn-text-end {
		padding-top: 1px;
		font-style: normal;
		font-weight: 300;
		font-size: 30px;
		line-height: 38px;
		color: #804652;
		text-transform: initial;
		display: flex;
		align-items: center;
	}

	.vn-commitment {
		background: #FFFFFF;
		box-shadow: 0px 4px 6px rgb(0 0 0 / 2%);
		display: flex;
		justify-content: space-around;
		height: 97px;
		align-items: center;
		padding: 0px 6px;
	}
}

@media (max-width:769px) {
	.vn-mobile-category {
		height: 230px;
		margin-bottom: 10px;
	}

	.vn-mobile-category2 {
		height: 167px;
	}

	.vn-big-cgr-mb {
		position: relative;
		max-height: 540px;
	}

	.vn-big-cgr-mb2 {
		max-height: 359px;
	}

	.vn-link-page {
		position: relative;
		height: 100%;
		margin-top: 12px;
	}
}

@media(max-width:769px) {
	.vn-conten-member {
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 24px;
		text-align: left;
		color: #323232;
		padding: 20px 10px;
	}

	.vn-pc-hident1 {
		display: none;
	}

	.vn-slide-coment {
		justify-content: flex-end;
		padding: 0px;
		border-radius: 5px 5px 0 0;
		overflow: hidden;
		background: #FFFFFF;
		display: flex;
		height: auto;
		flex-direction: column-reverse;
		margin-left: 2px;
		min-height: 548px;
	}

	.vn-commitment {
		background: #FFFFFF;
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.02);
		display: grid;
		grid-template-columns: auto auto;
		height: auto;
		padding: 0px 10px;
	}

	.vn-mid1 {
		display: none;
	}

	.vn-value-commitment1 {
		font-style: normal;
		font-weight: normal;
		padding: 10px 0;
		text-align: center;
		max-width: 100%;
		box-sizing: border-box;
	}
}

@media (max-width:766px) {
	.vn-commitment {
		background: #FFFFFF;
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.02);
		display: block;
		height: auto;
		padding: 0px 0px;
	}
}

@media (max-width:426px) {
	.vn-big-cgr-mb {
		position: relative;
		height: 364px;
	}

	.vn-mid2 {
		display: block;
	}
}

@media (max-width:375px) {
	.vn-big-cgr-mb {
		position: relative;
	}
}

.swiper-pagination-bullet-active {
	width: 26px !important;
	height: 10px !important;
	display: inline-block;
	border-radius: 5px !important;
	background-color: #FFFFFF !important;
	opacity: .2;
}

.vn-blog-index1 {
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
}


.vn-log {
	width: 100%;
	height: 100%;
	padding: 15px;
}

.vn-log2 {
	max-width: 345px;
	height: 100%;
	padding: 5px;
}

.vn-relative {
	position: relative;
	height: auto;
}


@media(max-width:769px) {
	.vn-blog-index1 {
		display: flex;
		flex-flow: column;
	}

	.vn-log2 {
		max-width: 100%;
		height: 220px;
		padding: 5px;
	}

	.vn-log2:nth-child(4) {
		padding-right: 5px;
	}

	.vn-log2:nth-child(1) {
		padding-left: 5px;
	}
}

.vn-banner-mobile2 .slick-slide {
	opacity: 0.5;
}

.vn-banner-mobile2 .slick-center {
	opacity: 1;
}


@media(max-width:538px) {
	.vn-log2 {
		max-width: 100%;
		height: 160px;
		padding: 5px;
	}
}

@media (min-width: 1400px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1423px !important;
	}
}

@media (max-width: 1200px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1255px !important;
	}
}

@media (max-width: 992px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm {
		max-width: 1130px !important;
	}

	.vn-br {
		display: none;
	}
}

@media (max-width:1200px) {
	.vn-name-people {
		padding-top: 6px;
		font-style: normal;
		font-weight: 300;
		font-size: 15px;
		line-height: 20px;
		color: #000000;
		height: 36px;
		padding-bottom: 4px;
	}

	.vn-text-comment {
		padding-top: 10px;
		font-style: normal;
		font-weight: 300;
		font-size: 15px;
		line-height: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		color: #000000;
		height: 70px;
	}
}

@media (max-width:768px) {
	.vn-text-comment {
		height: auto;
	}
}

.vn-bgr-loader {
	display: none;
	background-color: rgba(0, 0, 0, 0.4);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 100000;
}

.vn-loadder {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.loader {
	border: 10px solid #444 !important;
	border-radius: 50%;
	border-top: 10px solid !important;
	width: 80px;
	height: 80px;
	color: red !important;
	display: block;
	-webkit-animation: 2s linear infinite;
	animation: spin 2s linear infinite;
	z-index: 10;
}

/*Safari */
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


.vn-nghiem {
	position: relative;
}

.vn-bn-to {
	display: flex;
	justify-content: center;
	overflow: hidden;
}

.vn-bn-to img {
	width: 100%;
	height: 100%;
}


.vn-shopee-ft {
	width: 38px;
	height: 38px;
	padding-top: 2px;
}

.vn-shopee-ft img {
	width: 100%;
	height: 100%;
	border-radius: 6px;
	overflow: hidden;
}


.vn-con {
	display: flex;
	justify-content: space-between;
}

.vn-grandchildren1 {
	height: 0px;
	overflow: hidden;
	cursor: pointer;
}

.vn-grandchildrenw {
	padding-left: 30px !important;
	height: 0px;
	overflow: hidden;
	cursor: pointer;
}

.vn-grandchildrenw.active {
	height: auto;
	transition: 1.5s;
	/*transform: translate(10px);*/
}


.vn-grandchildren1.active {
	height: auto;
	transition: 1.5s;
	/*transform: translate(10px);*/
}

.vn-grandchildren1.active a {
	color: #000;
}

.vn-grandchildren {
	height: 0px;
	cursor: pointer;
	overflow: hidden;

}

.vn-sm-item {
	padding-left: 50px;
}

.vn-sm-item a {
	color: #000000;
}


.vn-grandchildren.active {
	height: auto;
	transition: 1.5s;
}

.button-pup {
	margin-top: 15px;
}

.vn-opens {
	display: block;
}

.vn-closes {
	display: none;
}

.vn-open-grandchildren.active .vn-closes {
	display: block;
}

.vn-open-grandchildren.active .vn-opens {
	display: none;
}

.vn-opens1 {
	display: block;
	transition: all 0.5s;
}

.vn-closes1 {
	display: none;
}

.vn-open-grandchildren2 {
	padding-right: 10px;
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.vn-open-grandchildren1.active .vn-closes1 {
	display: block;
}

.vn-open-grandchildren2.active .vn-opens1 {
	transform: rotate(180deg);
}

.vn-open-grandchildren1.active .vn-opens1 {
	transform: rotate(180deg);
}

.vn-set-time {
	display: flex;
	gap: 5px;
	padding-left: 10px;
}

.vn-time-sale {
	height: 36px;
	line-height: 36px;
	padding: 0 8px;
	color: #ffffff;
	border-radius: 5px;
	text-transform: lowercase;
	background-color: #00BCC2;
	font-size: 19px;
}

@media(max-width: 425px) {
	.vn-time-sale {
		padding: 0 5px;
		font-size: 16px;
	}
}

.vn-flashsale-quality {
	position: relative;
	width: 100%;
	height: 16px;
	margin-bottom: 10px;
	border-radius: 8px;
	background-size: cover;
	background-repeat: round;
	overflow: hidden;
	display: flex;
	justify-content: flex-end;
}

.vn-flashsale-quality-number {
	right: 0px;
	position: absolute;
	font-size: 12px;
	top: 0px;
	width: 100%;
	text-align: center;
	color: #FFF;
	height: 100%;
	z-index: 30;
}

.vn-bgr-flsale {
	height: 100%;
	right: 0px;
	top: 0px;
	background: transparent;
	position: absolute;
}

.flash-sale-progress-bar__complement-sizer {
	width: 100%;
	background: #fff;
	float: right;
	position: relative;
	height: 20px;
}

.flash-sale-progress-bar__complement-color {
	width: 100%;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #ffbda6;
}

@media(max-width:768px) {
	.vn-bn-to img {
		width: 100%;
		height: 350px;
		object-fit: cover;
	}

	.vn-content-ps {
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 23px;
		text-align: center;
		color: #FFFFFF;
		width: 100%;
	}
}

@media(max-width:426px) {
	.vn-bn-to img {
		width: 100%;
		height: 203px;
		object-fit: cover;
	}

	.vn-content-right img {
		width: 100%;
		height: 367px;
		object-fit: cover;
	}

	.vn-context {
		font-style: normal;
		font-weight: 600;
		font-size: 29px;
		text-transform: uppercase;
		color: #000000;
	}
}

@media(max-width:345px) {
	div#count .tvh-price_default {
		font-size: 13px !important;
	}

	div#count .tvh-price_new {
		font-size: 11px !important;
	}
}

@media(max-width:375px) {
	div#count .tvh-price_default {
		font-size: 14px;
	}

	div#count .tvh-price_new {
		font-size: 12px;
	}

	div#count .tvh-btn-add {
		width: auto;
		font-size: 13px;
	}

	.vn-bn-to img {
		width: 100%;
		height: 189px;
		object-fit: cover;
	}

	.vn-content-right img {
		width: 100%;
		height: 356px;
		object-fit: cover;
	}

	.vn-context {
		font-style: normal;
		font-weight: 600;
		font-size: 26px;
		text-transform: uppercase;
		color: #000000;
	}
}


.vn-sale1:after {
	content: "";
	width: 0;
	height: 0;
	left: 0;
	bottom: -4px;
	position: absolute;
	border-color: transparent rgba(255, 212, 36, .9);
	border-style: solid;
	border-width: 0 20px 4px;
}

#payment_method_bacs {
	display: none;
}

.vn-relative {
	position: relative;
}

.vn-relative:hover .vn-absolute {
	opacity: 1;
	transition: 300ms ease-in;
	visibility: visible;

}

.vn-absolute {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	bottom: 0;
	width: 100%;
	transition: 300ms ease-in;
}

.vn-absolute button {
	width: 100% !important;
	margin: 0 !important;
}


@media(max-width:769px) {
	.vn-absolute {
		display: none;
	}
}

.vn-rettingq {
	font-weight: 600;
	color: yellowgreen;
}

.tvh-menu-product .col-xl-3 {
	padding: 0 8px;
}

.page-sale {
	padding: 30px 0px;
}

.vn-page-gioithieu img {
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: top;
}

.vn-introduce {
	padding: 30px 0;
}

.vn-content-introduce2 {
	font-family: RocoiLinotte;
	text-align: center;
	line-height: 37px;
	margin-bottom: 20px;
}

.vn-content-introduce2 p {
	text-align: center;
	font-size: 54px;
	font-weight: 900;
	color: #00BCC2;
}

.vn-content-introduce2 span {
	text-align: center;
	font-size: 24px;
	font-weight: 700;
}

.vn-conten-blue {
	width: 100%;
	background-color: #f0f0f0;
	border-radius: 10px;
	padding: 10px 20px;
}

.vn-content-while {
	width: 100%;
	padding: 10px 20px;
}

@media(max-width:769px) {
	.vnimg-pc {
		display: none;
	}
}

.vn-qualliti {
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.vn-img-color {
	display: flex;
}

.vn-status {
	margin-top: 10px;
}

.vn-select-size {
	margin-top: 10px;
}

.vn-seleect-color {
	margin-top: 7px;
}

.vn-name-product {
	font-style: normal;
	font-weight: 500;
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 5px;
}

.vn-price {
	border-bottom: 1px solid #c4c4c4;
	padding-bottom: 10px;
}

.vn-status {
	margin-top: 10px;
}

.vn-name-size {
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0em;
	text-align: left;
}

#text-color,
#text-size,
#color-productmb,
#size-mb,
#vn-value-color {
	font-weight: 700;
	color: red;
}

.vn-btn_numberplus button {
	border: 1px solid #f2f2f2;
	background-color: #fff;
	color: #A7A7A7;
	width: 40px;
	height: 35px;
}

.vn-btn_numberplus input {
	border: 1px solid #F2F2F1;
	width: 40px;
	text-align: center;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 35px;
	height: 35px;
	outline: none;
}

.vn-btn_numberplus {
	display: flex;
	margin-left: 18px;
	align-items: center;
}

.vn-name-size {
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0em;
	text-align: left;
}


select {
	border: none;
	width: 100px;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: 0em;
	text-align: left;
}

.sale-name {
	text-align: center;
	padding-top: 10px !important;
	font-weight: 700;
	font-size: 20px;
}

@media(max-width:959px) {
	.vn-las:last-child {
		display: none;
	}
}

.page-sale .col-12 {
	margin-bottom: 20px;
}

#tvh-option {
	border: 1px solid #444;
	border-radius: 4px;
	outline: none;
}

.tvh-header-mobile-categoriese.btn-toggle-nav.active #down {
	transition: all 0.5s;
	transform: rotate(180deg)
}

.vn-im {
	display: flex;
	justify-content: space-between;
}

.vn-s {
	display: flex;
	align-items: center;
	justify-content: center;
}

.vn-wf {
	width: 25%;
	margin-right: 20px;
}

@media(max-width:768px) {
	.vn-wf {
		width: 50%;
	}
}

.vn-mobile-bot {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: #fff;
	z-index: 3000;
	box-shadow: 4px 0 10px rgb(0 0 0 / 15%);
	padding: 0;
}

.vn-bottom-navbar {
	display: none;
	justify-content: space-between;
	align-items: center;
	height: 64px;
	padding: 0 12px;
	flex-wrap: wrap;
}

.vn-bottom-navbar a:hover {
	color: #8a8a8f;
}

.vn-bottom-navbar-item {
	text-align: center;
	font-weight: 500;
	color: #8a8a8f;
	font-size: 11px;
	width: calc(100%/5);
	display: inline-block;
}

.vn-bottom-navbar-item .vn-item-cate-after,
.vn-bottom-navbar-item.active .vn-item-cate-before {
	display: none;
}

.vn-bottom-navbar-item.active .vn-item-cate-after,
.vn-bottom-navbar-item .vn-item-cate-before {
	display: block;
}

.vn-bottom-navbar-item a {
	font-weight: 500;
	color: #8a8a8f;
	font-size: 11px;
}

.vn-bottom-navbar-item.active .vn-item-cate {
	color: #00BCC2;
}

.vn-bottom-navbar-item i {
	font-size: 31px;
}

@media (max-width:768px) {
	.tvh-textHeaderPromotion {
		position: relative;
	}

	.tvh-textHeaderPromotion span {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
    color: #000000;
	}

	.tvh-endow-title {
		text-transform: uppercase;
		padding: 10px 0;
		text-align: center;
		font-weight: 600;
	}

	.tvh-menu-endow {
		padding: 0 10px;
	}

	.tvh-menu-endow .col-6 {
		padding: 0 5px;
		margin-bottom: 10px;
	}
}

.vn-overlay-bot {
	display: none;
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 64px;
	width: 100%;
	height: calc(100% - 64px);
	z-index: 10;
	background-color: #fff;
	overflow-y: auto;
	overflow-x: hidden;
}

.noscoll {
	overflow: hidden;
}

.tvh-hdCateBlock {
	display: flex;
	height: 48px;
	align-items: center;
	border-bottom: 1px solid #dde1ef;
	padding: 0 15px;
}

.tvh-oneItemsCate {
	margin-right: 20px;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	font-weight: 700;
}

.tvh-oneItemsCate.active {
	color: #00BCC2;
	font-weight: 700;
	border-bottom: 2px solid #00BCC2;
}

.tvh-menu-container {
	height: 100%;
}

.tvh-showOneCate {
	position: relative;
	height: calc(100% - 88px);
	width: 80px;
	overflow-x: hidden;
	overflow-y: auto;
}

.tab-panelss {
	clear: left;
	width: 100%;

}

.tab-panelss .tvh-panel {
	display: flex;
	flex-wrap: wrap;
	height: 0px;
	overflow: hidden;
	opacity: 0;
}

.tab-panelss .tvh-panel.show {
	height: auto;
	opacity: 1;
	/*transform: translate(0, 0);*/
}

.tvh-leftTabChild2 {
	text-align: center;
	display: inline-flex;
	align-items: center;
	height: 80px;
	justify-content: center;
	width: 80px;
	background: #f8f8f8;
	overflow: hidden;
	border-bottom: 1px solid #eef2fe;
	font-size: 14px;
	font-weight: 600;
}

.tvh-leftTabChild2.active {
	background-color: #fff;
	color: #00BCC2;
}

.tvh-rightContentChild3 {
	position: fixed;
	background: #fff;
	top: 94px;
	right: 0;
	width: calc(100% - 80px);
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 15px;
	display: none;
	/*max-height: 500px;*/
	/*height: calc(100% - 88px);*/
}

a.tvh-moreLinkChild2 {
	display: block;
	margin-top: 12px;
	margin-bottom: 12px;
	background: #feeeea;
	font-size: 14px;
	color: #ee4d2d;
	font-weight: 500;
	border-radius: 4px;
	height: 32px;
	line-height: 32px;
	text-align: center;
}

.tvh-rightContentChild3 span {
	font-size: 14px;
	color: #000;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.tvh-rightContentChild3 .col-6 {
	margin-bottom: 15px;
}

@media(max-width:768px) {
	.vn-bottom-navbar {
		display: flex;
	}

	.logo-pancake {
		margin-bottom: 65px;
	}
}

/*user*/
.tvh-user {
	display: flex;
	align-items: center;
	justify-content: center;
}

.iconCircle {
	width: 100px;
	height: 100px;
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 100px;
	background-color: #feeeea;
	border-radius: 50%;
}

.linkCircle {
	display: inline-block;
	margin: 0 auto;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	margin-top: 18px;
	width: 100%;
}

.avatarUserMobile .linkCircle p {
	text-align: center;
}

.avatarUserMobile .linkCircle p a {
	color: #000;
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 1px;
}

.avatarUserMobile .linkCircle .span {
	width: 200px;
	height: 24px;
	background: #ee4d2d;
	border-radius: 100px;
	display: inline-block;
	color: #fff;
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	width: 100%;
}

.listControlUser ul li a {
	display: inline-flex;
	width: 100%;
	font-weight: 500;
	font-size: 16px;
	line-height: 16px;
	color: #000;
	align-items: center;
	padding: 14px 0;
	position: relative;
}

.tvh-containerUserFont {
	width: 300px;
}

.iconLeftU {
	width: 32px;
	height: 32px;
	background: #feeeea;
	border-radius: 4px;
	text-align: center;
	line-height: 32px;
	margin-right: 16px;
}

.iconRightU {
	float: right;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.userSignOut {
	text-align: center;
	margin-top: 90px;
	padding-bottom: 90px;
}

.userSignOut a {
	display: inline-block;
	height: 48px;
	width: 100%;
	text-align: center;
	line-height: 48px;
	background: #feeeea;
	border-radius: 4px;
	font-weight: 600;
	font-size: 16px;
	color: #ee4d2d;
}

.vn-conten-menu-slide {
	width: 100%;
	height: 600px;
}

@media(max-width:768px) {
	.tvh-itemsTabMain-content {
		width: 100%;
		height: auto
	}

	.bannerCategoryTab img {
		width: 100%;
		min-height: 150px;
		border: 2px solid #fff;
		overflow: hidden;
	}

	.buyByTypeIcon img {
		object-fit: cover;
		height: 40px;
		width: 40px;
		border-radius: 8px;
	}

	.owl-item span {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		font-weight: 600;
	}

	.tvh-owl-stage {
		display: flex;
		flex-wrap: wrap;
	}

	.owl-item {
		align-items: center;
		width: calc(50% - 10px);
		margin-right: 5px;
		border: 1px solid #dde1ef;
		background-color: #fff;
		padding: 8px 10px;
		font-weight: 500;
		font-size: 14px;
		color: #000;
		margin-bottom: 9px;
		flex-wrap: wrap;
		margin-left: 5px;
		border-radius: 8px;
	}

	a.buyByTypeItems {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		color: #000;
	}

	.buyByTypeIcon {
		margin-right: 10px;
	}

	h5.titleBuyType {
		padding-top: 18px;
		border-top: 8px solid #EAEAEA;
		font-weight: 600;
		font-size: 16px;
		color: #00BCC2;
		margin-bottom: 14px;
		text-transform: uppercase;
		padding-left: 10px;
	}

	.itemsTabHot {
		margin: 10px;
	}

	.itemsTabHot .titleBuyType {
		font-weight: 600;
		font-size: 16px;
		color: #00BCC2;
		text-transform: uppercase;
	}

	.contentPromotionTab {
		padding: 0 5px;
	}

	.contentPromotionTab .row {
		--bs-gutter-x: 0.25rem;
	}

	.contentPromotionTab .col-6 {
		padding: 0 3px;
	}

	.itemBannerProHome img {
		width: 100%;
	}
}

.vn-bn-small {
	width: 100%;
	padding: 10px;
}


@media(max-width:768px) {
	.vn-bn-small {
		position: relative;
		padding: 0px;
	}

	.img-endow-success img {
		width: 35px;
		height: 35px;
	}
}

.tab-panelsss {
	clear: left;
	width: 100%;
}

.tab-panelsss .tvh-panell {
	display: flex;
	flex-wrap: wrap;
	height: 0px;
	overflow: hidden;
	opacity: 0;
}

.tab-panelsss .tvh-panell.show {
	height: auto;
	opacity: 1;
}

.tvh-sidebar-menu-no-scrollbar {
	padding: 10px 0;
}

.tvh--scrollbar.active {
	color: #00BCC2;
	padding-bottom: 5px;
	border-bottom: 2px solid #00BCC2;
}

.tvh-header-scrollbar {
	display: flex;
	border-bottom: 1px solid #eaeaea;
	white-space: nowrap;
	overflow-x: auto;
}

.tvh-header-scrollbar::-webkit-scrollbar {
	display: none;
}

.tvh--scrollbar {
	font-weight: 600;
	margin: 0 10px;
}

.sidebar-menu--item img {
	width: 55px;
	height: 55px;
	display: inline-block;
	overflow: hidden;
	border-radius: 50%;
	margin-right: 12px;
	object-fit: cover;
}

.tvh--showOneCate {
	list-style: none;
	padding: 20px 10px;
	margin-bottom: 0;
	overflow-y: auto;
}

.itemsMenuChild2 {
	align-items: center;
}

.itemsMenuChild2 a {
	color: #000;
	font-size: 14px;
}

.sidebar.hidden-md-up {
	width: 100%;
}

li.sidebar-menu--item {
	align-items: center;
	justify-content: space-between;
}

.open-node {
	width: 100%;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.data-lvl1 {
	transform: translate(300px);
	position: absolute;
	top: 0px;
	transition: 0.5s;
	height: 100%;
}

.vn-chaus {
	display: none;
}

.tvh-titleChil3 {
	display: flex;
	align-items: center;
	height: 42px;
	border-bottom: 1px solid #eaeaea;
	width: 100%;
	padding-left: 10px;
}

.tvh-titleChil3 .fa-chevron-left {
	padding-right: 15px;
	font-weight: 400;
}

.tvh-titleChil3 span {
	font-weight: 600;
	color: #00BCC2;
}

.prev-node-title {
	padding: 10px;
}

.prev-node-title .row.pt-15-mb {
	--bs-gutter-x: 0.5rem;
}

.imageChild2MenuMb .col-4 {
	padding: 0 5px;
}

.itemsMenuChild3 a {
	color: #000;
}

.itemsMenuChild3 span {
	width: 100%;
	display: block;
	font-size: 13px;
}

.footer-ilabyinfo {
	border-top: 8px solid #eee;
}

.footer-ilabyinfo__content {
	padding: 10px;
}

.footer-ilabyinfo__content p {
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 600;
}

.footer-ilabyinfo__content li {
	list-style: inside;
}

.footer-ilabyinfo__content a {
	color: #000;
	font-weight: 300;
	font-size: 15px;
}


/*mã giảm giá*/
#endow-close {
	display: none;
}

.endow-tvh {
	background-color: #000000d6;
	color: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	border-radius: 5px;
	transform: translate(-50%, -50%);
	height: 100px;
	text-align: center;
	font-size: 14px;
}

.swiper-pagination1 {
	text-align: center;
}

.swiper-pagination1 .swiper-pagination-bullet {
	background-color: #6c757d !important;
}

@media(max-width:768px) {
	.vn-banner-mb {
		display: block !important;
	}

	.vn-banner-mb-title {
		display: block !important;
		margin: 15px 5px 10px 5px;
		font-weight: 600;
	}

	.vn-banner-pc {
		display: none !important;
	}

	.vn-banner-pc-title {
		display: none !important;
	}
}

.vn-banner-mb {
	display: none;
}

.vn-banner-mb-title {
	display: none;
}

.vn-banner-pc {
	display: block;
}

.vn-banner-pc-title {
	display: block;
	text-transform: uppercase;
	margin-top: 25px;
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 20px;
}