@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=vietnamese');



@font-face {

	font-family: 'RCB';

	font-style: normal;

	font-display: block;

	src: url('font/RobotoCondensed-Bold.woff');

}



@font-face {

	font-family: 'RCR';

	font-style: normal;

	font-display: block;

	src: url('font/RobotoCondensed-Regular.woff');

}



@font-face {

	font-family: 'UI';

	font-style: normal;

	font-display: block;

	src: url('font/UTM Impact.woff');

}



@font-face {

	font-family: 'UA';

	font-style: normal;

	font-display: block;

	src: url('font/UTM Avo.woff');

}



@font-face {

	font-display: block;

	font-family: 'MontserratRegular';

	src: url('./font/MontserratRegular.eot');

	src: url('./font/MontserratRegular.eot?#iefix') format('embedded-opentype'),

	url('./font/MontserratRegular.woff') format('woff'),

	url('./font/MontserratRegular.ttf') format('truetype'),

	url('./font/MontserratRegular.svg#MontserratRegular') format('svg');

	font-weight: normal;

	font-style: normal;

}



@font-face {

	font-display: block;

	font-family: 'MontserratLight';

	src: url('./font/MontserratLight.eot');

	src: url('./font/MontserratLight.eot?#iefix') format('embedded-opentype'),

	url('./font/MontserratLight.woff') format('woff'),

	url('./font/MontserratLight.ttf') format('truetype'),

	url('./font/MontserratLight.svg#MontserratLight') format('svg');

	font-weight: normal;

	font-style: normal;

}



@font-face {

	font-display: block;

	font-family: 'MontserratBold';

	src: url('./font/MontserratBold.eot');

	src: url('./font/MontserratBold.eot?#iefix') format('embedded-opentype'),

	url('./font/MontserratBold.woff') format('woff'),

	url('./font/MontserratBold.ttf') format('truetype'),

	url('./font/MontserratBold.svg#MontserratBold') format('svg');

	font-weight: normal;

	font-style: normal;

}



:root {

	--color: #e7a11f;

	--container: 1200;

}



body {

	font-size: 14px;

	line-height: 25px;

	background: #fff;

	font-family: 'Roboto', sans-serif;

}



.link_web a:hover {

	color: #f00;

}

.reponsiveh{

	display: none;

}

div#wapper {

	margin: auto;

	background: #fff;

}



.khung {

	display: block;

	max-width: 1200px;

	margin: auto;

	width: 98%;

	position: relative;

}

.fix-toolbar{

	display: none;

}

.flex_row {

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: flex;

	align-items: flex-start;

	justify-content: flex-start;

	flex-wrap: wrap;

}



.content_sp {

	width: calc(100% + 22px);

	margin: 0 -11px;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-flow: row wrap;

	-webkit-flex-flow: row wrap;

}



.content_tt {

	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;

}



div#header {

	position: relative;

	margin: auto;

	background: #1159bb;

	line-height: 23px;

	padding: 10px 0;

	color: #fff;

}



.mxh {

	float: right;

}



.mxh a {

	float: left;

	margin-left: 24px;

}



.mxh a img {

	max-width: 20px;

	max-height: 20px;

}



.dc {

	float: left;

	padding-left: 20px;

	background: url(images/dc.png) no-repeat left 4px;

}



.dt {

	float: right;

	padding-left: 20px;

	background: url(images/dt.png) no-repeat left 4px;

}



.em {

	float: right;

	padding-left: 25px;

	background: url(images/em.png) no-repeat left 6px;

	margin-left: 10px;

}



div#slider {

	margin: auto;

}



.tieuchuan {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}



.item_tc {

	display: block;

	width: calc(100%/3 - 20px);

	max-width: 380px;

	margin: 0 10px 20px 10px;

	padding: 20px 18px 20px 20px;

	background: #ebebeb;

	transition: 0.5s;

	border-radius: 5px;

	margin-top: -90px;

}



.item_tc .img {

	float: left;

	width: 94px;

	height: 94px;

	padding: 5px;

	background: #d60c0c;

	border-radius: 50%;

	margin-right: 10px;

}



.item_tc .img span {

	border-radius: 50%;

	display: block;

	width: 100%;

	height: 84px;

	line-height: 80px;

	text-align: center;

	border: 2px dotted #fff;

	overflow: hidden;

}



.item_tc .img span img {

	max-height: 80px !important;

	max-width: 80px !important;

}



.item_tc .img span img.img1 {

	display: inline-block;

	transition: 0.5s;

}



.item_tc .img span img.img2 {

	display: none;

	transition: 0.5s;

}



.item_tc .ten {

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	line-height: 27px;

	margin-bottom: 5px;

	color: #d60c0c;

	font-size: 18px;

	font-weight: 700;

	text-transform: uppercase;

}



.item_tc .mota {

	display: block;

	line-height: 20px;

	max-height: 60px;

	overflow: hidden;

	color: #393939;

}



.item_tc:hover {

	background: #d60c0c;

}



.item_tc:hover .img {

	background: #fff;

}



.item_tc:hover .img span {

	border-color: #d60c0c;

}



.item_tc:hover .img span img.img1 {

	display: none;

}



.item_tc:hover .img span img.img2 {

	display: inline-block;

}



.item_tc:hover .ten {

	color: #fff;

}



.item_tc:hover .mota {

	color: #fff;

}



div#left {

	width: 270px;

	float: left;

	box-sizing: border-box;

	position: sticky;

	top: 70px;

}



div#right {

	width: calc(100% - 300px);

	float: right

}



div.tieude {

	color: #fff;

	text-align: center;

	font-size: 18px;

	height: 42px;

	line-height: 42px;

	font-weight: 700;

	text-transform: uppercase;

	background: #1159bb;

}



div.danhmuc {

	border: 1px solid #e1e1e1;

	margin-bottom: 30px;

	padding: 10px;

	border-top: none;

}



div#danhmuc ul {

	list-style: none

}



div#danhmuc ul li {}



div#danhmuc ul li:last-child a {

	border: none

}



div#danhmuc ul li a {

	color: #404040;

	text-decoration: none;

	font-size: 14px;

	transition: 0.4s;

	text-transform: uppercase;

	display: block;

	border-bottom: 1px solid #eee;

	padding: 5px 5px 5px 21px;

	line-height: 25px;

	background: url(images/le.png) no-repeat 6px 13px;

}



div#danhmuc ul li a:hover {

	color: #F00;

	transition: 0.4s

}



div#danhmuc ul li ul li {

	padding-left: 14px

}



div#danhmuc ul li ul li a {

	text-transform: none;

	border-bottom: 1px solid #eee !important;

}



div#main_content {

	padding: 0;

}



div.tieude_giua {

	color: #333333;

	text-align: center;

	font-size: 14px;

	line-height: 42px;

	display: block;

	padding-bottom: 18px;

	text-transform: uppercase;

	margin-bottom: 15px;

	font-size: 30px;

	font-family: 'UA';

	background: url(images/gachgt.png) no-repeat bottom center;

}



div.tieude_giua1 {

	color: #fff;

	text-align: center;

	font-size: 14px;

	line-height: 42px;

	display: block;

	padding-bottom: 18px;

	text-transform: uppercase;

	margin-bottom: 0px;

	font-size: 30px;

	font-family: 'UA';

	background: url(images/gach1.png) no-repeat bottom center;

}



div.tieude_giua2 {

	color: #333333;

	text-align: center;

	font-size: 14px;

	line-height: 42px;

	display: block;

	padding-bottom: 18px;

	text-transform: uppercase;

	margin-bottom: 0px;

	font-size: 30px;

	font-family: 'UA';

	background: url(images/gachgt.png) no-repeat bottom center;

}



div.wap_item {}



div.item_sp {

	text-align: center;

	margin: 10px 0;

	position: relative;

}



div.item_sp .img {

	overflow: hidden;

	margin-bottom: 20px;

	position: relative;

	display: block

}



div.item_sp .img img {

	width: 100%;

	transition: 0.5s

}



div.item_sp .img .img1 {

	opacity: 1;

}



div.item_sp .img .img2 {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

	transition: 0.5s;

}



div.item_sp .img:hover img.img2 {

	opacity: 1;

}



div.item_sp .img:hover img.img1 {

	opacity: 0;

}



div.item_sp .ten {

	color: #000;

	font-size: 17px;

	display: block;

	line-height: 24px;

	margin-bottom: 10px;

}



div.item_sp .ten:hover {

	color: #f00

}



div.item_sp .gia {

	color: #000;

	font-size: 17px;

	margin-bottom: 10px;

}



div.item_sp .gia span {

	text-decoration: line-through;

	color: #999;

	font-size: 15px;

}



div.item_sp .km {

	position: absolute;

	right: 10px;

	top: 10px;

	width: 30px;

	text-align: center;

	line-height: 30px;

	border-radius: 50%;

	background: #d60c0c;

	color: #fff !important;

	font-size: 12px !important;

	text-decoration: none !important;

}



div.item_tk {

	width: calc(100%/4 - 22px);

	text-align: center;

	float: left;

	margin: 0 11px 22px 11px;

}



div.item_tk .img {

	overflow: hidden;

	margin-bottom: 20px;

	position: relative;

	display: block

}



div.item_tk .img img {

	width: 100%;

	transition: 0.5s

}



div.item_tk .img:hover img {

	transform: scale(1.2);

}



div.item_tk .ten {

	color: #000;

	font-size: 17px;

	display: block;

	line-height: 24px;

	margin-bottom: 10px;

}



div.item_tk .ten:hover {

	color: #f00

}



div.item_tk .them {

	display: block;

	width: 110px;

	line-height: 30px;

	margin: 0 auto 10px;

	text-align: center;

	padding-top: 2px;

	background: #d60c0c;

	text-transform: uppercase;

	color: #fff;

	transition: 0.5s;

}



div.item_tk .them img {

	vertical-align: top;

	margin-top: 11px;

}



div.item_tk .them:hover {

	opacity: 0.6;

}



.danhmuc1 {

	display: block;

	background: #f8f8f8;

	padding: 3.5% 0;

}



.danhmuc2 {

	display: block;

	padding: 3.5% 0;

}



.danhmuc2:nth-child(odd) {

	background: #f8f8f8;

}



.sltc {

	display: block;

	text-align: center;

	margin-bottom: 29px;

	color: #393939;

	font-size: 15px;

	line-height: 37px;

}



.showsp {

	width: 100%;

}



.showsp2 {

	width: 100%;

}



.ajax_paging {

	text-align: center;

	display: flex;

	justify-content: center;

	margin-bottom: 20px;

	margin-top: 5px;

}



.ajax_paging div {

	margin: 0px 5px;

	width: 25px;

	line-height: 23px;

	height: 25px;

	color: #7f7f7f;

	font-family: arial;

	font-size: 14px;

	background: #f4f4f4;

	cursor: pointer;

	border: 1px solid #d5d5d5;

	text-align: center;

	border-radius: 50%;

}



.ajax_paging .nocl {

	margin: 0px 5px;

	width: 25px;

	line-height: 23px;

	height: 25px;

	color: #7f7f7f;

	font-family: arial;

	font-size: 14px;

	border: 1px solid #d5d5d5;

	background: #f4f4f4;

	text-align: center;

	border-radius: 50%;

}



.ajax_paging a {

	background: #f4f4f4;

	color: #7f7f7f;

	cursor: pointer;

}



.ajax_paging div.active {

	background: #000000;

	color: #fff;

	cursor: pointer;

	height: 25px;

	pointer-events: none;

}



.ajax_paging div:hover {

	background: #000000;

	color: #fff;

	height: 25px;

}



div.wap_pro {

	margin: 15px auto;

	clear: both

}



.ykien {

	display: block;

	padding: 3% 0 2.5% 0;

	background: url(images/banner1.jpg) no-repeat center center;

	background-size: cover;

}



.slyk {

	display: block;

	text-align: center;

	margin-bottom: 5%;

	color: #fff;

	font-size: 15px;

	line-height: 37px;

}



.khach1 {

	padding: 0 81px;

	display: block;

	border-bottom: 1px solid #ebebeb;

	margin-bottom: 18px;

}



.khach1 .slick-prev {

	opacity: 1;

	width: 40px;

	height: 80px;

	background: url(images/pre2.png) no-repeat;

	margin-top: 0;

	top: 50px;

}



.khach1 .slick-next {

	opacity: 1;

	width: 40px;

	height: 80px;

	background: url(images/nex2.png) no-repeat;

	margin-top: 0;

	top: 50px;

}



.khach1 .imgyk {

	width: 180px;

	margin: 0 auto 60px;

	border-radius: 50%;

	position: relative;

	display: block;

}



.khach1 .imgyk:after {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

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

	content: '';

	border-radius: 50%;

	transition: 0.5s;

}



.khach1 .imgyk:before {

	position: absolute;

	content: '';

	left: calc((100% - 1px)/2);

	top: 100%;

	width: 1px;

	height: 0px;

	background: #ebebeb;

	opacity: 0;

	transition: 0.5s;

}



.khach1 .imgyk img {

	border-radius: 50%;

}



.khach1 .slick-current .imgyk:after {

	display: none;

}



.khach1 .slick-current .imgyk:before {

	opacity: 1;

	height: 60px;

}



.khach2 .motayk p {

	line-height: 32px;

	max-height: 96px;

	-webkit-line-clamp: 3;

	color: #fff;

	font-size: 15px;

	overflow: hidden;

	text-overflow: ellipsis;

	text-overflow: ellipsis;

	white-space: normal;

	word-wrap: break-word;

	display: -webkit-box;

	-webkit-box-orient: vertical;

}



.khach2 .motayk a {

	color: #fff;

	font-weight: 700;

}



/*Tin tức video*/

.mod_bottom {

	padding: 3.5% 0 2.5% 0;

}



.tintrai {

	float: left;

	width: 271px;

	height: 354px;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

}



.tintrai1 {

	display: block;

	width: 100%;

}



.tintrai1 p {

	display: block;

	line-height: 72px;

	margin-bottom: 2px;

	color: #333333;

	text-transform: uppercase;

	font-size: 30px;

	font-family: 'UA';

}



.tintrai1 p u {

	color: #1159bb;

	text-decoration: none;

}



.tintrai1 span {

	line-height: 67px;

	border-bottom: 1px solid #e3e3e3;

	margin-bottom: 35px;

	display: block;

	color: #393939;

	font-family: arial;

}



.tinphai {

	float: right;

	width: calc(100% - 305px);

}



.tintuc_conlai {}



.tintuc_conlai .slick-prev {

	opacity: 1;

	top: 70%;

	left: -295px;

	width: 21px;

	height: 21px;

	background: url(images/pre1.png) no-repeat;

}



.tintuc_conlai .slick-next {

	opacity: 1;

	top: 70%;

	left: -270px;

	width: 21px;

	height: 21px;

	background: url(images/nex1.png) no-repeat;

}



.item_ttcl {

	float: left;

	width: calc(100%/4 - 20px);

	margin: 0 10px 20px 10px;

	padding: 5px;

	box-sizing: border-box;

	border: 1px solid #d7d6d6;

	text-align: center;

}



.item_ttcl a.img_ttcl {

	display: block;

	width: 100%;

	margin-bottom: 10px;

}



.item_ttcl a.img_ttcl img {

	width: 100%;

	display: block;

	transition: 0.5s

}



.item_ttcl a.img_ttcl img:hover {

	opacity: 0.6

}



.item_ttcl p.mota_ttcl {

	color: #393939;

	display: block;

	line-height: 20px;

	max-height: 60px;

	overflow: hidden

}



.item_ttcl a.ten_ttcl {

	font-size: 15px;

	line-height: 26px;

	max-height: 52px;

	display: block;

	color: #393939;

	font-weight: 700;

	overflow: hidden;

	margin-bottom: 2px;

}



.item_ttcl a.ten_ttcl:hover {

	color: #f00

}



.item_ttcl .them {

	display: block;

	margin-top: 3px;

	line-height: 41px;

	text-align: center;

	color: #575757;

	text-transform: uppercase;

	font-size: 13px;

	font-family: tahoma;

}



.item_ttcl .them img {

	display: inline-block !important;

	vertical-align: top;

	margin-top: 17px;

}



.item_ttcl .them:hover {

	color: #f00;

}



/*End tin tức video*/

.nhantin {

	display: block;

	line-height: 47px;

	background: var(--color);

	color: #4a4a4a;

}



.row-nhantin {

	align-items: center;

	justify-content: space-between;

}



.nt1 {

	width: 32%;

	position: relative;

	padding: 24px 0;

	background: url(images/hot.png) center left no-repeat #000;

}



.nt1:before {

	position: absolute;

	left: -1920px;

	top: 0;

	height: 100%;

	width: 1920px;

	background: #000;

	content: '';

}



.nt1:after {

	position: absolute;

	left: 100%;

	top: 0;

	height: 100%;

	width: 27px;

	background: #000;

	content: '';

	clip-path: polygon(0 0, 0% 100%, 100% 50%);

}



.nt1 span {

	display: block;

	font: 24px MontserratLight;

	padding-left: 70px;

	color: #fff;

}



.nt2 {

	width: 68%;

	padding: 0 0 0 50px;

	align-items: center;

	justify-content: flex-start;

}



.nt2 span {

	text-transform: uppercase;

	color: #131313;

	font: 18px MontserratBold;

	padding: 0 10px 0 0;

	width: 29%;

	border-right: 1px solid #000;

}



form#frm_dknt {

	width: 71%;

	height: 30px;

	padding: 0 0 0 10px;

}



form#frm_dknt input[type='text'] {

	width: calc(100% - 100px);

	padding: 0px 10px;

	float: left;

	border: 0;

	background: transparent;

	outline: none;

	color: #000;

	font: 13px MontserratLight;

	border-radius: 0px;

	height: 30px;

}



form#frm_dknt input[type='text']::-webkit-input-placeholder {

	color: #000;

	font: 13px MontserratLight;

}



form#frm_dknt input[type='submit'] {

	float: right;

	background: #131313;

	height: 30px;

	line-height: 30px;

	margin: 0px 0;

	border: none;

	cursor: pointer;

	font: 14px MontserratBold;

	transition: 0.5s;

	color: #fff;

	border-radius: 0px;

	text-transform: uppercase;

	width: 100px;

}



form#frm_dknt input[type='submit']:hover {

	color: yellow;

}



#w_footer {

	color: #eeecec;

}



#footer {

	font-size: 13px;

	padding: 3% 0;

	margin: auto;

	background: url(images/bgft.png) center no-repeat;

	background-size: cover;

}



.footer_1 {

	float: left;

	width: 36%;

	padding-right: 30px;

}



.footer_2 {

	float: left;

	width: 23%;

	overflow: hidden;

	padding-right: 30px;

	padding-top: 10px;

}



.footer_3 {

	float: left;

	width: 19%;

	padding-top: 10px;

}



.footer_2 a {

	display: block;

	color: #fff;

	font: 14px MontserratRegular;

	margin: 0 0 12px 0;

}



.footer_2 a:hover {

	color: #ff0;

}



.footer_3 a {

	display: block;

	color: #fff;

	font: 14px MontserratRegular;

	margin: 0 0 12px 0;

}



.footer_3 a:hover {

	color: #ff0;

}



.footer_4 {

	float: right;

	width: 22%;

	padding-top: 20px;

}



.face {

	display: block;

	width: 100%;

	max-width: 270px;

	overflow: hidden;

	margin: auto;

}



.ten_cty {

	font-size: 23px;

	text-transform: uppercase;

	font-family: 'UI';

	margin-bottom: 10px;

	display: block;

	line-height: 36px;

	color: #f00;

}



.td_ft {

	position: relative;

	color: #fff;

	display: block;

	text-transform: uppercase;

	font: 16px MontserratBold;

	margin: 0 0 20px 0;

}



.social_footer {

	display: block;

	margin-top: 10px;

	line-height: 25px;

}



.social_footer a {

	float: left;

	margin-right: 11px;

}



.social_footer a img {

	width: 25px;

	height: 25px;

	transition: 0.5s;

}



.social_footer a img:hover {

	transform: rotate(720deg);

}



.copyright {

	padding: 20px 0;

	display: block;

	color: #fff;

	background: #0c0c0c;

	font: 13px MontserratRegular;

}



.copyright .tk span {

	padding: 0 10px;

}



.tk {

	float: right;

}



.copy {

	float: left;

}



div#menu_mobi1 {

	display: none;

	width: 34px;

	z-index: 999;

	float: right;

	margin-left: 10px;

}



div.header {

	background: #1159bb !important;

	height: 34px !important;

	line-height: 34px !important;

	z-index: 600;

	width: 100%;

	margin: 0 auto !important;

}



.header a.hien_menu {

	margin: 0 !important;

	width: 100%;

	display: block;

	text-align: center;

	background: #1159bb;

	color: #fff !important;

	font-weight: 700;

	font-size: 16px !important;

}



.header a.hien_menu:hover {

	color: #fff !important;

	background: #1159bb;

}



.mm-menu {

	background: #1159bb !important;

	color: #fff !important;

}



.mm-menu .mm-navbar>*,

.mm-menu .mm-navbar a {

	color: #fff !important;

}



div#search_mobi input {

	color: #fff !important;

}



.content_text {

	height: auto !important

}



.content_text iframe {

	max-width: 100% !important;

}



.content_text img {

	height: auto !important;

}



.content_text * {

	max-width: 100% !important;

	word-break: break-word;

}



.content_text {

	line-height: 20px;

}



.content_text p {

	margin-bottom: 10px;

}



#footer2 {

	display: none;

}



/*@media (max-width: 1024px) {

	.content_text img {

		height: auto !important

	}

	#footer2 {

		display: block !important;

	}

	.tieuchuan {

		padding-top: 20px;

	}

	.item_tc {

		margin-top: 0;

	}

	.tintuc_conlai .slick-next {

		left: calc(100% - 41px);

		top: 50%;

		margin-top: -10px;

	}

	.tintuc_conlai .slick-prev {

		left: 20px;

		top: 50%;

		margin-top: -10px;

	}

	.tintrai {

		width: 100%;

		height: auto;

	}

	.tinphai {

		width: calc(100% - 1px);

	}

	.tintrai1 p {

		line-height: 40px;

	}

	.tintrai1 span {

		line-height: 30px;

		margin-bottom: 20px;

	}

	.nt1 {

		background: #d60c0c;

		width: 100%;

		text-align: center;

	}

	.nt1 span {

		display: inline-block;

		width: auto;

	}

	.nt2 span {

		width: 100%;

		text-align: center;

	}

	.nt2 {

		width: 100%;

	}

	form#frm_dknt {

		max-width: 100%;

		margin-bottom: 12px;

	}

	.footer_1 {

		width: 100%;

		margin-bottom: 20px;

		padding: 0;

	}

	.footer_2 {

		width: calc(50% - 10px);

		margin-bottom: 20px;

		padding: 0;

	}

	.footer_3 {

		width: calc(50% - 10px);

		float: right;

		margin-bottom: 20px;

	}

	.footer_4 {

		width: 100%;

		border-top: 1px solid #fff;

	}

	.copy {

		width: 100%;

		text-align: center;

	}

	.tk {

		width: 100%;

		text-align: center;

	}

	.td_ft {

		border-bottom: 1px solid #fff;

	}

	.khach1 {

		padding: 0 40px;

	}

	div#menu ul.mn {

		display: none;

	}

	#menu_mobi1 {

		display: block !important;

	}

	.dt {

		display: none;

	}

	div#menu .baomn {

		width: 100%;

		margin: 10px 0;

	}

	div#menu a.logo {

		width: 100%;

		text-align: center;

	}

	div#search {

		width: calc(100% - 44px);

	}

	.fix_head a.logo {

		display: none !important;

	}

	div#search input {

		width: calc(100% - 80px);

	}

	div#search p.tim {

		width: 80px;

	}

}

@media (max-width: 966px) {

	div.item_sp {

		width: calc(100%/2 - 22px) !important;

	}

	div.item_tk {

		width: calc(100%/2 - 22px) !important;

	}

	.em {

		display: none;

	}

	div#right {

		width: 100%;

		margin-bottom: 20px;

	}

	div#left {

		width: 100%;

	}

	.item_ttcl {

		width: calc(100%/2 - 20px);

	}

}

@media (max-width: 800px) {}

@media (max-width: 768px) {}

@media (max-width: 568px) {

	.mxh {

		display: none;

	}

	.zoom_slick {

		width: 100%;

	}

	.product_info {

		width: 100%;

	}

	.frame_thanhtoan {

		width: 100% !important;

	}

	.content11 {

		width: 100% !important;

	}

	.frm_lienhe {

		width: 100% !important;

	}

	.bando {

		width: 100% !important;

	}

	.box_news {

		width: calc(100% - 20px);

	}

	.item_dc {

		width: calc(100% - 10px) !important;

	}

}

@media (max-width: 480px) {

	div.item_sp .img {

		margin-bottom: 10px;

	}

	div.item_sp .ten {

		font-size: 13px;

		margin-bottom: 0px;

	}

	div.item_sp .gia {

		font-size: 13px;

		margin-bottom: 0px;

	}

	div.item_tk .img {

		margin-bottom: 10px;

	}

	div.item_tk .ten {

		font-size: 13px;

		margin-bottom: 0px;

	}

	div.item_tk .them {

		font-size: 11px;

		width: 90px;

		line-height: 20px;

		margin-bottom: 0px;

	}

	div.item_tk .them img {

		margin-top: 5px;

	}

	.khach2 .motayk p {

		font-size: 13px;

	}

	.motagt {

		font-size: 13px;

	}

	div.tieude_giua2 {

		font-size: 20px;

	}

	div.tieude_giua1 {

		font-size: 20px;

	}

	div.tieude_giua {

		font-size: 20px;

	}

	.footer_2 {

		width: 100%;

	}

	.footer_3 {

		width: 100%;

	}

}

@media (max-width: 414px) {

	.item_ttcl {

		width: calc(100% - 20px);

	}

}

@media (max-width: 375px) {}

@media (max-width: 360px) {}

@media (max-width: 320px) {}*/

.slider {

	position: relative;

}



.owl-next {

	float: right;

	right: 20px;

	position: absolute;

}



.owl-prev {

	float: left;

	left: 20px;

	position: absolute;

}



.banner .item .bg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 0;

}



.banner .active .item .bg {

	-webkit-animation-duration: 4s;

	animation-duration: 4s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

	-webkit-animation-name: banner_style;

	animation-name: banner_style

}



@-webkit-keyframes banner_style {

	from {

		-webkit-transform: scale3d(1.5, 1.5, 1.5);

		transform: scale3d(1.5, 1.5, 1.5)

	}



	to {

		-webkit-transform: scale3d(1, 1, 1);

		transform: scale3d(1, 1, 1)

	}

}



@keyframes banner_style {

	from {

		-webkit-transform: scale3d(1.5, 1.5, 1.5);

		transform: scale3d(1.5, 1.5, 1.5)

	}



	to {

		-webkit-transform: scale3d(1, 1, 1);

		transform: scale3d(1, 1, 1)

	}

}



.bannerMain {

	display: block;

	position: relative;

	overflow: hidden;

	margin-right: 0;

	height: calc(100vh);

}



.banner .item {

	display: block;

	width: 100%;

	height: 100vh;

	float: left;

	position: relative;

}



.banner .active .item .desc .tit,

.banner .active .item .desc p,

.banner .active .item .desc .btn,

.banner .active .item .desc h3 {

	opacity: 1;

	-webkit-animation: fadeInUp 1s ease-in-out backwards;

	-moz-animation: fadeInUp 1s ease-in-out backwards;

	-o-animation: fadeInUp 1s ease-in-out backwards;

	-ms-animation: fadeInUp 1s ease-in-out backwards;

	-webkit-animation-delay: 0.5s;

	-o-animation-delay: 0.5s;

	animation-delay: 0.5s

}



.banner .active .item .desc h3 {

	-webkit-animation-delay: 0.3s;

	-o-animation-delay: 0.3s;

	animation-delay: 0.3s

}



.banner .active .item .desc p {

	-webkit-animation-delay: 0.7s;

	-o-animation-delay: 0.7s;

	animation-delay: 0.7s

}



.banner .active .item .desc .btn {

	-webkit-animation-delay: 1s;

	-o-animation-delay: 1s;

	animation-delay: 1s;

	opacity: 1

}



.banner .desc {

	position: absolute;

	left: 0;

	right: 0;

	top: 35%;

	color: #fff;

	max-width: 100%;

	color: #fff;

	padding: 0;

	padding-top: 50px;

	padding-bottom: 50px;

	text-align: center;

	-webkit-animation: fadeInUp 1s ease-in-out backwards;

	-moz-animation: fadeInUp 1s ease-in-out backwards;

	-o-animation: fadeInUp 1s ease-in-out backwards;

	-ms-animation: fadeInUp 1s ease-in-out backwards;

	-webkit-animation-delay: 0.5s;

	-o-animation-delay: 0.5s;

	animation-delay: 0.5s;

}



.banner .pagewrap {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: 0 auto;

	padding: 0;

	z-index: 2;

}



.banner .tit {

	display: block;

	margin-bottom: 5px;

	color: inherit;

	line-height: 1.2;

	text-decoration: none !important;

	opacity: 0;

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

	font: 48px MontserratRegular;

	text-transform: capitalize;

}



.banner ul.desc p {

	font: 18px MontserratLight;

}



.owl-slider .owl-next {

	float: right;

	right: 20px;

	position: absolute;

	top: 50%;

}



.owl-slider .owl-prev {

	float: left;

	left: 20px;

	position: absolute;

	top: 50%;

}



.header {

	position: relative;

}



.wap-menu {

	position: absolute;

	width: 100%;

	top: 0;

	left: 0;

	z-index: 99;

	padding: 15px 0;

	background: linear-gradient(to bottom, rgb(0 0 0 / 80%) 0%, rgb(0 0 0 / 0%) 100%);

}

.wap-menu:hover{

	background: linear-gradient(to bottom, rgb(0 0 0 / 80%) 0%, rgb(0 0 0 / 80%) 100%);

}

.row-menu {

	align-items: center;

	justify-content: space-between;

}



.logo {

	width: 30%;

}



.logo img {}



.menu {

	width: calc(70% - 40px);

}



.menu ul {

	width: 100%;

	padding: 0px;

	margin: auto;

	list-style: none;

	align-items: center;

	justify-content: flex-end;

}



.menu ul#main-nav>li {

	padding: 0 24px;

}



.menu ul li {

	position: relative;

	z-index: 99;

}



.menu ul li a {

	display: block;

	position: relative;

	z-index: 1;

	text-align: center;

	text-decoration: none !important;

	font-size: 15px;

	color: #fff;

	margin: 0px;

	padding: 11px 0px;

	text-transform: uppercase;

	font-family: MontserratRegular;

}



.menu ul li a.active {

	color: var(--color);

}



.menu ul li:hover>a {

	color: var(--color);

}



.menu ul li ul {

	position: absolute;

	min-width: 220px;

	background: #000;

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

	-webkit-transform: perspective(600px) rotateX(-90deg);

	transform: perspective(600px) rotateX(-90deg);

	-webkit-transform-origin: 0 0 0;

	transform-origin: 0 0 0;

	opacity: 0;

	visibility: hidden;

	transition: all .5s;

}



.menu ul li:hover>ul {

	-webkit-transform: perspective(600px) rotateX(0);

	transform: perspective(600px) rotateX(0);

	-webkit-transform-origin: 0 0 0;

	opacity: 1;

	visibility: visible;

	transition: all .7s;

}



.menu ul li ul li a {

	text-align: left;

	border-bottom: 1px solid rgba(255, 255, 255, 0.2);

	text-transform: capitalize;

}



.menu ul li ul li:last-child>a {

	border-bottom: 0px;

}



.menu ul li ul li a {

	font-size: 13px;

	padding: 10px 15px;

}



.menu ul li ul li ul {

	top: 0px;

	left: 100%;

}



.form-row-search {

	width: 100%;

}



.item-sr {

	width: 40px;

	height: 40px;

	position: relative;

	border: 2px solid var(--color);

}



a.search {

	width: 37px;

	height: 25px;

	position: absolute;

	z-index: 100;

	background: url(images/timkiem.png) no-repeat center center;

	font-size: 0;

	text-indent: -9999px;

	display: block;

	padding: 0;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	-webkit-border-radius: 50%;

	-o-border-radius: 50%;

	-ms-border-radius: 50%;

	border-radius: 50%;

	top: 0;

	bottom: 0;

	margin: auto;

}



.search-form {

	position: absolute;

	display: block;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	-ms-transition: all 0.5s ease-in-out;

	-webkit-border-radius: 0;

	-o-border-radius: 0;

	-ms-border-radius: 0;

	border-radius: 0;

	overflow: hidden;

	border: 2px solid var(--color);

	background-color: #fff;

	opacity: 0;

	width: 0px;

	height: 35px;

	margin-top: 40px;

	top: 0px;

	right: 0;

	z-index: 23;

}



.form-row-search {

	width: 100%;

	height: 35px;

	position: absolute;

	top: 0;

	left: 0;

}



#search_frm_vi {

	position: absolute;

	right: 10px;

	top: 12px;

}



.form-row-search input[type="text"] {

	border: none;

	background: none;

	width: 100%;

	height: 33px;

	padding: 0 10px;

	font-family: 'MontserratRegular';

	font-size: 14px;

	color: #333;

	line-height: 35px;

	position: absolute;

	display: block;

	opacity: 1;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	-webkit-border-radius: 0;

	-o-border-radius: 0;

	-ms-border-radius: 0;

	border-radius: 0;

}



.form-row-search input[type="text"]:focus,

.search-form:focus {

	outline: 0;

}



.about_index {

	padding: 20px 0;

	background: #ffffff;

}



.row_about {

	align-items: flex-start;

	justify-content: space-between;

}



.about_left {

	width: calc(49% - 10px);

	padding: 33px 0 33px 70px;

}



.about_right {

	width: calc(51% - 10px);

	padding: 20px 0 0;

}



.text-about {

	font: 58px MontserratBold;

	line-height: 45px;

	color: #eeeeee;

	text-transform: uppercase;

	position: absolute;

	left: 0;

	top: 0;

	writing-mode: vertical-rl;

	text-orientation: mixed;

}



.title-about {

	position: relative;

	padding: 22px 0 17px 12px;

}



.title-about:before {

	position: absolute;

	content: '';

	width: 48px;

	height: 68px;

	border: 3px solid var(--color);

	left: 0;

	top: 0;

	bottom: 0;

	margin: auto;

}



.title-about span {

	position: relative;

	text-transform: uppercase;

	font: 28px MontserratBold;

	color: #000000;

	background: #ffffff;

	padding: 8px 0 5px 0;

}



.des-about {

	margin: 15px 0;

	font: 14px MontserratLight;

	color: #000000;

	line-height: 30px;

	display: -webkit-box;

	width: 100%;

	-webkit-webkit-line-clamp: 6;

	-moz-webkit-line-clamp: 6;

	-ms-webkit-line-clamp: 6;

	-o-webkit-line-clamp: 6;

	-webkit-line-clamp: 6;

	-webkit-webkit-box-orient: vertical;

	-moz-webkit-box-orient: vertical;

	-ms-webk webkit-box-orient: vertical;

	-webkit-box-orient: vertical;

	overflow: hidden;

	text-overflow: ellipsis;

}



.sm-about {

	padding: 15px 0 20px;

}



.sm-about a {

	font: 14px MontserratBold;

	color: var(--color);

	padding: 10px 20px 10px 0;

	border-top: 2px solid var(--color);

	display: inline-block;

	transition: all 0.3s;

}



.sm-about a:hover {

	padding: 10px 50px 10px 0;

}



.rowtc {

	align-items: flex-start;

	justify-content: space-between;

}



.tieuchi-col {

	width: calc(50% - 10px);

}



.tieuchi-item {

	padding: 30px 10px;

	margin: 12px 0;

	background: #e1e1e1;

	align-items: center;

	justify-content: center;

	min-height: 160px;

}



.tieuchi-item:hover {

	background: var(--color);

}



.tieuchi-img {

	width: 40%;

	text-align: center;

}



.tieuchi-name {

	width: calc(60% - 10px);

	font: 30px MontserratRegular;

	color: #2c2c2c;

}

.tieuchi-name a{

	color: #2c2c2c;

}

.quytrinh-index {

	padding: 30px 0;

	background: #414141;

}



.title-quytrinh {

	margin: 10px 0;

	text-align: center;

}



.title-quytrinh span {

	text-transform: uppercase;

	font: 28px MontserratBold;

	color: var(--color);

}



.title-quytrinh p {

	font: 18px MontserratLight;

	color: #ffffff;

}



.quytrinh-row {

	margin: 0 -16px;

}



.quytrinh-col {

	width: calc(100% / 5);

	padding: 0 16px;

}



.quytrinh-item {

	border: 1px dotted #fff;

	margin: 16px 0;

}



.quytrinh-name {

	padding: 16px 5px;

	width: 100%;

	background: var(--color);

	text-align: center;

	text-transform: uppercase;

	font: 16px MontserratBold;

	color: #000000;

	box-shadow: -1px -1px 1px var(--color), 1px -1px 1px var(--color);

}



.quytrinh-img {

	text-align: center;

	min-height: 90px;

	align-items: center;

	justify-content: center;

	width: 100%;

}



.quytrinh-img img {

	margin: 0 auto;

}



.quytrinh-des {

	min-height: 210px;

	padding: 0 14px;

}



.quytrinh-des p {

	font: 14px MontserratLight;

	color: #ffffff;

	line-height: 24px;

	display: -webkit-box;

	width: 100%;

	-webkit-webkit-line-clamp: 7;

	-moz-webkit-line-clamp: 7;

	-ms-webkit-line-clamp: 7;

	-o-webkit-line-clamp: 7;

	-webkit-line-clamp: 7;

	-webkit-webkit-box-orient: vertical;

	-moz-webkit-box-orient: vertical;

	-ms-webk webkit-box-orient: vertical;

	-webkit-box-orient: vertical;

	overflow: hidden;

	text-overflow: ellipsis;

}



.quytrinh-col:nth-child(2n) .quytrinh-name,

.owl-item:nth-child(2n) .quytrinh-name {

	order: 3;

	box-shadow: -1px 1px 1px var(--color), 1px 1px 1px var(--color);

}



.quytrinh-col:nth-child(2n) .quytrinh-img,

.owl-item:nth-child(2n) .quytrinh-img {

	order: 1;

}



.quytrinh-col:nth-child(2n) .quytrinh-des,

.owl-item:nth-child(2n) .quytrinh-des {

	order: 2;

}



.box-quytrinh {

	position: relative;

	height: 3px;

	width: 100%;

	background: #505050;

	margin: 20px 0;

}



.box-quytrinh:after {

	position: absolute;

	content: '';

	left: 0;

	top: 0;

	bottom: 0;

	right: 0;

	margin: auto;

	width: 144px;

	height: 9px;

	background: #fff;

	border-radius: 25px;

}



.duan-index {

	padding: 30px 0;

}



.title-main {

	text-align: center;

	margin: 15px 0;

	position: relative;

}



.title-main p {

	font: 58px MontserratBold;

	line-height: 68px;

	color: #eeeeee;

	text-transform: uppercase;

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	text-align: center;

	opacity: 0.5;

	bottom: 0;

	margin: auto;

}



.title-main span {

	position: relative;

	text-transform: uppercase;

	font: 28px MontserratBold;

	color: #000000;

	padding: 8px 0 5px 18px;

	display: inline-block;

	margin: 11px 0px;

}



.title-main span strong {

	position: absolute;

	content: '';

	width: 48px;

	height: 68px;

	border: 3px solid var(--color);

	border-right: 0;

	left: 0;

	top: 0;

	bottom: 0;

	margin: auto;

}



.title-main span strong:before {

	position: absolute;

	content: '';

	width: 3px;

	height: 12px;

	background: var(--color);

	right: 0;

	top: 0;

}



.title-main span strong:after {

	position: absolute;

	content: '';

	width: 3px;

	height: 12px;

	background: var(--color);

	right: 0;

	bottom: 0;

}



.khung-p {

	width: 100%;

	padding: 0 30px;

	margin: 0 auto;

}



.duan-row {

	margin: 0 -1px;

}



.duan-col {

	width: 25%;

	padding: 1px;

}


.duan-item > a{display:block}
.duan-item {

	position: relative;

	overflow: hidden;

}



.duan-content {

	position: absolute;

	top: calc(100% - 90px);

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 9;

	transition: all 0.3s;

	padding: 15px;

	background: linear-gradient(to top, rgb(0 0 0 / 80%) 0%, rgb(0 0 0 / 0%) 100%);

}



.duan-name {

	padding: 20px 0px;

}



.duan-name span {

	color: #fff;

	text-transform: capitalize;

	font: 18px MontserratLight;

	display: -webkit-box;

	width: 100%;

	-webkit-webkit-line-clamp: 1;

	-moz-webkit-line-clamp: 1;

	-ms-webkit-line-clamp: 1;

	-o-webkit-line-clamp: 1;

	-webkit-line-clamp: 1;

	-webkit-webkit-box-orient: vertical;

	-moz-webkit-box-orient: vertical;

	-ms-webk webkit-box-orient: vertical;

	-webkit-box-orient: vertical;

	overflow: hidden;

	text-overflow: ellipsis;
	font-weight: 600;

}



.duan-des {

	color: #fff;

	font: 14px MontserratLight;

	display: -webkit-box;

	width: 100%;

	-webkit-webkit-line-clamp: 1;

	-moz-webkit-line-clamp: 1;

	-ms-webkit-line-clamp: 1;

	-o-webkit-line-clamp: 1;

	-webkit-line-clamp: 1;

	-webkit-webkit-box-orient: vertical;

	-moz-webkit-box-orient: vertical;

	-ms-webk webkit-box-orient: vertical;

	-webkit-box-orient: vertical;

	overflow: hidden;

	text-overflow: ellipsis;

}



.duan-item:hover .duan-content {

	top: 0;

	background: linear-gradient(to top, rgb(0 0 0 / 80%) 0%, rgb(0 0 0 / 20%) 100%);

}



.duan-item:hover .duan-name a {

	font: 18px MontserratBold;

}



.video-index {

	padding: 60px 0;

	background: #e1e1e1;

}



.row-video {

	align-items: initial;

}



.title-video {

	position: relative;

	width: 140px;

	align-items: center;

	justify-content: flex-end;

}



.title-video p {

	font: 58px MontserratBold;

	line-height: 45px;

	color: #eeeeee;

	text-transform: uppercase;

	position: absolute;

	left: 0;

	top: -30px;

	writing-mode: vertical-rl;

	text-orientation: mixed;

}



.title-video span {

	font: 28px MontserratBold;

	color: #000000;

	text-transform: uppercase;

	writing-mode: vertical-lr;

	text-orientation: mixed;

	display: inline-block;

	background: var(--color);

	padding: 20px 10px;

	position: relative;

	transform: rotate(180deg);

}



.video-left {

	width: calc(62% - 140px);

	padding: 7px 18px;

}



.video-left iframe {

	width: 100% !important;

	height: 345px;

}



.video-right {

	align-items: flex-start;

	justify-content: space-between;

	width: 38%;

}



.video-col {

	width: calc(50% - 7px);

	padding: 7px 0;

}



.tintuc-index {

	padding: 40px 0;

}



.tintuc-item {

	margin: 10px 0;

}



.tintuc-bvmcn {

	font: 13px MontserratLight;

	color: #585858;

	padding: 15px 0 0;

}



.tintuc-name {

	padding: 13px 0 10px;

	border-bottom: 3px solid #777777;

}



.tintuc-name a {

	color: #212121;

	text-transform: uppercase;

	font: 16px MontserratBold;

	display: -webkit-box;

	width: 100%;

	-webkit-webkit-line-clamp: 2;

	-moz-webkit-line-clamp: 2;

	-ms-webkit-line-clamp: 2;

	-o-webkit-line-clamp: 2;

	-webkit-line-clamp: 2;

	-webkit-webkit-box-orient: vertical;

	-moz-webkit-box-orient: vertical;

	-ms-webk webkit-box-orient: vertical;

	-webkit-box-orient: vertical;

	overflow: hidden;

	text-overflow: ellipsis;

}



.tintuc-name a:hover {

	color: var(--color);

}



.tintuc-des {

	font: 14px MontserratRegular;

	color: #1c1c1c;

	display: -webkit-box;

	width: 100%;

	-webkit-webkit-line-clamp: 2;

	-moz-webkit-line-clamp: 2;

	-ms-webkit-line-clamp: 2;

	-o-webkit-line-clamp: 2;

	-webkit-line-clamp: 2;

	-webkit-webkit-box-orient: vertical;

	-moz-webkit-box-orient: vertical;

	-ms-webk webkit-box-orient: vertical;

	-webkit-box-orient: vertical;

	overflow: hidden;

	text-overflow: ellipsis;

	margin: 12px 0;

}



.tintuc-sm {}



.tintuc-sm a {

	color: var(--color);

	font: 14px MontserratBold;

	text-transform: uppercase;

}



.tintuc-img {

	position: relative;

}



.tintuc-date {

	position: absolute;

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

	right: 15px;

	bottom: -20px;

	color: #fff;

	font: 24px MontserratRegular;

	line-height: 24px;

	text-align: center;

	padding: 6px 15px;

}



.tintuc-date span {

	display: block;

	font: 13px MontserratLight;

	line-height: 20px;

}



.tintuc-row {

	margin: 0 -15px;

}



.tintuc-col {

	width: calc(100% / 3);

	padding: 0 15px;

}



.doitac-index {

	padding: 50px 0;

	background: #e1e1e1;

}



.doitac-row {

	margin: 0 -8px;

}



.doitac-col {

	width: calc(100% / 6);

	padding: 0 8px;

}



.khung_rp {

	padding: 0 65px;

}



.owl-doitac .owl-prev,

.owl-doitac .owl-next {

	width: 34px !important;

	height: 34px !important;

	top: calc(50% - 17px) !important;

	border-radius: 0 !important;

	position: absolute;

}



.owl-doitac .owl-prev {

	left: -60px !important;

	background: url(images/l.png) no-repeat !important;

}



.owl-doitac .owl-next {

	right: -60px !important;

	background: url(images/r.png) no-repeat !important;

}



.doitac-img {

	margin: 10px 0;

}



header.header {

	height: 80px;

}



.video-index .title-main {

	display: none;

}



header.header .wap-menu {

	background: linear-gradient(to bottom, rgb(0 0 0 / 80%) 0%, rgb(0 0 0 / 50%) 100%);

}



.doitac-img {

	text-align: center;

}



.doitac-img img {

	margin: 0 auto;

}

.row-sanpham{

	align-items: flex-start;

	justify-content: space-between;

}

.col-sanpham{

	width: calc(100% / 3 - 10px);

}





.wap-menu.fix_head{}



.zalo_fixed {

    width: 50px;

    height: 25px;

    z-index: 9999;

    cursor: pointer;

    transition: all .2s ease-in-out;

    position: fixed;

    right: 3px;

    bottom: 35%;

}



.zalo_fixed img {

    max-width: 100%;

    height: auto;

    box-sizing: border-box;

    vertical-align: top;

}





@media (min-width: 1200px) {}



@media (min-width: 992px) and (max-width: 1199px) {

	.menu ul li ul {

		min-width: 185px;

	}



	.khung-p {

		padding: 0 5px;

	}

}



@media (min-width: 767px) and (max-width: 991px) {

	.menu ul#main-nav>li {

		padding: 0 13px;

	}



	.menu ul li ul {

		min-width: 158px;

	}



	.bannerMain,

	.banner .item {

		height: 70vh;

	}



	.khung-p {

		padding: 0 5px;

	}



	.tieuchi-item {

		padding: 20px 10px;

		margin: 7px 0;

		background: #e1e1e1;

		align-items: center;

		justify-content: center;

		min-height: 130px;

	}



	.tieuchi-col {

		width: calc(50% - 7px);

	}



	.tieuchi-name {

		font: 22px MontserratRegular;

		text-align: center;

	}



	.quytrinh-row {

		margin: 0 -10px;

	}



	.quytrinh-col {

		width: calc(100% / 3);

		padding: 0 10px;

	}



	.duan-col {

		width: 50%;

	}



	.tintuc-row {

		margin: 0 10px;

	}



	.tintuc-col {

		width: 50%;

		padding: 0 10px;

	}



	.doitac-row {

		margin: 0 -10px;

	}



	.doitac-col {

		width: 25%;

		padding: 0 10px;

	}



	.copy,

	.tk {

		width: 100%;

		text-align: center;

		padding: 5px 0;

	}

	.col-sanpham{

		width: calc(100% / 2 - 10px)

	}



}



@media (max-width: 767px) {

	.khung-p {

		padding: 0 5px;

	}



	.copy,

	.tk {

		width: 100%;

		text-align: center;

		padding: 5px 0;

	}



	.menu {

		display: none

	}



	.about_left {

		width: 100%;

		padding: 20px 0 20px 55px;

	}



	.about_right {

		width: 100%;

	}



	.tieuchi-col {

		width: calc(50% - 5px);

	}



	.tieuchi-item {

		padding: 20px 10px;

		margin: 5px 0;

		background: #e1e1e1;

		align-items: center;

		justify-content: center;

		min-height: 120px;

	}



	.tieuchi-name {

		font: 18px MontserratRegular;

		text-align: center;

	}



	.title-quytrinh span {

		font-size: 22px;

	}



	.title-quytrinh p {

		font-size: 14px;

	}



	.quytrinh-index {

		padding: 20px 0;

		background: #414141;

	}



	.title-main p {

		font: 35px MontserratBold;

		line-height: 68px;

	}



	.title-main span {

		padding: 8px 0 5px 14px;

	}



	.title-main span strong {

		position: absolute;

		content: '';

		width: 36px;

		height: 56px;

	}



	.duan-index {

		padding: 20px 0;

	}



	.quytrinh-row {

		margin: 0 -10px;

	}



	.quytrinh-col {

		width: calc(100% / 2);

		padding: 0 10px;

	}



	.duan-col {

		width: 50%;

	}



	.tintuc-row {

		margin: 0 0px;

	}



	.tintuc-col {

		width: 100%;

		padding: 0 10px;

	}



	.doitac-row {

		margin: 0 -10px;

	}



	.doitac-col {

		width: 50%;

		padding: 0 10px;

	}



	.video-index {

		padding: 20px 0;

	}



	.title-video {

		display: none;

	}



	.video-index .title-main {

		display: block;

		width: 100%

	}





	.video-left {

		width: 100%;

		padding: 0;

	}



	.video-right {

		width: 100%;

	}



	.doitac-index {

		padding: 10px 0;

		background: #e1e1e1;

	}



	.khung_rp {

		padding: 0px;

	}



	.nt1 {

		width: 100%;

	}



	.nt1:after {



		clip-path: initial;

	}



	.nt2 {

		width: 100%;

		padding: 10px 0;

	}



	.nt2 span {

		width: 100%;

		padding: 5px 0;

		text-align: center;

	}



	form#frm_dknt {

		width: 100%;

	}



	.footer_1,

	.footer_2,

	.footer_3,

	.footer_4 {

		width: 100%;

		padding: 5px 0;

	}



	.owl-doitac .owl-prev,

	.owl-doitac .owl-next {

		display: none

	}



	.bannerMain,

	.banner .item {

		height: 60vh;

	}



	.banner .desc {

		padding: 20px 20px;

	}



	.banner .tit {

		font-size: 28px;

	}



	.banner ul.desc p {

		font-size: 13px

	}



	.title-rpmenu {

		padding: 5px 10px;

		color: #FFF;

		font-size: 17px;

		position: relative;

		background: #20428A;

		z-index: 12345;

		min-height: 42px;

		display: -webkit-flex;

		display: -moz-flex;

		display: -ms-flex;

		display: flex;

		align-items: center;

		justify-content: space-between;

	}



	.title-rpmenu .icon-bar {

		width: 30px;

		height: 4px;

		background: #E25922;

		float: left;

		clear: both;

		margin-bottom: 3px;

		border-radius: 5px;

		overflow: hidden;

	}



	.cart-epx {

		display: none

	}



	#responsive-menu .close {

		position: absolute;

		top: 2px;

		right: 5px;

		font-size: 26px;

		z-index: 123;

	}



	#responsive-menu {

		position: absolute;

		z-index: 1;

		background: #000;

		width: auto;

		max-height: 100%;

		z-index: 1234;

		max-height: 420px;

		overflow-y: auto;

		left: -300px;

		height: 100vh;

		width: 300px;

		min-height: 100%;

		box-shadow: rgba(50, 50, 50, 0.498039) -2px 0px 5px 0px inset;

		top: 56px;

	}



	#responsive-menu .content {

		max-width: 300px;

		float: right;

		width: 100%;

	}



	#responsive-menu .content ul {

		list-style: none;

		padding: 0;

		width: 100%;

	}



	#responsive-menu .content>ul {

		padding: 0px 0px 0px 5px;

		margin: 0;

	}



	#responsive-menu .content .toggle-menu {

		float: right;

		cursor: pointer;

		position: absolute;

		top: 5px;

		right: 10px;

		font-size: 20px;

	}



	#responsive-menu .content ul li a {

		color: #FFFFFF;

		font-size: 15px;

		padding-left: 5px;

		text-transform: uppercase;

	}



	#responsive-menu .content ul li {

		-moz-transition: all 0.5s ease;

		-o-transition: all 0.5s ease;

		-ms-transition: all 0.5s ease;

		transition: all 0.5s ease;

		padding: 8px 0px;

		border-bottom: 1px solid rgba(247, 246, 246, 0.25);

		position: relative;

		cursor: pointer;

		float: none;

		flex-grow: 1;

		width: 100%;

	}



	#responsive-menu .content ul li:hover {

		/* background: #224182; */

	}



	#responsive-menu .content ul li ul {

		display: none

	}



	#responsive-menu .content li li:first-child {

		border-top: 1px solid rgba(247, 246, 246, 0.25);

	}



	#responsive-menu .content>ul>li ul {

		position: relative;

		top: 9px;

	}



	#responsive-menu .content>ul li ul li {

		padding-left: 10px;

	}



	#responsive-menu .content>ul li ul li ul li {

		text-indent: 0px;

	}



	.btn-showmenu {

		width: 35px;

		height: 20px;

		position: relative;

		z-index: 80;

		cursor: pointer;

		-webkit-transform: translateX(3px);

		-khtml-transform: translateX(3px);

		-moz-transform: translateX(3px);

		-ms-transform: translateX(3px);

		-o-transform: translateX(3px);

		transform: translateX(3px);

	}



	.btn-showmenu:before {

		content: "";

		display: block;

		height: 2px;

		background: var(--color);

		position: absolute;

		top: 0;

		right: 0;

		left: 0;

		-webkit-transition: all, 0.3s;

		-khtml-transition: all, 0.3s;

		-moz-transition: all, 0.3s;

		-ms-transition: all, 0.3s;

		-o-transition: all, 0.3s;

		transition: all, 0.3s;

	}



	.btn-showmenu:after {

		content: "";

		display: block;

		height: 2px;

		background: var(--color);

		position: absolute;

		right: 0px;

		bottom: 0;

		left: 0px;

		-webkit-transition: all, 0.3s;

		-khtml-transition: all, 0.3s;

		-moz-transition: all, 0.3s;

		-ms-transition: all, 0.3s;

		-o-transition: all, 0.3s;

		transition: all, 0.3s;

	}



	.btn-showmenu span {

		display: block;

		height: 2px;

		width: 100%;

		background: var(--color);

		position: absolute;

		top: 50%;

		left: 0px;

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

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

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

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

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

		transform: translateY(-50%);

		-webkit-transition: all, 0.3s;

		-khtml-transition: all, 0.3s;

		-moz-transition: all, 0.3s;

		-ms-transition: all, 0.3s;

		-o-transition: all, 0.3s;

		transition: all, 0.3s;

	}



	.btn-showmenu-wrap {

		width: 40px;

		height: 30px;

		float: left;

		padding-right: 4px;

		display: -webkit-box;

		display: -webkit-flex;

		display: -moz-flex;

		display: -ms-flexbox;

		display: flex;

		align-items: center;

		justify-content: center;

	}



	.timkiem {

		float: right;

		width: 91%;

	}



	input:hover,

	input:active,

	input:focus,

	button:hover,

	button:active,

	button:focus,

	select:hover,

	select:active,

	select:focus,

	textarea:hover,

	textarea:active,

	textarea:focus {

		outline: none;

	}



	.btn-showmenu.active span {

		opacity: 0;

	}



	.btn-showmenu.active:before {

		-webkit-transform: translate(-2.5px, -50%) rotateZ(45deg);

		-khtml-transform: translate(-2.5px, -50%) rotateZ(45deg);

		-moz-transform: translate(-2.5px, -50%) rotateZ(45deg);

		-ms-transform: translate(-2.5px, -50%) rotateZ(45deg);

		-o-transform: translate(-2.5px, -50%) rotateZ(45deg);

		transform: translate(0.5px, -50%) rotateZ(45deg);

		top: 50%;

	}



	.btn-showmenu.active:after {

		-webkit-transform: translate(3px, 50%) rotateZ(-45deg);

		-khtml-transform: translate(3px, 50%) rotateZ(-45deg);

		-moz-transform: translate(3px, 50%) rotateZ(-45deg);

		-ms-transform: translate(3px, 50%) rotateZ(-45deg);

		-o-transform: translate(3px, 50%) rotateZ(-45deg);

		transform: translate(1px, 50%) rotateZ(-45deg);

		bottom: 50%;

	}



	.fixed {

		position: fixed;

		top: 0px;

		z-index: 999;

		width: 100%;

	}



	.ctop {

		top: 40px;

		position: fixed !important;

	}



	.selectpicker1 {

		padding: 5px 3px;

		padding-bottom: 5px;

		margin-right: -5px;

		border: 1px solid #E6E6E6;

		border-right: 0px;

		width: 27%;

		height: 35px;

		font-size: 10pt;

		color: #9e9e9e;

	}



	.menurepon {

		position: relative;

	}



	#responsive-menu::-webkit-scrollbar {

		width: 3px;

		background: #C1C1C1;

	}

	.reponsiveh{

		display: block

	}

	.logo{

		width: 56%;

	}

	.wap-menu{

		padding: 8px 0;

		height: 56px;

	}

	.text-about{

		font: 48px MontserratBold;

	}

	div#left{

		display: none

	}

	div#right{

		width: 100%;

	}

	.col-sanpham{

		width: 100%;

	}

	.zoom_slick{

		width: 100%;

	}

	.product_info{

		width: 100%

	}



	.fix-toolbar {

		background: #333333;

		width: 100%;

		padding: 5px;

		bottom: 0;

		position: fixed;

		z-index: 500;

		height: auto;

		left: 0;

		right: 0;

		margin: 0 auto;

		border-top: 1px solid #fff;

		display: block

	}



	.fix-toolbar ul {

		display: flex;

		align-items: center;

		justify-content: space-between;

		padding: 0;

		list-style: none;

		margin: 0;

	}



	.fix-toolbar ul li {

		text-align: center;

		width: 20%;

	}



	.fix-toolbar ul li a {

		display: block;

		width: 100%;

		cursor: pointer;

		color: #fff;

		font-size: 11px;

	}



	.fix-toolbar img {

		vertical-align: top;

	}



	.fix-toolbar ul li a img {

		height: 20px;

		width: auto;

	}

	.fix-toolbar ul li a span {

		display: block;

		line-height: 12px;

	}

	.zalo_fixed,.drag-wrapper {

		display: none

	}

}

#loading {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 99999999;

}

#loading.finish {

    z-index: -9999;

}

#loading.finish .logo_2 span,

#loading.finish .logo_2 img {

    display: none;

}

#loading:after,

#loading:before {

    content: '';

    width: 100%;

    height: 50%;

    background: #696969fa;

    position: absolute;

    left: 0;

    transition: all 0.75s;

}

#loading:before {

    top: 0;

}

#loading.show:before {

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

    transform: translateY(-100%);

}

#loading:after,

#loading:before {

    content: '';

    width: 100%;

    height: 50%;

    background: #696969fa;

    position: absolute;

    left: 0;

    transition: all 0.75s;

}

#loading:after {

    bottom: 0;

}

#loading.show:after {

    -webkit-transform: translateY(100%);

    transform: translateY(100%);

}

#loading .logo_2 {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all ease 0.5s;

}

#loading .logo_2 span {

    display: block;

    border-radius: 50%;

    border: 3px solid rgba(255, 255, 255, 0.5);

    border-radius: 50%;

    box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);

    -webkit-animation: Ani 2s infinite;

    animation: Ani 2s infinite;

    width: 150px;

    height: 150px;

    position: absolute;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    z-index: 2;

}

#loading .logo_2 img {

    position: relative;

    max-width: 100px;

    z-index: 4;

    -webkit-animation: Ani_zoom 2s infinite;

    animation: Ani_zoom 2s infinite;

}

@-webkit-keyframes Ani_zoom {

    0% {

        -webkit-transform: scale(0.4);

        transform: scale(0.4);

    }

    

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}

@keyframes Ani_zoom {

    0% {

        -webkit-transform: scale(0.4);

        transform: scale(0.4);

    }

   

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



@-webkit-keyframes Ani {

    0% {

        box-shadow: 0 0 0 #009966;

        border: 1px solid #009966;

        -webkit-transform: scale(0);

        transform: scale(0);

    }

    70% {

        box-shadow: 0 0 50px #00996699;

        border: 1px solid #00996699;

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    100% {

        box-shadow: 0 0 60px #009966;

        border: 0 solid #009966;

        -webkit-transform: scale(1.5);

        transform: scale(1.5);

    }

}

@keyframes Ani {

    0% {

        box-shadow: 0 0 0 #009966;

        border: 1px solid #009966;

        -webkit-transform: scale(0);

                transform: scale(0);

    }

    70% {

        box-shadow: 0 0 50px #00996699;

        border: 1px solid #00996699;

        -webkit-transform: scale(1);

                transform: scale(1);

    }

    100% {

        box-shadow: 0 0 60px#009966;

        border: 0 solid#009966;

        -webkit-transform: scale(1.5);

                transform: scale(1.5);

    }

}