@charset "UTF-8";
/* Huong dan du dung before Font Awesome 5
.login::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "";}
*/
@font-face {font-family: 'RR';src: url('../fonts/Roboto-Regular.woff');font-display: block;}
@font-face {font-family: 'RM';src: url('../fonts/Roboto-Medium.woff');font-display: block;}
@font-face {font-family: 'RB';src: url('../fonts/Roboto-Bold.woff');font-display: block;}
@font-face {font-family: 'SE';src: url('../fonts/SFUEurostileRegular.woff');font-display: block;}
@font-face {font-family: 'MBA';src: url('../fonts/Muli-Black.woff');font-display: block;}
@font-face {font-family: 'UN';src: url('../fonts/UTM-Nokia.woff');font-display: block;}
@font-face {font-family: 'shh';src: url('../fonts/SVN-Hemi-Head.woff');font-display: block;}
b{font-weight: normal !important;font-family: 'RB';}
/* Main */
:root {
	--color-red: #ec2d3f;
	--color-ung: #28a745;
	--color-medium-red: #cc2c32;
	--color-dark-red: #c31829;
	--color-green: #28a745;
	--color-dark-green: #207d36;
	--color-black: #212529;
	--color-gray: #6c757d;
	--background-static: #ec2d3f;
	--background-hover: #ec2d3f;
	--color-static: #000;
	--color-hover: #a81700;
}
 
body {font-size: 14px;font-family: 'RR'; line-height: 1.5;top: 0 !important;min-width: 100%}

img {max-width: 100%;height: auto;vertical-align: top;}

a, input, textarea {outline: none;padding: 0px;}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;	margin: 0;
}
.modal{color: #000;}
.d-hiden {overflow: hidden;}

.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;}
.wrap-content {max-width: 1190px;margin: auto;width: calc(100% - 20px);}
#full{width: 100%;margin:auto;}
.relative{position: relative;}
.padding-top-bottom {padding: 40px 0;}
.pad-top {padding-top: 40px;}
.pad-bottom {padding-bottom: 40px;}
.mg-top {margin-top: 40px;}
.mg-bottom {margin-bottom: 40px;}

.hover_xemthem {transition: .4s;}
.hover_xemthem:hover {letter-spacing: 2px;}

/* General */
.title-main {margin-bottom: 1.5rem;text-align: center;position: relative;padding-bottom: 10px;}
.title-main span {text-transform: capitalize;color: #000;font-family: 'RM';font-size: 30px;display: block;}
.title-main::after{position: absolute;content: '';left: calc(50% - 50px);bottom: 0;width: 100px;height: 2px;background: #a81700;}
.title-main.mb-2{padding-bottom: 0;}
.title-main.mb-2:after{display: none;}

.title-detail-main {color: #333;font-size: 22px;margin-bottom: 1.5rem;font-family: 'RB';}

.time-main {margin-bottom: 0.75rem;color: #999999;}
.time-main i {margin: 0 5px 0px 0px;}
.time-main span {vertical-align: top;display: inline-block;}

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

.control-owl {position: absolute;	width: 100%;z-index: 2;	left: 0px;top: calc(50% - 45px/2);}
.control-owl button {opacity: 0.5;width: 45px;height: 45px;font-size: 25px;top: 0px;position: absolute;
outline: none;border: 0px;padding: 0px;margin: 0px;display: block;cursor: pointer;color: #ffffff;
text-align: center;display: flex;align-items: center;justify-content: center;margin: 0px;
background-color:#000;border-radius: 3px;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}
.control-owl button:hover {	opacity: 1;}
.control-owl button.owl-prev {left: 10px;}
.control-owl button.owl-next {right: 10px;}
.form-control, .form-control-plaintext:not(textarea), .custom-select {height: calc(1em + 1.25rem + 8px);}

.text-sm {font-size: .875rem !important;}

/* Lazyload */
img.lazy {opacity: 0;}
img:not(.initial) {transition: opacity 1s;}
img.initial, img.loaded, img.error {opacity: 1;}
img:not([src]) {visibility: hidden;}

.mauten{
background: #419a00;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: #419a00;
background-image: -webkit-linear-gradient(to right,#419a00 0%,#156953 100%);
background-image: -moz-linear-gradient(to right,#419a00 0%,#156953 100%);
background-image: -ms-linear-gradient(to right,#419a00 0%,#156953 100%);
background-image: -o-linear-gradient(to right,#419a00 0%,#156953 100%);
background-image: linear-gradient(to right,#419a00 0%,#156953 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#419a00',endColorstr='#156953',GradientType=1);
}
.nen{
background: #419a00;
background-image: #419a00;
background-image: -webkit-linear-gradient(to right,#419a00 0%,#156953 100%);
background-image: -moz-linear-gradient(to right,#419a00 0%,#156953 100%);
background-image: -ms-linear-gradient(to right,#419a00 0%,#156953 100%);
background-image: -o-linear-gradient(to right,#419a00 0%,#156953 100%);
background-image: linear-gradient(to right,#419a00 0%,#156953 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#419a00',endColorstr='#156953',GradientType=1);
}

/* Header */
.header {	background-color: #a81700;}
.header .wrap-content {padding: 3px 0;}
.header ul{list-style: none;margin:0; padding: 0;}
.header ul li span{color: #fff;font-size: 13px;}
.header ul li.line{width: 1px;height: 10px;background: #fff;margin: 0 16px}
.social-header a {width: 45px;margin-left: 8px;}
.social-header a img{}


.logo-header{position: relative;overflow: hidden;max-width: 150px;}
.logo-header img{}
.logo-header:before{content:"";position:absolute;top:50%;width:10px;height:100%;transform:translateY(-50%); 
background:rgba(255,255,255,.5);z-index:999;left:-5%;animation: light-left 3s infinite alternate linear;}
.logo-header:after{content:"";position: absolute;top:50%;width:10px;height:100%;transform: translateY(-50%);
background:rgba(255,255,255,.5);z-index: 999;right: -5%;animation: light-right 3s infinite alternate linear;}
@keyframes light-left{0%{left:-5%;opacity:0}50%{left:50%;opacity:1}to{left:105%;opacity:0}}
@keyframes light-right{0%{right:-5%;opacity:0}50%{right:50%;opacity:1}to{right:105%;opacity:0}}

.menu {background-color: #fff;position: relative;z-index: 999;left: 0;width: 100%;top: 0;padding: 7px 0;}
.menu .wrap-content{position: relative;}
.fix_head {position: fixed !important;top: 0;box-shadow: 0 0 5px #999;min-width: 1349px}
.fix_head .logo-header img{height: 60px;}
.menu ul {width: 100%;padding: 0px;margin: 0;list-style: none;}
.menu ul.ulmn{width: 930px;}
.menu ul.ulmn > li{flex: auto;}
.menu ul li {position: relative;z-index: 1;}
.menu ul li.line {width: 1px;height: 15px;background-color: rgba(0, 0, 0, 0.1);flex: none;}
.menu ul li a {display:block;position: relative;text-transform: uppercase;text-decoration: none !important;
	font-size: 15px;color: #000;padding: 0;	font-family: 'RR';line-height:47px;text-align: center}
.menu ul li a.active, .menu ul li:hover > a {color: var(--color-hover);}
.menu ul.ulmn > li > a:after{position:absolute;left: 0;bottom: 0;width: 0;content: '';height: 2px;
background: url(../images/menu.png) no-repeat right center;transition: 0.5s;}
.menu ul.ulmn > li > a.active:after, .menu ul.ulmn > li:hover > a:after{width: 100%;}
.menu ul li ul {
	position: absolute;
	left: 0;
	top: 100%;
	min-width: 250px;
	background-color: #fafafa;
	-webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
	box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
	-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;
	line-height: normal;
	height: auto;
}
.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;
}
.menu ul li ul li {}
.menu ul li ul li:last-child {border-bottom: 0px;}
.menu ul li ul li a{font-size:14px;text-align: left;color:#000;padding: 10px 10px 9px 10px;
text-transform: capitalize;line-height: 1.5;border-bottom: 1px solid rgb(0 0 0 / 10%);}
.menu ul li ul li a.active, .menu ul li ul li:hover > a {color: var(--color-hover);}
.menu ul li ul li ul {left: 100%;margin-top: 0px;top: 0;}

/* Slideshow */
.control-slideshow button {width: 30px;height: 40px;}
.control-slideshow button:hover {}
.slideshow {position: relative;}
.slideshow-item {display: block;	cursor: pointer;}
.slideshow:hover .control-slideshow {opacity: 1;}
.control-slideshow {opacity: 0;}


.ttsl{position: absolute; bottom: 180px;right: 30px;width: 336px;padding-left: 15px;
background: url(../images/sl.png) no-repeat left 15px;}
.ttsl .desc{font-size: 61px;color: #fff;font-family: 'MBA';line-height: 1.2;color: rgb(255 255 255 / 20%);}
.ttsl .name{font-size: 66px;color: #fff;font-family: 'MBA';line-height: 1.2;}
.ttsl a{color: #fff;font-size: 20px;display: block;width: 155px;height: 41px;line-height: 40px;border-bottom: 1px solid #fff;background: url(../images/sl1.png) no-repeat right center;margin-top: 10px;}

.slideshow p.content{color: #fff;font-size: 20px;text-align: center;position: absolute;right: 30px;bottom: 20px;
line-height: 35px;font-family: 'SE';width: 365px;text-align: right;letter-spacing: 2px;}
.owl-item.active .ttsl{
-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
.owl-item.active p.content{
-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

/* Breadcrumb */
.breadCrumbs {background-color: #eee;}
.breadCrumbs .wrap-content {padding: 0.75rem 0;}
.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,
.breadCrumbs .wrap-content .breadcrumb-item a:hover {color: var(--color-red);}


.xemthem{position: relative;}
.xemthem span{position: relative;z-index: 5;}
.xemthem:after{right:0;height:100%;width:0;top:0;background:var(--color-red);transition: all .5s ease;content: '';
position: absolute;}
.xemthem:hover:after{left:0;width:100%}


/* Search */
.wrap-timkiem{padding: 20px 0;background: #a81700;}
.tdtk{padding-left: 63px;color: #fff;background: url(../images/sr.png) no-repeat left center;}
.tdtk span:nth-child(1){line-height: 35px;font-size: 25px;font-family: 'RB';}
.tdtk span:nth-child(2){line-height: 27px;font-size: 15px;}
.search {width: 735px;background: #fff;position: relative;right: 0;top: 0;border-radius: 5px;overflow: hidden;}
.search p {width:150px;height:50px;cursor:pointer;text-align:center;margin:0px;color:#fff;font-size: 15px;line-height: 50px;background: #a81700;}
.search input {	width: calc(100% - 150px);height: 50px;outline: none;padding: 0px;border: 0px;
background: transparent;text-indent: 18px;font-size: 13px;color: #b3b3b3;}
.search input::-webkit-input-placeholder {color: #b3b3b3;}
.search input:-moz-placeholder {color: #b3b3b3;}
.search input::-moz-placeholder {color: #b3b3b3;}
.search input:-ms-input-placeholder {color: #b3b3b3;}


/*Giới thiệu*/
.wrap-about{}
.wrap-about .slgt{font-size: 19px;font-family: 'RB';margin:0px auto 20px;width: 290px;height: 50px; line-height: 50px;
color: #fff;background: url(../images/dt.png) no-repeat 30px center,#a81700;border-radius: 5px;padding-left: 58px;}
.wrap-about h2.name{line-height: 1.4;color: #333;font-size: 30px;font-family: 'RM';margin-bottom: 20px;position: relative;
padding-bottom: 10px;}
.wrap-about h2.name::after{position: absolute;bottom: 0;content: '';width: 100px;height: 2px;background: #a81700;
left: calc(50% - 50px);}
.wrap-about .desc{line-height: 30px;color: #000;font-size: 16px;}
.wrap-about .desc *{margin-bottom: 0;}

/* Brand */

.wrap-tieuchi {background: #f2f2f2;}
.wrap-tieuchi .wrap-content {	position: relative;overflow: hidden;}
.wrap-tieuchi .owl-carousel{width: calc(100% + 60px);margin-right: -60px;}
.item_tc{padding-right: 95px;background: url(../images/tc.png) no-repeat right center;}
.item_tc .img{display: block;width: 80px;margin:0 auto 17px;}
.item_tc h3{line-height: 26px;padding-bottom: 4px;border-bottom: 1px dashed #ccc;margin-bottom: 6px;font-size: 15px;
font-family: 'RB';text-align: center;}
.item_tc p{line-height: 22px;height: 42px;text-align: center;color: #818080;font-size: 13px;}
/* Product */
.wrap-product {}
.title-main1{margin-bottom: 30px;position: relative;line-height: 38px;color: #000;padding-bottom: 17px;position: relative;font-size: 25px;font-family: 'RB';text-transform: uppercase;}
.title-main1:after{position:absolute;left: 0;bottom: 0;content: '';width: 100px;height: 2px;background: var(--color-hover);}
.cap1{padding-bottom: 20px;}
.cap1 a{margin:0 1px 1px 0px;padding:10px;min-width: 110px;color: #000;font-size: 15px;font-family: 'RB';background: #f2f2f2;text-transform: capitalize;text-align: center;cursor: pointer;line-height: 20px;display: block;}
.cap1 a:hover,.cap1 a.active{color: #fff;background: #a81700;border-color: #a81700;}

.wrap-product .item_ve{width: calc(50% - 15px);}
.item_ve{width: 100%;padding-bottom: 10px;border-bottom: 1px solid #d9d9d9;margin-bottom: 10px;}
.item_ve h3{width: calc(100% - 200px);padding-right: 30px;}
.item_ve h3 a{color: #333;font-size: 16px;width: 100%;}
.item_ve h3 a span{width: 16px;height: 7px;display: block;margin:0 11px;background: url(../images/xe.png) no-repeat;}
.item_ve .price{display: block;color: #006bbe;font-size: 16px;width: 123px;}
.item_ve .addcart{width: 77px;height: 30px;line-height: 30px;display: block;border-radius: 5px;background: var(--color-hover);color: #fff;font-size: 12px;text-align: center;cursor: pointer;}
.item_ve .addcart:hover{background: #a81700;}
.khungdat .item_ve{
	padding: 0px;
	border-bottom: none;
}
.khungdat .item_ve h3 a{
	color: #fff;
}
.khungdat .item_ve .price{
	color: #f00;
}
.themve{display: block;margin: 30px auto 0;width: 230px;height: 45px;border-radius: 5px;background: #a81700;color: #fff;
text-align: center;font-size: 15px;position: relative;line-height: 45px;}
.themve:after{position: relative;content: '';margin-left: 10px;border-left: 8px solid #fff;border-top: 5px solid transparent;border-bottom: 4px solid transparent;display: inline-block;margin-bottom: 1px;}
.themve:hover{background: var(--color-hover);color: #fff;}

.flex-product {
	width: calc(100% + 20px);
	margin: 0 -10px;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
}
.owl-carousel .box-product {width: 100%;margin:  0;}

.box-product {width: calc(100%/3 - 20px);margin: 0 10px 20px 10px;position: relative;}
.box-product .pic-product {background: #ffffff;margin-bottom:  10px;}
.box-product .pic-product a,.pic-product img {display: block;width: 100%;}
.box-product .name-product {font-size: 14px;color: var(--color-black);margin-bottom: 10px;text-align: center;}
.box-product .name-product:hover {color: var(--color-hover);}
.box-product .name-product.text-split {-webkit-line-clamp: 2;}
.box-product .price-product {margin-bottom: 10px;text-align: center;}
.box-product .price-new {font-size: 15px;font-family: 'RM';color: var(--color-red);padding: 0 10px;}
.box-product .price-old {font-size: 12px;color: var(--color-gray);text-decoration: line-through;padding: 0 10px;}
.box-product .price-per {position: absolute;color: #ffffff;background: var(--color-red);text-align: center;
top: 10px;	right: 10px;font-size: 11px;border-radius: 2px;width: 45px;height: 25px;line-height: 25px;}

.wrap-datxe{padding: 60px 0 30px 0;background: url(../images/nendatve.jpg) no-repeat;background-size: 100% 100%;}
.khungdat{width: 49%;position: relative;}
.dt1{position: relative;padding-left: 42px;background: url(../images/dt1.png) no-repeat left center;padding-bottom: 5px;margin-top: 20px;filter: brightness(0) saturate(100%) invert(45%) sepia(97%) saturate(405%) hue-rotate(82deg) brightness(96%) contrast(84%);}
.dt1 span{color: #fff;font-size: 17px;font-style: italic;display: block;line-height: 1.4;}
.dt1 a{font-size: 20px;font-family: 'UN';color: var(--color-hover);line-height: 1.4;text-decoration: none !important;}

.form-newsletter h2{margin-bottom: 5px;font-size: 25px;font-family: 'UN';color: var(--color-hover);padding-left: 20px;
	text-align: center;line-height: 1.5;}
.newsletter-slogan {margin-bottom: 15px;color: #cececf;font-size: 17px;text-align: center;}
.newsletter-input {position: relative;}
.newsletter-input input {font-size: 13px;border-radius: 0px;height: 46px;width: 100%;padding: 0 19px;margin-bottom: 5px;
color: #5c5c5c;border-color: transparent !important;background: url(../images/in.png) no-repeat !important;}
.newsletter-input input::placeholder{color: #5c5c5c;}
.newsletter-input textarea {font-size: 13px;border-radius: 0px;height: 90px;width: 100%;padding: 0 19px;margin-bottom:24px;
color: #5c5c5c;border-color: transparent !important;background: url(../images/in1.png) no-repeat !important;line-height: 45px;}
.newsletter-input textarea::placeholder{color: #5c5c5c;}
.form-control.form-newsletter.is-invalid, .form-newsletter.was-validated .form-control:invalid{color: #f00 !important;}
.form-control.form-newsletter.is-invalid::placeholder, .form-newsletter.was-validated .form-control:invalid::placeholder{color: #f00 !important;}
.newsletter-button {width: 100%;}
.newsletter-button input[type=submit] {border: 0px;color: #fff;text-transform: capitalize;height: 41px;font-size: 15px;
border-radius: 0;background: url(../images/dat.png) no-repeat;width: 205px;margin:auto; font-family: 'RB';display: block;
box-shadow: unset;}

.motadat{width: 49%;text-align: center;}
.tieudend{margin-bottom: 10px;position: relative;padding-left: 25px;}
.tieudend::before{position: absolute;left: 0;top: 20px;width: 5px;height: calc(100% - 25px);content: '';background: var(--color-hover);}
.tieudend p:nth-child(1){font-size: 67px;font-family: 'UN';color: #313337;line-height: 1.2;filter: drop-shadow(0 0 1px #fff);}
.tieudend p:nth-child(2){color: var(--color-hover);font-size: 59px;font-family: 'UN';line-height: 1.2;}

.tieudend1{line-height: 34px;margin-bottom: 15px;font-size: 20px;font-family: 'SE';font-style: italic;color: #fff;}

/* Dịch vụ */
.wrap-dichvu{padding: 50px 0 30px 0; background: url(../images/nendv.png) repeat;overflow: hidden;}
.sltc{line-height: 25px;color: #a6a6a6;position: relative;padding-bottom: 18px;margin-bottom: 30px;}
.sltc::after{position: absolute;content: '';left: calc(50% - 50px);bottom: 0;width: 100px;height: 2px;background: #a81700;}
.khungdv{
	width: calc(100% + 90px);
	margin: 0 -45px;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
}
.item_dv{display: block;width: 336px;margin: 0 45px 20px 45px;background: url(../images/dv1.png) no-repeat bottom center;padding-bottom: 27px;}
.item_dv p{display: block;width: 190px;margin: 0 auto 7px;padding: 0 20px;text-align: center;color: var(--color-hover);line-height: 29px;height: 29px;background: url(../images/dv2.png) no-repeat;font-family: 'shh';font-size: 18px;}
.item_dv h3{
    text-align: center;
    margin-bottom: 7px;
    line-height: 30px;
    font-size: 20px;
    font-family: 'RB';
}
.item_dv h3 a{color: #000;display: block;text-align: center;}
.item_dv h3 a:hover{color: var(--color-hover);}
.item_dv .img{width: 310px;height: 236px;margin:auto;
	-webkit-mask-image: url(../images/dv.png);
	mask-image: url(../images/dv.png);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

/* Hoạt động */
.khunghd{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap:10px;}
.khunghd a:nth-child(2){grid-row: 1/3;grid-column: 2/2;}
.khunghd a:nth-child(3){grid-row: 1/1;grid-column: 3/5;}
.khunghd a span,.khunghd a span img{height: 100%;object-fit: cover;}

.item_tt{margin-bottom: 50px;}
.item_tt .img{display: block;width: 100%;margin-bottom: 10px;}
.item_tt .img img {width: 100%;display: block;}
.item_tt .tttt{padding-left: 11px;border-left: 5px solid #a81700;}
.item_tt .ngay{line-height: 19px;padding-left: 26px;color: #666;font-size: 13px;margin-bottom: 8px;background: url(../images/time.png) no-repeat left top;}
.item_tt .ngay a{margin-left: 2px;color: #a81700;display: inline-block;}
.item_tt h3{font-family: 'RR';margin-bottom: 7px;}
.item_tt h3 a{color: #000;font-size: 18px;line-height: 26px;}
.item_tt h3 a:hover {color: var(--color-hover);}
.item_tt .desc {color: #737373;font-family: 'RR';line-height: 25px;font-size: 13px;margin-bottom: 0;}

/* end bottom */

/* News */
.flex-news {
	width: calc(100% + 20px);
	margin: 0 -10px;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
}
.news {width: 100%;margin: 0 10px 20px 10px;font-size: 14px;}
.pic-news {float: left;width: 200px;margin-bottom: 0;}
.pic-news img {width: 100%;}
.info-news {float: left;width: calc(100% - 200px);padding-left: 15px;}
.name-news {color: var(--color-black);font-size: 14px;font-family: 'RB';line-height: 1.5;}
.name-news.text-split {-webkit-line-clamp: 2;}
.name-news:hover {color: var(--color-red);}
.time-news {color: var(--color-gray);margin-bottom: 10px;}
.desc-news {color: var(--color-black);margin-top: 5px;line-height: 22px;margin-bottom: 0px;}

.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: var(--color-black);}
.list-news-other li a:hover {color: var(--color-red);}

/* Contact */
.contact-article {margin-bottom: 3rem;}
.contact-input {position: relative;	margin-bottom: 15px;}
.contact-input textarea {resize: none;height: 150px;}
.contact-input .custom-file-label::after {content: attr(title);}
.contact-map {position: relative;height: 500px;}
.contact-map iframe {position: absolute;top: 0px;left: 0px;width: 100% !important;height: 100% !important;}

/* Partner */
.control-partner button {background-color: transparent;color: #fff;opacity: 1;width: 25px;font-size:23px;}
.control-partner button:hover {opacity: 0.7;}
.control-partner button.owl-prev {left: 0px;}
.control-partner button.owl-next {right: 0px;}

.wrap-partner {}
.wrap-partner .wrap-content {position: relative;}
.partner {display: block;border: 1px solid #eee;margin-bottom: 1px;}
.partner img {width: 100%;}



/* Footer */
.footer{margin-top: -10px;color: #fff;}
.footer-article {background: #a81700;padding:70px 0 50px 0;background-size: 100% 100%;}
.footer-news:nth-child(1) {width: 360px;}
.footer-news:nth-child(2) {width: 325px;}
.footer-news:nth-child(3) {width: 345px;}

.footer-news1:nth-child(1) {width: 170px;}
.footer-news1:nth-child(2) {width: 150px;}

.footer-title {
	text-transform: uppercase;
	font-size: 15px;
	font-family: 'RB';
	position: relative;
	padding-bottom: 13px;
	line-height: 30px;
	margin-bottom: 18px;
}
.footer-title:after{content:'';width:40px;height:3px;background:#fff;
position: absolute;bottom: 0;left: 0;}

#goi{margin-bottom: 36px;width: 300px;height: 45px;line-height: 45px;color: #000;padding-left: 63px;display: block;
background: url(../images/dt2.png) no-repeat 29px center,#fff;font-size: 15px;border-radius: 23px;}
#goi b{font-size: 16px;}

.footer-info p{margin-bottom: 20px;}

.social-footer{display: flex;flex-wrap: wrap;margin-top: 25px;}
.social-footer span{font-family: 'RB';font-size: 13px;display: block;}
.social-footer a{margin-left: 10px;display: block;width: 40px;}
.social-footer a img{display: block;width: 100%;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);}

.footer-ul {list-style: none;padding: 0px;margin: 0px;}
.footer-ul li {	margin-bottom: 10px;}
.footer-ul li:last-child {margin-bottom: 0px;}
.footer-ul li a {color: #fff;text-transform: capitalize;}
.footer-ul li a:hover {text-decoration: none;color: #ff0;}

#fanpage-facebook {	width: 3600px;max-width: 100%; overflow: hidden;margin: auto;}

.footer-powered {color: #ffffff;background: #a81700;font-size: 12px;position: relative;}
.footer-powered .wrap-content {padding: 13px 0;line-height: 25px;}
.footer-powered:after{position: absolute;right: 0;top: -22px;content: '';width: 380px;height: 22px;
background: url(../images/ft1.png) no-repeat;}

.statistic {text-align: right;}
.statistic span {padding-right: 10px;}
.statistic span:last-child {padding-right: 0px;}
#chi{display: block;height: 45px;line-height: 45px;background: url(../images/map.png) no-repeat left top;margin-top: -20px;
position: relative;z-index: 10;padding-left: 57px;color: #fff;font-size: 20px;}

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


.footer-tags {background: #eee;}
.footer-tags .wrap-content {padding: 30px 15px;}
.footer-tags-lists {list-style: none;padding: 0px;margin: 0px;}
.footer-tags-lists li {float: left;}
.footer-tags-lists li a {padding-bottom: 0.375rem;}

/* Video */
.wrap-video {margin: 0 -10px;}
.video {width: calc(100%/4 - 20px);margin: 0 10px 20px 10px;text-align: center;cursor: pointer;}
.pic-video {position: relative;	cursor: pointer;}
.pic-video:before{background: url(../images/play.png) no-repeat center center;cursor: pointer;content: "";
position: absolute;	width: 50px;height: 35px;top: calc(50% - 50px/2);left: calc(50% - 35px/2);z-index: 1;}
.pic-video img {width: 100%;}
.name-video {font-size: 16px;color: var(--color-black);margin-bottom: 0px;}

/* Album */
.album {cursor: pointer;margin-bottom: 1rem;}
.album-image {margin-bottom: 0.75rem;}
.album-name {margin-bottom: 0px;text-align: center;}
.album-name a {	display: block;	font-size: 16px;color: var(--color-black);margin-bottom: 0px;}

/* Product Detail */
.grid-pro-detail {margin-bottom: 3rem;}
.left-pro-detail {position: relative;text-align: center;width: calc(50% - 10px);}
.right-pro-detail {	width: calc(50% - 10px);}
.left-pro-detail .MagicZoom {border: 1px solid #eee;padding:7px;border-radius:5px;background-color:#ffffff;}

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

.owl-pro-detail {padding: 0px 30px;}

.control-pro-detail button {background-color:transparent;color:#222222;opacity:1;width:25px;font-size: 23px;}
.control-pro-detail button:hover {opacity: 0.7;}
.control-pro-detail button.owl-prev {left: 0px;}
.control-pro-detail button.owl-next {right: 0px;}

.thumb-pro-detail {
	display: block !important;
	border: 1px solid #eee;
	padding: 5px;
	border-radius: 3px;
	cursor: pointer;
	background-color: #ffffff;
}
.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-family: 'RB';}
.comment-pro-detail {display: flex;align-items: center;justify-content: flex-start;}
.social-plugin-pro-detail {margin-bottom: 1rem;margin-top: 0px !important;}
.desc-pro-detail {margin-bottom: 1rem;}
.brand-pro-detail a {background: var(--color-red);color: #fff;padding: 0 5px;display: inline-block;
border-radius: 3px;transition: .3s;}
.brand-pro-detail a:hover {	background: var(--color-dark-red);}
.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;font-family: 'RM';}
.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-family: 'RB';font-size: 20px;color: var(--color-red);}
.price-old-pro-detail{font-family: 'RM';color:var(--color-gray);text-decoration:line-through;padding-left:10px;}
.color-pro-detail {
	cursor: pointer;
	vertical-align: top;
	position: relative;
	width: 48px;
	height: 32px;
	margin: 0 8px 5px 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	border: 1px solid #dadada;
	transition: .3s;
	border-radius: 2px;
}
.size-pro-detail {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	width: 48px;
	position: relative;
	margin: 0 8px 0 0;
	border: 1px solid #dadada;
	border-radius: 2px;
	font-size: 12px;
	transition: .3s;
}
.size-pro-detail.active, .color-pro-detail.active {	border-color: var(--color-dark-red);}
.size-pro-detail.active:after, .color-pro-detail.active:after {
	content: '';
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 13px;
	height: 13px;
	background-repeat: no-repeat;
	background-image: url(../images/check-cart.png);
}

.color-pro-detail input[type=radio], .size-pro-detail input[type=radio] {display: none;}

.quantity-pro-detail {width: 150px;display: flex;align-items: center;justify-content: space-between;
text-align: center;	height: 35px;}

.quantity-pro-detail span {
	line-height: 25px;
	padding: 0px;
	width: 45px;
	height: 100%;
	color: #5f5f5f;
	cursor: pointer;
	font-size: 22px;
	border: 1px solid #f3f4f4;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f3f4f4;
}
.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: 100%;
	border: 1px solid #f3f4f4;
	width: calc(100% - 90px);
	text-align: center;
	font-size: 14px;
}
.cart-pro-detail {}
.cart-pro-detail a {
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	width: calc(100%/2 - 5px);
	border: 1px solid var(--color-red);
	height: 45px;
	font-size: 20px;line-height: 45px;
}
.cart-pro-detail a.addnow {background: #fff;color: var(--color-red);}
.cart-pro-detail a.addnow:hover {color: #fff;background: var(--color-red);}
.cart-pro-detail a.buynow {	background-color: var(--color-hover);border-color: var(--color-hover);}
.cart-pro-detail a.buynow:hover {background-color: var(--color-dark-red);color: #fff;}
.cart-pro-detail a i {vertical-align: top;margin-right: 8px;font-size: 18px;}

.tags-pro-detail a {float: left;font-size: 13px;padding-bottom: 0.375rem;margin: 0px 5px 5px 0px;}
.tags-pro-detail a i {font-size: 11px;margin: 5px 5px 0px 0px;}
.tabs-pro-detail {margin: 2rem 0;}
.tabs-pro-detail .nav-tabs .nav-link {border-top-width: 3px;font-size: 13px;color: #333;
text-transform: uppercase;font-family: 'RM';}
.tabs-pro-detail .nav-tabs .nav-link.active, .tabs-pro-detail .nav-tabs .nav-item.show .nav-link {
border-top-color: #555555;}
.tabs-pro-detail .tab-content{border: 1px solid #dee2e6;border-top: none;padding:  0 10px;}


/* Like Share */
.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: 3px;}

/* Paging */
.pagination-home .pagination .page-item .page-link {color: #555555;	font-size: .875rem;}
.pagination-home .pagination .page-item.active .page-link {
	color: #ffffff;background-color: #555555;border-color: #555555;}

/* Paging Ajax */
.pagination-ajax {text-align: center;}
.pagination-ajax a {
	display: inline-block;
	vertical-align: top;
	margin: 0px 3px 3px 3px;
	width: 35px;
	height: 35px;
	line-height: 33px;
	color: #666 !important;
	border: 1px solid #e6e6e6;
	font-size: 13px;
	cursor: pointer;
	text-decoration: none !important;
	background-color: #ffffff;
	border-radius: 3px;
}
.pagination-ajax a.current, .pagination-ajax a:hover {
	color: #ffffff !important;
	border-color: var(--color-red);
	background-color: var(--color-red);
}
.pagination-ajax a.first, .pagination-ajax a.last, .pagination-ajax a.prev, .pagination-ajax a.next {
	text-indent: -9999px;
	position: relative;
	background-color: #ffffff !important;
}
.pagination-ajax a.first:before, .pagination-ajax a.last:before, .pagination-ajax a.prev:before, .pagination-ajax a.next:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
}
.pagination-ajax a.first:before {background-image: url(../images/page-first.png);}
.pagination-ajax a.last:before {background-image: url(../images/page-last.png);}
.pagination-ajax a.prev:before {background-image: url(../images/page-prev.png);}
.pagination-ajax a.next:before {background-image: url(../images/page-next.png);}

/* Popup */
#popup .modal-body {padding: 0px;}

/* Hidden Google Captcha */
.grecaptcha-badge {
	display: none !important;
	width: 0px !important;
	height: 0px !important;
	visibility: hidden !important;
	overflow: hidden;
}

/* Hidden Check Grammar Coccoc */
coccocgrammar {
	display: none;
}

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

/* 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-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 1;
}
.text-split-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
}

/* Transition All */
.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 */
.scale-img {overflow: hidden;display: block;}
.scale-img img {
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}
.scale-img:hover > img {
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-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;
}
@-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;
	}

}


/* Button Frame */

.btn-frame{display:block;width:40px;height:40px;position:fixed;right:14px;z-index:100;cursor:pointer;}

.btn-frame i{display:flex;display:-ms-flex;justify-content:center;align-items:center;

-ms-flex-align:center;width:40px;height:40px;border-radius:50%;background:var(--color-ung);

position:relative;z-index:1;}

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

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

.btn-frame .kenit-alo-circle{width:48px;height:48px;top:-4px;right:-4px;position:absolute;

background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;

border-radius:100%;border:1px solid var(--color-ung);box-sizing: border-box;}

.btn-frame .zoomIn,.btn-support .zoomIn{animation-name:zoomIn;}

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

.btn-frame .kenit-alo-circle-fill{width:56px;height:56px;top:-8px;right:-8px;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(--color-ung);opacity:.4;box-sizing: border-box;}

.btn-frame .pulse,.btn-support .pulse{animation-name:pulse;}





.btn-face{bottom: 150px;}

.btn-phone{bottom: 205px;}

.btn-zalo{bottom: 280px;}



/* Messenger */

#messages-facebook{position: fixed;z-index: 1000;}

.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{display:block;position:fixed;cursor:pointer;bottom:120px;right:5px;width:56px;height:56px;text-align:center;background:var(--color-ung);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:170px;right:10px;width: 300px;

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:100%}

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

.js-facebook-messenger-top-header{display:block;position:relative;width:100%;background:var(--color-ung);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-container.open{transform:translateY(0px);opacity:1;pointer-events:all;z-index: 1000;}

.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 fix */

.cart-fixed{position:fixed;right:8px;bottom:350px;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 */
@keyframes tada {
	0% {
		transform: scaleX(1)
	}

	10%, 20% {
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}

	30%, 50%, 70%, 90% {
		transform: scale3d(1.3, 1.3, 1.3) rotate(3deg)
	}

	40%, 60%, 80% {
		transform: scale3d(1.3, 1.3, 1.3) rotate(-3deg)
	}

	to {
		transform: scaleX(1)
	}

}

.toolbar {
	background: var(--color-red);
	width: 100%;
	padding: 10px;
	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: 20px;
	animation: tada 1.2s infinite;
}

.toolbar ul li a span {
	font-weight: 400;
	color: #fff;
	font-size: 10px;
	font-family: 'RR';
}

/* Fixbar */
.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 */
.plugbar {
	position: fixed;
	bottom: 0;
	left: 0;
	border-top: 1px solid #eae6e6;
	width: 100%;
	right: 0;
	max-width: 767px;
	margin: 0 auto;
	background: #ffffff;
	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%;
}

/* Combo Phone */
.support-online {
	position: fixed;
	z-index: 999;
	left: 10px;
	bottom: 0px;
}

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

.support-online i {
	width: 40px;
	height: 40px;
	background: #43a1f3;
	color: #ffffff;
	border-radius: 100%;
	font-size: 20px;
	text-align: center;
	line-height: 1.9;
	position: relative;
	z-index: 999;
}

.support-online a span {
	border-radius: 2px;
	text-align: center;
	background: rgb(103, 182, 52);
	padding: 9px;
	display: none;
	width: 180px;
	margin-left: 10px;
	position: absolute;
	color: #ffffff;
	z-index: 999;
	top: 0px;
	left: 40px;
	transition: all 0.2s ease-in-out 0s;
	-moz-animation: headerAnimation 0.7s 1;
	-webkit-animation: headerAnimation 0.7s 1;
	-o-animation: headerAnimation 0.7s 1;
	animation: headerAnimation 0.7s 1;
}

.support-online a:hover span {
	display: block;
}

.support-online a {
	display: block;
}

.support-online a span:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent  rgb(103, 182, 52) transparent transparent;
	position: absolute;
	left: -10px;
	top: 10px;
}

.support-online .kenit-alo-circle-fill {
	width: 60px;
	height: 60px;
	top: -10px;
	position: absolute;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	background-color: rgba(0, 175, 242, 0.5);
	opacity: .75;
	right: -10px;
}
.support-online .animated.infinite {
	animation-iteration-count: infinite;
}
.support-online .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(7, 41, 103, 0.8);
	opacity: .1;
	border-color: #1182FC;
	opacity: .5;
}

.support-online .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: rgba(7, 41, 103, 0.35);
	opacity: .4;
}

.support-online .pulse {
	animation-name: pulse;
}

.support-online .zoomIn {
	animation-name: zoomIn;
}

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

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


/* Toc */
.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-family: 'RM';}
.box-readmore ul li a:hover{color:#767676;}


/* Phone Switch */
.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 #ffffff;
	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: #ffffff;
	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)
	}

}
.hieuung{
    position: relative;
    overflow: hidden;
}
.hieuung::after {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -75%;
    top: 0;
    transform: skewX(-25deg);
    width: 50%;
    z-index: 2;
}
.hieuung:hover::after {
    animation: 1s ease 0s normal none 1 running fixedAnim;
    animation: 1s ease 0s normal none 1 running fixedAnim;
    -webkit-animation: 1s ease 0s normal none 1 running fixedAnim;
    -moz-animation: 1s ease 0s normal none 1 running fixedAnim;
}
@-webkit-keyframes fixedAnim {
    0% {
        right: 125%;
    }
    125% {
        right: 0;
    }
}

@-moz-keyframes fixedAnim {
    0% {
        right: 125%;
    }
    125% {
        right: 0;
    }
}

@keyframes fixedAnim {
    0% {
        right: 125%
    }
    125% {
        right: 0;
    }
}

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

.hieuung1::before {
    content: "";
    background: rgba(255,255,255,.5);
    bottom: 0;
    left: 0;
    position: absolute;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -khtml-opacity: 1;
    -o-opacity: 1;
    -ms-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    width: 0;
    height: 0;
    z-index: 1;
}
.hieuung1::after {
    content: "";
    background: rgba(255,255,255,.5);
    top: 0;
    right: 0;
    position: absolute;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -khtml-opacity: 1;
    -o-opacity: 1;
    -ms-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    width: 0;
    height: 0;
    z-index: 2;
}
.hieuung1:hover::before,.hieuung1:hover::after{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition-duration: 1.3s;
    -moz-transition-duration: 1.3s;
    -ms-transition-duration: 1.3s;
    -o-transition-duration: 1.3s;
    transition-duration: 1.3s;
    -khtml-opacity: 0;
    -o-opacity: 0;
    -ms-opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
}

/* contact */
.article-contact {
	width: calc(50% - 20px);
}

.form-contact {
	width: calc(50% - 20px);
}


div#left{width: 280px;position: sticky;top: 80px;z-index: 5;float: left;}
div#right{width: calc(100% - 300px);float: right;}
.danhmucct {

    margin: 0 0 20px;

    position: relative;

    padding: 10px 10px 0 10px;

    border: 1px solid #ccc;

}

.danhmucct:last-child{margin: 0;}

#tinmoi .product{width: 100%; margin:0 0 10px 0;}

.tieude {

    font-size: 18px;

    text-transform: uppercase;

    margin-bottom: 10px;

    padding-bottom: 5px;

    border-bottom: 2px solid #000;

    text-align: center;

    position: relative;

    color: #000;

    font-family: 'RB';

}

.danhmuc ul{

    list-style: none;

    margin: 0px;

    padding: 0px;

    list-style-type: none;

}

.danhmuc ul li {

    position: relative;

}

.danhmuc ul li a {

    color: #000;

    position: relative;

    font-size: 16px;

    display: block;

    font-family: "RM";

    padding: 8px 0 8px 0px;

    border-bottom: 1px solid rgb(0 0 0 / 20%);

}

.danhmuc ul li:last-child a {border-bottom: none;}

.danhmuc ul li a:hover,.danhmuc ul li:hover>a,.danhmuc ul li.has-submenu.opened>a{color:var(--color-red);}

.danhmuc > ul > li.has-submenu > a {

    text-transform: uppercase;

}

.danhmuc ul > li.has-submenu > a.acap {

    padding-right: 30px;

}

.danhmuc ul > li.has-submenu > ul li {

    padding-left: 10px;

}

.danhmuc ul > li > a,.danhmuc ul > li > a  {

    padding: 10px 0 8px 0;

    font-weight: 500;

    font-size: 15px;

}

.danhmuc ul li ul {

    display: none;

    border-bottom: 1px solid rgb(0 0 0 / 20%);

}
.danhmuc ul li:last-child ul {
	
    border-top: 1px solid rgb(0 0 0 / 20%);

}

.danhmuc ul > li.has-submenu span.icon-plus-submenu {

    width: 25px;

    height: 25px;

    cursor: pointer;

    position: absolute;

    right: 0;

    top: 7px;

    margin: auto;

    border: 1px solid transparent;

    z-index: 5;

}

.icon-plus-submenu:after, .icon-plus-submenu:before {

    background: rgba(0, 0, 0, 0.6);

    content: '';

    display: block;

    position: absolute;

    margin-right: 7px;

    top: 50%;

    right: 0;

    -moz-transition: all .25s linear;

    -o-transition: all .25s linear;

    -webkit-transition: all .25s linear;

    transition: all .25s linear;

}

.icon-plus-submenu:before {

    width: 9px;

    height: 1px;

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

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

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

    transform: translateY(-50%);

}

.icon-plus-submenu:after {

    width: 1px;

    height: 9px;

    right: 4px;

    transform-origin: center;

    -moz-transform: translateY(-50%) scale(1, 1);

    -ms-transform: translateY(-50%) scale(1, 1);

    -webkit-transform: translateY(-50%) scale(1, 1);

    transform: translateY(-50%) scale(1, 1);

}

.danhmuc ul > li.has-submenu .icon-plus-submenu:hover {

    border: 1px solid rgb(0 0 0 / 20%);

}

li.has-submenu.opened > .icon-plus-submenu:after {

    -moz-transform: translateY(-50%) scale(1, 0);

    -ms-transform: translateY(-50%) scale(1, 0);

    -webkit-transform: translateY(-50%) scale(1, 0);

    transform: translateY(-50%) scale(1, 0);

}

.flex-thuvien {margin: 0 -5px;width: calc(100% + 10px);
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
}
.item_tv {width: calc(100%/4 - 10px);margin: 0 5px 10px 5px;}
.item_tv .img{margin-bottom: 6px;}
.item_tv h3{margin: 0;}
.item_tv h3 a{color: #000;font-size: 15px;font-family: 'RB';text-align: center;}

.baonoidung *{max-width: 100% !important;}
.baonoidung img{height: auto !important;}

.support_contact1{padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}
.support_contact1 a{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:13px;gap:10px;color: #000;text-decoration: none !important;}
.support_contact1 a svg{background:rgb(255 186 81 / 35%);padding:10px;width:50px;height:50px;border-radius:50%;color:var(--color-red)}