@font-face {

    font-family: 'MM';

    src: url('../fonts/Mulish-Medium.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'SVN';

    src: url('../fonts/SVN-GenicaPro.woff') format('woff');

    font-weight: 800;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'MB';

    src: url('../fonts/Mulish-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'BR';

    src: url('../fonts/BeVietnamPro-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'BS';

    src: url('../fonts/BeVietnamPro-SemiBold.woff') format('woff');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'FTV';

    src: url('../fonts/1FTVVIPFairyland.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'BB';

    src: url('../fonts/BeVietnamPro-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}







/* @keyframe */

@keyframes spin {

	to {

		transform: rotate(360deg);

	}

}

@keyframes blink {

	0% {

		opacity: 1;

	}

	50% {

		opacity: 0;

	}

	100% {

		opacity: 1;

	}

}

@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);

	}

}

@keyframes rotate {

	from {

		transform: rotate(0);

	}

	to {

		transform: rotate(360deg);

	}

}

@keyframes fadeup {

	from {

		opacity: 0;

		transform: translateX(-20px);

	}

	to {

		opacity: 1;

		transform: translateX(0);

	}

}

@keyframes pulse-animation {

	0% {

		transform: scale3d(1, 1, 1);

		opacity: 0;

	}

	10% {

		transform: scale3d(1.1, 1.1, 1.1);

		opacity: 1;

	}

	100% {

		transform: scale3d(1.6, 1.6, 1.6);

		opacity: 0;

	}

}

@keyframes border-animation {

	0% {

		transform: scale3d(0.6, 0.6, 0.6);

		opacity: 0;

	}

	20% {

		transform: scale3d(1.2, 1.2, 1.2);

		opacity: 1;

	}

	100% {

		transform: scale3d(1.4, 1.4, 1.4);

		opacity: 0;

	}

}

:root {

	--color-main: #E20000;

	--color-social: #FFC300;

	--color-hover: #E20000;

	--color-hover2: #ff0;

}



body {

	font-size: 14px;

	line-height: 1.5;

}



.max-width,

.wrap-content {

	width: calc(100% - 20px);

	max-width: 1200px;

	margin: 0px auto;

}

.mw-700 {

	max-width: 700px;

}

img {

	max-width: 100%;

}



* {

	box-sizing: border-box;

}



a {

	text-decoration: none;

}



.social-plugin {

	display: flex;

	margin-top: 10px;

}

.scale-img {

	overflow: hidden;

}

.scale-img img, .scale-img picture {

	transition: all 0.5s;

}



.scale-img:hover img, .scale-img:hover picture {

	transform: scale(1.2, 1.2);

}



.hover-img {

	position: relative;

	overflow: hidden;

	display: block;

}



.text-split {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: normal;

	-webkit-box-orient: vertical;

	display: -webkit-box;

	-webkit-line-clamp: 3;

}

.text-split1 {

	-webkit-line-clamp: 1;

}

.text-split2 {

	-webkit-line-clamp: 2;

}

.text-split4 {

	-webkit-line-clamp: 4;

}

.text-split5 {

	-webkit-line-clamp: 5;

}

.text-split6 {

	-webkit-line-clamp: 6;

}

.p-relative {

	position: relative;

}

/* Transition All */

.transition,

.btn-frame .kenit-alo-circle-fill,

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

.support-online .kenit-alo-circle-fill {

	transition: 0.3s all;

}

.gutter-x-20{--bs-gutter-x: 20px;}    

.gutter-x-5{--bs-gutter-x: 5px;}   

/*   Header   */

.header {

}

.head_info {

    max-width: 260px;

    padding-top: 10px;

}

.header.z-100.p-2 {

    background: var(--color-main);

}

.flex-header {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.cart-head {

	border: 1px solid #fff;

	padding: 10px;

	border-radius: 5px;

	position: relative;

	color: #fff;

}

.cart-head:hover {

	color: #fed402;

}

.cart-head i {

	font-size: 20px;

}

.cart-head .count-cart {

	position: absolute;

	z-index: 999;

	color: #fff;

	background: #f00;

	border-radius: 50%;

	top: -10px;

	right: 20px;

	width: 20px;

	height: 20px;

	text-align: center;

}

.menu-head {

	display: flex;

	gap: 20px;

	justify-content: space-between;

	align-items: center;

}

.menu-head a {

	color: #fff;

}

.menu-head a:hover {

	color: #fed402;

}



.flex-header > div {

    display: none;

}

.header {

    background: url(../images/BG.jpg);

    background-size: cover;

    padding-top: 10px;

}

.info_hd:nth-child(2) {

    padding: 10px 0;

}



.info_hd svg {

    width: 18px;

}



.info_hd {

    color: var(--Tiu, #111);

    font-family: BR;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 22px; /* 157.143% */

}

.w-menu {background: url(../images/v1.png) repeat-x;padding: 20px 0 10px;}

.info_hd p {

    width: calc(100% - 18px);

    padding-left: 10px;

}



.logo {

    margin-bottom: -50px;

}



.info_hd:nth-child(2) span {

    color: var(--Nhn, #C00);

    font-family: BB;

    font-size: 16px;

    font-style: normal;

    font-weight: 700;

    line-height: 22px;

}



/* slideshow */

.slideshow {

	position: relative;

	margin-top: 0;

	aspect-ratio: auto;

}

/* Search */

.search {

	width: 50%;

	max-width: 400px;

	background: #fff;

	position: relative;

	border-radius: 10px;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.search input {

	width: calc(100% - 35px);

	font-size: 13px;

	color: #333;

	border-radius: 10px;

	border: none;

}

.search input:focus {

	border: none;

	box-shadow: none;

}

.search label {

    height: 35px;

    cursor: pointer;

    text-align: center;

    font-size: 16px;

    background: #f00;

    color: #fff;

    border-radius: 10px;

    margin-right: 3px;

    padding: 5px 10px;

}

.search label i {

	font-weight: bold;

	color: #999;

}

.search-res .search-grid input:focus {

    box-shadow: none;

}



.box-search {

	padding: 10px;

	border-bottom: 1px solid #f1f1f1;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.ds-item-search {

	width: calc(100% - 70px);

}

.ds-item-search a {

	font-size: 14px;

	color: #333;

}

.show-search {

	position: absolute;

	z-index: 9999;

	top: 100%;

	background: #fff;

	width: 100%;

	border-radius: 10px;

	box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);

}

.box-search .price-product {

	width: 100%;

	margin: 0px;

	text-align: left;

}

.box-search .price-product .price-new {

	color: #f00;

	font-size: 14px;

	font-weight: bold;

}

.box-search .price-product .price-old {

	color: #999;

	text-decoration-line: line-through;

}



/* Mmenu */

.offcanvas-body {

    flex-grow: 1;

    padding: 1rem 1rem;

    overflow: scroll;

}

.offcanvas-body::-webkit-scrollbar {

	width: 4px;

	height: 4px;

	transition: all 1s;

}



.offcanvas-body::-webkit-scrollbar-thumb {

	background-color: #0d6efd;

	border-radius: 5px;

	transition: all 1s;

}



.offcanvas-body::-webkit-scrollbar-track {

	background: #fff;

	width: 4px;

	height: 4px;

	transition: all 1s;

}



.btn-close-menu{

	position: absolute;

	right: 20px;

	top: 20px;

}

.menu-mobile ul{

	padding: 0px;

}

.menu-mobile ul li{

    position: relative;

  

}



.menu-mobile ul li > span i {

    transition: transform 0.3s ease; /* Adjust duration and easing as needed */

}



/* .menu-mobile ul li:last-child a{

	border-bottom: none;

} */

.menu-mobile ul li a, button.booking_mn{

	display: block;

	padding-right: 30px;

	color: #333;

	padding: 10px 0px;

	border-bottom: 1px solid #f1f1f1;

	font-size: 17px;

	text-transform: capitalize;

}

.menu-mobile ul li a i{

	margin-right: 10px;

}

.menu-mobile ul li li a{

	font-weight: normal;

}

.menu-mobile ul li a:hover{

	color: var(--color-main);

}

.menu-mobile ul li .scroll{

    position: absolute;

    right: 0px;

    top: 9px;

    background: var(--color-main);

    font-size: 17px;

    line-height: 18px;

    height: 25px;

    color: #fff;

    width: 35px;

    border-radius: 5px;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

}

nav.menu-mobile > ul > li > a > i {

    display: none;

}

.menu-mobile ul li:hover{color: var(--color-main);}

.menu-mobile ul ul li .scroll{

	background: none;

	color: #0253a4;

}

.menu-mobile ul li ul{

	padding-left: 10px;

}

.company{

	border-bottom: 1px solid #f1f1f1;

	padding-bottom: 10px;

}

.company p{margin-bottom: 5px;font-size: 13px;}

.company p span{

	color: var(--color-hover);

}

.head-menu{

	display: flex;

    justify-content: center;

    flex-wrap: wrap;

}



.head-menu img{

	max-width: 80px;

}

.search-menu{

	width: 100%;

	position: relative;

	margin: 10px 0px;

}

.search-menu input

{

	width: 100%;

    background: #f5f5fa;

    border: 1px solid #f1f1f1;

    height: 40px !important;

    font-size: 13px;

}

.search-menu p{

	position: absolute;

	right: 10px;

	bottom: 8px;

}



/* Menu */

.fix_head {

  position: fixed !important;

  box-shadow: 0 0 1px #999;

  width: 100%;

  z-index: 99;

  top: 0;

  left: 0;

  right: 0;

  background-color: #ffc300;

}



nav.menu.bg_mn {

    padding-bottom: 10px;

}



#menu {

	display: none;

}



#hamburger {

	display: none;

	width: 35px;

	height: 23px;

	position: relative;

	cursor: pointer;

}



#hamburger:before,

#hamburger:after,

#hamburger span {

	background: #ffffff;

	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;

	-webkit-transition-property: top, bottom, left, opacity, -webkit-transform;

	transition-property: top, bottom, left, opacity, -webkit-transform;

	transition-property: transform, top, bottom, left, opacity;

	transition-property: transform, top, bottom, left, opacity, -webkit-transform;

}



.mm-wrapper_opening #hamburger:before,

.mm-wrapper_opening #hamburger:after {

	top: 10px;

}



.mm-wrapper_opening #hamburger span {

	left: -50px;

	opacity: 0;

}



.mm-wrapper_opening #hamburger:before {

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

}



.mm-wrapper_opening #hamburger:after {

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

}



.mm-menu_opened {

	display: block !important;

}



.mm-slideout {

	z-index: unset;

}



.wrap-menu {

	display: flex;

	justify-content: space-between;

	align-items: center;

	gap: 10px;

	/* border-top: 1px solid #ffffff1f; */

}



.menu-head-left {

	position: relative;

}

.title-menu {

	color: #fff;

	font-size: 14px;

	font-weight: 500;

	cursor: pointer;

	line-height: 40px;

	display: block;

}



.menu-product-list {

	position: absolute;

	z-index: 99;

	top: 100%;

	width: 250px;

	background: #fff;

	border-radius: 2px;

}



.menu-product-list ul {

	padding: 0px;

	margin-bottom: 0px;

}



.menu-product-list ul ul {

	position: absolute;

	width: 750px;

	background: #fff;

	left: 100%;

	top: 0px;

	border: 1px solid #999;

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	gap: 10px;

	height: 100%;

	overflow-x: hidden;

}



.menu-product-list ul ul ul {

	position: relative;

	left: 0px;

	top: 0px;

	width: 100%;

	border: none;

	display: block;

	height: auto;

}

.menu-product-list ul li a {

	position: relative;

	display: block;

	color: #333;

	font-size: 14px;

	font-weight: 500;

	padding: 5px 10px 5px 10px;

	border-bottom: 1px solid #ddd;

}



.menu-product-list ul li a .icon-down {

	position: absolute;

	right: 10px;

	top: 10px;

}

.menu-product-list ul ul li a span {

	position: absolute;

	right: 10px;

	font-size: 13px;

	font-weight: 500;

	color: #00a3ff;

}



.menu-product-list ul li a:hover {

	color: #f00;

}



.menu-product-list ul ul li a {

	border-bottom: none;

	font-weight: bold;

}

.menu-product-list ul ul ul li a {

	font-weight: normal;

}

.menu {

	position: relative;

	z-index: 99;

	width:100%;

	max-width: 975px;

	margin-left: auto;

}

.menu .wrap-content {

	position: relative;

}

.fix_menu {

	position: fixed !important;

	box-shadow: 0 0 1px #999;

	background: #fff;

}

li.line_menu {

    width: 8px;

    height: 8px;

    background: #FFF7E4;

    border-radius: 50%;

}



.banner {

    padding-right: 50px;

    position: relative;

    bottom: 10px;

}



.menu ul {

	width: 100%;

	padding: 0px;

	margin: 0;

	list-style: none;

}



.menu ul li {

	position: relative;

	z-index: 99;

}

.menu ul.ulmn > li {

	/* flex: auto; */

}

.menu ul li.line {

	width: 1px;

	height: 15px;

	background-color: rgba(255, 255, 255, 0.5);

	flex: none;

}

.menu ul li a, button.booking_mn {

	font-size: 14px;

	color: #fff;

	margin: 0px;

	padding: 0;

	position: relative;

	z-index: 1;

	text-align: center;

	text-decoration: none !important;

	display: block;

	line-height: 1.5;

	text-transform: uppercase;

	font-family: 'BB';

}

.menu ul li a img {

	vertical-align: middle;

}

.menu ul li a.active,

.menu ul li:hover > a {

	color: #FFC300;

}

.menu ul li ul {

	position: absolute;

	min-width: 250px;

	left: 0;

	background: #fff;

	box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.3);

	-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 0.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 0.7s;

}

.menu ul li ul li {

	text-align: left;

	border-bottom: 1px solid rgb(173 173 173 / 32%);

}

.menu ul li ul li:last-child {

	border-bottom: 0px;

}

.menu ul li ul li a {

	font-size: 15px;

	padding: 10px;

	display: block;

	text-decoration: none !important;

	line-height: 20px;

	text-align: left;

	font-weight: 500;

	text-transform: capitalize;

	color: #333;

}

.menu ul li ul li ul {

	top: 0px;

	left: 100%;

}

.menu ul li ul li a:before {

	position: absolute;

	content: '';

	top: 50%;

	left: 0;

	width: 0;

	height: 1px;

	background: var(--color-hover);

	transition: all 0.3s linear;

	-webkit-transition: all 0.3s linear;

	-moz-transition: all 0.3s linear;

	-o-transition: all 0.3s linear;

	-ms-transition: all 0.3s linear;

	visibility: hidden;

	opacity: 0;

}

.menu ul li ul li a:hover:before,

.menu ul li ul li > a.active:before {

	left: 0;

	visibility: visible;

	opacity: 1;

	width: 30px;

}

.menu ul li ul li a:hover {

	padding-left: 40px;

	color: #b36700 !important;

}





.header .wrap-content {

    max-width: 1200px;

}



.menu-dlex:nth-child(3) .info_mn {

    justify-content: end;

}

a.cart-header {

	position: relative;

}

a.cart-header span {

	position: absolute;

	top: 0px;

	right: 0px;

	color: #fff;

	font-size: 11px;

	width: 17px;

	height: 17px;

	text-align: center;

	border-radius: 50%;

}



.fix_head .menu-top {

    display: none;

}



.fix_head .logo {zoom: 0.6;}



.fix_head .menu ul li a.active, .fix_head .menu ul li:hover > a {

    color: var(--color-hover2);

}

/*   SLider */

.control-owl {

	position: absolute;

	width: 100%;

	z-index: 2;

	left: 0px;

	top: calc(50% - 22.5px);

}

.control-owl button {

	opacity: 0.5;

	top: 0px;

	position: absolute;

	outline: none;

	border: 2px solid #fff;

	padding: 0px;

	margin: 0px;

	display: block;

	cursor: pointer;

	color: #ffffff;

	width: 30px;

	height: 30px;

	border-radius: 50%;

	overflow: hidden;

	text-align: center;

	font-size: 25px;

	margin: 0px;

	background-color: #00a3ff;

	display: flex;

	align-items: center;

	justify-content: center;

}

.control-owl button:hover {

	opacity: 1;

}

.control-owl button.owl-prev {

	left: 20px;

}

.control-owl button.owl-next {

	right: 20px;

}

/* DT */



.item-partner{border:1px solid #f1f1f1;display: block;}

.box-photo-ct {

	border-radius: 20px;

	overflow: hidden;

}

.title-detail {

	position: relative;

	margin: 1rem 0px 1rem;

}



.news-left .title-detail h1 {

    text-align: left;

    font-size: 40px;

}

.title-main {

	position: relative;

	text-align: center;

	margin-bottom: 1.5rem;

}



.title-main img {

    margin: 10px auto;

}



.title-main h2, .title-detail h1 {

   color: var(--Nhn, #E20000);

text-align: center;

font-family: "SVN";

font-size: 40px;

font-style: normal;

font-weight: 800;

line-height: normal;

text-transform: uppercase;

}



.title-main p {

    text-align: center;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: 1.5;

    font-family: 'BR';

}

.tt-week {

	font-size: 25px;

	text-align: center;

	margin: 20px 0px;

	color: #fff;

	font-weight: 700;

	text-transform: uppercase;

}

.title-cat-main {

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	gap: 20px;

}

.title-cat-main span {

	display: block;

	color: #999;

	background: linear-gradient(64.85deg, #fca600 23.67%, #ffd41d 106.12%);

	background-color: #fff;

	padding: 10px;

	border-radius: 10px;

	cursor: pointer;

}

.title-cat-main span:hover,

.title-cat-main span.active {

	background: linear-gradient(64.85deg, #ffd41d 23.67%, #fca600 106.12%);

	color: #000;

}





/* News */

.grid-tintuc {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-flow: row wrap;

	-webkit-flex-flow: row wrap;

	justify-content: space-between;

}

.news {

	display: block;

	margin-bottom: 20px;

	display: block;

}

.pic-news {

	border-radius: 10px;

	display: block;

	overflow: hidden;

	position: relative;

}

.pic-news img {

	width: 100%;

}

a.views {

	display: inline-block;

	text-decoration: none;

	margin-top: 10px;

	border: solid 1px #ccc;

	padding: 7px 20px;

	border-radius: 20px;

	color: #000;

	font-size: 16px;

}

a.views:hover {

	border: solid 1px #fed402;

	color: #fed402;

}

.info-news {

}

.info-news h3 {

}

.name-news {

	color: #1b1b1b;

	font-size: 18px;

	line-height: 22px;

	max-height: 40px;

	-webkit-line-clamp: 2 !important;

	font-weight: 400;

}

a.name-news.name1 {

	font-size: 25px;

	line-height: 32px;

	max-height: 64px;

}

.name-news:hover {

	color: #fed402;

}

.time-news {

	color: #fed402;

	margin-bottom: 0px;

	font-size: 12px;

	margin: 7px 0;

	font-style: italic;

	font-weight: 500;

}

.desc-news {

	color: #333333;

	margin: 0px;

}

.share {

	padding: 17px 10px 10px 10px;

	line-height: normal;

	background: rgba(128, 128, 128, 0.15);

	margin-top: 15px;

	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: #fed402;

}

/* Toc */

.box-readmore {

	padding: 8px 15px;

	border: 1px solid #dedede;

	margin-bottom: 2rem;

	border-radius: 5px;

	background-color: #eeeeee;

}



.tt-toc{

	position: relative;

	font-size: 18px;

	text-transform: uppercase;

	display: flex;

	justify-content: space-between;

	align-items: center;

	cursor: pointer;

}



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

	display: none;

}

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

}





/* Footer */



.info-footer {

	background: url(../images/bg_ft.png);

	position: relative;

	z-index: 2;

	background-size: cover;

	color: #fff;

}

.fb_iframe_widget span {

    width: 500px !important;

    border-radius: 10px;

    overflow: hidden;

}

ul.socialft {

    margin: 10px 0 20px !important;

}

.fanpage_footer > div {

    width: 500px;

    margin: auto;

}



.fanpage_footer {

}



.title-footer {color: var(--Tiu, #111);font-family: MB;font-size: 16px;font-style: normal;padding-bottom: 18px;position: relative;text-transform: uppercase;margin-bottom: 20px;}

.box-footer:nth-child(1) {

	width: 38%;

}

.box-footer:nth-child(2) {

	width: 48%;

}



h2.title-footer {

   color: var(--Nhn, #E20000);

   font-family: "SVN";

   font-size: 36px;

   font-style: normal;

   padding: 0;

   margin: 0 0 30px;

   text-transform: uppercase;

}



.info-footer .wrap-content {

}



.box-footer ul {

    padding: 0;

    margin: 0;

}



.box-footer ul li a {

    color: #FFF;

    font-size: 15px;

    font-style: normal;

    font-weight: 500;

    line-height: 1.5; /* 240% */

    letter-spacing: -0.15px;

}



.box-footer ul li {

    position: relative;

    margin-bottom: 0;

}



.box-footer ul li:before {

    position: absolute;

    content: "";

    width: 4px;

    height: 4px;

    background: #fff;

    left: 0;

    border-radius: 50%;

    top: 9px;

}

.map-footer {

    border: 1px solid #6C5948;

    padding: 12px;

}

.box-footer:nth-child(4) ul li:before {

    display: none;

}

h3.title-footer:before {

    position: absolute;

    content: "";

    background: var(--Nhn, #E20000);

    width: 40px;

    height: 2px;

    bottom: 0;

    left: 0;

}



.map_footer iframe {

    border-radius: 20px;

    border: 2px solid #FFF;

    height: 378px;

    width: 100%;

}



ul.socialft li a {display: flex;align-items: center;}



ul.socialft li a img {

    margin-right: 10px;

}

.map-footer > div {

    overflow: hidden;

}

.map-footer {

	position: relative;

	width: 100%;

	overflow: hidden;

	text-align: center;

	margin: auto;

}

.map-footer iframe {

	margin: auto;

	width: 100%;

	height: 360px;

}

.footer-powered {

	padding: 10px 0px;

	background: #125199;

	color: #fff;

}

.flex-powered {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.statistic span {

	position: relative;

	padding: 0px 5px;

}



.footer-news:nth-child(1) {

    margin-bottom: 35px;

}



.logo_ft {

    max-width: 278px;

    margin: auto;

    margin-bottom: 20px;

}

p.copyright span {

    text-transform: uppercase;

}

p.copyright {color: var(--Tiu, #111);font-family: 'BR';font-size: 15px;font-style: normal;margin-bottom: 0;line-height: 24px; /* 160% */text-transform: capitalize;}

.flex-footer {

    display: flex;

    justify-content: space-between;

    gap: 10px;

    padding: 50px 0;

}







.info-fter {

    color: #000;

    font-size: 15px;

    font-style: normal;

    font-family: 'BR';

    line-height: 24px; /* 150% */

    letter-spacing: -0.32px;

}



/* Tags */

.title-tags {

	position: relative;

	font-size: 1em;

	font-weight: 600;

	padding-bottom: 15px;

	margin-bottom: 15px;

	color: #777;

}

.title-tags:after {

	content: '';

	position: absolute;

	left: 0px;

	bottom: 0px;

	background-color: rgba(0, 0, 0, 0.1);

	display: block;

	height: 3px;

	width: 30px;

}

.flex-tags {

	display: flex;

	gap: 5px;

}

.flex-tags a {

	color: #333;

	border: 1px solid;

	border-radius: 3px;

	display: inline-block;

	opacity: 0.8;

	padding: 2px 5px;

}

.flex-tags a:hover {

	background-color: #f00;

	border-color: #f00;

	color: #fff;

	opacity: 1;

}



/* Video */

.flex-video {

	display: flex;

	justify-content: space-between;

}

.wr-video {

	width: 49%;

}

.wr-form {

	width: 49%;

}



.video-main {

	position: relative;

}

.list-video {

	margin-top: 10px;

	width: 100%;

	border-radius: 5px;

	border: 1px solid #ddd;

}

.img-video span {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translateX(-50%) translateY(-50%);

	border: 1px solid #ff000066;

	border-radius: 50%;

	width: 50px;

	height: 50px;

	display: flex;

	justify-content: center;

	align-items: center;

	color: #f00;

	background: #ffffffa8;

	font-size: 27px;

	cursor: pointer;

	transition: all 1s;

}

.item-video:hover span{

	transform: translateX(-50%) translateY(-50%) rotate(360deg);

}

.item-video h3{text-align: center;font-size: 16px;margin-top: 10px;}

/* Sort */

.sort-select {

	display: flex;

	justify-content: end;

	margin: 20px 0px;

	position: relative;

}



.sort-select .click-sort {

	border: 1px solid #e0e0e0;

	border-radius: 4px;

	cursor: pointer;

	font-size: 14px;

	padding: 6px 10px 6px 8px;

	margin: 0px;

}



.sort-select-main {

	display: grid;

	background-color: #fff;

	border-radius: 4px;

	box-shadow: 0 4px 6px rgb(0 0 0 / 20%);

	position: absolute;

	padding: 0 7px;

	top: 30px;

	right: 0;

	width: 160px;

	z-index: 2;

}



.sort-select-main p {

	border-bottom: 1px solid #f1f1f1;

	margin: 0px;

	order: 2;

}



.sort-select-main p:has(.check) {

	order: 1;

}



.sort a {

	color: #000;

	font-size: 14px;

	line-height: 17px;

	padding: 11px 3px;

	display: block;

	cursor: pointer;

}



.sort a.check i {

	box-sizing: border-box;

	position: relative;

	display: inline-block;

	transform: scale(var(--ggs, 1));

	width: 22px;

	height: 16px;

	border: 2px solid transparent;

	border-radius: 100px;

	vertical-align: middle;

}



.sort a.check i::after {

	content: '';

	display: block;

	box-sizing: border-box;

	position: absolute;

	left: 3px;

	top: -4px;

	width: 6px;

	height: 10px;

	border-width: 0 2px 2px 0;

	border-style: solid;

	transform-origin: bottom left;

	transform: rotate(45deg);

}



.sort-select .sort-show {

	padding-right: 12px;

	position: relative;

}



.sort-select .sort-show::before {

	content: '';

	border-left: 4px solid transparent;

	border-right: 4px solid transparent;

	border-top: 4px solid #333;

	content: '';

	height: 0;

	position: absolute;

	top: 6px;

	right: 0;

	width: 0;

}



/* Product */

.filter {

	position: absolute;

	right: 0px;

	top: 0px;

	padding: 5px 10px;

	background: #f1f1f1;

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 10px;

	text-transform: uppercase;

	border-radius: 5px;

	cursor: pointer;

	border: 1px solid #ddd;

	display: none;

}

.flex-product-main {

	display: flex;

	gap: 20px;

}

.flex-product-main .left-product {

	width: 250px;

	border: 1px solid #f1f1f1;

	padding: 20px;

	border-radius: 5px;

}

.flex-product-main .right-product {

	width: calc(100% - 250px);

}

.wrap-product-sale {

	background-color: #ffa09e;

	border-radius: 10px;

	overflow: hidden;

}

.wr-search p {

	font-weight: bold;

	text-transform: uppercase;

}



.product {

	display: block;

	position: relative;

	text-align: center;

}





.product .pic-product {margin-bottom: 15px;}

.product:hover .pic-product {

}

.product .pic-product img {

}

.product .pic-product > a {border-radius: 10px;}

.first_img {

	position: absolute;

	top: 0;

	transition: all 0.5s ease;

	height: 100%;

}

.product:hover .first_img {

	transform: scale(0);

}

.second_img {

	display: block;

	position: absolute;

	top: 0;

	right: 100%;

	transition: all 0.5s ease;

	height: 100%;

}

.product:hover .second_img {

	right: 0;

	top: 0;

	transition: all 0.5s ease;

}

.product .name-product {

	margin-bottom: 5px;

	font-weight: normal;

}

.product .name-product a {

	font-size: 16px;

	color: #232323;

	font-family: 'BB';

}

.product .name-product a:hover {

	color: #ff2e00;

}

.product .name-product .text-split {

	-webkit-line-clamp: 2;

}

.product .price-product {

	color: #555;

	margin-bottom: 0;

}

.product .price-new {

	color: var(--Nhn, #E20000);

text-align: center;

font-family: "BB";

font-size: 18px;

font-style: normal;

font-weight: 700;

line-height: normal;

}

.product .price-old {

	padding: 0 10px;

	font-size: 14px;

	text-decoration: line-through;

	display: block;

	color: #ff2e00;

	text-transform: uppercase;

}

.product .price-per {

	color: #ff2e00;

	font-size: 13px;

	text-align: center;

	font-weight: 700;

}

.desc-product {

    color: var(--Ni-dung, #333);

    text-align: center;

    font-family: 'BR';

    font-size: 12px;

    font-style: normal;

    margin: 10px 0;

    line-height: 18px; /* 150% */

}



.box-cat {

	text-align: center;

}

.box-cat h3 {

	font-size: 14px;

	color: #333;

	margin-top: 10px;

}

.box-cat:hover h3 {

	color: #f00;

}

.cart-product {

	margin: 5px 0 0 0px;

}

.cart-product span {

	cursor: pointer;

	color: #fff;

	text-align: center;

	padding: 0px 5px;

	border-radius: 5px;

	display: inline-block;

	line-height: 34px;

	font-size: 13px;

	font-weight: 700;

}

.cart-add {

	margin-left: 10px;

	background-color: #00a5d9;

	width: 155px;

}

.cart-add:hover {

	background-color: #fed402;

}

.cart-buy {

	background-color: #ff2e00;

	width: 93px;

	height: 33px;

}

.cart-buy:hover {

	background-color: #fed402;

}

.grid-product {

	display: grid;

	grid-template-columns: repeat(4, 1fr);

	gap: 20px;

}



.grid-product > * {

	max-width: 100%; 

	min-width: 0; 

  }

.grid-product .product .product-info {

	margin-top: 10px;

	color: #333;

}

.grid-product .product .product-info h3 {

	font-size: 17px;

	color: #333;

}

.grid-product .product .product-info .price span {

	color: #f00;

}

.grid-product .product .pic-product {

	border: 1px solid #ddd;

}



/* product detail */



.grid-pro-detail {

	display: flex;

	justify-content: space-between;

	align-items: start;

}



.grid-pro-detail .left-pro-detail {

	width: 46%;

}



.grid-pro-detail .right-pro-detail {

	width: 50%;

	font-family: 'BR';

}



.detail-product {

	display: flex;

	justify-content: space-between;

}

.detail-product .left-pro-detail {

	width: 40%;

	border: 1px solid #ddd;

}

.detail-product .right-pro-detail {

	width: 57%;

}

.detail-product .right-pro-detail ul {

	list-style: none;

	padding: 0px;

}

.detail-product .right-pro-detail ul li {

	margin-bottom: 20px;

}

.detail-product .right-pro-detail ul li .title-pro-detail {

	font-size: 18px;

}

.detail-product .right-pro-detail ul li .attr-content-pro-detail {

	display: inline-block;

	margin-bottom: 0px;

}

.detail-product .right-pro-detail ul li .attr-content-pro-detail .price-new-pro-detail {

	font-weight: 700;

	font-size: 20px;

	color: #f00;

}

.tabs-pro-detail .tab-content{

	border:1px solid #ddd;

	border-top: none;

	padding: 20px;



}

.nav-tabs li a{

	text-transform: uppercase;

	font-weight: 500;

	color: #333;

}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover{color: #f00;}

/* css block actions  */

.ul-actions {

	display: flex;

	justify-content: center;

	margin: 20px;

	gap: 15px;

	align-items: flex-start;

}

.ul-actions li,

.ul-actions > div {

	list-style-type: none;

	margin: 0;

	padding: 0;

	width: 80px;

	text-align: center;

}

.ul-actions .active .box__tabr,

.ul-actions .box__tabr:hover {

	border-color: #fd6e1d;

}

.ul-actions .box__tabr {

	align-items: center;

	border: 1px solid #e0e0e0;

	border-radius: 2px;

	display: flex;

	justify-content: center;

	min-height: 55px;

	padding: 4px;

	height: 60px;

	width: 80px;

}

.icon-action {

	background-image: url('../images/icon_chitiet@2x-min.png');

	background-repeat: no-repeat;

	display: inline-block;

	height: 30px;

	width: 30px;

	line-height: 30px;

	vertical-align: middle;

	background-size: 300px 180px;

}

.icon-dnb {

	background-position: 0 0;

	height: 28px;

	width: 28px;

}

.icon-tskt {

	background-position: -105px 0;

	height: 30px;

	width: 30px;

}

.icon-ttsp {

	background-position: -140px 0;

	height: 19px;

	width: 23px;

}

.ul-actions p {

	font-size: 14px;

	line-height: 1.3;

	margin-top: 5px;

	white-space: normal;

	color: #000;

}

/* modal-detail */

.modal-detail::-webkit-scrollbar {

	width: 10px;

}

.modal-detail::-webkit-scrollbar-thumb {

	width: 10px;

	background: #4d90e0;

	border-radius: 10px;

	height: 50px;

}

.modal-detail {

	position: fixed;

	z-index: 999;

	background: #000000c4;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	overflow-y: scroll;

}

.content-modal-detail {

	background: #fff;

	max-width: 1200px;

	margin: 0px auto;

	min-height: 100vh;

}

.content-modal-detail .tabs {

	display: flex;

	cursor: pointer;

	padding: 0;

	list-style: none;

	justify-content: center;

	border-bottom: 1px solid #e0e0e0;

	position: sticky;

	top: 0px;

	background: #fff;

	z-index: 99;

}

.content-modal-detail .tabs li {

	padding: 20px 20px;

	margin-right: 5px;

	font-weight: bold;

	position: relative;

	border-bottom: 4px solid #fff;

}

.content-modal-detail .tabs li.active {

	color: #2d9cdb;

	border-bottom: 4px solid #2d9cdb;

}

.content-modal-detail .tab-content {

	padding: 20px;

	max-width: 900px;

	margin: 0px auto;

}

.content-modal-detail .tab-content.active {

	display: block;

}



.close-tab {

	position: fixed;

	top: 15px;

	right: 20px;

	z-index: 10;

}



.btn-closemenu {

	position: fixed;

	top: 10px;

	right: 20px;

	background-color: #fff;

	border: 1px solid #e0e0e0;

	border-radius: 4px;

	color: #333;

	cursor: pointer;

	line-height: 21px;

	padding: 7px;

	text-align: right;

	width: 72px;

}



.btn-closemenu::before {

	transform: rotate(45deg);

}

.btn-closemenu::after {

	transform: rotate(-45deg);

}

.btn-closemenu::before,

.btn-closemenu::after {

	background-color: #333;

	content: '';

	left: 13px;

	height: 14px;

	position: absolute;

	top: 10px;

	width: 1px;

}

.cursor-pointer {

	cursor: pointer;

}



/* Contact */

.contact-map {

	position: relative;

	height: 500px;

	margin-top: 30px;

}

.contact-map iframe {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

}

.frm_contact {

	border: 1px solid #ddd;

	padding: 30px;

}

/*  breadCrumbs */

.breadCrumbs {

	padding: 10px 0px;

	/* background: #ddd; */

	border-top: 1px solid var(--color-main);

	border-bottom: 1px solid var(--color-main);

	font-family: 'BR';

}

.breadCrumbs ol {

	margin: 0px;

}

.breadCrumbs ol li a {

	color: #333;

}

.breadCrumbs ol li a:hover {

	color: var(--color-main);

}



/* paging */

.paging-product {

	position: relative;

}

.pagination {

	margin: 20px 0px;

}

.pagination li span {

	cursor: pointer;

}



.btn-frame {

	display: block;

	width: 50px;

	height: 50px;

	position: fixed;

	right: 20px;

	z-index: 10;

	cursor: pointer;

}

.btn-frame i {

	width: 50px;

	height: 50px;

	border-radius: 50%;

	background: #1182fc;

	position: relative;

	z-index: 1;

	display: flex;

	align-items: center;

	justify-content: center;

}

.btn-frame i img {

	vertical-align: middle;

	width: 24px;

	/* -webkit-filter: brightness(0) invert(1); */

	border-radius: 0 !important;

}

.btn-frame .animated.infinite {

	animation-iteration-count: infinite;

}

.btn-frame .kenit-alo-circle {

	width: 60px;

	height: 60px;

	top: -5px;

	right: -5px;

	position: absolute;

	background-color: transparent;

	border-radius: 100%;

	border: 2px solid rgba(7, 41, 103, 0.8);

	opacity: 0.1;

	border-color: #1182fc;

	opacity: 0.5;

}

.btn-frame .zoomIn {

	animation-name: zoomIn;

}

.btn-frame .animated {

	animation-duration: 1s;

	animation-fill-mode: both;

}

.btn-frame .kenit-alo-circle-fill {

	width: 70px;

	height: 70px;

	top: -10px;

	right: -10px;

	position: absolute;

	border-radius: 100%;

	border: 2px solid transparent;

	background-color: rgba(7, 41, 103, 0.35);

	opacity: 0.4;

}

.btn-frame .pulse {

	animation-name: pulse;

}



.grid-properties {

	display: flex;

	gap: 10px;

}

.grid-properties span {

	position: relative;

	border: 1px solid #ddd;

	padding: 5px 15px;

	cursor: pointer;

}

.grid-properties span:hover,

.grid-properties span.active {

	border: 1px solid #f00;

	color: #f00;

}

.grid-properties span:hover:after,

.grid-properties span.active:after {

	content: '';

	border: 0.9375rem solid transparent;

	border-bottom: 0.9375rem solid var(#d0011b, #ee4d2d);

	bottom: 0;

	position: absolute;

	right: -0.9375rem;

}

.grid-properties span.outstock {

	pointer-events: none;

	background-color: #fafafa;

	color: rgba(0, 0, 0, 0.26);

	cursor: not-allowed;

}



/* scrollToTop */

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

}



/* Hidden Google Captcha */

.grecaptcha-badge {

	display: none !important;

	width: 0px !important;

	height: 0px !important;

	visibility: hidden !important;

	overflow: hidden;

}



[x-cloak] {

	display: none !important;

}



/* CSSS T */



a.views_dm {

	width: 140px;

	height: 38px;

}

.effect_button {

	transform-style: preserve-3d;

	transform: translateZ(-25px);

	transition: transform 0.25s;

	position: relative;

	display: inline-flex;

	z-index: 1;

}

.effect_button:after,

.effect_button:before {

	position: absolute;

	content: 'xem them';

	height: 100%;

	width: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

	border: 1px solid #f00;

	box-sizing: border-box;

	border-radius: 5px;

	z-index: -1;

	text-transform: uppercase;

	font-weight: 700;

	font-size: 15px;

}

.effect_button:before {

	color: #fff;

	background: #f00;

	transform: rotateY(0deg) translateZ(25px);

}

.effect_button:after {

	color: #f00;

	transform: rotateX(90deg) translateZ(25px);

}

.effect_button:hover {

	transform: translateZ(-25px) rotateX(-90deg);

}



/* News */

.grid-news {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	gap: 20px;

}



.item-news {

	--tw-bg-opacity: 1;

	background-color: #f1f1f1;

	padding: 1rem;

	box-shadow: 0px 0px 5px rgb(0 0 0 / 19%);

	transition-property: all;

	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

	transition-duration: 500ms;

}



.item-news:hover {

	transform: translateY(-0.25rem);

	box-shadow: 0px 0px 10px rgb(0 0 0 / 19%);

}



.item-news .ds-news {

	width: 100%;

}



.ds-news span {

	display: block;

	line-height: 25px;

	color: #999;

	font-size: 13px;

	margin: 10px 0px 0px;

	font-style: italic;

}



.ds-news h3 {

	font-size: 16px;

	margin: 0;

	color: #000;

	text-transform: uppercase;

	-webkit-line-clamp: 2 !important;

	line-height: 1.5;

}



.ds-news .desc {

	color: #333;

}



.item-news:hover h3 {

	color: #f00;

}



.item-news-all a {

	display: flex;

	justify-content: space-between;

}

.item-news-all a .ds-news {

	width: calc(100% - 110px);

}

.item-news-all a .ds-news h3 {

	text-transform: capitalize;

	font-size: 15px;

	text-align: left;

}

.flex-news-detail {

	display: flex;

	justify-content: space-between;

	align-items: start;

	flex-wrap: wrap;

}



.news-left {

	width: 73%;

}

.news-right {

	position: sticky;

	top: 80px;

	width: 25%;

	background: #f1f1f1cc;

	padding: 20px;

	box-shadow: 0px 0px 5px #99999978;

}



a.btn_link {

	position: relative;

	margin: 5px;

	height: 36px;

	width: 140px;

}



.btn_link.effect_button:first-child:after,

.btn_link.effect_button:first-child:before {

	content: 'facebook';

}

.btn_link.effect_button:first-child:after,

.btn_link.effect_button:first-child:before,

.btn_link.effect_button:nth-child(2):after,

.btn_link.effect_button:nth-child(2):before {

	border-width: 1px;

	border-style: solid;

	--tw-border-opacity: 1;

	border-color: rgb(0 165 217 / var(--tw-border-opacity));

	--tw-bg-opacity: 1;

	background-color: rgb(0 165 217 / var(--tw-bg-opacity));

}

.btn_link.effect_button:nth-child(2):after,

.btn_link.effect_button:nth-child(2):before {

	content: 'google map';

}

div.slick.in-page:not(.slick-initialized) {

	display: flex;

	gap: 10px;

	overflow: hidden;

	white-space: nowrap;

}

.attr-pro-detail {

	margin: auto;

	padding: 0;

}

.baonoidung iframe {

	max-width: 100% !important;

}

.baonoidung img {

	height: auto !important;

}

.baonoidung * {

	max-width: 100% !important;

}

.baonoidung table {

	display: block;

	overflow-y: auto;

}

div.desc-pro-detail ul li {

	margin-bottom: 0.75rem;

	list-style-type: circle;

}

div.desc-pro-detail ul li:last-child {

	margin-bottom: 0 !important;

}

div.baonoidung ul li {

	margin-bottom: 0.75rem;

	list-style-type: disc;

}

div.baonoidung ol li {

	margin-bottom: 0.75rem;

	list-style-type: decimal;

}

.price-new-pro-detail {

	font-family: 'BB';

	font-size: 20px;

	color: #ff2e00;

}

.price-old-pro-detail {

	font-weight: 500;

	color: #666;

	text-decoration: line-through;

	padding-left: 10px;

}

.color-pro-detail.active,

.size-pro-detail.active,

.size-pro-detail:hover {

	color: #fff !important;

	background: #232323;

}

.quantity-pro-detail {

	width: 100%;

	max-width: 110px;

	line-height: normal;

	display: flex;

	align-items: center;

	justify-content: space-between;

	text-align: center;

	margin-right: 20px;

	font-weight: 500;

}

.quantity-pro-detail span {

	line-height: 40px;

	padding: 0;

	width: 30px;

	height: 40px;

	color: #000;

	cursor: pointer;

	font-size: 22px;

}

.quantity-pro-detail span.quantity-plus-pro-detail {

	border-left: 0;

}

.quantity-pro-detail span.quantity-minus-pro-detail {

	border-right: 0;

}

.quantity-pro-detail input {

	height: 40px;

	width: calc(100% - 60px);

	text-align: center;

	font-size: 20px;

	padding: 5px;

	font-weight: 700;

}

.cart-pro-detail {

	margin-bottom: 1rem;

	display: flex;

	align-items: center;

	justify-content: flex-start;

}

.cart-pro-detail a {

	text-align: center;

	color: #fff;

	padding: 8px 15px;

	cursor: pointer;

	border-radius: 5px;

	font-weight: bold;

}

.cart-pro-detail a.addnow {

	margin-right: 10px;

	color: #fff;

	border-radius: 5px;

}

.cart-pro-detail a.addnow:hover {

	background-color: #f00;

	color: #fff;

	border-color: #f00;

}

.cart-pro-detail a.buynow {

	background-color: #000;

}

.cart-pro-detail a.buynow:hover {

	background-color: #f00;

	color: #fff;

}

.cart-pro-detail a i {

	vertical-align: top;

	margin-top: 3px;

	margin-right: 8px;

}



/* Swipper */



.swiper .swiper-wrapper {

	width: inherit;

	height: inherit;

}

.swiper.swiper-initialized .swiper-wrapper {

	margin: 0;

	width: 100%;

	height: 100%;

}

.swiper.swiper-initialized .swiper-slide {

	padding: 0;

	margin: 0px;

	overflow: hidden;

}



/* Popup */

.modal-title{

	font-size: 20px;

}

/* CSS cho loading */

.loading-overlay {

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(255, 255, 255, 0.7);

	justify-content: center;

	align-items: center;

	z-index: 999;

}



.loading {

	width: 50px;

	height: 50px;

	border: 5px solid rgba(0, 0, 0, 0.1);

	border-radius: 50%;

	border-top: 5px solid #3498db;

	animation: spin 1s linear infinite;

}



@keyframes spin {

	0% {

		transform: rotate(0deg);

	}

	100% {

		transform: rotate(360deg);

	}

}



/* search res */



.search-res {

  position: relative;

  margin-left: 55px;

}

p.icon-search i {}

.search-res .icon-search {

  width: 32px;

  height: 32px;

  cursor: pointer;

  text-align: center;

  line-height: 32px;

  color: #fff;

  font-size: 21px;

  margin: 0px;

  border-radius: 50%;

}



.search-res .icon-search.active {

  color: black;

  background: #ffffff;

  border-radius: 100%;

}



.search-res .search-grid {

  position: absolute;

  top: 50px;

  right: 0px;

  width: 0px;

  height: 40px;

  overflow: hidden;

  background: #ffffff;

  border: 1px solid black;

  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: black;

  line-height: 40px;

  text-align: center;

}



.search-res .search-grid input {

  outline: none;

  border: none;

  color: black;

  font-size: 14px;

  width: calc(100% - 35px);

}



.search-res .search-grid input::-webkit-input-placeholder {

  color: #000;

}



.search-res .search-grid input:-moz-placeholder {

  color: #313131;

}



.search-res .search-grid input::-moz-placeholder {

  color: #313131;

}



.search-res .search-grid input:-ms-input-placeholder {

  color: #313131;

}





/* news dl */

.w-newshot {

    padding: 60px 0;

    background: #FDF8E9;

}



a.name-news_dt2 {

    color: var(--Tiu, #111);

    font-family: 'BB';

    font-size: 18px;

    font-style: normal;

    font-weight: 600;

    line-height: 26px; /* 144.444% */

    margin-bottom: 5px;

    min-height: 50px;

}



.news_dt-time {

    color: #6C6C6C;

    font-family: 'BR';

    font-size: 13px;

    font-style: normal;

    margin-bottom: 15px;

    line-height: normal;

}



.news_dt-time svg {

    margin-right: 10px;

}



.desc-news_dt {

    color: var(--Ni-dung, #333);

    font-family: 'BR';

    font-size: 14px;

    font-style: normal;

    min-height: 72px;

    line-height: 24px; /* 171.429% */

}

.pic-news_dt a {

    border-radius: 10px;

}



.item-news_dt {

 border-radius: 20px;

 border: 2px solid #FFF;

 background: rgba(255, 255, 255, 0.60);

 box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.18);

 margin: 0 5px 5px;

 padding: 8px 8px 35px;

}



.pic-news_dt {

    margin-bottom: 15px;

}



a.name-news_dt {

    margin-bottom: 7px;

    font-size: 17px;

    -webkit-line-clamp: 2;

    color: #000;

    line-height: 1.3;

    min-height: 44px;

}



.news_dt-intro {

}

.desc-news_dt {

    font-size: 14px;

    line-height: 1.5;

    min-height: 84px;

    -webkit-line-clamp: 4;

}



.col-20 {

    padding: 0 10px 20px;

}



.row-20 {

    margin: 0 -10px;

}

.title-main.mb-3 span {

    font-size: 25px;

    text-transform: capitalize;

    line-height: 1.2;

    font-family: SVN;

}



.ds-news {

    text-align: center;

    margin-top: 10px;

}



.page-item.active .page-link, .page-link:hover {

    background-color: var(--color-main);

    border-color: var(--color-main);

    color: #fff;

}



.page-link {

    color: #000;

    margin: 0 6px;

    padding: 5px 12px;

}



.hover-a:hover{color: var(--color-hover2);}

.hover-b:hover{color: var(--color-main);}

.toolbar ul li a img {

 /* -webkit-filter: brightness(0) invert(1); */

    margin: auto;

}

.toolbar ul li a span {

    font-size: 13px;

}



/* hover chay lai */





.btn-11 {

    position: relative;

    display: block;

    overflow: hidden;

}



.btn-11:hover {

    color: #fff;

    transition: all 1s;

}



.btn-11:before {

    left: -20px;

    transform: translate(-50%, -50%);

}



.btn-11:after {

    right: -20px;

    transform: translate(50%, -50%);

}



.btn-11:before, .btn-11:after {

    position: absolute;

    top: 50%;

    content: "";

    width: 20px;

    height: 20px;

    background-color: #039;

    border-radius: 50%;

    z-index: 1;

}



.btn-11:hover:before {

    -webkit-animation: criss-cross-left 0.8s both;

    animation: criss-cross-left 0.8s both;

    -webkit-animation-direction: alternate;

    animation-direction: alternate;

}



.btn-11:hover:after {

    -webkit-animation: criss-cross-right 0.8s both;

    animation: criss-cross-right 0.8s both;

    -webkit-animation-direction: alternate;

    animation-direction: alternate;

}



@-webkit-keyframes criss-cross-left {

    0% {

        left: -20px;

    }



    50% {

        left: 50%;

        width: 20px;

        height: 20px;

    }



    100% {

        left: 50%;

        width: 375px;

        height: 375px;

    }

}



@keyframes criss-cross-left {

    0% {

        left: -20px;

    }



    50% {

        left: 50%;

        width: 20px;

        height: 20px;

    }



    100% {

        left: 50%;

        width: 375px;

        height: 375px;

    }

}



@-webkit-keyframes criss-cross-right {

    0% {

        right: -20px;

    }



    50% {

        right: 50%;

        width: 20px;

        height: 20px;

    }



    100% {

        right: 50%;

        width: 375px;

        height: 375px;

    }

}



@keyframes criss-cross-right {

    0% {

        right: -20px;

    }



    50% {

        right: 50%;

        width: 20px;

        height: 20px;

    }



    100% {

        right: 50%;

        width: 375px;

        height: 375px;

    }

}



.flex_header.fix_head {

    padding: 5px 0;

}

.fix_head .menu {

    max-width: 100%;

}

.effect-run a, .effect-run1 a {

	display: block;

	}

.effect-run canvas, .effect-run1 canvas {

	top: -2px;

	left: -2px;

	}

.effect-run img, .effect-run1 img {

	margin: 0!important;

}

/* gioi thieu */

.wrap-about {

    padding: 75px 0 70px;

}



.title-about span {

    color: var(--Tiu, #111);

    text-align: center;

    font-family: FTV;

    font-size: 40px;

    font-style: normal;

    font-weight: 400;

    line-height: normal;

}



.title-about h2 {

    color: var(--Nhn, #E20000);

    text-align: center;

    font-family: SVN;

    font-size: 40px;

    font-style: normal;

    font-weight: 800;

    line-height: normal;

    text-transform: uppercase;

}



.title-about img {

    max-width: 156px;

    margin: auto;

}



.title-about {

    margin-bottom: 15px;

}



.desc-about {

    max-width: 1000px;

    margin: auto;

    color: var(--Ni-dung, #333);

    text-align: center;

    font-family: BR;

    font-size: 16px;

    font-style: normal;

    margin-bottom: 25px;

    line-height: 26px; /* 162.5% */

}

.content-about a {

    border-radius: 6px;

    background: var(--Ch-o, #FFC300);

    color: var(--Tiu, #111);

    text-align: center;

    font-family: 'BB';

    font-size: 15px;

    padding: 15px 27px;

    line-height: normal;

    text-transform: capitalize;

}



.about-top {

    margin-bottom: 50px;

}

.photo-about a {

    border-radius: 20px;

}



/* thuc don */

.product__w {

    background: #fdf8e9;

    padding: 65px 0 0;

}



.product__w:last-child {

    padding-bottom: 65px;

}



/* intro */

.intro__left {

    width: 47.6%;

}



.intro_right {

    width: 48.3%;

}

.wrap__intro {

    padding: 60px 0;

}



.fanpage_intro {

    border-radius: 12px;

    border: 1px solid var(--Ch-o, #FFC300);

    background: #FFF;

    padding: 10px;

}



.title_fanpage {width: 60px;text-align: center;display: flex;align-items: end;position: relative;justify-content: center;}



.title_fanpage p {

    color: var(--Tiu, #111);

    text-align: right;

    font-family: 'BB';

    font-size: 18px;

    font-style: normal;

    writing-mode: sideways-lr;

    line-height: normal;

}



.title_fanpage img {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    margin: auto;

}

.pic_feedback img {

    border-radius: 10px;

    border: 1px solid #CACACA;

}



.icon_feedback {

	



	position: absolute;

	bottom: 11px;

	right: 5px;

	

	z-index: 9;

}

.feedback_item {

    padding-bottom: 65px;

    position: relative;

}

.pic_feedback {

    margin-right: 15px;

}



.icon_feedback > div {

    position: relative;padding: 5px 5px 20px;background: #FFF;	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.20);

}



.icon_feedback > div:before {

    position: absolute;

    content: "";

    background: url(../images/h1.png);

    width: 152px;

    height: 164px;

    z-index: -2;

    bottom: -22px;

    right: -14px;

}



.icon_feedback > div:after {

    position: absolute;

    content: "";

    background: url(../images/v2.png);

    width: 99px;

    height: 36px;

    z-index: 2;

    top: -20px;

    left: 0;

    right: 0;

    margin: auto;

}



/* album */

.pic_al {

    border-radius: 20px;

    overflow: hidden;

}



.title-album h2 {

    color: var(--Nhn, #E20000);

    text-align: center;

    font-family: "SVN";

    font-size: 40px;

    font-style: normal;

    line-height: 1.5;

    margin-left: 15px;

    text-transform: uppercase;

    max-width: 80%;

    padding-bottom: 50px;

}



.title-album {

    padding-top: 76px;

}

.album-box.album-1 {

    position: relative;

    left: -90px;

}

.album-box.album-2 {

    position: relative;

    right: 80px;

    padding-top: 50px;

}



.album-box.album-3 {

    padding-left: 210px;

    padding-top: 35px;

}



.album-box.album-4 {

    margin-top: -65px;

}



.album-box.album-5 {

    position: relative;

    top: -300px;

}

.album_text {

    color: var(--Tiu, #111);

    text-align: center;

    font-family: 'FTV';

    font-size: 48px;

    left: 80px;

    right: 0;

    top: 0;

    bottom: 130px;

    max-width: 390px;

    max-height: 70px;

    margin: auto;

}

.content-main img {
    display: inline-block;
}

/* tin tuc */

.box-left{

	position: fixed;

	z-index: 1000;

	bottom: 100px;

	left: 15px;

  }