@font-face {
    font-family: "LacTu";
    src: url("../fonts/LostType2023-Regular/LostType2023-Regular.eot");
    src: local("☺"),
        url("../fonts/LostType2023-Regular/LostType2023-Regular.woff") format("woff"),
        url("../fonts/LostType2023-Regular/LostType2023-Regular.svg") format("truetype"),
        url("../fonts/LostType2023-Regular/LostType2023-Regular.woff2") format("truetype"),
        url("../fonts/LostType2023-Regular/LostType2023-Regular.ttf") format("svg");
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* effect */
.effect-1 { position: relative; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; }
.effect-1:after { position: absolute; top: 0; left: -66%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 100%); -webkit-transform: skewX(-10deg); transform: skewX(-10deg); }
.effect-1:hover:after { -webkit-animation: shine .75s; animation: shine .75s; }
@-webkit-keyframes shine {
    100% { left: 125%; }
}
@keyframes shine {
    100% { left: 125%; }
}
img{max-width: 100%;}
/*Rotate IMG*/
.rotate-img { -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -o-transition: 0.8s ease-out; transition: 0.8s ease-out; }
.rotate-img:hover img { transform: scaleY(180); -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -o-transition: 0.8s ease-out; transition: 0.8s ease-out; transform: rotateY(360deg);    /*transform: rotateX(360deg);transform: rotateZ(360deg);*/ }

/* Text Hide */
.text-split { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }
.text-split-2 { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.text-split-1 { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; }

/* Transition All */
.transition, .control-owl button, .carousel-comment-media .carousel-control a span, .menu ul li a.has-child:after, .menu ul li ul, .menu ul li:hover > ul, .scale-img img, .scale-img:hover > img, .btn-frame .kenit-alo-circle-fill, .support-online .kenit-alo-circle-fill { -webkit-transition: 0.3s all; transition: 0.3s all; }

/* Scale IMG */
.scale-img { overflow: hidden; display: block; }
.scale-img img { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.scale-img:hover > img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

/* Blink */
.blink { -webkit-animation-name: blink; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blink; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blink; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }

:root {
	--clr-base: hsl(0, 91%, 41%);
	--clr-accent: hsl(48, 100%, 50%);
	--color-main: #c92c3c;
	--color-red: #f00;
	--color-black: #000;
	--color-white: #fff;
	--color-green: #1B74E4;
	--color-yellow: #ff0;
	--color-medium-red: #cc2c32;
	--color-dark-red: #c31829;
	--color-dark-green: #207d36;
	--color-gray: #6c757d;
	--mauchung: rgba(205, 17, 17, 0.8);
	--mauhovermenu: rgba(255, 255, 255, 0.1);
	--mauchung_hover: #f30000;
	--menu-color: #fff;
	--menu-border:  rgba(255, 255, 255, 0.356);
}

/*-----------------Loader-------------------*/
.maxwidthfull {
	width: 100% !important;
	max-width: 100% !important
}
.wrap-content{max-width: 1200px; margin: auto; width: calc(100% - 20px);}
mark {
	text-decoration: none;
	font-weight: 300;
	vertical-align: baseline;
	font-family: 'Montserrat', sans-serif;
	background-color: transparent
}

.container1::after {
	-webkit-mask: url(../img/mask-01.png);
	mask: url(../img/mask-01.png);
	-webkit-mask-size: 2300% 100%;
	mask-size: 2300% 100%
}

.container1::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 1);
	z-index: 10000;
	opacity: 0.5
}

.container1.show::after {
	-webkit-animation: MaskPlay 1s steps(22) forwards;
	animation: MaskPlay 1s steps(22) forwards
}

.hide-mask::after {
	display: none
}

.is-IE .container1::after {
	-webkit-mask: none !important;
	mask: none !important
}

.is-IE .container1::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: auto;
	width: 100%;
	height: 50%;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 1);
	-webkit-transition: height 1s ease;
	transition: height 1s ease;
	z-index: 10
}

.is-IE .container1::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	top: auto;
	width: 100%;
	height: 50%;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 1);
	-webkit-transition: height 1s ease;
	transition: height 1s ease;
	z-index: 10
}

.is-IE .container1.show::before,
.is-IE .container1.show::after {
	height: 0;
	-webkit-animation: none !important;
	animation: none !important
}

.is-IE .hide-mask::after,
.is-IE .hide-mask::before {
	height: 0;
	display: block
}

.is-IE .play-end::after,
.is-IE .play-end::before {
	height: 50%
}

.nav-overlay {
	width: 0;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.3);
	opacity: 0;
	overflow: hidden;
	z-index: 50
}

.nav-overlay.active {
	width: 100%;
	opacity: 1
}

.container1:not(#home-page)::after,
.container1:not(#home-page)::before {
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	opacity: 1;
	mask: none
}

.container1.show1:not(#home-page)::after,
.container1.show1:not(#home-page)::before {
	opacity: 0;
	visibility: hidden
}

#loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 990999;
	background: rgba(255, 255, 255, 1);
	overflow: hidden
}

#loading.finish {
	z-index: -9999
}

#loading.finish .logo_2 span,
#loading.finish .logo_2 img {
	display: none;
	border-radius: 50%
}

#loading:after,
#loading:before {
	content: '';
	width: 100%;
	height: 50%;
	background: rgba(255, 255, 255, 1);
	position: absolute;
	left: 0;
	-webkit-transition: 0.75s;
	-moz-transition: 0.75s;
	-ms-transition: 0.75s;
	-o-transition: 0.75s;
	transition: 0.75s
}

#loading:before {
	top: 0
}

#loading.show:before {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}

#loading:after,
#loading:before {
	content: '';
	width: 100%;
	height: 50%;
	background: rgba(255, 255, 255, 1);
	position: absolute;
	left: 0;
	-webkit-transition: 0.75s;
	-moz-transition: 0.75s;
	-ms-transition: 0.75s;
	-o-transition: 0.75s;
	transition: 0.75s
}

#loading:after {
	bottom: 0
}

#loading.show:after {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}

#loading .logo_2 {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all ease 0.5s
}

#loading .logo_2 span {
	display: block;
	border-radius: 50%;
	border: 3px solid rgba(255, 255, 255, 0.5);
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
	-webkit-animation: Ani 2s infinite;
	animation: Ani 2s infinite;
	width: 110px;
	height: 110px;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	z-index: 2
}

#loading .logo_2 img {
	position: relative;
	max-width: 70px;
	z-index: 4;
	border-radius: 50%;
}

@-webkit-keyframes Ani {
	0% {
		box-shadow: 0 0 0 var(--mauchung);
		border: 1px solid var(--mauchung);
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	70% {
		box-shadow: 0 0 50px var(--mauchung);
		border: 1px solid var(--mauchung);
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		box-shadow: 0 0 60px var(--mauchung);
		border: 0 solid var(--mauchung);
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@keyframes Ani {
	0% {
		box-shadow: 0 0 0 var(--mauchung);
		border: 1px solid var(--mauchung);
		transform: scale(0)
	}

	70% {
		box-shadow: 0 0 50px var(--mauchung);
		border: 1px solid var(--mauchung);
		transform: scale(1)
	}

	100% {
		box-shadow: 0 0 60pxvar(--mauchung);
		border: 0 solidvar(--mauchung);
		transform: scale(1.5)
	}
}

/*-----------------Loader-------------------*/

li:not(.content-main li) {
	list-style-type: none;
}

.content-main img {
	max-width: 100%;
}

.item_ht {
	margin: 0 auto;
}

.item_ht a {
	display: inline-block;
	background: #510c00;
	padding: 10px 20px;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
	text-transform: capitalize;
}

/* Ẩn logo*/
#logohidden {
	display: none;
}

#logomenu {
	width: 187px;
	z-index: 1 !important;
	height: 30px;
	position: relative;
}

#logomenu img {
	width: 100%;
	z-index: 9999;
	height: 100%;
	top: -132px;
	left: 0px;
	position: relative;
}

/* Giở hàng*/
.dienthoaisp {
	background: var(--mauchung);
	padding: 5px 10px;
	box-sizing: border-box;
	color: #fff;
	font-size: 18px;
	border-radius: 4px;
	margin-top: 10px;
	display: inline-block;
}

#autocart {
	width: 150px;
	display: flex;
	-webkit-box-align: center;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	border: 1px solid #0f3448;
	border-radius: 10px;
	margin-left: 20px;
	padding: 5px;
}

#img_cart {
	margin-right: 10px;
}

#namecart {
	font-size: 14px;
	color: #000;
}

/* Tag index*/
#tagkeywork span {
	font-size: 14px;
	color: #161616;
	text-transform: uppercase;
	display: inline-block;
	padding: 6px 15px;
	padding-left: 0px;
}

#tagkeywork a {
	font-size: 13px;
	color: #8a8a8a;
	padding: 6px 15px;
	display: inline-block;
	background: #ededed;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 5px;
}

/* download template*/
.downloadfile {
	display: inline-block;
	width: 30px;
}

.tbl_download {}

.tbl_title {
	background: var(--mauchung);
	color: #fff;
	text-transform: uppercase;
	text-align: center;

}

.tbl_title td,
.tbl_rows td {
	padding: 15px 10px;
	box-sizing: border-box;
}

.tbl_rows,
.downloadfile {
	font-size: 16px;
	color: var(--mauchung);
	cursor: pointer;
}

table.tbl_download tr:nth-child(odd) {
	background: #ededed;
}

table.tbl_download tr:nth-child(even) {
	background: #fff;
}

table.tbl_download tr:nth-child(1) {
	background: var(--mauchung);
}

.tbl_rows:hover,
.tbl_rows:hover .downloadfile {
	color: var(--mauchung_hover) !important;
}

/* Xoay tron*/
.xoaylogo {
	-webkit-animation-name: rotate2;
	-webkit-animation-duration: 30000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: rotate2;
	-moz-animation-duration: 30000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: rotate2;
	-ms-animation-duration: 30000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	animation-name: rotate2;
	animation-duration: 30000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@-moz-keyframes rotate2 {
	from {
		-moz-transform: rotate(0deg)
	}

	to {
		-moz-transform: rotate(360deg)
	}
}

@-webkit-keyframes rotate2 {
	from {
		-webkit-transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg)
	}
}

/* Pop up*/
#popup .close {
	float: right;
	font-size: 2rem;
	font-weight: 700;
	line-height: 0.7;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
	box-shadow: none !important;
	outline: none !important;
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 12;
	background: #fff;
}

#popup .close span {
	position: relative;
	top: -2px;
}

h1,
h2,
h3 {
	font-size: 14px;
}


.fixed_position {
	position: relative;
}

.pubble {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 12;
	left: 0px;
	top: 0px;
}

.slick-vertical .slick-slide {
	padding-bottom: 5px !important;
	padding-top: 20px !important;
}

.editnopaddingtop {
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	display: block !important;
	margin-top: 0px;
	padding-left: 0px !important
}

.nopadding {
	padding: 0px !important;
}

.nomargin {
	margin: 0px !important;
}

.noboder {
	border: none !important;
}

.nobg {
	background: transparent !important;
}

.nonebackground {
	filter: invert(1) opacity(1);
}

/* Đổi màu ảnh từ trắng đen sang màu*/
.box_partner1 img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.active_img img {
	-webkit-filter: grayscale(0) !important;
	filter: grayscale(0) !important;
}

/* Đổi màu ảnh từ trắng đen sang màu cần chợn*/
.coloration img {
	transition: 0.3s;
	-webkit-filter: grayscale(100%) brightness(110%) contrast(0.9);
	filter: grayscale(100%) brightness(0%) contrast(0.3) invert(1);
}

.coloration img:hover {
	-webkit-filter: grayscale(100%) brightness(30%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.8);
	filter: grayscale(100%) brightness(30%) sepia(100%) hue-rotate(-25deg) saturate(700%) contrast(0.8);
	/* Thay đổi độ cua hue-rotate(-25deg) để tìm màu*/
}

.animate_auto {
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

@-moz-keyframes fadeInUpN {
	0% {
		opacity: 0;
		top: 100%;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
		top: 0%;
	}
}

@-webkit-keyframes fadeInUpN {
	0% {
		opacity: 0;
		top: 100%;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
		top: 0%;
	}
}

@keyframes fadeInUpN {
	0% {
		opacity: 0;
		top: 100%;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
		top: 0%;
	}
}

.hover_translateX {
	-ms-transform: translateX(-150px);
	transform: translateX(-150px);
	opacity: 0;
	transition: 0.5s;
}

.hover_translateX1 {
	-ms-transform: translateX(300px);
	transform: translateX(300px);
	opacity: 0;
	transition: 0.5s;
}

.hover_translateY {
	-ms-transform: translateY(-300px);
	transform: translateY(-300px);
	opacity: 0;
	transition: 0.5s;
}

.hover_hover:hover .hover_translateX,
.hover_hover:hover .hover_translateX1,
.hover_hover:hover .hover_translateY {
	opacity: 1;
	-ms-transform: translateX(0px);
	/* IE 9 */
	transform: translateX(0px);
	/* Standard syntax */
	-ms-transform: translateY(0px);
	/* IE 9 */
	transform: translateY(0px);
	/* Standard syntax */
}

.hovercart_puble {
	visibility: hidden;
	transition: 0.5s;
}

.hover_hover:hover .hovercart_puble {
	visibility: visible;
}

.hover_animated:hover .more_ourbisiness,
.hover_animated:hover a,
.box-sp:hover .box_hover_cart,
.box_real:hover .hover_push {
	/*hover khi sử dụng display:none*/
	-webkit-animation: fadeInUpN 1s ease-out;
	-moz-animation: fadeInUpN 1s ease-out;
	display: block;
	top: 0px;
}

/*Cho mau chu sang toi*/
.text_gradient {
	background: linear-gradient(90deg, rgba(246, 212, 49, 1) 0%, rgba(186, 144, 32, 1) 17%, rgba(200, 160, 36, 1) 37%, rgba(186, 144, 32, 1) 79%, rgba(246, 212, 49, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.text_shadow {
	/*-webkit-text-stroke: 1px black; bo den vien ngoai*/
	/*text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 3px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 4px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 6px #fff, 0px 0px 6px #fff;*/
	text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 0px 3px 7px #000;
}

.vibrate {
	-webkit-animation-name: vibrate;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: vibrate;
	-moz-animation-duration: 3s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	animation-name: vibrate;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite
}

@-moz-keyframes vibrate {

	0%,
	100%,
	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}

	10%,
	30% {
		-webkit-transform: rotate(-10deg) scale(1) skew(1deg)
	}

	20%,
	40% {
		-webkit-transform: rotate(10deg) scale(1) skew(1deg)
	}
}

@-webkit-keyframes vibrate {

	0%,
	100%,
	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}

	10%,
	30% {
		-webkit-transform: rotate(-10deg) scale(1) skew(1deg)
	}

	20%,
	40% {
		-webkit-transform: rotate(10deg) scale(1) skew(1deg)
	}
}

@-o-keyframes vibrate {

	0%,
	100%,
	50% {
		-o-transform: rotate(0) scale(1) skew(1deg)
	}

	10%,
	30% {
		-o-transform: rotate(-10deg) scale(1) skew(1deg)
	}

	20%,
	40% {
		-o-transform: rotate(10deg) scale(1) skew(1deg)
	}
}

.blink_ {
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: blinker;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	animation-name: blinker;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}
}

@-webkit-keyframes blinker {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}
}

@keyframes blinker {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}
}

.xoayhinh360 img {
	transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
}

.xoayhinh360:hover img {
	-moz-transform: rotate(360deg);
	/* IE 9 */
	-webkit-transform: rotate(360deg);
	/* Safari 3-8 */
	transform: rotate(360deg);
}

/* Iframe */
.text iframe {
	max-width: 100% !important;
}

/* Iframe */
/* Hiệu ứng tráng gương */
.hover_tintuc {
	background: url(../img/glass.png) no-repeat left top;
	background-size: 100% 100%;
	width: 30%;
	height: 100%;
	position: absolute;
	left: -30%;
	top: 0px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	z-index: 1111;
}

.hinhdangttuc:hover .hover_tintuc {
	left: 100%;
}

.chinhmauten,
.chinhmauten1 {
	transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
}

.chinhmauten:hover a {
	color: var(--mauchung_hover) !important;
}

.chinhmauten1:hover a {
	color: #ff0 !important;
}

.transition_new {
	transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
}

@font-face {
	font-family: "SVN-BalladeerLight";
	src: url("../fonts/SVN-BalladeerLight.woff2") format("woff2"), url("../fonts/SVN-BalladeerLight.woff") format("woff");
	font-style: normal;
	font-display: wrap;
}

@font-face {
	font-family: "UTMCooperBlack";
	src: url("../fonts/UTMCooperBlack.woff2") format("woff2"), url("../fonts/UTMCooperBlack.woff") format("woff");
	font-style: normal;
	font-display: wrap;
}

body {
	font-family: "Barlow", sans-serif;
	font-size: 14px;
	font-weight: 400;
	overflow-x: inherit !important;
	color: #25232e;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

#full {
	min-width: 1349px;
	max-width: 100%;
	margin: 0 auto;
	background: #fff;
	position: relative;
	width: 100%;
	height: auto;
	overflow-x: hidden;
	overflow-y: auto;
}

.width_box,
.wrap-main {
	--_max-width: 1200px;
	--_padding: 10px;
	max-width: var(--_max-width);
	width: min(var(--_max-width), 100% - (var(--_padding) * 2));
	margin-inline: auto;
	position: relative;
}

.centertocenter {
	position: absolute;
	max-width: 600px;
	width: 100%;
	z-index: 99999;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	text-align: center;
}

/* Bo tròn hình dù hình có kích thước ko đều*/
.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*/
}

.max-width img {
	max-width: 100%;
	width: 100%;
	height: auto
}

.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
}

/*Cat chuoi*/
.cut_string1 {
	text-align: left;
	white-space: inherit;
	line-height: 22px;
	max-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.cut_string2 {
	text-align: left;
	white-space: inherit;
	line-height: 22px;
	max-height: 51px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.cut_string3 {
	text-align: left;
	white-space: inherit;
	line-height: 22px;
	max-height: 76px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.cut_string4 {
	text-align: left;
	white-space: inherit;
	line-height: 22px;
	max-height: 101px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

.cut_string5 {
	text-align: left;
	white-space: inherit;
	line-height: 22px;
	max-height: 126px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical
}

.cut_string6 {
	text-align: left;
	white-space: inherit;
	line-height: 22px;
	max-height: 151px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical
}

.cut_string7 {
	text-align: left;
	white-space: inherit;
	line-height: 22px;
	max-height: 176px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical
}

.cut_string8 {
	text-align: left;
	white-space: inherit;
	line-height: 22px;
	max-height: 201px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical
}

.cut_string9 {
	text-align: left;
	white-space: inherit;
	line-height: 22px;
	max-height: 226px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 9;
	-webkit-box-orient: vertical
}

.cut_string10 {
	text-align: left;
	white-space: inherit;
	line-height: 22px;
	max-height: 251px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 10;
	-webkit-box-orient: vertical
}

.cut_stringcenter {
	text-align: center !important
}

.cut_stringjustify {
	text-align: justify !important
}

.cut_stringright {
	text-align: right !important
}

img {
	vertical-align: top;
	height: auto;
}

a,
input,
textarea {
	outline: none;
	padding: 0px;
	text-decoration: none !important;
	font-size: 14px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.w-clear:after {
	display: block;
	content: "";
	clear: both
}

.hidden {
	display: none
}

.clear {
	clear: both
}

.none {
	display: none
}

.hidden-seoh {
	visibility: hidden;
	height: 0px;
	margin: 0px;
	overflow: hidden
}

/* Tieu de chinh */
.title-main { margin-bottom: 25px; padding-bottom: 15px; text-align: center; position: relative; }

.title-main span { color: #292929; font-family: 'LacTu', serif; font-size: 32px; text-transform: uppercase; font-weight: 600;}
.title-main::after{
    position: absolute;
    content: '';
    background: url('../images/main/title-main.png') no-repeat;
    width: 53px;
    height: 12px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.title-main p {
	padding-top: 20px;
}

.time-main {
	margin-bottom: 0.75rem;
	color: #999999
}

.time-main i {
	vertical-align: top;
	margin: 3px 7px 0px 0px
}

.time-main span {
	vertical-align: top;
	display: inline-block
}

.social-footer {
	margin-block-start: 15px;
}

.social-footer .social li+li {
	margin-left: 10px;
}

.social {
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: inline-block;
}

.social li {
	display: inline-block;
	vertical-align: top
}

.social a {
	position: relative;
	top: 0px;
	transition: all .3s ease;
}

.social a:hover {
	top: -5px;
}

.social li:last-child {
	margin-right: 0px
}

.control-carousel {
	position: absolute;
	top: calc(50% - 30px/2);
	margin-bottom: 0px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border: 1px solid #eee;
	z-index: 2;
	background-color: #fff;
	color: #ccc;
	cursor: pointer
}

.control-carousel:hover {
	background-color: var(--color-red);
	border-color: var(--color-red);
	color: #fff
}

.prev-carousel {
	left: 0px
}

.next-carousel {
	right: 0px
}

#logo {
	/* display: flex;
	align-items: center;
	justify-content: center;
	width: 168px;
	height: 168px;
	border-radius: 50%;
	background-color: #ffcd00;
	margin-top: 10px; */
}

#logo a {
	display: block;
}


.menu_fixed {
	position: fixed !important;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 999 !important;
	-webkit-animation: stuckMoveDown 1s;
	animation: stuckMoveDown 1s;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10,Direction=0,Color=#7D7D7D)";
	-moz-box-shadow: 0 2px 10px -1px #7D7D7D;
	-webkit-box-shadow: 0 2px 10px -1px #7d7d7d;
	box-shadow: 0 2px 10px -1px #7d7d7d;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#7D7D7D);
	background: rgba(255, 255, 255, 1) !important;
}

@keyframes stuckMoveDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

#banner {
	width: 100%;
	max-width: 215px;
	display: inline-block;
	text-align: center;
}

#banner img {
	max-width: 100%;
	width: 100%;
}

#banner p {
	display: block;
	margin-top: 10px;
}

.add_h {
	background: url(../img/dt_08.png) no-repeat left top;
	color: #292929;
	padding-left: 26px;
}

.email_h {
	background: url(../img/emial_08.png) no-repeat left top;
	color: #292929;
	padding-left: 26px;
}

.header-top {
	color: #fff;
	background-color: var(--color-red)
}

marquee {
	padding: 10px 0px;
}

.header-top .wrap-content {
	padding: 7px 10px
}

.info-header {
	margin-bottom: 0px
}

.info-header:nth-child(1) {
	width: 55%
}

.info-header i {
	vertical-align: top;
	margin: 3px 5px 0px 0px;
	font-size: 16px
}

.social-header li {
	width: 30px;
	margin-right: 3px
}

.logo-header {
	position: relative;
}

.star {
	position: absolute;
	width: 49px;
	height: 48px;
	background: url('../img/saolaplanh.png') no-repeat;
	background-size: cover;
	z-index: 2;
	opacity: 0;
}

.star.animation {
	-webkit-animation: animation_star 0.7s infinite;
	-moz-animation: animation_star 0.7s infinite;
	-ms-animation: animation_star 0.7s infinite;
	-o-animation: animation_star 0.7s infinite;
	animation: animation_star 0.7s infinite;
}

.star.star1 {
	right: 0px;
	top: 0px;
	animation-delay: 0.5s;
}

.star.star2 {
	left: 444px;
	top: 110px;
	animation-delay: 0.4s;
}

.star.star3 {
	left: 658px;
	top: 138px;
	animation-delay: 0.6s;
}

.star.star4 {
	left: 814px;
	top: 138px;
	animation-delay: 0.8s;
}

.star.star5 {
	left: 630px;
	top: 58px;
	animation-delay: 1s;
}

@keyframes animation_star {
	0% {
		transform-origin: center center;
		transform: scale(0.2) rotate(90deg);
		opacity: 0.2;
	}

	15% {
		transform-origin: center center;
		transform: scale(0.6) rotate(45deg);
		opacity: 0.7;
	}

	35% {
		transform-origin: center center;
		transform: scale(1) rotate(0deg);
		opacity: 1;
	}

	55% {
		transform-origin: center center;
		transform: scale(0.8) rotate(-20deg);
		opacity: 0.8;
	}

	70% {
		transform-origin: center center;
		transform: scale(0.6) rotate(-40deg);
		opacity: 0.6;
	}

	85% {
		transform-origin: center center;
		transform: scale(0.4) rotate(-60deg);
		opacity: 0.4;
	}

	100% {
		transform-origin: center center;
		transform: scale(0) rotate(-90deg);
		opacity: 0;
	}
}

.animationPubble {
	-webkit-animation: animationPubble 0.4s infinite;
	-moz-animation: animationPubble 0.4s infinite;
	-ms-animation: animationPubble 0.4s infinite;
	-o-animation: animationPubble 0.4s infinite;
	animation: animationPubble 0.4s infinite;
}

@keyframes animationPubble {
	50% {
		transform-origin: center center;
		transform: scale(0.9);
	}

	100% {
		transform-origin: center center;
		transform: scale(1);
	}
}

.hotline-header {
	display: inline-block;
	width: 179px;
	height: 159px;
	background: url(../img/dienthoai_08.png) no-repeat left top;
	text-align: center;
}

.hotline-header p {
	font-weight: bold;
	margin-bottom: -2px;
	text-transform: capitalize
}

.hotline-header span {
	color: #c03000;
	font-size: 16px;
	display: block;
}

.user-header a {
	color: #fff;
	padding-right: 9px;
	margin-right: 7px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	text-decoration: none
}

.user-header a:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 8px;
	background-color: #fff;
	top: calc(50% - 7px/2);
	right: 0px;
	opacity: 0.7
}

.user-header a:last-child {
	padding-right: 0px;
	margin-right: 0px
}

.user-header a:last-child:after {
	display: none
}


/* Menu*/
#infomenu {
	display: flex;
}

#menu_left {
	width: 277px;
	position: relative;
	z-index: 99999;
}

#menu_right {
	width: calc(100% - 277px);
}

.menu {
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.47102591036414565) 50%, rgba(255,255,255,0) 100%);
}
.menu .wrap-content{display: flex;  justify-content: space-between;align-items: center; }
.menu .width_box {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	height: 90px;
}

.menu ul {
	padding: 0px;
	margin: auto 0;
	list-style: none;
}

.menu ul li {
	position: relative;
	z-index: 99;
}

.menuflex {
	flex: 1 0 auto;
}

.menu ul li.menuflex:last-child a {
	padding-right: 0;
}

.menu ul li.menuflex:first-child a {
	padding-left: 0;
}

/* .menu ul li a {
	display: block;
	position: relative;
	z-index: 1;
	text-align: center;
	text-decoration: none !important;
	color: #413f3a;
} */

.menu ul li a {
	display: block;
	position: relative;
	z-index: 1;
	text-align: center;
	text-decoration: none !important;
	color: #413f3a;
	font-size: 20px;
	line-height: 32px;
	text-transform: capitalize;
	font-weight: 500;
	padding: 10px 20px;
}

#menu a {
	font-weight: bold;
	text-transform: capitalize !important;
}

.menu ul li a.activemenu {
	color: #ffcc33 !important;
}

.menu ul li:hover>a {
	color: #ffcc33;
}

.menu ul li ul {
	position: absolute;
	min-width: 200px;
	background: var(--mauchung);
	box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
	-webkit-transform: perspective(600px) rotateX(-90deg);
	transform: perspective(600px) rotateX(-90deg);
	-webkit-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
	opacity: 0;
	visibility: hidden;
	transition: all .5s
}

.menu ul li:hover>ul {
	-webkit-transform: perspective(600px) rotateX(0);
	transform: perspective(600px) rotateX(0);
	-webkit-transform-origin: 0 0 0;
	opacity: 1;
	visibility: visible;
	transition: all .7s
}

.uppercase {
	text-transform: uppercase;
}

.menu ul li ul li {
	background: transparent;
}

.menu ul li ul li a {
	text-align: left;
	width: 100%;
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	color: #fff;
}

.menu ul li ul li:last-child>a {
	border-bottom: 0px
}

.menu ul li ul li a h2 {
	font-size: 14px;
	padding: 12px 15px
}

.menu ul li ul li ul {
	top: 0px;
	left: 100%
}

.menu ul .menuflex:nth-child(5) ul li ul,
.menu ul .menuflex:nth-child(6) ul li ul,
.menu ul .menuflex:nth-child(7) ul li ul,
.menu ul .menuflex:nth-child(8) ul li ul {
	left: -100%
}

.menu ul li ul li:hover {
	background: var(--mauhovermenu);
}

.menu ul li ul li:hover>a {
	color: #ff0;
}

.search {
	width: 230px;
	background: #fff
}

.searchflex {
	flex: 0 auto !important;
}

#button_search {
	text-align: center;
	cursor: pointer;
	color: #fff;
}

.searchbutton {
	padding: 10px;
	box-sizing: border-box;
	background: var(--mauchung);
	display: flex;
	position: absolute;
	right: 10px;
	top: 42px;
	z-index: 12;
	display: none;
}

.search p {
	float: left;
	width: 35px;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	text-align: center;
	margin: 0px;
	color: var(--color-gray);
	font-size: 16px
}

.search input {
	width: calc(100% - 35px);
	height: 35px;
	float: left;
	outline: none;
	padding: 0px;
	border: 0px;
	background: transparent;
	text-indent: 10px;
	font-size: 12px
}

.searchbutton input {
	background: #fff;
}

.searchbutton p {
	float: left;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: #fff;
	cursor: pointer;
	text-align: center;
	margin: 0px;
	color: var(--color-gray);
	font-size: 16px
}

#search_header {
	width: 100%;
	max-width: 469px;
	border: 1px solid #eaeaea;
	border-radius: 5px;
}

#search_header .search {
	width: 100%;
	background: transparent;
}

#search_header p {
	float: left;
	width: 45px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	text-align: center;
	margin: 0px;
	margin-top: 5px;
	color: var(--color-gray);
	background: #9abe39;
	font-size: 16px;
	border-radius: 5px;
	box-sizing: border-box;
}

#search_header input {
	width: calc(100% - 50px);
	height: 50px;
	float: left;
	outline: none;
	padding: 0px;
	border: 0px;
	background: transparent;
	text-indent: 10px;
	font-size: 14px;
	border-radius: 5px;
	box-sizing: border-box;
}

.search input::-webkit-input-placeholder {
	color: #ccc
}

.search input:-moz-placeholder {
	color: #ccc
}

.search input::-moz-placeholder {
	color: #ccc
}

.search input:-ms-input-placeholder {
	color: #ccc
}




.search-res {
	position: relative
}

.search-res .icon-search {
	width: 40px;
	height: 40px;
	cursor: pointer;
	text-align: center;
	line-height: 38px;
	color: #fff;
	font-size: 17px;
	margin: 0px
}

.search-res .icon-search.active {
	color: var(--color-red);
	background: #fff;
	border-radius: 100%
}

.search-res .search-grid {
	position: absolute;
	top: 50px;
	right: 0px;
	width: 0px;
	height: 40px;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--color-red);
	z-index: 2;
	opacity: 0;
	border-radius: 25px;
	line-height: normal
}

.search-res .search-grid p {
	float: left;
	width: 35px;
	height: 38px;
	cursor: pointer;
	outline: none;
	border: none;
	margin: 0px;
	font-size: 17px;
	display: block;
	color: var(--color-red);
	line-height: 40px;
	text-align: center
}

.search-res .search-grid input {
	width: calc(100% - 35px);
	float: right;
	line-height: 38px;
	outline: none;
	border: none;
	color: var(--mauchung);
}

.search-res .search-grid input::-webkit-input-placeholder {
	color: #ccc
}

.search-res .search-grid input:-moz-placeholder {
	color: #ccc
}

.search-res .search-grid input::-moz-placeholder {
	color: #ccc
}

.search-res .search-grid input:-ms-input-placeholder {
	color: #ccc
}

/* Slide */
.slideshow {
	position: relative;
	/*margin-left: 277px;
	width: calc(100% - 277px);
	padding: 20px;
	box-sizing: border-box;*/
}

.slideshow a {
	display: block;
	cursor: pointer
}

.slideshow a img {
	width: 100%
}

.slideshow:hover .control-slideshow {
	opacity: 0.3
}

.slideshow .control-slideshow:hover {
	opacity: 0.8
}

.control-slideshow {
	opacity: 0;
	position: absolute;
	z-index: 2;
	top: calc(50% - 50px/2);
	width: 35px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 25px;
	cursor: pointer;
	margin: 0px;
	background-color: #000000;
	border-radius: 3px
}

.control-slideshow i {
	color: #ffffff
}

.prev-slideshow {
	left: 20px;
	padding-right: 3px
}

.next-slideshow {
	right: 20px;
	padding-left: 3px
}

.wrap-partner {
	padding: 0px 10px
}

.wrap-partner .wrap-content {
	max-width: 1200px;
	padding: 0px;
	position: relative
}

.owl-partner {
	padding: 0px 40px
}

.partner {
	display: block;
	border: 1px solid #eee
}

.partner img {
	width: 100%
}

.breadCrumbs {
	background-color: #eee
}

.breadCrumbs .wrap-content {
	padding: 0.75rem 10px;
	max-width: 1200px;
	margin: 0 auto;
}

.breadCrumbs .wrap-content .breadcrumb {
	padding: 0;
	margin-bottom: 0;
	background-color: transparent;
	border-radius: 0
}

.breadCrumbs .wrap-content .breadcrumb-item a {
	color: var(--color-black)
}

.breadCrumbs .wrap-content .breadcrumb-item.active a {
	color: var(--mauchung);
}

.wrap-intro {
	margin-bottom: 50px
}

.left-intro {
	width: 67%;
	margin-right: 20px;
}

.right-intro {
	width: 30%
}

.title-intro {
	border-bottom: 1px solid var(--color-red);
	margin-bottom: 1.5rem
}

.title-intro span {
	display: inline-block;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 10px;
	font-size: 20px
}

.title-intro span:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	bottom: 0px;
	left: 0px;
	background-color: var(--color-red)
}

.newshome-best {
	width: calc(50% - 10px);
	display: block;
	float: left;
	margin-right: 20px;
}

.newshome-scroll {
	width: calc(50% - 10px);
	float: left;
}

.pic-newshome-best img {
	width: 100%
}

.name-newshome {
	color: var(--color-black);
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 0.25rem
}

.name-newshome.text-split {
	-webkit-line-clamp: 2
}

.time-newshome {
	color: var(--color-gray);
	margin-bottom: 0.25rem
}

.desc-newshome {
	color: var(--color-black);
	margin-bottom: 0px
}

.view-newshome {
	display: inline-block;
	border: 1px solid var(--color-black);
	padding: 8px 15px;
	color: var(--color-black);
	text-transform: capitalize;
	font-weight: 600;
	margin-top: 1rem
}

.view-newshome:hover {
	background-color: var(--color-black);
	color: #fff
}

.newshome-scroll ul li {
	margin-bottom: 15px !important
}

.newshome-normal {
	display: block
}

.pic-newshome-normal {
	width: 34%;
	margin-right: 3%;
	margin-bottom: 0px
}

.pic-newshome-normal img {
	width: 100%
}

.info-newshome-normal {
	width: calc(100% - 37%)
}

.video-main {
	position: relative;
	height: 286px;
}

.video-main iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px
}

.listvideos {
	width: 100%;
	height: 40px;
	padding: 0px 10px;
	border: 1px solid #ccc;
	color: var(--color-black);
	margin-top: 10px;
	cursor: pointer
}

.video {
	float: left;
	width: 23.5%;
	margin: 0 2% 2% 0;
	text-align: center;
	cursor: pointer
}

.video:nth-child(4n+1) {
	clear: both
}

.video:nth-child(4n) {
	margin-right: 0px
}

.pic-video {
	position: relative
}

.pic-video:before {
	content: "";
	position: absolute;
	width: 50px;
	height: 35px;
	top: calc(50% - 50px/2);
	left: calc(50% - 35px/2);
	z-index: 1;
	background-repeat: no-repeat;
	background-image: url(../images/play.png)
}

.pic-video img {
	width: 100%
}

.name-video {
	font-size: 16px;
	color: var(--color-black);
	margin-bottom: 0px
}

.album {
	float: left;
	width: 23.5%;
	margin: 0 2% 2% 0;
	text-align: center;
	cursor: pointer
}

.album:nth-child(4n+1) {
	clear: both
}

.album:nth-child(4n) {
	margin-right: 0px
}

.pic-album {
	position: relative
}

.pic-album img {
	width: 100%
}

.name-album {
	font-size: 16px;
	color: var(--color-black);
	margin-bottom: 0px;
	margin-top: 10px;
}

.wrap-brand {
	margin-bottom: 50px;
	padding: 0px 10px
}

.wrap-brand .wrap-content {
	max-width: 1200px;
	padding: 0px;
	position: relative
}

.owl-brand {
	padding: 0px 40px
}

.brand {
	display: block;
	border: 1px solid #eee
}

.brand img {
	width: 100%
}

.wrap-product {
	margin-bottom: 50px
}

.product {}

.box-product {
	position: relative;
	display: block;
	margin-bottom: 1rem
}

.pic-product {
	background: #fff;
	border-radius: 0;
	margin-bottom: 0px;
	box-sizing: border-box;
	position: relative;
}

.pic-product img {
	width: 100%;
	border-radius: 3px
}

.boxproductimg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 12;
}

.boxproductimg a {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 12;
}

.boxproductimg .i_trai {
	position: absolute;
	height: 0px;
	width: 1px;
	left: 0px;
	top: 0px;
	background: -webkit-linear-gradient(bottom, red, orange, yellow, green, blue, indigo, violet);
	background: -o-linear-gradient(bottom, red, orange, yellow, green, blue, indigo, violet);
	background: -moz-linear-gradient(bottom, red, orange, yellow, green, blue, indigo, violet);
	background: linear-gradient(to top, red, orange, yellow, green, blue, indigo, violet);
	transition: all 0.5s ease;
}

.boxproductimg .i_phai {
	position: absolute;
	height: 0px;
	width: 1px;
	right: 0px;
	bottom: 0px;
	background: -webkit-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet);
	background: -o-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet);
	background: -moz-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet);
	background: linear-gradient(to bottom, red, orange, yellow, green, blue, indigo, violet);
	transition: all 0.5s ease;
}

.boxproductimg .i_tren {
	position: absolute;
	height: 1px;
	width: 0px;
	right: 0px;
	top: 0px;
	background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
	background: -o-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
	background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
	background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
	transition: all 0.5s ease;
}

.boxproductimg .i_duoi {
	position: absolute;
	height: 1px;
	width: 0px;
	left: 0px;
	bottom: 0px;
	background: -webkit-linear-gradient(right, red, orange, yellow, green, blue, indigo, violet);
	background: -o-linear-gradient(right, red, orange, yellow, green, blue, indigo, violet);
	background: -moz-linear-gradient(right, red, orange, yellow, green, blue, indigo, violet);
	background: linear-gradient(to left, red, orange, yellow, green, blue, indigo, violet);
	transition: all 0.5s ease;
}

.boxproductimg:hover .i_trai {
	height: 100%;
	bottom: 0px;
	top: inherit;
}

.boxproductimg:hover .i_tren {
	width: 100%;
	left: 0px;
}

.boxproductimg:hover .i_phai {
	height: 100%;
	top: 0px;
	bottom: inherit;
}

.boxproductimg:hover .i_duoi {
	width: 100%;
	right: 0px;
	left: inherit;
}

.name-product {
	font-size: 15px;
	text-align: center;
	margin: 10px 0px;
	color: var(--clr-base);
	font-weight: 700;
	-webkit-line-clamp: 1
}

.price-product {
	margin-bottom: 10px;
	text-align: center;
}

.price-product span {
	font-weight: 700
}


.price-old {
	padding-left: 10px;
	font-size: 12px;
	color: var(--color-gray);
	text-decoration: line-through;
}

.price-per {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #fff;
	background: var(--mauchung);
	font-size: 11px;
	border-radius: 2px;
	width: 45px;
	height: 25px;
	text-align: center;
	line-height: 25px;
}

.price-per:after {
	clip-path: polygon(100% 1%, 2% 50%, 100% 100%);
	content: '';
	width: 4px;
	height: 8px;
	position: absolute;
	top: 9px;
	left: -3px;
	z-index: 12;
	background: var(--mauchung);
}

.cart-product {
	margin-bottom: 0px
}

.cart-product span {
	cursor: pointer;
	width: 49%;
	float: left;
	color: #fff;
	text-transform: capitalize;
	text-align: center;
	padding: 7px 5px;
	border-radius: 3px
}

.cart-add {
	margin-right: 2%;
	background-color: var(--color-red)
}

.cart-add:hover {
	background-color: var(--color-dark-red)
}

.cart-buy {
	background-color: var(--color-green)
}

.cart-buy:hover {
	background-color: var(--color-dark-green)
}

.grid-pro-detail {
	margin-bottom: 50px;
	margin-top: 20px;
}

.left-pro-detail {
	position: relative;
	float: left;
	width: 40%;
	text-align: center;
	margin-right: 2%;
	background: white
}

.left-pro-detail .MagicZoom {
	border: 1px solid #eee;
	padding: 7px;
	border-radius: 5px
}

.right-pro-detail {
	width: calc(100% - 42%);
	float: left
}

.gallery-thumb-pro {
	position: relative;
	margin-top: 10px
}

.owl-thumb-pro {
	padding: 0px 40px
}

.icondownload {
	font-size: 15px;
	color: #000;
}

.thumb-pro-detail {
	display: block !important;
	border: 1px solid #eee;
	padding: 5px;
	border-radius: 3px;
	cursor: pointer
}

.thumb-pro-detail.mz-thumb.mz-thumb-selected {
	border-color: #cecfd2
}

.thumb-pro-detail img {
	box-shadow: none !important;
	filter: brightness(100%) !important;
	border-bottom: 0px !important;
	padding-bottom: 0px !important
}

.title-pro-detail {
	text-transform: capitalize;
	font-size: 20px;
	display: block;
	font-weight: 700;
}

.social-plugin-pro-detail {
	margin-bottom: 1rem;
	margin-top: 0px !important
}

.desc-pro-detail {
	margin-bottom: 1rem
}

.attr-pro-detail {
	list-style: none;
	padding: 0px
}

.attr-pro-detail li {
	margin-bottom: 0.5rem
}

.attr-label-pro-detail {
	margin: 0px 5px 0px 0px;
	width: 95px;
	font-weight: bold;
}

.attr-label-pro-detail.d-block {
	display: block;
	margin: 0px 0px 5px 0px
}

.attr-content-pro-detail {
	display: inline-block;
	margin-bottom: 0px;
}

.price-new-pro-detail {
	font-weight: 700;
	font-size: 20px;
	color: var(--color-red)
}

.price-old-pro-detail {
	font-weight: 500;
	color: var(--color-gray);
	text-decoration: line-through;
	padding-left: 10px
}

.color-pro-detail {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 35px;
	height: 30px;
	margin: 0px 0px 3px 0px;
	border: 1px solid transparent
}

.size-pro-detail {
	border: 1px solid #ccc;
	padding: 3px 10px 4px 10px;
	display: inline-block;
	position: relative
}

.size-pro-detail.active,
.color-pro-detail.active {
	border-color: #e5101d;
	color: #e5101d
}

.color-pro-detail.active:before,
.size-pro-detail.active:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto;
	z-index: 1;
	background-image: url(../images/check-cart.png);
	background-repeat: no-repeat;
	background-position: bottom right
}

.color-pro-detail input[type=radio],
.size-pro-detail input[type=radio] {
	outline: none;
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 100%;
	-webkit-appearance: none;
	border: 0px;
	top: 0px;
	left: 0px
}

.quantity-pro-detail {
	width: 100%;
	max-width: 110px;
	line-height: normal;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: center
}

.quantity-pro-detail span {
	line-height: 25px;
	padding: 0px;
	width: 30px;
	height: 30px;
	color: #5f5f5f;
	cursor: pointer;
	font-size: 22px;
	border: 1px solid #cccccc
}

.quantity-pro-detail span.quantity-plus-pro-detail {
	border-left: 0px
}

.quantity-pro-detail span.quantity-minus-pro-detail {
	border-right: 0px
}

.quantity-pro-detail input {
	height: 30px;
	border: 1px solid #cccccc;
	width: calc(100% - 60px);
	text-align: center;
	font-size: 14px;
	padding: 5px
}

.cart-pro-detail {
	margin-bottom: 1rem;
	display: flex;
	align-items: stretch;
	justify-content: flex-start
}

.cart-pro-detail a {
	width: auto;
	text-align: center;
	color: #fff;
	padding: 8px 15px;
	text-transform: uppercase;
	border-radius: 3px
}

.cart-pro-detail a.addnow {
	margin-right: 10px;
	background: #fd6e1d;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd6e1d), to(#f59000));
	background: -webkit-linear-gradient(top, #f59000, #fd6e1d);
	background: -moz-linear-gradient(top, #f59000, #fd6e1d);
	background: -ms-linear-gradient(top, #f59000, #fd6e1d);
	background: -o-linear-gradient(top, #f59000, #fd6e1d)
}

.cart-pro-detail a.buynow {
	background-color: var(--color-green)
}

.cart-pro-detail a.buynow:hover {
	background-color: var(--color-dark-green)
}

.cart-pro-detail a i {
	vertical-align: top;
	margin-top: 3px;
	margin-right: 8px
}

.tags-pro-detail {
	margin: 1rem 0px 2rem 0px
}

.tags-pro-detail a {
	float: left;
	font-size: 12px;
	color: #fff;
	padding: 5px 10px 7px 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: var(--mauchung);
	border-radius: 3px
}

.tags-pro-detail a:hover {
	background-color: var(--color-medium-red)
}

.tags-pro-detail a i {
	font-size: 10px;
	float: left;
	margin: 5px 5px 0px 0px
}

.tabs-pro-detail {
	margin-top: 20px;
}

.tabs-pro-detail .ul-tabs-pro-detail {
	padding: 0px;
	list-style: none;
	margin-bottom: 1rem;
	border-bottom: 1px solid #e7e7e7
}

.tabs-pro-detail .ul-tabs-pro-detail li {
	cursor: pointer;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #eee;
	padding: 5px 10px
}

.tabs-pro-detail .ul-tabs-pro-detail li.active {
	background: var(--mauchung);
	color: #fafafa
}

.tabs-pro-detail .ul-tabs-pro-detail li:last-child {
	margin-right: 0px
}

.tabs-pro-detail .content-tabs-pro-detail {
	display: none
}

.tabs-pro-detail .content-tabs-pro-detail.active {
	display: block
}

.box-readmore {
	padding: 8px 15px;
	border: 1px solid #dedede;
	margin-bottom: 2rem;
	border-radius: 5px;
	background-color: #eeeeee
}

.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
}

.news {
	width: 49%;
	float: left;
	margin-bottom: 25px;
	display: block
}

.news:nth-child(2n) {
	float: right
}

.news:nth-child(2n+1) {
	clear: both
}

.pic-news {
	float: left;
	margin-right: 4%;
	width: 36%
}

.pic-news img {
	width: 100%
}

.info-news {
	float: left;
	width: 60%
}

.name-news {
	color: #333;
	font-size: 16px;
	display: block;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 5px
}

.name-news:hover {
	color: var(--color-red)
}

.time-news {
	color: var(--color-gray);
	margin-bottom: 0.25rem
}

.desc-news {
	color: #333333;
	margin-top: 5px;
	line-height: 22px
}

.share {
	padding: 17px 10px 10px 10px;
	line-height: normal;
	background: rgba(128, 128, 128, 0.15);
	margin: 15px 0px;
	border-radius: 5px
}

.share b {
	display: block;
	margin-bottom: 5px
}

.othernews b {
	margin-bottom: 10px
}

.list-news-other {
	padding-left: 17px;
	list-style: square
}

.list-news-other li {
	margin-bottom: 2px
}

.list-news-other li a {
	text-transform: none;
	color: #333333
}

.list-news-other li a:hover {
	color: var(--color-red)
}

.top-contact {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 30px
}

.top-contact .article-contact {
	width: 48%
}

.form-contact {
	width: 47%
}

.input-contact {
	position: relative;
	margin-bottom: 15px
}

.input-contact input,
.input-contact textarea {
	width: 100%;
	padding: 0px;
	outline: none;
	font-size: 14px
}

.input-contact input {
	text-indent: 10px
}

.input-contact textarea {
	resize: none;
	height: 150px;
	padding: 10px
}

.input-contact .custom-file-label::after {
	content: attr(title)
}

.bottom-contact {
	position: relative;
	height: 500px
}

.bottom-contact iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100% !important;
	height: 100% !important
}

.facebookforter {}

.facebookforterin {
	text-align: left !important;
	display: inline-block;
	width: 100%;
	max-width: 275px;
	border: 2px solid #fff;
	border-radius: 5px;
}

.facebookforterin img {
	border-radius: 3px;
}

.slogan-newsletter {
	margin-bottom: 0.5rem;
	color: var(--color-gray)
}

.newsletter-input {
	position: relative;
	margin-bottom: 10px;
}

.newsletter-input input {
	padding: 0px;
	font-size: 14px;
	text-indent: 10px;
	border-radius: 0px
}

.newsletter-input textarea {
	height: 90px;
	border-radius: 0px;
}

.newsletter-button1 {
	display: inline-block;
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 12;
}

.newsletter-button {
	margin-top: 5px
}

.newsletter-button input[type=submit],
.newsletter-button1 input[type=submit] {
	border: 0px;
	background-color: #fbbc05;
	color: #fff;
	display: inline-block;
	padding: 5px 16px;
	text-transform: uppercase;
	font-weight: 500;
	cursor: pointer;
	text-indent: 0px;
}

.footer-tags {
	background: #eee
}

.footer-tags .wrap-content {
	padding: 30px 10px
}

.label-tags {
	font-weight: 600;
	font-size: 15px
}

.list-tags {
	list-style: none;
	padding: 0px;
	margin: 0px
}

.list-tags li {
	float: left;
	margin: 0px 5px 5px 0px
}

.list-tags li a {
	color: #fff;
	background-color: var(--color-red);
	padding: 6px 15px 8px 15px;
	border-radius: 3px;
	display: block
}

.list-tags li a:hover {
	background-color: var(--color-medium-red)
}

.footer-powered {
	color: #fff;
	background: transparent;
	position: relative;
}

.footer-powered .wrap-content {
	padding: 15px 10px
}

.copyright {
	text-align: center;
	font-size: 11px;
	line-height: 19px;
	color: #ffffff;
	font-weight: 400;
	margin-block-start: 10px;
}

.statistic {
	margin-bottom: 0px;
	padding: 15px 0px;
}

.statistic span {
	padding-right: 10px
}

.statistic span:last-child {
	padding-right: 0px
}

#footer-map {
	position: relative;
	height: 500px
}

#footer-map iframe {
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	top: 0px !important;
	left: 0px !important
}

.social-plugin {
	display: flex;
	justify-content: flex-start;
	margin-top: 10px
}

.social-plugin .at-share-btn {
	margin-bottom: 0px !important
}

.social-plugin .zalo-share-button {
	margin-left: 11px
}

.pagination-home {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

.pagination-home .pagination .page-item .page-link {
	color: #555555;
	font-size: .875rem
}

.pagination-home .pagination .page-item.active .page-link {
	color: #ffffff;
	background-color: var(--mauchung);
	border-color: var(--mauchung);
}

.pagination-ajax {
	text-align: center
}

.pagination-ajax a {
	display: inline-block;
	vertical-align: top;
	margin: 0px 2px 3px 2px;
	color: #333;
	background: #eee;
	border: 1px solid rgba(161, 161, 161, 0.4);
	font-size: 12px;
	cursor: pointer;
	padding: 3px 10px 5px 10px;
	border-radius: 2px
}

.pagination-ajax a.current,
.pagination-ajax a:hover {
	background: var(--color-red);
	color: #fff;
	border-color: var(--color-red)
}

.modal-custom .modal-footer {
	padding: 0.5rem
}

.modal-custom .modal-footer .btn {
	font-size: 14px
}

#popup .modal-body {
	padding: 0px
}

#popup img {
	max-width: 100%;
}

.grecaptcha-badge {
	display: none !important;
	width: 0px !important;
	height: 0px !important;
	visibility: hidden !important;
	overflow: hidden
}

.scrollToTop {
	width: 41px;
	height: 41px;
	text-align: center;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	bottom: 65px;
	right: 25px;
	display: none;
	z-index: 10;
	cursor: pointer
}

.text-split {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 3
}

.transition {
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out
}

.scale-img {
	overflow: hidden;
	display: block
}

.scale-img img,
.boximg img {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.scale-img:hover img,
.boximg:hover img {
	-webkit-transform: scale3d(1.05, 1.05, 1);
	transform: scale3d(1.05, 1.05, 1);
}

.blink {
	-webkit-animation-name: blink;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: blink;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	animation-name: blink;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite
}

@-moz-keyframes blink {
	0% {
		opacity: 1.0
	}

	50% {
		opacity: 0.0
	}

	100% {
		opacity: 1.0
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 1.0
	}

	50% {
		opacity: 0.0
	}

	100% {
		opacity: 1.0
	}
}

@keyframes blink {
	0% {
		opacity: 1.0
	}

	50% {
		opacity: 0.0
	}

	100% {
		opacity: 1.0
	}
}

.btn-frame {
	display: block;
	width: 50px;
	height: 50px;
	position: fixed;
	right: 20px;
	z-index: 10;
	cursor: pointer
}

.btn-frame i {
	display: flex;
	display: -ms-flex;
	justify-content: center;
	align-items: center;
	-ms-flex-align: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #1182FC;
	position: relative;
	z-index: 1
}

.btn-frame i img {
	vertical-align: middle;
	width: 70%
}

.btn-frame .animated.infinite {
	animation-iteration-count: infinite
}

.btn-frame .zoomIn {
	animation-name: zoomIn
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.btn-frame .animated {
	animation-duration: 1s;
	animation-fill-mode: both
}

.kenit-alo-circle-fill {
	width: 60px;
	height: 60px;
	top: -10px;
	right: -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 .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	background-color: var(--mauchung);
	opacity: .4
}

.btn-frame .pulse {
	animation-name: pulse
}

.btn-zalo {
	bottom: 315px
}

.btn-phone {
	bottom: 230px
}

.js-facebook-messenger-container.closed,
.js-facebook-messenger-tooltip.closed {
	display: none !important
}

.js-facebook-messenger-tooltip {
	bottom: 97px;
	right: 97px
}

.js-facebook-messenger-tooltip {
	color: #404040;
	background: #fff
}

.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {
	z-index: 999
}

.js-facebook-messenger-tooltip {
	display: none;
	position: fixed;
	text-align: center;
	border-radius: 10px;
	overflow: hidden;
	font-size: 12px;
	line-height: 1;
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt;
	z-index: 1.0E+30
}

.js-facebook-messenger-close-tooltip {
	width: 10px;
	height: 10px;
	display: inline-block;
	cursor: pointer;
	margin-left: 10px
}

.js-facebook-messenger-box.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

.js-facebook-messenger-box.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {
	z-index: 999
}

.js-facebook-messenger-box {
	display: block;
	position: fixed;
	cursor: pointer;
	bottom: 150px;
	right: 17px;
	width: 56px;
	height: 56px;
	text-align: center;
	background: var(--mauchung);
	border-radius: 100%;
	overflow: hidden;
	z-index: 99;
	-webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3)
}

.js-facebook-messenger-box.rotate svg#fb-msng-icon {
	transform: rotate(0deg)
}

.js-facebook-messenger-box svg#fb-msng-icon {
	width: 32px;
	height: 33px;
	position: absolute;
	top: 13px;
	left: 12px;
	opacity: 1;
	overflow: hidden;
	-webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
	-moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
	-o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
	transition: opacity 160ms ease-in-out, transform 160ms ease-in-out
}

.js-facebook-messenger-box.rotate svg#close-icon {
	transform: rotate(-45deg)
}

.js-facebook-messenger-box svg#close-icon {
	opacity: 0;
	width: 19px;
	height: 20px;
	position: absolute;
	top: 19px;
	left: 19px;
	-webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
	-moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
	-o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
	transition: opacity 160ms ease-in-out, transform 160ms ease-in-out
}

.js-facebook-messenger-container,
.js-facebook-messenger-container-button {
	z-index: 1000
}

.js-facebook-messenger-container {
	position: fixed;
	opacity: 0;
	transform: translateY(50px);
	bottom: 110px;
	right: 90px;
	border-radius: 10px;
	pointer-events: none;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
	-webkit-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
	-moz-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
	-o-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
	transition: transform 160ms ease-in-out, opacity 160ms ease-in-out
}

.js-facebook-messenger-top-header {
	width: 220px
}

.js-facebook-messenger-top-header {
	color: #fff;
	background: var(--mauchung) !important;
}

.js-facebook-messenger-top-header {
	display: block;
	position: relative;
	width: 220px;
	background: #1182FC;
	color: #fff;
	text-align: center;
	line-height: 1;
	padding: 10px;
	font-size: 14px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

.js-facebook-messenger-container iframe,
.js-facebook-messenger-container-button iframe {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px
}

.js-facebook-messenger-box,
.js-facebook-messenger-button,
.js-facebook-messenger-tooltip {
	z-index: 999
}

.js-facebook-messenger-container,
.js-facebook-messenger-container-button {
	z-index: 1000
}

.js-facebook-messenger-top-header {
	color: #fff;
	background: #1182FC
}

.js-facebook-messenger-top-header {
	width: 220px
}

.js-facebook-messenger-tooltip {
	color: #404040;
	background: #fff
}

.js-facebook-messenger-container.open {
	transform: translateY(0px);
	opacity: 1;
	pointer-events: all
}

.js-facebook-messenger-tooltip {
	bottom: 97px;
	right: 97px
}

.js-facebook-messenger-box.open svg#fb-msng-icon {
	opacity: 0
}

.js-facebook-messenger-box.rotate.open svg#close-icon {
	transform: rotate(0deg)
}

.js-facebook-messenger-box.open svg#close-icon {
	opacity: 1
}

.cart-fixed {
	position: fixed;
	right: 20px;
	bottom: 390px;
	z-index: 10;
	background: #4b4f56;
	width: 50px;
	height: 50px;
	text-align: center;
	color: #fff !important;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.cart-fixed i {
	font-size: 20px
}

.cart-fixed span {
	position: absolute;
	top: 0px;
	right: -5px;
	color: #fff;
	width: 25px;
	height: 25px;
	background: var(--color-red);
	text-align: center;
	line-height: 25px;
	font-size: 11px;
	border-radius: 100%
}

/* .toolbar {
	background: var(--color-red);
	width: 100%;
	padding: 3vw;
	bottom: 0px;
	position: fixed;
	z-index: 500;
	height: auto;
	left: 0px
}

.toolbar ul {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px;
	margin: 0px
}

.toolbar ul li {
	text-align: center;
	width: 25%
}

.toolbar ul li a {
	display: block;
	width: 100%;
	cursor: pointer
}

.toolbar ul li a img {
	height: 6vw;
	width: auto
}

.toolbar ul li a span {
	font-weight: 400;
	color: #fff;
	font-size: 3.5vw;
	display: none
} */

.fixbar {
	bottom: 0;
	display: block;
	background: #f0eff4;
	border-top: 1px solid #ddd;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: fixed;
	margin: 0;
	z-index: 500;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	height: 50px
}

.fixbar ul {
	margin: 0px;
	padding: 0px;
	list-style: none
}

.fixbar ul li {
	display: inline-block;
	margin: 0 auto 10px;
	text-align: center;
	width: 25%;
	float: left
}

.fixbar .icon-cart-mobile,
.fixbar .icon-cart-new,
.fixbar .icon-home-new,
.fixbar .icon-hotdeal-new {
	width: 20px;
	height: 20px;
	display: block;
	margin: 8px auto 0
}

.fixbar .icon-cart-mobile {
	background: url(../images/cart-mobile.png) no-repeat
}

.cart-total-header-mobile {
	font-size: 10px;
	position: absolute;
	background: red;
	color: #fff !important;
	border-radius: 50%;
	height: 15px;
	width: 15px;
	line-height: 15px;
	top: 5px;
	margin-left: 5px
}

.fixbar ul li a {
	font-size: 11px;
	text-decoration: none;
	color: #333
}

.fixbar ul li a i {
	font-size: 20px
}

.plugbar {
	position: fixed;
	bottom: 0;
	left: 0;
	border-top: 1px solid #eae6e6;
	width: 100%;
	right: 0;
	max-width: 767px;
	margin: 0 auto;
	background: #fff;
	padding: 9px 10px 10px 7px;
	z-index: 10
}

.plugbar ul {
	list-style: none;
	padding: 0;
	margin: 0px;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.plugbar ul li {
	width: 20%;
	float: left
}

.plugbar ul li a {
	display: block;
	color: #696969;
	font-size: 12px;
	text-align: center;
	position: relative
}

.plugbar ul li a i {
	font-size: 20px;
	color: #696969
}

.plugbar ul li a span {
	position: absolute;
	width: 50px;
	height: 50px;
	top: -40px;
	left: calc(50% - 50px/2);
	font-size: 14px;
	display: block;
	border: 1px solid rgba(234, 230, 230, 0.5);
	border-radius: 100%
}

.support-online {
	position: fixed;
	z-index: 999;
	left: 16px;
	bottom: 81px;
}

.support-online a {
	position: relative;
	margin: 20px 10px;
	text-align: left;
	width: 40px;
	height: 40px
}

.link_title {
	border-radius: 50%;
	background: var(--mauchung);
	padding: 6px;
}

.support-online i {
	width: 40px;
	height: 40px;
	background: var(--mauchung) !important;
	color: #fff;
	border-radius: 100%;
	font-size: 20px;
	text-align: center;
	line-height: 1.9;
	position: relative;
	z-index: 999;
	cursor: pointer;
}

.support-online a span {
	border-radius: 2px;
	text-align: center;
	background: var(--mauchung);
	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 var(--mauchung) transparent transparent;
	position: absolute;
	left: -10px;
	top: 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: .1;
	border-color: var(--mauchung);
	opacity: .5
}

.support-online .support-online .btn-support {
	cursor: pointer
}

.support-online .mes i {
	background: orange
}

.support-online .sms i {
	background: red
}

.support-online .call-now i {
	background: green
}

.widget-mobile {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	bottom: 10px;
	z-index: 9999999
}

#my-phone-circle {
	position: relative;
	width: 50px !important;
	height: 50px !important
}

.wcircle-open .wcircle-icon i:before {
	content: '\f00d'
}

.wcircle-icon {
	background: #1282fc;
	border-radius: 50%;
	display: flex !important;
	display: -ms-flex !important;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative !important
}

.wcircle-icon:before {
	position: absolute;
	content: '';
	width: 60px;
	height: 60px;
	background: rgba(18, 130, 252, .5);
	border: 1px solid #fff;
	border-radius: 50%;
	left: -5px;
	top: -5px;
	-webkit-animation: pulse 1s infinite ease-in-out;
	-moz-animation: pulse 1s infinite ease-in-out;
	-ms-animation: pulse 1s infinite ease-in-out;
	-o-animation: pulse 1s infinite ease-in-out;
	animation: pulse 1s infinite ease-in-out
}

.wcircle-icon:after {
	position: absolute;
	content: '';
	width: 80px;
	height: 80px;
	background: rgba(18, 130, 252, .5);
	border-radius: 50%;
	left: -15px;
	top: -15px;
	-webkit-animation: zoomIn 2s infinite ease-in-out;
	-moz-animation: zoomIn 2s infinite ease-in-out;
	-ms-animation: zoomIn 2s infinite ease-in-out;
	-o-animation: zoomIn 2s infinite ease-in-out;
	animation: zoomIn 2s infinite ease-in-out
}

.wcircle-menu {
	position: absolute !important;
	left: 0;
	top: 0;
	display: none
}

.wcircle-menu-item {
	width: 50px;
	height: 50px;
	background: #1282fc;
	border-radius: 50%;
	display: flex;
	display: -ms-flex;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.wcircle-menu-item img {
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 50%
}

.wcircle-menu-item i,
.wcircle-icon i {
	font-size: 25px;
	color: #fff;
	position: relative;
	z-index: 9999
}

.shake-anim {
	-webkit-animation: shake-anim 1s infinite ease-in-out;
	-moz-animation: shake-anim 1s infinite ease-in-out;
	-ms-animation: shake-anim 1s infinite ease-in-out;
	-o-animation: shake-anim 1s infinite ease-in-out;
	animation: shake-anim 1s infinite ease-in-out;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

@-moz-keyframes shake-anim {
	0% {
		transform: rotate(0) scale(1) skew(1deg)
	}

	10%,
	30% {
		-moz-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20%,
	40% {
		-moz-transform: rotate(25deg) scale(1) skew(1deg)
	}

	100%,
	50% {
		-moz-transform: rotate(0) scale(1) skew(1deg)
	}
}

@-webkit-keyframes shake-anim {

	0%,
	100%,
	50% {
		-webkit-transform: rotate(0) scale(1) skew(1deg)
	}

	10%,
	30% {
		-webkit-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20%,
	40% {
		-webkit-transform: rotate(25deg) scale(1) skew(1deg)
	}
}

@-o-keyframes shake-anim {

	0%,
	100%,
	50% {
		-o-transform: rotate(0) scale(1) skew(1deg)
	}

	10%,
	30% {
		-o-transform: rotate(-25deg) scale(1) skew(1deg)
	}

	20%,
	40% {
		-o-transform: rotate(25deg) scale(1) skew(1deg)
	}
}

.menu_mobile .line {
	display: none
}

.nivo-prevNav {
	background: url(../img/lefft_24.png) no-repeat left top !important;
	height: 38px !important;
	width: 27px !important;
	font-size: 0px !important
}

.nivo-nextNav {
	background: url(../img/right_24.png) no-repeat left top !important;
	height: 38px !important;
	width: 27px !important;
	font-size: 0px !important
}

.slide {
	width: 100%;
	position: relative;
	overflow: hidden
}

.slide img {
	margin: 0px
}

.buttonslide {
	margin-top: 20px;
	text-align: center
}

.buttonslide a {
	background: #ff2600;
	display: inline-block;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	padding: 8px 20px;
	border-radius: 5px;
}

.thumb-them {
	height: 0px;
	width: 0px;
	display: block;
	overflow: hidden;
}

/*Background*/
#background0 {
	width: 100%;
	padding: 30px 20px;
	background: #fff;
	margin-top: -50px;
	z-index: 12;
	position: relative;
	border-radius: 5px;
}

#background1 {
	width: 100%;
	z-index: 12;
	position: relative;

}

#background2 {
	width: 100%;
	padding: 30px 0px;
	position: relative;
}


#background4 {
	width: 100%;
	padding-block-start: 70px;
}

#background5 {
	width: 100%;
	padding: 30px 0px;
}

#background6 {
	padding-block-end: 105px;
	width: 100%;
	background: url(../img/bg-newsletter.jpg) no-repeat center center/cover;
}

#background7 {
	padding-block-start: 80px;
	width: 100%;
	box-sizing: border-box;
}

#background8 {
	padding-block-start: 80px;
}

#background8 .title-main {
	display: none;
}

#background9 {
	width: 100%;
	padding: 30px 0px;
	position: relative;
}

#background10 {
	margin-block-start: -120px;
	position: relative;
	isolation: isolate;
}

#background11 {
	padding-block-start: 65px;
}

#backgroundvideo {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 60px 0px;
	background-size: 100% 100% !important;
	background: url(../img/khung_03.png);
	padding: 82px 42px;
}

.backgroundkh {
	padding: 20px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 10px;
}

.imgykienkh {
	width: 102px;
}

.infokh {
	width: calc(100% - 112px);
	margin-left: 10px;
}

.name_ykienkh {
	color: #333333;
	font-size: 18px;
	text-transform: capitalize;
}

.position_ykienkh {
	color: #757575;
	font-size: 15px;
}

.description_ykienkh {
	color: #757575;
	font-size: 15px;
	margin-top: 20px;
}


.wrap-ykien {
	background: #f4f4f4;
	line-height: normal;
	margin-bottom: 30px;
}

.wrap-ykien .wrap-content {
	padding: 35px 10px;
	position: relative;
}

.wrap-ykien .wrap-content .swiper-button-next,
.wrap-ykien .wrap-content .swiper-button-prev {
	top: 50% !important;
}

.wrap-ykien .wrap-content .swiper-button-next {
	right: 0px !important;
}

.wrap-ykien .wrap-content .swiper-button-prev {
	left: 0px !important;
}

.swiper-ykien-main {
	max-width: 100%;
	margin: 25px auto auto auto !important;
}

.swiper-ykien-nav {
	min-height: 310px;
}

.swiper-ykien-nav .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.swiper-ykien-nav .swiper-slide .ykien-nav {
	width: 75px;
}

.swiper-ykien-nav .swiper-slide.swiper-slide-prev .ykien-nav,
.swiper-ykien-nav .swiper-slide.swiper-slide-next .ykien-nav {
	width: 130px;
}

.swiper-ykien-nav .swiper-slide.swiper-slide-active .ykien-nav {
	width: 310px;
}

.swiper-ykien-nav .swiper-slide.swiper-slide-active .ykien-nav img {
	box-sizing: border-box;
	-ms-filter: brightness(100%);
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
	filter: brightness(100%);
}

.title-ykien {
	color: #101010;
	text-align: center;
	text-transform: uppercase;
	font-size: 24px;
	margin-bottom: 40px;
}

.ykien-nav {
	display: block;
	max-width: 310px;
	margin: auto;
	cursor: pointer;
}

.ykien-nav img {
	border: 2px solid #ff3d01;
	border-radius: 100%;
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	-ms-filter: brightness(40%);
	-webkit-filter: brightness(40%);
	-moz-filter: brightness(40%);
	-o-filter: brightness(40%);
	filter: brightness(40%);
	width: 100%;
	max-width: 100%;
}

.ykien-main {
	display: block;
	max-width: 100%;
	margin: auto;
	text-align: center;
}

.ykien-name {
	margin-bottom: 5px;
	color: #393939;
	text-transform: uppercase;
	margin-top: 10px;
}

.ykien-desc {
	font-size: 15px;
	color: #393939;
}

#khungbaoykien {
	width: 800px;
	margin: 0 auto;
	position: relative;
}

.swiper-button-next {
	background: url(../img/n_right_07.png)no-repeat !important;
	right: calc(50% - 35px) !important;
	left: auto !important;
	bottom: -30px !important;
	width: 34px !important;
	height: 34px !important;
	top: auto !important;
}

.swiper-button-prev {
	background: url(../img/n_left_07.png)no-repeat !important;
	left: calc(50% - 35px) !important;
	right: auto !important;
	bottom: -30px !important;
	width: 34px !important;
	height: 34px !important;
	top: auto !important;
}

/* End Ý Kiến Khách Hàng */
/*Đối tác*/
.partners_n .slick-list {
	margin-left: -10px !important;
	margin-right: -10px !important;
}

.box_partner {
	padding-bottom: 10px;
	box-sizing: border-box;
	padding-left: 5px;
	padding-right: 5px;
	box-sizing: border-box;
	outline: none !important;
	border: none !important;
	position: relative;
}

.imgkv {
	width: 201px;
}

.infokv {
	width: calc(100% - 201px);
	padding: 27px 22px;
	box-sizing: border-box;
}

.name_kv {
	height: 26px;
}

.name_kv a {
	font-size: 18px;
	color: #000000;
	text-transform: uppercase;
}

.description_kv {
	font-size: 14px;
	color: #000000;
}

.backgroundnau {
	background: #e4e4e4;
}

/*Giới thiệu*/
.right_about {
	width: 524px;
	position: relative;
}

.right_about img {
	position: relative;
	z-index: 12;
}

.keyframes_img {
	position: absolute;
	-webkit-animation-duration: 8s;
	-webkit-animation-iteration-count: infinite;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	display: block;
}

.img1 {
	box-sizing: border-box;
	line-height: 0;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation-name: keyright;
	animation-name: keyright;
	width: 480px;
	z-index: 1;
}

.img2 {
	box-sizing: border-box;
	line-height: 0;
	position: absolute;
	top: 80px;
	right: 0;
	-webkit-animation-name: keyleft;
	animation-name: keyleft;
	width: 401px;
	z-index: 12;
}

/* Standard syntax */
@keyframes keyleft {
	0% {
		right: 0;
	}

	50% {
		right: calc(100% - 401px);
	}

	100% {
		right: 0;
	}

}

/* Standard syntax */
@keyframes keyright {
	0% {
		left: 0;
	}

	50% {
		left: calc(100% - 480px);
	}

	100% {
		left: 0;
	}
}

.right_about span {
	display: inline-block;
	width: 314px;
	height: 415px;
	border: 1px solid #ac4827;
	position: absolute;
	z-index: 1;
	left: 24px;
	top: -25px;
}

.left_about {
	width: calc(100% - 624px);
	margin-right: 100px;
}

#name_ab1 {
	text-align: center;
	text-transform: uppercase;
	color: #febd59;
}

#name_ab2 {
	font-size: 36px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 27px;
	padding-bottom: 27px;
	background: url(../img/tieude2_03.png) no-repeat center bottom;
}

#des_ab {
	font-size: 15px;
	color: #fff;
}

.more_about {
	text-align: center;
	margin-top: 50px;
	width: 100%;
}

.more_about a {
	display: inline-block;
	background: #fff;
	padding: 22px 60px;
	font-size: 15px;
	color: #333333;
}


/* Gioi thieu */
.w-intro{padding: 60px 0;}
.intro-row{display: flex; align-items: center; justify-content: space-between;}
.intro-left{width: 29.1%;}
.intro-right{width: calc(100% - 29.1% - 35px);}
.about-us{font-weight: 700; font-size: 20px; text-transform: uppercase; display: inline-block; margin-bottom: 10px;}
.intro-name{color: var(--color-main); font-family: "LacTu" ; text-transform: uppercase;}
.intro-name p{margin-bottom: 0; font-size: 25px; line-height: 25px;}
.intro-name span{font-size: 55px;}
.intro-desc{color: #25232e; line-height: 28px;}
.intro-desc.text-split{-webkit-line-clamp: 5;}

/* San pham */
.w-product{background: #f4f4f4; padding: 50px 0; position: relative;}
.w-product::after{position: absolute;content: '';background: url('../images/main/product-bg-af.jpg') no-repeat;height: 100%;width: 83px;background-repeat: repeat-y;top: 0;left: 0;}
.product_slick{display: none; margin: 0 -10px;}
.product_slick .slick-slide{margin: 0 10px;}
.items-product{padding: 8px; background: #fff; border-radius: 10px; margin: 10px 0;  transition: all 0.3s;  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.items-product:hover{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.img-product, .img-product a, .img-product a img{border-radius: 10px;}
.infor-product{text-align: center; padding: 15px 10px;}
.name-product{margin: 0 0 10px 0;}
.name-product a{font-size: 22px; color: #333; font-weight: 400; text-transform: capitalize; transition: all 0.3s;}
.name-product a:hover{color: var(--color-main) ;}
.price-new{font-size: 20px; font-weight: 800; color: var(--color-main);}

/* Tieu chi */
.w-tieuchi{padding: 50px 0; background: url('../images/main/tieuchi-bg.jpg') no-repeat; background-size: 100% 100%;}
.tieuchi_slick {display: none; margin: 0 -5px;}
.tieuchi_slick .slick-slide{margin: 0 5px;}
.tieuchi_slick .slick-current .tieuchi-item.pad-top .tieuchi-img::after{display: none;}
.tieuchi_slick .slick-current +div +div +div +div +div .tieuchi-item.pad-top .tieuchi-img::before{display: none;}
.none-af.tieuchi-img::after{display: none;}
.tieuchi-item{text-align: center; color: #fff9db; }
.tieuchi-item.pad-top{padding: 50px 0 0 0; position: relative;}
.tieuchi-item.pad-top .tieuchi-img::after{position: absolute;content: '';background: url('../images/main/day.png') no-repeat;width: 91px;height: 58px;left: -85px;top: 50%;transform: translateY(-50%);}
.tieuchi-item.pad-top .tieuchi-img::before{position: absolute;content: '';background: url('../images/main/day.png') no-repeat;width: 91px;height: 58px;right: -85px;top: 50%;transform: translateY(-50%) rotateY(-180deg);}
.tieuchi-img{width: 125px; height: 125px; border-radius: 50%; border: 1px solid #fff9db; margin: auto; position: relative;}
.tieuchi-img span{background: #fff9db; border-radius: 50%;display: inline-flex;height: calc(100% - 10px);width:  calc(100% - 10px);margin: 5px;}
.tieuchi-img img{margin: auto;}
.tieuchi-name{font-size: 18px;}
.tieuchi-desc{font-size: 39px; font-weight: 800;}

/* Cam ket */
.w-camket{padding: 90px 0; background: url('../images/main/camket-bg.jpg') no-repeat; background-size: 100% 100%;}
.camket-row{display: flex; justify-content: space-between; align-items: start; padding: 50px; border-radius: 15px; background: rgba(0, 0, 0, 0.4);}
.camket{width: calc(50% - 50px); color: #fff9db; }
.resgiter{width: 50%;}
.camket-title{margin-bottom: 20px;}
.camket-title p{font-family: 'LacTu'; font-size: 30px; text-transform: uppercase; margin-bottom: 10px; }
.camket-title span{font-size: 18px; color: #fff;}
.camket-name{font-size: 18px; margin-bottom: 20px; padding-left: 35px; background: url('../images/main/check.png') no-repeat left top;}
.camket .scroll{ position: relative; height: 300px; overflow-y: auto;  overflow-x: hidden; }
.camket .scroll::-webkit-scrollbar {width: 2px; }
.camket .scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 1px 1px 6px #ccc;}
.camket .scroll::-webkit-scrollbar-thumb {background-color: var(--color-main); outline: 1px solid var(--color-main); border-radius: 20px;}
.scroll > div{margin-right: 20px;}
.camket .scroll::-webkit-scrollbar-track-piece{width: 2px;}

/* Dang ky nhan tin */
.resgiter{background: #fff; border-radius: 15px; padding: 15px; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;}
.form-newsletter{border: 3px solid #dbdbdb; border-radius: 15px; padding: 35px;}
.resgiter-title{text-align: center; margin-bottom: 15px;}
.resgiter-title span{display: inline-block; padding-left: 55px; background: url('../images/main/email.png') no-repeat left center; font-family: 'LacTu'; font-size: 25px; text-transform: uppercase; color: var(--color-main); line-height: 41px;}
.input_flex{display: flex; align-items: center; justify-content: space-between;}
.input_flex .input_form{width: calc(50% - 8px);}
.input_form input{height: 50px; border-radius: 0; background: transparent; border: none; border-bottom: 1px solid #cccccc;}
.input_form textarea{height: 65px; border-radius: 0; background: transparent; border: none; border-bottom: 1px solid #cccccc;}
.form-newsletter .button{display: block; background: #000; font-size: 18px; font-weight: 700; text-transform: uppercase !important; color: #fff; width: 100%; padding: 10px; border-radius: 15px; transition: all 0.3s; margin-top: 30px;} 
.input_form input:focus,
.input_form textarea:focus {color: #666666;background-color: #ffffff;}
.input_form input::-webkit-input-placeholder,
.input_form textarea::-webkit-input-placeholder {color: #666666}
.input_form input:-moz-placeholder,
.input_form textarea:-moz-placeholder {color: #666666}
.input_form input::-moz-placeholder,
.input_form textarea::-moz-placeholder {color: #666666}
.input_form input:-ms-input-placeholder,
.input_form textarea:-ms-input-placeholder {color: #666666}

/* Video */
.video_slick{display: none;}
.w-video .wrap-content{max-width: 1300px;}
.video-item{position: relative; cursor: pointer;}
.video-item::after{position: absolute;content: '';background: url('../images/main/play.png') no-repeat;width: 162px;height: 162px; left: 50%; top: 50%;transform: translate(-50%, -50%); pointer-events: none;}

/* Album */
.album-res{display: none;}
.album-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px;}

.w-album{padding: 50px 0; background: url('../images/main/album-bg.jpg') no-repeat; background-size: 100% 100%;}
.album-row{display: flex; align-items: center; justify-content: space-between; position: relative;}
.album-row a, .album-row a img{border-radius: 10px;}
.album-row a {margin-bottom: 20px;}
.album-col-1, .album-col-5{width: 17.58%;}
.album-col-2, .album-col-4{width: 17.41%;}
.album-col-3{width: 23.91%}
.w-btn{text-align: center; margin-top: 20px;}
.view-more-album{font-size: 18px; font-weight: 700; text-transform: uppercase; color: var(--color-main); width: 163px; height: 57px; display: inline-flex; align-items: center; justify-content: center; border: 3px solid var(--color-main); transition: all 0.5s;}
.view-more-album:hover{color: #fff; background: var(--color-main) ; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}
.album-row::after{position: absolute;content: '';background: url('../images/main/logo-al.png') no-repeat;width: 122px;height: 124px;top: 0;left: 30px;}
.album-row::before{position: absolute;content: '';background: url('../images/main/ga-nuong.png') no-repeat;width: 227px;height: 190px;left: 0; bottom: 0;}
.album-col-4, .album-col-5{position: relative;}
.album-col-4::after{position: absolute; content: ''; background: url('../images/main/toi.png') no-repeat; width: 172px;height: 158px; left: 50%; transform: translateX(-50%); bottom: -160px;}
.album-col-5::after{position: absolute; content: ''; background: url('../images/main/ot.png') no-repeat; width: 193px;height: 140px; right: 0; bottom: -140px;}

/* Tin tức  */
.w-news{padding: 50px 0;}
.news-row{display: flex; justify-content: space-between;}
.news-left{width: calc(100% - 82.5% - 30px);}
.news-right{width: 82.5%;}
.news_slick{display: none; margin: 0 -8px;}
.news_slick .slick-slide{margin: 0 8px;}
.news-item{border-radius: 10px; position: relative;}
.news-img, .news-img a, .news-img a img{border-radius: 10px;}
.name-news1{position: absolute; width: 100%; left: 0; bottom: 0; padding: 30px 20px 20px 20px; border-radius: 0 0 15px 15px; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.45) 50%, rgba(0,0,0,0) 100%); margin: 0; line-height: 30px;}
.name-news1 a{font-size: 20px; font-weight: 600; text-transform: capitalize; color: #fff; }
.name-news1 a:hover{text-decoration: underline !important;}
.news-title-main p{font-size: 35px; font-family: 'Lactu'; text-transform: uppercase; color: var(--color-main);}
.view-all-news{color: #25232e; font-size: 15px;}

/* Chi nhanh */
.w-branch{padding: 50px 0; background: url('../images/main/branch-bg.jpg') repeat;;}
.branch-row{display: flex; align-items: center; justify-content: space-between;}
.branch-banner{width: 36.25%;}
.branch{width: calc(100% - 36.25% - 20px); padding: 40px 50px 40px 40px; background: #fff; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;}
.branch .news-title-main{margin-bottom: 8px;}
.branch .scroll{ position: relative; height: 410px; overflow-y: auto;  overflow-x: hidden; }
.branch .scroll::-webkit-scrollbar {width: 2px; }
.branch .scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 1px 1px 6px #ccc;}
.branch .scroll::-webkit-scrollbar-thumb {background-color: var(--color-main); outline: 1px solid var(--color-main); border-radius: 20px;}
.branch .scroll > div{margin-right: 30px;}
.branch .scroll::-webkit-scrollbar-track-piece{width: 2px;}
.branch-item{display: flex; align-items: center; margin: 10px 0 13px 0; padding: 10px 0 13px 0; border-bottom: 1px dashed #bfbfbf; color: #333; }
.branch-item i{font-size: 35px; display: inline-block; width: 40px; color: #bfbfbf; transition: all 0.4s;}
.branch-item > div{width: calc(100% - 40px - 10px);}
.branch-item > div p{font-weight: 600; text-transform: capitalize; transition: all 0.4s;}
.branch-item:hover i, .branch-item:hover.branch-item > div p{color: var(--color-main);}

/* Tiktok */
.w-tiktok{padding: 50px 0;}
.tiktokTop_slick .slick-track{margin: 0;}
.tiktokTop_slick{display: none; margin: 0 -2px;}
.tiktokTop_slick .slick-slide{margin: 0 2px;}
.tiktokBottom_slick{display: none;}
.tiktok-item{margin: 100px 0; display: block;}
.tiktok-item, .tiktok-item img{border-radius: 10px;}
.tiktokTop_slick .slick-current .tiktok-item{transform: scaleY(1.38) scaleX(1.34);transition: all 0.3s;border: 2px solid #fff;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;position: relative;left: 60px;}
.tiktok-row{position: relative;}
.tiktok-bottom{width: calc(100% - 430px); position: absolute; right: 0; bottom: 0;}
.tiktok-infor{line-height: 30px; height: 90px;}
.tiktok-title{font-size: 55px; font-family: 'Lactu'; text-transform: uppercase; text-shadow: 1px 0 var(--color-main), -1px 0 var(--color-main), 0 1px var(--color-main), 0 -1px var(--color-main), 1px 1px var(--color-main), -1px -1px var(--color-main), 1px -1px var(--color-main), -1px 1px var(--color-main); color: #fff; position: absolute; top: 0; right: 0; width: calc(100% - 430px); text-align: end; letter-spacing: 4px;}

/* Footer */
.w-footer{background: url('../images/main/footer-bg.jpg') no-repeat; background-size: 100% 100%; padding: 70px 0 50px 0;}
.footer-row{display: flex; justify-content: space-between; margin-bottom: 30px;}
.footer-left{width: calc(50% - 200px);}
.footer-right{width: calc(50% - 200px);}
.footer-name{font-size: 30px; text-transform: uppercase; color:#fff9db; font-family: 'LacTu';}
.footer-title{font-size: 20px; font-weight: 700; text-transform: uppercase; color: #fff9db; margin-bottom: 15px}
.contact-footer{color: #fff; margin-top: 15px;}
.contact-footer p{padding-left: 35px; margin-bottom: 10px; line-height: 30px;}
.contact-footer p:nth-child(1){background: url('../images/main/1.png') no-repeat left center;}
.contact-footer p:nth-child(2){background: url('../images/main/2.png') no-repeat left center;}
.contact-footer p:nth-child(3){background: url('../images/main/3.png') no-repeat left center;}
.contact-footer p:nth-child(4){background: url('../images/main/4.png') no-repeat left center;}
ul.policy{padding-left: 15px;}
ul.policy li{list-style: unset ; color: #fff; margin-bottom: 12px;}
ul.policy li a{ color: #fff;} 
ul.policy li a:hover{text-decoration: underline !important;}
.social-footer p{font-size: 18px; font-weight: 300; text-transform: uppercase; margin-bottom: 10px; color: #fff;}
.social-footer a{display: inline-block; margin: 0 2px;}
.w-tag{margin: 0 0 30px 0;}
.w-tag .title-main span{color: #fff;}

.footer-copyright{text-align: center; color: #fff9db ; padding-top: 25px; padding-bottom: 25px; font-size: 18px;}
.footer-copyright span{text-transform: capitalize;}
.footer-copyright a {color: #fff9db;}

.album-footer{box-shadow: rgba(0, 0, 0, 0.45) 0px -25px 20px -20px; border-top: 1px solid #a5353e;}
.album_slick{display: none; margin: 0 -5px;}
.album_slick .slick-slide{margin: 0 5px;}
.album-footer-item a, .album-footer-item a img{border-radius: 10px;}

/* Mmenu */
.menu-res { z-index: 100; background:#fff; position: relative; display: none; }
.menu-bar-res { height: 70px; padding: 0px 15px; }
/* #menu { display: none; } */
#hamburger { display: block; width: 30px; height: 23px; position: relative; margin-left: 10px; }
#hamburger:before, #hamburger:after, #hamburger span { background: var(--color-main); content: ""; display: block; width: 100%; height: 2px; position: absolute; left: 0px; }
#hamburger:before { top: 0px; }
#hamburger span { top: 10px; }
#hamburger:after { top: 20px; }
#hamburger:before, #hamburger:after, #hamburger span { -webkit-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity; }
.menu-mobile-opened #hamburger:before, .menu-mobile-opened #hamburger:after { top: 10px; }
.menu-mobile-opened #hamburger span { left: -50px; opacity: 0; }
.menu-mobile-opened #hamburger:before { transform: rotate(45deg); }
.menu-mobile-opened #hamburger:after { transform: rotate(-45deg); }
.mm-menu_opened { display: block !important; }
/*Sản phẩm*/
.pic-product-vetival {
	width: 30%;
}

.info_pro_vitical {
	width: 70%;
	padding: 0px 10px;
}

.info_pro_vitical .name-product,
.info_pro_vitical .price-product {
	text-align: left !important;
}

.bgproduct {
	background: #fff;
	overflow: hidden;
	border: 1px solid #ccc;
}

#productsale_slideslick .box-product {
	margin-bottom: 0px;
}

.iconnews {
	background: url(../img/newnew.gif) no-repeat left top;
	width: 44px;
	height: 46px;
	z-index: 12;
	right: 0px;
	top: 0px;
	display: inline-block;
	position: absolute;
}

#name_clickproduct {
	margin-bottom: 20px;
	text-align: center;
}

#name_clickproduct span {
	background: #e9e9e9;
	display: inline-block;
	font-size: 22px;
	text-transform: uppercase;
	color: #373737;
	padding: 10px 20px;
	cursor: pointer;
}

#name_clickproduct .ative {
	color: #fff !important;
	background: #155ecc !important
}

.flexpro div:nth-child(1) {
	width: 50%;
}

.flexpro div:nth-child(2) {
	width: 50%;
	margin-left: 20px;
}

.flexpro div .attr-content-pro-detail {
	margin-left: 0px;
}

.flexpro div .attr-label-pro-detail {
	margin: 0px;
}

.owl-carousel .owl-item img {
	width: 100%;
}

.info_product {
	background: #fff;
	margin-left: 20px;
	width: calc(100% - 20px);
	padding: 20px;
	box-sizing: border-box;
}

.info_product h3 {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
}

#right_product {
	width: 317px;
}

#left_product {
	width: calc(100% - 317px);
	margin-right: 20px;
}

.category_list span {
	background: #ffffff;
	padding: 10px;
	color: #333333;
	font-size: 18px;
	display: block;
	box-sizing: border-box;
	margin-bottom: 5px;
	text-align: center;
	cursor: pointer;
}

.cut_product {
	overflow: hidden;
	position: relative;
}

.hoversp,
.hoversp a {
	height: 100%;
	width: 100%;
	background: transparent;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 12;
}

.more_product {
	margin-top: 33px;
}

.more_product a {
	display: inline-block !important;
	background: #c83200;
	padding: 20px 57px;
	box-shadow: 8px 8px 4px #c1af7b;
	font-size: 20px;
	color: #fff;
}

/*Thư viện ảnh */
.image1 {
	width: 100%;
	max-width: 450px;
}

.group_image2 {
	width: calc(100% - 450px);
}

.image2 {
	width: 100%;
	max-width: 433px;
	margin: 0px 5px;
	margin-bottom: 5px;
}

.image3 {
	width: calc(100% - 433px);
}

.image4 {
	width: calc(100% - 433px);
	margin: 0px 5px;
	margin-bottom: 5px;
}

.image5 {
	width: 100%;
	max-width: 433px;
}

.boximg:hover img {}

#box_album {
	display: flex;
}

.album_info {
	width: 33.33%;
}

.album_info:nth-child(2) {
	margin-right: 13px;
	margin-left: 13px;
}

#album31 {
	margin-bottom: 13px;
}

#des_album1 {
	text-align: center;
	font-size: 24px;
	color: #262626;
	padding-top: 27px;
}

#des_album2 {
	text-align: center;
	font-size: 22px;
	color: #272727;
}

#album1,
#album3 {
	padding-top: 96px;
}

/*Tên danh mục*/
.subname {
	text-align: center;
	width: 100%
}

.subname span {
	display: inline-block;
	text-transform: uppercase;
	font-size: 42px;
	color: var(--clr-base);
	font-weight: 800;
	font-family: "UTMCooperBlack";
	margin-block-start: 10px;
	margin-bottom: 25px;
}

.des_short {
	text-align: center;
	color: #36250e;
	font-size: 15px;
}

.des_short_white {
	color: #fff !important;
}

/*Video*/
.video-container {
	position: relative;
	padding-bottom: 55.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-top: 0px;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#video_slideslick {
	margin-top: 10px;
}

#feedbackright {
	width: 66.6%;
}

.video-right {
	position: relative;
	width: calc(100% - 150px);
	max-height: calc(100% - 5px);
}

.video-right iframe {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	/*visibility: hidden;*/
}

.box-video {
	margin-bottom: 5px;
	cursor: pointer;
}

.box-video img {
	height: 95px;
	object-fit: cover;
}

.slick-video {
	width: 140px;
	margin-bottom: -5px;
}

/* Thanh cuá»™n*/
.scrollbar {
	overflow-y: auto;
	overflow-x: hidden;
}

.scrollbar::-webkit-scrollbar {
	width: 2px;
	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;
}

/* Thanh cá»™n ngang*/
.scrollbarh {
	overflow-y: hidden;
	overflow-x: auto;
}

.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;
}

.scroll_barout {
	width: 100%;
	max-width: 100%;
}

.scroll_barin {
	width: 1000px;
}

/*end thanh cuá»™n*/
/* HO TRO BEN PHẢI*/
#btn-zalo {
	display: block;
	width: 40px;
	height: 40px;
	position: fixed;
	right: 25px;
	bottom: 250px;
	z-index: 9999;
}

#btn-zalo i,
.chatface i {
	display: flex;
	display: -ms-flex;
	align-items: center;
	-ms-flex-align: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--mauchung);
	position: relative;
	z-index: 999;
}

#btn-zalo i img,
.chatface i img {
	vertical-align: middle;
	max-width: 100%;
}

#btn-call,
#btn-face {
	display: block;
	width: 40px;
	height: 40px;
	position: fixed;
	right: 25px;
	bottom: 330px;
	z-index: 9999;
}

#btn-face {
	bottom: 171px;
}

#btn-face img {
	width: 40px;
	position: relative;
	top: 0px;
}

#btn-face i,
#btn-call i,
.editi {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--mauchung);
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 40px;
	position: relative;
	z-index: 9999;
	display: block;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.nutindex {
	cursor: pointer;
	width: 60px;
}

.nutindex img {
	width: 100%;
}

.support-online {
	display: none;
}

/* HO TRO BEN PHẢI*/
/* Tin tức */
.name-post {
	font-size: 15px;
	color: #000;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
	margin-top: 10px;
}

.time-post {
	font-size: 14px;
	color: #000;
	margin-bottom: 10px;
}

.desc-post {
	font-size: 14px;
	color: #000;
}

.mgpost20 {
	margin-bottom: 20px;
}

.fixedimg {
	overflow: hidden;
	position: relative;
}

.name_news {
	margin: 20px 0px;
}

.name_news h3 {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
}

.name_news h3 a {
	color: #febd59;
}

.description_news {
	font-size: 14px;
	color: #fff;
}

.more_news {
	margin: 20px 0px;
}

.more_news a {
	color: #f68c2e;
}

#news_slideslick .box_partner {
	display: flex !important;
	justify-content: space-between;
	padding: 0;
}

#news_slideslick .slick-slide:nth-child(even) .box_partner {
	flex-direction: row-reverse;
}

#news_slideslick .slick-slide:nth-child(even) .name_news {
	text-align: right;
}

#news_slideslick .boximg {
	width: 50%;
}

#news_slideslick .name_news {
	width: calc(50% - 25px);
}

#news_slideslick img {
	border-radius: 15px;
}

#news_slideslick .date_news {
	font-size: 13px;
	letter-spacing: 1px;
	color: #d01818;
	font-weight: 400;
	margin-block-end: 15px;
}

#news_slideslick .name_news {
	margin: 0;
}

#news_slideslick .name_news h3 a {
	color: #000;
	-webkit-line-clamp: 1;
}

#news_slideslick .desc_news {
	font-size: 14px;
	line-height: 29px;
	color: #161515;
	margin-block-start: 25px;
	margin-block-end: 40px;
	-webkit-line-clamp: 5;
}

#news_slideslick .button {
	font-size: 15px;
}

#news_slideslick .box_partner:hover .button,
#news_slideslick .button:is(:hover, :focus) {
	color: #fff !important;
}
#news_slideslick .slick-prev,
#news_slideslick .slick-next {
	top: 100% !important;
	transform: rotate(90deg);
}
#news_slideslick .slick-prev {
	left: calc(50% - 80px) !important;
}

#news_slideslick .slick-next {
	right: calc(50% - 80px) !important;
}

.icon-news-more {
	margin-left: 15px;
}

.icon-news-more::before {
	content: url(../img/arrow-news.png);
	vertical-align: top;
}

#news_slideslick .box_partner:hover .icon-news-more::before {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);

}

#news_slideslick .slick-slide {
	margin: 18px 0;
	padding: 0 !important;
}

#news_slideslick .slick-list {
	margin: -18px 0;
}


.image_list {
	width: 323px;
	padding: 10px;
	box-sizing: border-box;
	background: #0063b8;
}

.desc_list {
	padding-top: 10px;
	color: #fff;
	font-size: 15px;
}

.info_list {
	width: calc(100% - 359px);
	margin-left: 36px;
}

.xphantrang .flex_odd_even .info_list {
	margin-left: 0px;
	margin-right: 36px;
}

.namelist {
	overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
}

.namelist span {
	background: url(../img/danhmuc_12.png) repeat-x left top;
	height: 48px;
	font-size: 23px;
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
	padding: 10px 40px;
	box-sizing: border-box;
	position: relative;
}

.namelist span:after {
	content: '';
	position: absolute;
	background: url(../img/tieudedm_13.png) no-repeat left top;
	height: 48px;
	width: 1031px;
	z-index: 12;
	right: -1031px;
	top: 0px;
}

.namelist a {
	color: #000000;
	text-transform: capitalize;
	display: inline-block;
	position: absolute;
	top: 15px;
	right: 10px;
	z-index: 12;
}

.menucap2new {
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 12;
	width: 100%;
	text-align: center;
}

.menucap2new .ative,
.menucap2new .activen {
	color: var(--mauchung) !important;
}

.menucap2new span {
	font-size: 16px;
	color: #000000;
	text-transform: uppercase;
	padding: 12px 5px;
	display: inline-block;
	cursor: pointer;
	padding-top: 0px;
}

/* Phân trang ajax*/
.phantrang {
	position: relative;
}

.chinhphantrangth {
	display: block;
	width: 100%;
	text-align: center;
	margin: 20px auto;
}

.chinhphantrangth a {
	padding: 5px 10px;
	box-sizing: border-box;
	border: 1px solid #999;
	background: #fff;
	color: #000;
	font-size: 12px;
	/*box-shadow:5px 5px 5px rgba(0,102,0,0.4);*/
	margin: 0 2px;
	display: inline-block;
	cursor: pointer;
}

.act {
	cursor: pointer;
	padding: 5px;
	box-sizing: border-box;
	border: 1px solid var(--mauchung) !important;
	background: var(--mauchung) !important;
	color: #fff !important;
	font-weight: bold;
	font-size: 12px;
	/*box-shadow:5px 5px 5px rgba(0,102,0,0.2) !important;*/
	margin: 0 2px;
	display: inline-block;
}

/* Link icon*/
.iconthanhphan {
	position: relative;
	margin-bottom: 30px;
	background: var(--mauchung);
	border-radius: 50%;
}

.thanhphan {
	display: inline-block;
	padding: 10px;
	background: #fff;
	position: absolute;
	top: -3px;
	right: 51px;
	color: #000;
	font-size: 18px;
	width: 230px;
	display: none;
}

.iconthanhphan:hover .thanhphan {
	display: block;
}

#fixed_right {
	display: inline-block;
	position: fixed;
	bottom: 450px;
	z-index: 1234;
	right: 29px;
}

#iconright {
	width: 40px;
	position: relative;
	top: 0px;
	z-index: 1234;
	left: 0px;
	cursor: pointer;
}

#thongtinicon {
	max-height: 463px;
	height: auto;
	display: none;
	width: 40px;
	position: relative;
}

.botronhinh {
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 50%;
	box-sizing: border-box;
	position: relative;
	z-index: 123;
}

/* slick */
.slick-prev,
.slick-next {
	width: 38px !important;
	height: 38px !important;
	background-color: var(--clr-accent);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.slick-prev {
	top: 41% !important;
	z-index: 12 !important;
	background-image: url(../img/arrow-left.png);
	left: 20px !important;
}

.slick-next {
	top: 41% !important;
	right: 20px !important;
	z-index: 12 !important;
	background-image: url(../img/arrow-right.png);
}

.slick-prev:before,
.slick-next:before {
	display: none;
}

.slick-prev:hover,
.slick-next:hover {
	background-position: center center;
	background-repeat: no-repeat;
	background-color: var(--clr-base);
}

.slick-prev:hover {
	background-image: url(../img/arrow-left.png);
}

.slick-next:hover {
	background-image: url(../img/arrow-right.png);
}

/*Phan bootrap tự viết*/
.width10 {
	width: 10%
}

.width15 {
	width: 15%
}

.width20 {
	width: 20%
}

.width25 {
	width: 25%
}

.width30 {
	width: 30%
}

.width35 {
	width: 35%
}

.width40 {
	width: 40%
}

.width45 {
	width: 45%
}

.width50 {
	width: 50%
}

.width55 {
	width: 55%
}

.width60 {
	width: 60%
}

.width65 {
	width: 65%
}

.width70 {
	width: 70%
}

.width75 {
	width: 75%
}

.width80 {
	width: 80%
}

.width85 {
	width: 85%
}

.width90 {
	width: 90%
}

.width95 {
	width: 95%
}

.widthfull {
	width: 100%
}

@media screen and (max-width:425px) {
	.haimuoiphantram_xs {
		width: calc(20% - 0px)
	}

	.bamuoiphantram_xs {
		width: calc(30% - 0px)
	}

	.bonmuoiphantram_xs {
		width: calc(40% - 0px)
	}

	.nammuoiphantram_xs {
		width: calc(50% - 0px)
	}

	.saumuoiphantram_xs {
		width: calc(60% - 0px)
	}

	.baymuoiphantram_xs {
		width: calc(70% - 0px)
	}

	.tammuoiphantram_xs {
		width: calc(80% - 0px)
	}

	.mottramphantram_xs {
		width: 100%
	}

	.haiphantu_xs {
		width: calc(50% - 0px)
	}

	.baphantu_xs {
		width: calc(33.3333% - 0px)
	}

	.bonphantu_xs {
		width: calc(25% - 0px)
	}

	.namphantu_xs {
		width: calc(20% - 0px)
	}

	.sauphantu_xs {
		width: calc(16.666% - 0px)
	}

	.mottramphantram_xs {
		width: 100%
	}
}

@media (min-width:426px) and (max-width:767px) {
	.haimuoiphantram_sm {
		width: calc(20% - 0px)
	}

	.bamuoiphantram_sm {
		width: calc(30% - 0px)
	}

	.bonmuoiphantram_sm {
		width: calc(40% - 0px)
	}

	.nammuoiphantram_sm {
		width: calc(50% - 0px)
	}

	.saumuoiphantram_sm {
		width: calc(60% - 0px)
	}

	.baymuoiphantram_sm {
		width: calc(70% - 0px)
	}

	.tammuoiphantram_sm {
		width: calc(80% - 0px)
	}

	.mottramphantram_sm {
		width: 100%
	}

	.haiphantu_sm {
		width: calc(50% - 0px)
	}

	.baphantu_sm {
		width: calc(33.3333% - 0px)
	}

	.bonphantu_sm {
		width: calc(25% - 0px)
	}

	.namphantu_sm {
		width: calc(20% - 0px)
	}

	.sauphantu_sm {
		width: calc(16.666% - 0px)
	}
}

@media (min-width:768px) and (max-width:1024px) {
	.haimuoiphantram_md {
		width: calc(20% - 0px)
	}

	.bamuoiphantram_md {}

	.bonmuoiphantram_md {
		width: calc(40% - 0px)
	}

	.nammuoiphantram_md {
		width: calc(50% - 0px)
	}

	.saumuoiphantram_md {
		width: calc(60% - 0px)
	}

	.baymuoiphantram_md {
		width: calc(70% - 0px)
	}

	.tammuoiphantram_md {
		width: calc(80% - 0px)
	}

	.mottramphantram_md {
		width: 100%
	}

	.haiphantu_md {
		width: calc(50% - 0px)
	}

	.baphantu_md {
		width: calc(33.3333% - 0px)
	}

	.bonphantu_md {
		width: calc(25% - 0px)
	}

	.namphantu_md {
		width: calc(20% - 0px)
	}

	.sauphantu_md {
		width: calc(16.666% - 0px)
	}
}

@media screen and (min-width:1024px) {
	.haimuoiphantram_lg {
		width: calc(20% - 0px)
	}

	.bamuoiphantram_lg {}

	.bonmuoiphantram_lg {
		width: calc(40% - 0px)
	}

	.nammuoiphantram_lg {
		width: calc(50% - 0px)
	}

	.saumuoiphantram_lg {
		width: calc(60% - 0px)
	}

	.baymuoiphantram_lg {
		width: calc(70% - 0px)
	}

	.tammuoiphantram_lg {
		width: calc(80% - 0px)
	}

	.mottramphantram_lg {
		width: 100%
	}

	.haiphantu_lg {
		width: calc(50% - 0px)
	}

	.baphantu_lg {
		width: calc(33.3333% - 0px)
	}

	.bonphantu_lg {
		width: calc(25% - 0px)
	}

	.namphantu_lg {
		width: calc(20% - 0px)
	}

	.sauphantu_lg {
		width: calc(16.666% - 0px)
	}
}

.paddingsp {
	padding: 0px 10px;
	margin-bottom: 0px;
	box-sizing: border-box
}

.rowsp {
	margin: 0px -10px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap
}

.rowspmagin {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap
}

.chinhbox_sp {
	margin-bottom: 20px;
	/*width: calc(25% - 0px) !important; /*khong repont*/
}

.chinhbox_sp1 {
	margin-bottom: 0px;
	/*width: calc(33.33% - 0px) !important; /*khong repont*/
}

/* Vì sao chọn chúng tôi*/
.whyme2 {
	width: 371px;
	margin: 0px 20px;
}

.whyme1 {
	width: calc((100% - 371px)/2);
}

.whyme3 {
	width: calc((100% - 371px)/2);
}

.imgw {
	width: 144px;
}

.infow {
	width: calc(100% - 164px);
	margin-right: 20px;
}

.flex_odd_even .infow {
	margin-left: 20px;
	margin-right: 0px;
}

.name_w {
	text-align: right;
}

.name_w a {
	position: relative;
	display: inline-block;
	color: #58351f;
	font-size: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.name_w a:after {
	content: '';
	position: absolute;
	height: 2px;
	width: 40px;
	right: 0px;
	bottom: 0px;
	z-index: 12;
	background: #f49038;
}

.des_w {
	text-align: right;
	color: #1b1b1b;
}

.des_w>div {
	text-align: right;
}

.flex_odd_even .des_w>div {
	text-align: left;
}

.flex_odd_even .name_w {
	text-align: left;
}

.flex_odd_even .name_w a:after {
	right: auto;
	left: 0px;
}

#info_whyme0,
#info_whyme2 {
	margin-bottom: 20px;
}


.postnews {}

.postnews .x {
	margin-right: 10px;
}

.postnews input[type="text"],
.postnews input[type="email"],
.postnews input[type="number"],
.postnews select {
	height: 50px;
	position: relative;
	width: 100%;
	background: #fff;
	margin-bottom: 10px;
}

.postnews textarea {
	height: 110px;
	position: relative;
	width: 100%;
	background: #fff;
}

.post_flex {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 835px;
	margin-inline: auto;
}

.post_flex>* {
	width: calc(50% - 1rem);
}

.post_flex::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 85px;
	border-left: 1px solid #fff;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
}

.input_form {
	position: relative;
	margin-bottom: 15px;
}



.postnews .invalid-feedback {
	display: none !important;
}

.postnews #buttom_submit {
	width: 100%;
	margin-top: 30px;
}

#buttom_submit input[type="submit"] {
	outline: none;
	border: none;
	text-transform: capitalize;
}

#posthotline {
	font-size: 24px;
	color: #ffcc33;
	display: block;
	text-align: left;
	margin-bottom: 20px;
}

#postnewsdes1 {
	font-size: 20px;
	color: #fff;
}

#postnewsdes2 {
	font-size: 14px;
	color: #fff;
	margin-bottom: 30px;
}

#post_footer input[type="text"],
#post_footer input[type="email"] {
	outline: none;
	border: none;
	height: 40px;
	width: 100%;
}

#post_footer input[type="submit"] {
	outline: none;
	border: none;
	height: 40px;
	width: 40px;
	background: none !important;
	font-size: 0px;
}

#post_footer {
	background: url(../img/dangtin_07.png) no-repeat left top;
	max-width: 310px;
	width: 100%;
	height: 40px;
	display: flex;
}

#footer_email {
	width: calc(100% - 40px);
}

#footer_submit {
	width: 40px;
}

#postinfo {
	width: 300px;
}

#infpost {
	width: calc(100% - 300px);
	margin-left: 45px;
}

.xpost:nth-child(1),
.xpost:nth-child(2) {
	width: calc((100% - 123px) / 2);
	margin-right: 5px;
}

.xpost:nth-child(3) {
	width: 123px;
}

.xpost input[type="number"],
.xpost input[type="email"] {
	height: 46px;
	width: 100%;
	background: #fff;
	border: none;
	outline: none;
	padding-left: 10px;
}

.xpost input[type="submit"] {
	color: #fff;
	background: #ed1c24;
	text-transform: uppercase;
	outline: none;
	border: none;
	padding: 13px 0px;
	width: 100%;
}

.xpost input::-webkit-input-placeholder,
.xpost textarea::-webkit-input-placeholder {
	color: #ccc
}

.xpost input:-moz-placeholder,
.xpost textarea:-moz-placeholder {
	color: #ccc
}

.xpost input::-moz-placeholder,
.xpost textarea::-moz-placeholder {
	color: #ccc
}

.xpost input:-ms-input-placeholder,
.xpost textarea:-ms-input-placeholder {
	color: #ccc
}

#infpost .invalid-feedback {
	display: none !important;
}

#nameinfo1 {
	color: #fff;
	font-size: 30px;
}

#nameinfo2 {
	color: #fff;
	font-size: 15px;
}

/* Why me*/
.imgwhyme {
	width: 146px;
	margin: 0 auto;
}

.name_whyme {
	margin-top: 30px;
	margin-bottom: 30px;
	position: relative;
	height: 26px;
}

.name_whyme:after {
	content: '';
	position: absolute;
	bottom: -15px;
	left: calc(50% - 20px);
	height: 2px;
	width: 40px;
	z-index: 12;
	background: #e51949;
}

.name_whyme a {
	color: #fff;
	font-size: 20px;
}

.description_whyme {
	color: #fff;
	font-size: 14px;
}

.vert .simply-scroll-clip {
	height: 339px !important;
}

.vert .simply-scroll-list li {
	height: 200px !important;
}

/* radio +check*/
.custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	border-color: var(--mauchung) !important;
	background-color: var(--mauchung) !important;
}

input[type="checkbox"],
input[type="radio"] {
	position: relative;
	z-index: 1234;
	opacity: 0;
}

/* input[type="checkbox"]+label:before {
	position: absolute;
	top: 1px;
	left: -31px;
	border: 1px solid #808080;
	content: "\00a0";
	display: inline-block;
	font: 16px/1em sans-serif;
	height: 25px;
	margin: 0 .25em 0 0;
	padding: 0;
	vertical-align: top;
	width: 25px;
} */

/* input[type="checkbox"]:checked+label:before {
	background: #fff;
	color: #cf0656;
	content: "\2713";
	text-align: center;
	font-size: 22px;
} */

.box-radio label,
.box-radio1 label {
	position: relative;
}

.box-radio1 label,
.box-radio1 a {
	font-size: 14px;
	color: #343434;
}

.box-radio1 a {
	color: #0041d3 !important;
}

.answer_box label,
.answer_box select,
.answer_box textarea {
	font-size: 16px;
	color: #3c3c3c;
}

.answer_box label img {
	position: relative;
	top: 3px;
	cursor: pointer;
}

input[type="radio"]+label:before {
	position: absolute;
	left: -31px;
	border: 1px solid #808080;
	content: "\00a0";
	display: inline-block;
	font: 16px/1em sans-serif;
	height: 25px;
	margin: 0 .25em 0 0;
	padding: 0;
	vertical-align: top;
	width: 25px;
	border-radius: 50%;
	top: 1px;
}

input[type="radio"]:checked+label:before {
	background: #fff;
	color: #cf0656;
	content: "\2713";
	text-align: center;
	font-size: 22px;
}

/* end radio +check*/
/* Đối tác*/
#bg_partner {
	background: #fff;
	padding: 60px 0px;
}

.fixedPartner {
	max-width: 182px;
}

.fixedPartner img {
	box-sizing: border-box;
	border: 1px solid #ccc;
}

/* Info */
#info {
	width: calc(100% - 260px);
	margin-right: 20px;
}

#left {
	width: 260px;
}

/*Phan style*/
.xleft {
	margin-left: 60px;
	display: flex;
}

.mag75 {
	margin-bottom: 75px;
}

.menuname a {
	color: #36250e;
	text-transform: uppercase;
	font-size: 40px;
}

.desname {
	font-size: 16px;
	color: #36250e;
}

.flex_odd_even .xleft {
	margin-left: 0px;
	margin-right: 60px;
}

.flex_odd_even .more_product {
	text-align: right;
}

#buble {
	position: relative;
	width: 100%;
	left: 0px;
	z-index: 12;
	margin-top: -115px;
}

#mag60 {
	padding: 60px 0px;
}

#name_drink {
	padding: 10px;
	text-transform: uppercase;
	text-align: center;
	font-size: 22px;
	background: #febd59;
	margin-bottom: 5px;
}

.widthpro {
	width: 33.333% !important;
}

/* Cảm nhận*/
#feedback_thumb {
	width: 120px;
}

#feedback_info {
	width: calc(100% - 143px);
	margin-left: 23px;
}

.fixedfeedback {
	width: 390px;
	height: 390px;
	position: relative;
	border-radius: 50%;
}

.fixedfeedback img {
	width: 390px;
	height: 390px;
	border-radius: 50%;
}

.fixedfeedback span {
	position: absolute;
	background: url(../img/ykienkh_07.png) no-repeat left top;
	width: 291px;
	height: 179px;
	right: 0px;
	bottom: -27px;
}

.fixedthumbfeedback {
	width: 120px;
	height: 120px;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
}

.feedback_des {
	width: calc(100% - 430px);
	margin-left: 40px;
}

.namefeedback1 {
	color: #f6ac27;
	font-size: 30px;
}

.namefeedback2 {
	color: #028900;
	font-size: 35px;
	text-transform: capitalize;
}

.namefeedback3 {
	padding-top: 26px;
	font-size: 14px;
	color: #333333;
}

.namefeedback4 {
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 44px;
	color: #333333;
}

.namefeedback5 {
	font-size: 14px;
	text-transform: uppercase;
	color: #333333;
}

.hover_solution {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: transparent;
}

.img_solution:hover .hover_solution {
	background: rgba(0, 0, 0, 0.3);
}

.boxinbox {
	display: inline-block;
	padding: 20px 30px;
	position: relative;
}

.boxinbox a {
	color: #ffffff;
	font-size: 30px;
	text-transform: uppercase;
}

.boxinbox span:nth-child(2) {
	position: absolute;
	width: 44px;
	height: 2px;
	left: 0px;
	top: 0px;
	z-index: 1;
	background: #fff;
}

.boxinbox span:nth-child(3) {
	position: absolute;
	width: 2px;
	height: 22px;
	left: 0px;
	top: 0px;
	z-index: 1;
	background: #fff;
}

.boxinbox span:nth-child(4) {
	position: absolute;
	width: 44px;
	height: 2px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	background: #fff;
}

.boxinbox span:nth-child(5) {
	position: absolute;
	width: 2px;
	height: 22px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	background: #fff;
}

/* Hỗ trợ trực tuyến*/
.cont {
	background: #111111;
	padding: 10px;
	box-sizing: border-box;
}

.mau {
	width: 20px;
	height: 20px;
	border: 3px solid #555555;
	border-radius: 50%;
	box-sizing: border-box;
}

#hotlinesub {
	display: flex;
}

#hotlinesub div {
	margin-left: 20px;
	display: flex;
}

#hotlinesub b {
	display: block;
	font-size: 14px;
	color: #fff;
}

#hotlinesub span {
	display: block;
	font-size: 18px;
	color: #fff;
}

.info-support {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px dashed #fff;
}

.info-support b {
	display: flex;
}

.info-support span {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
}

.subtel {
	color: #fff;
	font-size: 14px;
}

.subemail {
	background: url(../img/ass_14.png) no-repeat left top;
	padding-left: 30px;
}

.flipster-nav {
	display: none !important;
}

.flipster .flipto-prev {
	position: absolute;
	top: 40%;
	left: 0px;
	z-index: 999;
	display: block;
	padding: 10px;
	margin-top: 25px;
	background-color: none;
	color: #FFF;
	border: none;
	background: url(../img/nuttrai_03.png) no-repeat left top !important;
	width: 44px;
	height: 44px;
	font-size: 0px;
}

.flipster .flipto-next {
	position: absolute;
	top: 40%;
	right: 0px;
	z-index: 999;
	display: block;
	padding: 10px;
	margin-top: 25px;
	background-color: none;
	color: #FFF;
	border: none;
	background: url(../img/nutphai_03.png) no-repeat left top !important;
	width: 44px;
	height: 44px;
	font-size: 0px;
}

.namevideoslide {
	visibility: hidden;
	font-size: 12px;
	text-transform: uppercase;
	padding: 10px;
	background: rgba(0, 0, 0, 0.8);
	text-align: center;
	box-sizing: border-box;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	color: #fff;
}

.flip-current .flip-content {
	position: relative;
}

.flip-current .flip-content .namevideoslide {
	visibility: visible;
}

.footer .mottramphantram_xs:nth-child(1) {}

.footer .mottramphantram_xs:nth-child(2) {}

.footer .mottramphantram_xs:nth-child(3) {
	padding-left: 40px;
}

.footer .mottramphantram_xs:nth-child(4) {
	padding-left: 40px;
}

/* Hiệu ứng hover tin tức*/
@keyframes linear {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 200px 0;
	}
}

@keyframes radial {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 0 60px;
	}
}

@keyframes repeating {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 0 85px;
	}
}

@keyframes electronic {

	0%,
	100% {
		background-position: 20px -30px;
	}

	25% {
		background-position: 150px 5px;
	}

	50% {
		background-position: 20px 40px;
	}

	75% {
		background-position: -100px 5px;
	}
}

.biliboard {
	padding: 10px 20px;
	text-align: center;
	position: relative;
	background: #fff;
	display: inline-block;
}

.biliboard:before {
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	border-radius: 3px;
	transform: scale(1.02, 1.08);
	position: absolute;
	background: #f00;
	background: linear-gradient(90deg, #fafafa, #fafafa, var(--mauchung), #fafafa, #fafafa);
	background-position: 55px 0;
	top: 0;
	animation: linear 3s infinite linear;
	left: 0;
	z-index: -1;
}

.biliboard.electronic:before {
	background: radial-gradient(var(--mauchung), var(--mauchung), var(--mauchung), var(--mauchung), #fafafa, #fafafa) no-repeat;
	background-size: 150px 50px;
	animation: electronic 3s infinite linear;
}

.biliboard.repeating:before {
	background: repeating-linear-gradient(-45deg, #fafafa, #fafafa 30px, var(--mauchung) 30px, var(--mauchung) 60px) fixed;
	animation: repeating 3s infinite linear;
}

.biliboard.radial:before {
	background: radial-gradient(#fafafa, #fafafa, var(--mauchung), #fafafa, #fafafa);
	animation: radial 3s infinite linear;
}

/* End Hiệu ứng hover tin tức*/
/* Hover */
.box_partner:hover h3,
.box_partner:hover a,
.box-sp:hover .name-product,
.text-decoration-none:hover .name-news {
	color: var(--mauchung_hover) !important;
}

.overflow {
	overflow: hidden;
	position: relative;
}
.name-news {
	color: #333;
	font-size: 16px;
	display: block;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 5px
}

.name-news:hover {
	color: var(--color-red)
}

.hover_tintuc {
	background: url(../img/glass.png) no-repeat left top;
	background-size: 100% 100% !important;
	width: 30%;
	height: 100%;
	position: absolute;
	left: -30%;
	top: 0px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	z-index: 12;
}

.box-sp:hover .hover_tintuc {
	left: 100%;
}

.hovertextinimg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 12;
}

.hovertextinimg1 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 12;
	background: rgba(0, 0, 0, 0.5);
	padding: 30px;
	box-sizing: border-box;
}

.hovertextinimg span:nth-child(1) {
	display: inline-block;
	height: 1px;
	width: 30px;
	background: #fff;
	position: absolute;
	top: 10px;
	left: 11px;
	z-index: 1
}

.hovertextinimg span:nth-child(2) {
	display: inline-block;
	height: 30px;
	width: 1px;
	background: #fff;
	position: absolute;
	top: 11px;
	left: 10px;
	z-index: 1
}

.hovertextinimg span:nth-child(3) {
	display: inline-block;
	height: 1px;
	width: 30px;
	background: #fff;
	position: absolute;
	bottom: 10px;
	right: 11px;
	z-index: 1
}

.hovertextinimg span:nth-child(4) {
	display: inline-block;
	height: 30px;
	width: 1px;
	background: #fff;
	position: absolute;
	bottom: 11px;
	right: 10px;
	z-index: 1
}

.hovertextinimg .name-post {
	color: #fff;
	font-size: 24px;
	text-align: center;
}

.hovertextinimg .desc-post {
	color: #fff;
	font-size: 15px;
	text-align: center;
}

.box-post:hover .hovertextinimg {
	display: block;
}

.box_real {
	margin-bottom: 20px;
	position: relative;
}

.hover_push {
	background: rgba(7, 144, 163, 0.6);
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 12;
	padding: 10px;
	display: none;
	width: 100%;
	height: 100%;
}

.fullwh {
	position: relative;
	width: 100%;
	height: 100%;
}

.name_push {
	margin-bottom: 10px;
	color: #fff;
}

.name_hide {
	padding: 10px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	background: rgba(7, 144, 163, 0.6);
}

.name_push a,
.name_hide a {
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
}

.more_push {
	text-align: center;
	overflow: hidden;
	width: 114px;
	margin: 0 auto;
}

.more_push a {
	display: inline-block;
	background: transparent;
	padding: 10px 20px;
	font-size: 15px;
	color: #ffffff;
	border: 1px solid #c9c9c9;
	position: relative;
	z-index: 12;
}

.more_push span {
	background: #ff0;
	display: block;
	height: 100%;
	width: 100%;
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 0px;
}

.more_push:hover a {
	border: none;
	color: #000
}

.des_push {
	color: #fff;
	font-size: 15px;
	margin: 20px 0px;
}

.box_real:hover .name_hide {
	display: none;
}

/* CLICK SO NOI DUNG*/

.content_subclick {
	display: none;
	font-size: 14px;
	color: #000;
	padding: 10px;
	box-sizing: border-box;
}

.name_subclick {
	font-size: 18px;
	text-transform: uppercase;
	color: #000;
	padding: 10px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin-bottom: 5px;
	cursor: pointer;
}

.active_list {
	color: #f00 !important
}

/* Slick slide*/
.slick-slide .box_partner .paddingsp {
	padding: 0px !important;
	width: 100% !important;
	max-width: 100% !important
}

.slick-dots li button:before {
	font-size: 67px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: .5;
	color: #cccccc;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	opacity: 1;
	color: #0d1461;
}

.cphantensanpham p {
	padding: 11px 20px;
	color: #FFF;
	font-size: 15px;
	background: var(--mauchung);
	margin-top: 10px;
	border-radius: 5px;
	font-size: 16px;
}

.cphantensanpham p:nth-child(1) {
	margin-right: 10px;
}

.mgt10 {
	padding-top: 10px;
}

.widthcenter {
	margin: 0px 20px;
}

.hotline-menumobi {
	color: #fff;
	font-size: 15px;
	text-align: center;
}

.hotline-menumobi span {
	color: #fff;
	font-size: 18px;
	margin-left: 10px;
	display: block;
}

/* List zalo face điện thoại*/
.click_zalo,
.click_hotline,
.click_face {
	width: 100%;
	max-width: 250px;
	width: 100%;
	position: fixed;
	z-index: 99999;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	left: 50%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	opacity: 0;
}

.zfh_translateX {
	-ms-transform: translateX(1000px);
	transform: translateX(1000px);
	opacity: 0;
}

.zfh_translateX1 {
	opacity: 1;
	-ms-transform: translateX(-50%);
	/* IE 9 */
	transform: translateX(-50%);
	/* Standard syntax */
}

.click_zalo svg,
.click_hotline svg,
.click_face svg {
	width: 30px;
	margin-right: 10px;
}

.click_zalo span,
.click_hotline span,
.click_face span {
	font-size: 14px;
	width: calc(100% - 30px);
	color: #000;
	padding: 5px 0px;
}

.content_zfh {
	width: 100%;
	display: block;
	padding: 10px;
	box-sizing: border-box;
}

.content_zfh p {
	cursor: pointer;
	margin-bottom: 5px;
	box-sizing: border-box;
}

.content_zfh p:hover span {
	color: var(--mauchung_hover);
}

.name_zfh {
	width: 100%;
	display: block;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	text-transform: capitalize;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
}

#leftindex {
	width: 50%;
}

#rightindex {
	width: calc(50% - 20px);
	margin-left: 20px;
	background: url(../img/nenbggth_03.png) repeat left top;
	padding: 35px;
	box-sizing: border-box;
}

#background2 .box_partner {
	padding: 0;
}

#background2 .box-product {
	overflow: hidden;
	border-radius: 50%;
	position: relative;
	margin: 0 auto;
}

#background2 .box-product img {
	overflow: hidden;
	border-radius: 50%;
}

#background2 .slick-prev {
	top: 50% !important;
}

#background2 .slick-next {
	top: 50% !important;
}

.width_prod {
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
}

#background2 .subname {
	background-color: var(--clr-base);
	max-width: 560px;
	margin-inline: auto;
	border-top-left-radius: 100vmax;
	border-top-right-radius: 100vmax;
	padding-top: 90px;
	padding-bottom: 330px;
	margin-bottom: -330px;
}

#background2 .subname span {
	background: url(../img/bg-title-sao.png) no-repeat bottom center;
	padding-bottom: 35px;
}

#background2 .name-product {
	text-align: center;
	font-size: 26px;
	line-height: 29px;
	color: var(--clr-base);
	font-weight: 900;
}

#background2 .slick-slide.slick-center .name-product {
	color: #fff;
	margin-block-start: 0;
	margin-block-end: 20px;
}

#background2 .box_partner:hover .name-product,
#background2 .name-product:hover {
	color: var(--clr-accent) !important;
}

#background2 .slick-slide {
	margin: 0 10px;
	overflow: hidden;
	transform: scale(0.65);
	transition: all .6s linear;
}

#background2 .slick-list {
	margin: 0 -10px;
}

#background2 .slick-slide.slick-center {
	transform: scale(1);
}

#background2 .slick-slide.slick-center .pic-product {
	padding: 1rem;
	background-color: var(--clr-accent);
	border-radius: 50%;
}

#background2 .price-product {
	position: absolute;
	bottom: 60%;
	right: 0;
	background-color: var(--clr-accent);
	width: 100px;
	height: 100px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-bottom: 0;
}

#background2 .price-per {
	display: none;
}

#background2 .price-old {
	padding-left: 0;
}

#background2 .price-new {
	font-size: 30px;
	line-height: 29px;
	color: #c70b0b;
	font-weight: 700;
}

#newindex {}

.load-video-tc .h-r-v {
	width: 48%;
	position: absolute;
	right: 20px;
	bottom: 26px;
	margin: 0 -5px;
}

.load-video-tc .h-l-v {}

.load-video-tc .h-l-v iframe {
	height: 333px;
}

.load-video-tc div.item-duoi {
	margin: 0 5px;
	border: 1px solid #fff;
	position: relative;
}

.load-video-tc div.item-duoi:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: hsl(0, 0%, 0%, 0.39) url(../img/icon-video.png) no-repeat center;
	background-size: 30px;
	cursor: pointer;
}

.load-video-tc div.item-duoi iframe {
	width: 100%;
	height: 100%;
}

.load-video-tc div.item-duoi img {
	width: 100%;
}

.load-video-tc div.item-duoi span {
	display: block;
	text-align: left;
}

.load-video-tc div.item-duoi span.ten {
	font-size: 14px;
}

.load-video-tc div.item-duoi span.ngay {
	font-size: 14px;
}

.load-video-tc div.item-video {
	position: relative;
}

.load-video-tc div.item-video a {
	position: relative;
	display: block;
	line-height: 0;
	cursor: pointer;
}

.load-video-tc div.item-video a img {
	object-fit: cover;
	width: 100%;
	aspect-ratio: 1200/570;
}

.load-video-tc div.item-video a:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: hsl(0, 0%, 0%, 0.39) url(../img/icon-video.png) no-repeat center;
}

.load-video-tc {
	position: relative;
}

.ifram_service {
	width: 50%;
	height: 342px;
}

.ifram_service iframe {
	height: 100%;
	width: 100%;
}

.name_service {
	width: 50%;
	background: url(../img/nenbggth_03.png) repeat left top;
	padding: 20px;
	box-sizing: border-box;
}

.nameservice {
	font-size: 20px;
	padding-left: 43px;
	min-height: 31px;
	background: url(../img/hh_06.png) no-repeat left top;
	color: #fff;
}

.add_service {
	margin: 20px 0px;
}

.add_service p {
	font-size: 14px;
	color: #ffffff;
}

.hotline_service p {
	font-size: 22px;
	color: #fff;
}

.add_service p:nth-child(1),
.hotline_service p:nth-child(1) {
	font-size: 18px;
	color: #fff;
}

.postnow span {
	background: #ffcc33;
	font-size: 16px;
	padding: 8px 20px;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}

.postnow {
	margin-top: 20px;
	display: flex;
	background: #ffcc33;
	border-radius: 5px;
	width: 182px;
	overflow: hidden;
}

.postnow a {
	background: #e8a61e;
	padding: 8px 20px;
	color: #fff;
}

.footer {
	margin-top: 100px;
	position: relative;
}

.footer:after {
	content: '';
	position: absolute;
	right: 20px;
	height: 148px;
	top: -92px;
	width: 60px;
}

.info-footer {}

#menuchinhanh {
	height: 515px;
	overflow-y: auto;
	padding-inline-end: 20px;
}

#menuchinhanh::-webkit-scrollbar {
	width: 10px;
}

#menuchinhanh::-webkit-scrollbar-track {}

#menuchinhanh::-webkit-scrollbar-thumb {
	background-color: #fff;
}

#menuchinhanh>*+* {
	margin-top: 10px;
}

#menuchinhanh>div {
	display: flex;
	flex-direction: column;
	border: 1px solid #da5a5b;
	padding: 10px 20px;
	font-size: 15px;
	color: #fff;
	text-transform: capitalize;
	cursor: pointer;
	transition: all .3s ease;
}

#menuchinhanh>div strong {
	font-size: 16px;
	text-transform: uppercase;
	color: #ffcd00;
}

#menuchinhanh>div:hover,
.atvcn {
	border-color: #ffcd00 !important;
}

#maprelativer {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.bg-chinhanh {
	padding-block-start: 45px;
	padding-block-end: 195px;
	background-color: var(--clr-base);
	position: relative;
	isolation: isolate;
}

.bg-chinhanh::before,
.bg-chinhanh::after {
	content: "";
	position: absolute;
	z-index: -2;
	width: 340px;
	height: 688px;
	top: 25px;
	right: 55px;
}

.bg-chinhanh::before {
	background: url(../img/bg-maps-vn.png) no-repeat;
	mix-blend-mode: multiply;
}

.bg-chinhanh::after {
	z-index: -1;
	background: url(../img/logo-bg.png) no-repeat top 140px right 25px, url(../img/bg-maps-vn-inner.png) no-repeat bottom 60px right 25px;
}

#maprelativer>:nth-child(1) {
	width: 48%;
}

#maprelativer>:nth-child(2) {
	width: 370px;
	margin-top: 10px;
	margin-left: 15px;
}

#maprelativer>:nth-child(1)>p {
	font-size: 20px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 15px;
}

#mapfooter {
	position: relative;
	isolation: isolate;
	padding-top: 10px;
	padding-left: 10px;
	width: 100%;
	height: 480px;
}

#mapfooter::before {
	content: "";
	position: absolute;
	z-index: -1;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	background-color: var(--clr-accent);
	top: 0;
	left: 0;
}

#mapfooter iframe {
	height: 100%;
	width: 100%;
}

.menu-other {
	position: relative;
}

.menu-other .width_box {
	align-items: center;
}

.menu-other #logo {
	margin-top: 0;
	width: 85px;
	height: 85px;
}

.bg-about-ganuong {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#background1 .flexnowidth {
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
	max-width: 900px;
	border-radius: 20px;
	background-color: #ffcd00;
	padding: 30px;
}


.about-wrap {
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.about-wrap>:nth-child(1) {
	position: relative;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	max-width: none;
	width: calc(50% - ((100% - 1200px) * 0.15));
}

.about-wrap>:nth-child(2) {
	padding-block-start: 110px;
	padding-block-end: 60px;
	text-align: center;
	width: calc(((100% - 1200px) * .5) + (1200px * 0.4));
	margin-right: calc((100% - 1200px) * 0.4);
}

.about-name {
	font-size: 80px;
	color: #403300;
	font-family: "SVN-BalladeerLight";
	line-height: 1.3;
}

.about-slogan {
	font-size: 36px;
	color: #c70b0b;
	font-family: "UTMCooperBlack";
	text-transform: uppercase;
}

.about-desc {
	font-size: 14px;
	line-height: 29px;
	color: #161515;
	font-weight: 400;
}

.about-more {
	margin-top: 40px;
}
/* 
.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 20px;
	border: none;
	-webkit-border-radius: 100vmax;
	border-radius: 100vmax;
	font-size: 16px;
	line-height: 29px;
	color: var(--clr-accent);
	font-weight: 700;
	background-color: var(--clr-base);
	cursor: pointer;
	transition: all 0.3s ease;
} */

.button:is(:hover, :focus) {
	background-color: var(--clr-accent);
	color: #fff;
}

.about-more .button:nth-child(2) {
	color: var(--clr-base);
	background-color: var(--clr-accent);
}

.about-more .button:nth-child(2):is(:hover, :focus) {
	background-color: var(--clr-base);
	color: #fff;
}

.slogan-main {
	font-size: 24px;
	line-height: 25px;
	font-family: "SVN-BalladeerLight";
	color: #403300;
}

.bg-primary-100 {
	background: url(../img/bg-newsletter-top.png) no-repeat top -1px left/cover;
	width: 100%;
	aspect-ratio: 1366/132;
}

#background6 .subname {
	margin-top: 90px;
}

#background2 .slogan-main,
#background6 .slogan-main {
	color: #fff;
}

#background6 .subname span {
	color: var(--clr-accent);
}

#background7 .slick-prev {
	left: -55px !important;
}

#background7 .slick-next {
	right: -55px !important;
}

#background7 .slick-slide {
	margin: 0 27px;
}

#background7 .slick-list {
	margin: 0 -27px;
}

#background7 .slick-slide img {
	width: 100%;
}

#background10 .width_box {
	max-width: 700px;
	background-color: var(--clr-accent);
	padding: 45px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

#background10 .slick-slide {
	margin: 0 5px;
	height: auto;
}

#background10 .slick-list {
	margin: 0 -5px;
}

.feedback-item {
	display: flex;
	justify-content: space-between;
}

.feedback-poster {
	width: 201px;
}

.feedback-poster img {
	width: 100%;
}

.feedback-body {
	width: calc(100% - 241px);
	background: url(../img/icon-quote.png) no-repeat top left;
	padding-top: 55px;
	text-align: right;
}

.feedback-item h5 {
	font-size: 14px;
	line-height: 24px;
	color: #c70b0b;
	text-transform: uppercase;
	font-weight: 900;
	margin-block-start: 20px;
}

.feedback-item p {
	font-size: 14px;
	line-height: 24px;
	color: #000000;
	font-weight: 400;
	font-style: italic;
}

#background10::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	inset-block-start: 120px;
	background: url(../img/bg-feedback.jpg) no-repeat bottom center/cover;
}

#background10 .bg-primary-100 {
	background: url(../img/bg-feedback-bottom.png) no-repeat top center/cover;
}

.slogan-feedback {
	font-size: 52px;
	color: #ffffff;
	font-weight: 300;
	font-family: "SVN-BalladeerLight";
	text-align: center;
	padding-block: 60px;
}

.album-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.album-wrap>:nth-child(1) {
	width: 39.5%;
}

.album-wrap>:nth-child(2) {
	width: 57.17%;
}

.album-item .inner {
	position: relative;
	display: block;
	overflow: hidden;
}

.album-item>*+* {
	margin-top: 15px;
}

.album-item .name-album {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	line-height: 29px;
	color: #ffffff;
	font-weight: 400;
	opacity: 0;
	transform: translateY(100%);
	transition: all .6s ease;
}

.album-item .inner:hover .name-album {
	opacity: 1;
	transform: translateY(0);
}

.album-item .pic-album {
	isolation: isolate;
}

.album-item .pic-album::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

.album-item .inner:hover .pic-album::before {
	background-color: hsl(0, 0%, 0%, 0.52);
}

.album-item img {
	height: 324px;
	object-fit: cover;
}

.album-more {
	margin-block-start: -25px;
	width: fit-content;
	position: relative;
	z-index: 1;
}

.album-more a {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-color: var(--clr-accent);
	color: var(--clr-base);
	padding: 13px 40px;
}

.slogan-album {
	font-size: 20px;
	line-height: 33px;
	color: #403300;
	font-weight: 400;
	text-align: right;
}


.footer-article {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover !important;
	color: #fff;
	font-size: 15px;
	padding-block-start: 120px;
	padding-block-end: 70px;
}

.footer-article .justifylex {
	flex-wrap: wrap;
	gap: 15px;
}

.footer-news:nth-child(1) {
	width: 25%;
}

.footer-news:nth-child(2) {
	width: 25%;
}

.footer-news:nth-child(3) {
	width: 25%;
	text-align: right;
}


.footer-contact {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: space-between;
	border-radius: 100vmax;
	background-color: #ffcd00;
	padding: 12px 50px;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	margin-bottom: -50px;
}

.footer-contact p {
	font-weight: 400;

}

.footer-contact a {
	color: #000000;
	font-weight: 700;
}

.footer-contact>* {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.hotline-footer {
	background: url(../img/icon-hotline-dathang.png) no-repeat left center;
	padding-left: 70px;
}

.mail-footer {
	background: url(../img/icon-lienhe.png) no-repeat left center;
	padding-left: 70px;
}

.web-footer {
	background: url(../img/icon-web.png) no-repeat left center;
	padding-left: 70px;
}

.slogan-footer p {
	font-size: 22px;
	color: #403300;
	font-weight: 300;
	font-family: "SVN-BalladeerLight";
}

.slogan-footer h5 {
	font-size: 34px;
	color: #c70b0b;
	font-weight: 800;
	font-family: "UTMCooperBlack";
	margin-block-start: 12px;
}


.footer-news:nth-child(3) .footer-title {}

.footer-nav ul {
	padding: 0;
	margin: 0;
}

.footer-nav ul>*+* {
	margin-top: 8px;
}

.footer-nav a {
	color: #fff;
	transition: all .3s ease;
}

.footer-nav a:hover {
	color: var(--clr-base);
}

.order-response-section {
	--inset-x: 2rem;
	--inset-y: 2rem;
	--w: 350px;
	opacity: 0;
	visibility: hidden;
	position: fixed;
	bottom: calc(-1 * (var(--w) + var(--inset-y)));
	left: var(--inset-x);
	z-index: 999;
	width: var(--w);
	background: #fff;
	box-shadow: 0px 0px 10px 0px #00000040;
	padding: 0.75rem;
	transition: all 0.5s ease-out;
}

.order-response-section.show {
	opacity: 1;
	visibility: visible;
	bottom: var(--inset-y);
}

.order-response-section button.close {
	position: absolute;
	top: 0.25rem;
	right: 0.25rem;
	display: grid;
	place-items: center;
	width: 20px;
	height: 20px;
	font-size: 16px;
	color: var(--clr-text-primary);
}

.order__box-inner {
	display: flex;
	align-items: center;
	gap: 0 0.75rem;
}

.order__photo {
	flex-shrink: 0;
	border: 1px solid #ccc;
}

.order__photo figure {
	margin: 0;
}

.order__info {
	flex: 1;
}

.order__name {
	--line-clamp: 2;
	font-size: 14px;
	color: var(--clr-base);
	margin-bottom: 0.25rem;
	-webkit-line-clamp: 2;
}

.order__name:hover {
	color: var(--color-red);
}

.order__desc {
	font-size: 13px;
	color: #000;
}

.suggest-key-search {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 10px
}

.suggest-key-search p {
	margin-right: 12px;
}

.suggest-key-search a {
	display: inline-block;
	padding: 5px 0;
	border-radius: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	cursor: pointer;
	transition: all .3s ease;
}

.suggest-key-search a:is(:hover, :focus) {
	color: var(--clr-accent);
}
/* Toolbar */
.modal-body .toolbar { display: block; position: relative; }
.toolbar { width: 100%; bottom: 0px; position: fixed; z-index: 500; left: 0px; display: none; -webkit-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75)); -moz-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75)); -ms-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75)); -o-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.75)); }
.toolbar.is-active .list-phone { display: block; -webkit-animation: quickShow .2s cubic-bezier(0.66, 0.45, 0.76, 1.53) forwards; animation: quickShow .2s cubic-bezier(0.66, 0.45, 0.76, 1.53) forwards; }
.toolbar .list-phone { position: absolute; bottom: 100%; left: 30px; opacity: 0; transform: scale(0); transform-origin: 50% 100%; display: none; }
.toolbar .list-phone a { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; background: #fff; max-width: 240px; padding: 10px 20px; margin: 10px 0; border-radius: 50px; padding-right: 30px; }
.toolbar .list-phone svg { max-width: 30px; max-height: 30px; }
.toolbar .list-phone span { display: block; width: calc(100% - 40px); color: #333; font-weight: 700; }
.toolbar .phone { position: relative; width: 50px; height: 50px; z-index: 99; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; margin: 0 0px -25px 30px; transition: transform .2s ease-in-out; }
.toolbar .phone a { color: #333; display: block; position: relative; }
.toolbar .phone a:before, .toolbar .phone a:after { position: absolute; content: ''; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(135deg); width: 30px; height: 3px; border-radius: 2rem; background-color: var(--color-main); opacity: 0; transition: opacity .2s ease-in-out; }
.toolbar .phone a:after { transform: translate(-50%, -50%) rotate(45deg); }
.toolbar .phone svg { max-width: 27px; max-height: 27px; display: block; position: relative; fill: var(--color-main); }
.toolbar.is-active .phone { transform: rotate(-180deg); }
.toolbar.is-active .phone svg { opacity: 0; }
.toolbar.is-active .phone a:before, .toolbar.is-active .phone a:after { opacity: 1; }
.toolbar ul { list-style: none; display: flex; align-items: center; justify-content: space-between; padding: 0px; margin: 0px; --size: 33px; -webkit-mask: radial-gradient(var(--size) at 55px 0px, #0000 99%, #fff 101%) 100%; background: #fff; padding: 10px 0; padding-left: 100px; border-radius: 10px 10px 0px 0px; }
.toolbar ul li { text-align: center; width: 25%; line-height: 1; }
.toolbar ul li a { display: block; width: 100%; font-size: 27px; color: #ffff; }
.toolbar ul li .icon { position: relative; margin: 0 auto; text-align: center; }
.toolbar ul li a span { display: none; font-weight: 400; font-size: 11px; margin-top: 5px; color: #333; text-transform: capitalize; }
.toolbar ul li a img, .toolbar ul li svg { max-height: 30px; fill: var(--color-main); width: 100%; }
.toolbar .phone svg { animation: tada 1.2s infinite; fill: var(--color-main); }
.tada { animation: tada 1.2s infinite; }
.lang-toolbar { display: flex; justify-content: center; align-items: center; }
.toolbar ul li.lang-toolbar a { display: inline-block; width: unset; margin: 0px 2px; font-size: unset; }
.toolbar ul li.lang-toolbar a img { height: 10% !important; }
.ex6 path { fill: none; stroke: var(--color-main); stroke-width: 0.5; stroke-dasharray: 1500; stroke-dashoffset: 1500; -webkit-animation: dash 5s ease forwards; animation: dash 5s ease forwards; }
@-webkit-keyframes dash {
    to { fill: var(--color-main); stroke-dashoffset: 0; }
}
@keyframes dash {
    to { fill: var(--color-main); stroke-dashoffset: 0; }
}
@keyframes tada {
    0% { transform: scaleX(1) }
    10%, 20% { transform: scale3d(.9, .9, .9) rotate(-3deg) }
    30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); }
    40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); }
    to { transform: scaleX(1) }
}
@keyframes quickShow {
    0% { opacity: 0; transform: scale(0); }
    100% { opacity: 1; transform: scale(1); }
}

.check-toolbar { display: none; position: fixed; right: 30px; bottom: 100px; width: 18px; height: 50px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99; }
.check-toolbar label { position: absolute; bottom: 0; left: 6px; width: 6px; height: 50px; border-radius: 32px; background: linear-gradient(to bottom, #b3b3b3, #e6e6e6); cursor: pointer; transition: all 0.3s ease; opacity: 0.7; box-shadow: 0 0 2px #fff; }
.check-toolbar label:after { content: ''; position: absolute; bottom: 1px; left: -3px; width: 12px; height: 20px; border-radius: 3px; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; }
.check-toolbar input[type="checkbox"]:checked + label { background: var(--color-main); opacity: 1; }
.check-toolbar input[type="checkbox"]:checked + label:after { transform: translateY(-29px); }
.check-toolbar label:hover { background: linear-gradient(to bottom, #b3b3b3, #e6e6e6); }
.check-toolbar label:hover:after { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.yep { position: absolute; top: 0px; left: -6px; width: 30px; height: 50px; opacity: 0; }
/* RES */
@media(max-width:1200px) {
    .check-toolbar{display: block;}
    .head-bottom { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 999; box-shadow: 0 1px 5px 0 rgb(0 0 0 / 10%);}
    .show-toolbar { padding-top: 70px; transition: 0.7s; }
    .hidden-toolbar { padding-top: 0px; transition: 0.7s; }
    .hidden-toolbar .toolbar-app { transform: translateY(120%); transition: 0.7s; }
    .hidden-toolbar .head-bottom { transform: translateY(-120%); transition: 0.7s; }
    .show-toolbar .toolbar-app { transform: translateY(0); transition: 0.7s; }
    .show-toolbar .head-bottom { transform: translateY(0); transition: 0.7s; }
    .btn-frame{display: none;}
	.js-facebook-messenger-box ,.menu{display: none;}
	#btn-call, #btn-zalo{display: none;}
    .menu-res{display: block;}
    .toolbar { display: block; }
    .scrollToTop, #messages-facebook { display: none !important; } 
	.w-product::after{display: none;}
	.intro-name span {font-size: 40px;}
	.intro-name p {font-size: 20px;line-height: 20px;}
	.about-us{font-size: 15px;}
	.product_slick{display: none; margin: 0 -5px;}
	.product_slick .slick-slide{margin: 0 5px;}
	.tieuchi-item.pad-top .tieuchi-img::before, .tieuchi-item.pad-top .tieuchi-img::after{display: none;}
	.form-newsletter {padding: 15px;}
	.camket-row{padding: 30px;}
	.camket-title p {font-size: 25px;}
	.album-row::after, .album-row::before, .album-col-5::after, .album-col-4::after{display: none;}
	.news_slick{display: none; margin: 0 -5px;}
	.news_slick .slick-slide{margin: 0 5px;}
	.w-footer{}
}

@media(max-width:1025px) {
	.camket-row{display: block;}
	.camket{width: unset;}
	.resgiter{width: unset; margin-top: 30px}
	.branch-row{display: block;}
	.branch-banner{width: unset; text-align: center;}
	.branch{width: unset; margin-top: 20px;}
	.tiktok-title{font-size: 35px;}
}
@media(max-width:991px) {
	.intro-row{display: block;}
	.intro-left{width: unset; margin-bottom: 5px;}
	.intro-right{width: unset; }
	.w-product,.w-intro {padding: 30px 0;}
	.w-tieuchi{background-size: cover;}
	.w-camket {padding: 40px 0;background-size: cover;}
	.video-item::after {background-size: 100% 100%;width: 60px;height: 60px;}
	.album-row{display: none;}
	.album-res{display: block;}
	.w-album {padding: 30px 0;background-size: cover;}
	.news-row{display: block;}
	.news-left{width: unset; margin-bottom: 20px;}
	.news-right{width: unset;}
	.name-news1 a{font-size: 15px;}
	.name-news1 {padding: 15px;line-height: 20px;}
	.w-branch,.w-news{padding: 30px 0;}
	.branch{padding: 20px;}
	.w-footer{background-size: cover;}
	.footer-row{display: block; text-align: center;}
	.footer-left{width: unset; margin-bottom: 20px}
	.footer-center{width: unset; margin-bottom: 20px}
	.footer-right{width: unset;}
	ul.policy li{list-style: none;}
	.contact-footer p{display: inline-block;}
	.contact-footer{display: flex; flex-direction: column; align-items: center;}
}

@media(max-width:850px) {
	.items-product{padding: 4px;}
	.camket-name,.camket-title span {font-size: 14px;}
	
}
@media(max-width:768px) {
	.name-product a{font-size: 18px;}
	.price-new{font-size: 17px;}
	.infor-product {padding: 10px 7px;}
	.title-main span {font-size: 25px;}
	.title-main {margin-bottom: 15px;}
	.tieuchi-desc {font-size: 25px;font-weight: 800;}
	.album-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px;}
	.view-more-album {font-size: 14px;width: 120px;height: 38px;border: 2px solid var(--color-main);}
	.tiktok-bottom {position: unset; width: 100%;}
}

@media(max-width:600px) {
	.intro-name span {font-size: 35px;}
	.intro-name p {font-size: 18px;line-height: 18px;}
	.resgiter-title span{font-size: 20px;}
	.news-title-main p{font-size: 20px;}
	
}
@media(max-width:425px) {
	.price-new { font-size: 15px;}
	.name-product a { font-size: 15px;}
	.title-main span {font-size: 22px;}
	.title-main span {  font-size: 21px;}
}
@media(max-width:320px) {
    .product-grid{grid-template-columns: repeat(1, 1fr);}
    .service-grid { grid-template-columns: repeat(1, 1fr);}
}