*{margin: 0;padding: 0;}

@font-face {
	font-family: 'OpenSans-Bold';
  	src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto-Medium';
  	src: url('../fonts/Roboto-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'OpenSans-Regular';
  	src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'OpenSans-Semibold';
  	src: url('../fonts/OpenSans-Semibold.ttf') format('truetype');
}
@font-face {
	font-family: 'OpenSans-Light';
  	src: url('../fonts/OpenSans-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto-Regular';
  	src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto-Bold';
  	src: url('../fonts/Roboto-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto-Italic';
  	src: url('../fonts/Roboto-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto-Light';
  	src: url('../fonts/Roboto-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat-Regular';
  	src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat-Bold';
  	src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'MyriadPro-Regular';
  	src: url('../fonts/MyriadPro-Regular.OTF') format('truetype');
}
@font-face {
	font-family: 'SairaCondensed-Bold';
  	src: url('../fonts/SairaCondensed-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'SairaCondensed-Regular';
  	src: url('../fonts/SairaCondensed-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'SairaCondensed-SemiBold';
  	src: url('../fonts/SairaCondensed-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'SairaCondensed-Medium';
  	src: url('../fonts/SairaCondensed-Medium.ttf') format('truetype');
}
body{
	font-family: "Inter", sans-serif;
	font-size: 14px;
	overflow-x:hidden;
	color: #474747;
}
/*#wrapper{width:100%;
	overflow:hidden;
	background:url(../images/pattern6.png) repeat;}*/
p.uppercase{
	text-transform: uppercase;
}
li{list-style: none;}
.clear{clear: both}
.container{width:1218px;}
input{line-height:25px;
	border-radius: 5px;
    border: 1px solid;
    /* padding-top: 5px; */
    margin-top: 5px;}
.call-now-button {
display: block !important;color:#fff;}
.call-now-button p.call-text a{color:#fff !important;}
.call-now-button{ top: 75% !important;}
.zalo-chat-widget{left:0 !important;}
/*CSS header*/
.top_header{width:100%;
	overflow:hidden;
	background:rgba(232,17,35,1);}
.mxh{width:100%;
	overflow:hidden;
	padding-left:87px;}
.mxh ul{width:100%;
	overflow:hidden;
	margin:0;padding:0;}
.mxh ul li{float:left;margin-right:20px;}
.mxh ul li a{color:#fff;line-height:40px;}
.header-index{width:100%;
	background:rgba(247,148,29,1);
	background-attachment: scroll;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	border-bottom:1px solid #e67022;}
.logo{width:100%;height:124px;border-radius:50%;background:rgba(255,255,255,1);
	text-align: center;overflow:hidden;position:relative;margin:5px auto;}
.logo p{margin: 10px 0;}
.logo img{-webkit-animation: rotation 5s infinite linear;}
/* #loading {
		-webkit-animation: rotation 2s infinite linear;
} */
.zalo{width:80px;height:80px;position:fixed;
	bottom:40px;
	left:20px;}
	.zalo img{width:100%;}
@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotateY(0deg);
		}
		to {
				-webkit-transform: rotateY(359deg);
		}
}
.header_right{width:100%;overflow:hidden;float:right;text-align:right;margin:22px 0;}
.hotline p{font-family:MyriadPro-Regular;
	font-size:16px;
	color:#fff;
	margin: 10px 0;
	float:right;}
.hotline p i{color:#fff;}
.search form{width:100%;
	border-radius:50px;}
.search form input{border:0;
	font-family:Roboto-Italic;
	font-size:12px;
	color:#808284;
	padding: 5px 0 5px 15px;}
.search form i{color:#ec1c23;    margin-right: 10px;}
.language{background:rgba(247,148,29,1);
	text-align: center;
    margin-top: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;}
.language li{float:left;margin: 7px;}
.language li img{width:15px;height:15px;border-radius:50%;}
.search{margin-top:20px;}
.search .popup-search {
    position: absolute;
    z-index: 9999;
    right: 60px;
    min-width: 285px;
    height: 50px;
    background: rgba(0,0,0,0.5);
    top: 82px;
    border-radius: 4px;
    display: none;
    padding: 9px 10px;
}
.search .popup-search input#s {
    background: #eaeff3;
    color: #a6a6a6;
    width: 200px;
    border: 0;
    margin: 0 0 0 11px;
    border-radius: 3px 0 0 3px;
    padding: 0 0 0 20px;
    float: left;
    padding: 6px 5px 6px 5px;
}
.search .popup-search input#searchsubmit {
    background: rgba(218,33,40,1);
    color: #fff;
    border: none;
    padding: 6px 15px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
    float: left;
    margin: 0;
}
/*CSS menu*/
#icomenu {
    display: none;
    display: none;
    color: #000;
    text-align: right;
    margin-top: 30px;
}
#mainmenuwap{width:100%;margin: 40px 0px;}
.mnfixed{position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    left: 0;
	margin:0 !important;
	padding: 10px 15px 0;
    background: rgba(247,148,29,1);}
.mnfixed  .menu-menu-chinh-container{width:890px;
	margin:0 auto;
	display:table;}
	#mainmenuwap ul.menu-m{overflow:hidden;
		margin-bottom:0px;}
	#mainmenuwap ul.menu-m li{float:left;padding:15px 0;}
	#mainmenuwap ul.menu-m li ul.sub-menu{display:none;
	position: absolute;
    background: rgba(255,255,255,1);
    margin-top:8px;
    z-index: 999;
	box-shadow: 1px 3px 2px 1px rgba(0,0,0,0.5);}
	#mainmenuwap ul.menu-m li ul.sub-menu li ul.sub-menu{display:none;
	position: absolute;
    background: rgba(255,255,255,1);
    margin-top:-37px;
	width:190px;
	left:134px;
    z-index: 999;
	box-shadow: 1px 3px 2px 1px rgba(0,0,0,0.5);}
	#mainmenuwap ul.menu-m li a{font-family:MyriadPro-Regular;
		font-size:16px;
		color:#ffffff;
		text-decoration:none;
		text-transform: uppercase;
		padding:0px 40px 0 0;
		line-height: 20px;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		display:table-cell;
		}
	#mainmenuwap ul.menu-m li ul.sub-menu li a{border-right:0;
		color:#000000;}


#mainmenuwap ul.menu-m li a:after{width:0%;
    border-bottom: 2px solid #ed1c24;
    transition: 0.4s;
    content: '';
    display: block;
    height: 2px;
	}
#mainmenuwap ul.menu-m li:hover a:after{width:100%}

#mainmenuwap ul.menu-m li > ul.sub-menu li a:after{width:0%;
    border-bottom: 2px solid #ed1c24;
    transition: 0.4s;
    content: '';
    display: block;
    height: 2px;}
#mainmenuwap ul.menu-m li  ul.sub-menu li ul.sub-menu li a:after{width:0%;
    border-bottom: 2px solid #ed1c24;
    transition: 0.4s;
    content: '';
    display: block;
    height: 2px;}
#mainmenuwap ul.menu-m li > ul.sub-menu li:hover a:after{width:100%}
#mainmenuwap ul.menu-m li ul.sub-menu li > ul.sub-menu li:hover a:after{width:100%}
	.navbar-collapse{padding-left:0px;
		padding-right:0px;}
#mainmenuwap ul.menu-m li a:hover{text-decoration:none;/* color: #024da0; */}
#mainmenuwap ul.menu-m li:hover{ color: #ed1c24; }
#icomenu h3{font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    float: left;
    text-align: left;
    margin: 0 0 10px 0;
    line-height: 36px;
	margin-bottom:0;}
#icomenu h3 i {
    font-size: 30px;
    margin-right: 10px;
    color: #fff;
    float: left;
}
#mainmenuwap ul.menu-m > li > ul.sub-menu li{margin-top:0px;float: inherit;height:auto;padding: 5px 0;}
#mainmenuwap ul.menu-m > li > ul.sub-menu li a{font-family: Roboto-Medium;
	font-size: 13px;
	color: #000;
	padding: 0px 20px;
	line-height: 20px;
	display:block;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;}
#mainmenuwap ul.menu-m > li > ul.sub-menu li a:hover{color:#ed1c24}
#mainmenuwap ul.menu-m > li:hover > ul.sub-menu {
    display: block;
	visibility:visible;
	padding-bottom: 10px;
}
#mainmenuwap ul.menu-m  li  ul.sub-menu li a:hover > ul.sub-menu{
    display: block;
	visibility:visible;
	padding-bottom: 10px;
}
#mainmenuwap ul.menu-m > li.current_page_item a{color:#fff;}
#mainmenuwap ul.menu-m > li.current-menu-item a{color:#fff;}

#content_sing{width:100%;
	padding:50px 0;
	overflow:hidden;}
.fb-page iframe{width:100% !important;
	height:auto;}
/*CSS Slider show*/
#slidetShow{width:100%;
	position:relative;}
.slider{width:100%;overflow:hidden;position:relative}
.slider a.next,.slider a.prev{display:block !important;}
.slider a.next{width:21px;
	height:38px;
	position:absolute;
	background:url(../images/next.png);
	top:45%;
	z-index:10;
	text-indent:-99999px;
	right:20px;}
.slider a.prev{width:21px;
	height:38px;
	position:absolute;
	background:url(../images/prev.png);
	top:45%;
	z-index:10;
	text-indent:99999px;
	left:20px;}
.slider li img{width:auto;margin:0 auto;
	height:auto;
	position:relative;}
.slider li .content_slider {position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;}
.slider li .content_slider .noidung_slider{width:50%;
	float:left;
	padding-left:124px;
	margin-top: 100px;}
.slider li .content_slider .noidung_slider h2{font-family:SairaCondensed-Bold;
	font-size:50px;
	text-transform:uppercase;
	color:#000;
	margin:0;
	font-weight: bold;
	line-height: 40px;}
.slider li .content_slider .noidung_slider h2 span{font-size:25px;line-height: 53px;}
.slider li .content_slider .noidung_slider a{font-family: SairaCondensed-Bold;
    font-size: 18px;
    color: #000;
    background: rgba(255,186,39,1);
    padding: 6px 20px;
    text-transform: uppercase;
    border-radius: 10px;
    margin-top: 20px;
    line-height: 104px;
	text-decoration:none;}
.slogan_slider{width:100%;overflow:hidden;position:relative;}
.slogan_slider h2{font-size:35px;
	color:#f7941d;line-height:1.6;
	margin-bottom:0;}
.slogan_slider h3{font-size:25px;
	color:#000;
	margin:0 0 20px;}
/*CSS footer*/
footer{width:100%;
	overflow:hidden;
	background: rgba(247,148,29,1);
	background-attachment: scroll;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	padding:40px 0;
	display: none;
}
.camKet,.troGiup,.thongtin{width:100%;
	overflow:hidden;}
.camKet h2,.troGiup h2,.thongtin h2{font-family:OpenSans-Bold;
	font-size:28px;
	color:#fff;
	margin:0 0 30px;}
.camKet p{font-family:OpenSans-Light;
	font-size:14px;
	color:#fff;
	text-align:justify;
	margin-bottom:20px;}
.troGiup ul,.thongtin ul{width:100%;
	overflow:hidden;
	padding-bottom:10px;
	border-bottom:1px solid #989898;}
.troGiup ul li,.thongtin ul li{font-family:OpenSans-Light;
	font-size:15px;
	color:#fff;
	margin-bottom: 10px;}
.troGiup ul li a,.thongtin ul li a{color:#fff;}
.troGiup input{border:0;
	font-family:OpenSans-Light;
	font-size:14px;
	text-align:center;
	color:#ffffff;}
.troGiup input#es_txt_button{background:rgba(191,30,45,1);}
.troGiup ul li i,.thongtin ul li i{margin-right:15px;}
.camKet img{background:#fff;
	border-radius:5px;
	margin: auto;}
.thongtin ul p{font-family:OpenSans-Light;
	font-size:16px;
	color:#fff;}
.thongtin ul:last-child{border-bottom:0;}
.chuThich{width:100%;
	overflow:hidden;
	background:rgba(0,0,0,1);}
.chuThich p{
	font-size:13px;
	color:#fff;
	margin:0;
	line-height:40px;
	text-align: center;
}
.webDesign{float:right;text-align:right;}
#bttop {
    width: 36px;
    height: 36px;
    background-color: #be1e2d;
    text-align: center;
    padding: 5px;
    position: fixed;
    bottom: 90px;
    right: 10px;
    cursor: pointer;
    display: none;
    font-size: 11px;
    font-weight: 900;
    opacity: 0.9;
    border-radius: 5px 5px 0 0;
}
#bttop i {
    margin-top: 7px;
    color: #fff;
}
/*CSS Phân trang*/
/*.wp-pagenavi { font-size:15px; float: right; margin-bottom:10px;right:0;}
.wp-pagenavi a, .wp-pagenavi span.current {margin:2px; text-decoration:none; border:1px solid #e3e3e3; color:#000; background:#fff; display:block; float:left; width:30px; height:30px; text-align:center; line-height:25px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; font-weight: 700; font-size: 12px;}
.wp-pagenavi span.current {text-shadow:none;}
.wp-pagenavi a:visited {padding:6px 6px 5px; margin:2px; text-decoration: none; border:1px solid #e3e3e3; color:#000; background:#fff;}
.wp-pagenavi a:hover {border:1px solid #283f7f; color:#fff; background:#283f7f; text-shadow:none;border-color:#283f7f !important}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {border:0; background: none;}
.wp-pagenavi .previouspostslink:hover , .wp-pagenavi .nextpostslink:hover {color: #898989; background: none; border:0;}
.wp-pagenavi a:active {padding:6px 6px 5px; margin:2px; text-decoration:none; border:1px solid #e3e3e3; color:#000; background:#fff;}
.wp-pagenavi span.pages {padding:5px 6px 5px; margin:2px; color:#283f7f; background:transparent; float:left;border:0}
.wp-pagenavi span.current {margin:2px; border:1px solid #000; color:#000; border:1px solid #283f7f ; color:#fff; background:#283f7f ;border-color:#283f7f !important;}
.wp-pagenavi span.extend {margin:2px; color:#000; background:#fff; float:left; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; width:30px; height: 30px; line-height: 25px; text-align: center; border:1px solid #e3e3e3; background:#fff;}
.wp-pagenavi .last {width:auto; height: auto; line-height: 23px;border-radius:0;}*/
/*CSS end Phân trang*/
#service{width:100%;
	overflow:hidden;
	padding:50px 0;
	background:url(../images/cv.jpg) no-repeat center;
	background-size:cover;}
#service h2.titleCongThuc{font-family:SairaCondensed-SemiBold;
	font-size:30px;
	text-transform:uppercase;
	color:#222426;
	text-align:center;
	margin: 0px 0 40px;}
.showItem{width:auto;
	float:left;
	overflow:hidden;
	margin-bottom: 20px;
    margin-right: 20px;}
.itemCatService{width:100%;
	overflow:hidden;
	position:relative;}
.itemCatService .imgService{}
.itemCatService .imgService img{width:340px;
	height:230px;
	border-radius:50%;}
.itemCatService .titleService{position: absolute;
	top: 0;
	text-align: center;
    display:none;}
.itemCatService .titleService h3{font-family:MyriadPro-Regular;
	font-weight:bold;
	color:#fff;
	font-size:16px;
	width:340px;
	height:230px;
	display:flex;
	background: rgba(0,0,0,0.5);
	margin:0;
	border-radius:50%;}
.itemCatService .titleService h3 a{text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	align-self:center;
	margin:auto;}
.itemCatService:hover .titleService{display:block;}
#about{width:100%;
	overflow:hidden;
	position:relative;
	min-height:420px;}
.aboutLeft{width:50%;
	float:left;
	height:100%;}
.aboutRight{width:50%;
	float:left;
	height:100%;}
.aboutRight .earth{width:100%;
	height:100%;}

.aboutRight .earth ul li{height:100% !important;position: relative;}
.aboutRight .earth ul li img{width:100%;
	position:relative;
	height:440px;}
.aboutRight .earth ul li .content_slider {/* width:100%; */
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:0;}
.aboutRight .earth ul li .content_slider .noidung_slider p{background:rgb(217,31,43);
	padding:5px 15px;
	color:#fff;
	font-size:14px;}
.aboutRight .earth .img{width:100%;height:100%;}
.gioi_thieu{width:100%;
	overflow:hidden;
	text-align:center;}
.gioi_thieu .contentab{width:100% !important;margin:0 auto;}
.content_gt{padding:0 50px;}
.gioi_thieu h4{font-family:OpenSans-Light;
	font-size:16px;
	color:#fff;
	text-transform:uppercase;}
.gioi_thieu h2{font-family:SairaCondensed-SemiBold;
	font-size:32px;
	color:#fff;
	text-transform:uppercase;
	margin:0 0 30px;}
/* .gioi_thieu h2:after{content: '';
    display: block;
    width: 100px;
    height: 3px;
    margin: 0;
    background: #ed1c24;
    margin-top: 20px;} */
.gioi_thieu p{font-family:OpenSans-Light;
	font-size:16px;
	color:#fff;
	text-align:center;
	margin-bottom: 25px;}
.gioi_thieu p a{font-family:SairaCondensed-Medium;
	text-decoration:none;
	font-size:20px;
	text-transform:uppercase;
	color:#fff;
	border:1px solid #f7941d;
	background:rgba(247,148,29,1);
	padding: 8px 18px;
    line-height: 55px;}
/*.gioi_thieu ul{    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    display: table;}
.gioi_thieu ul li{ float: left; margin-right:10px;margin-left:10px;}*/
.gioi_thieu ul li a i{font-size:15px;color:#fff;}
.earth{width:100%;
	overflow:hidden;
	position:relative;}
.earth p{margin:0;}
.earth img{width:auto;
	height:auto;
	max-width:100%;}
/*CSS #thongtin_noibat*/
#thongtin_noibat{width:100%;
	background:url(../images/bg_banner.jpg) no-repeat left top;
	display: flex;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;
    padding: 50px 0;
}
.item_thongtin{width:100%;
	overflow:hidden;
	text-align:center;}
.item_thongtin h2{font-family:Roboto-Bold;
	font-size:41px;
	color:#fff;
	margin:15px 0;}
.item_thongtin p{font-family:Roboto-Bold;
	font-size:14px;
	color:#fff;
	text-transform:uppercase;}
/*CSS product*/
.imgVideo{width:100%;overflow:hidden;position:relative;
	border:1px solid #ccc;
	padding:15px;
	box-shadow:0px 0px 5px 0px #ccc;}
.imgVideo h3{text-transform:uppercase;
	font-size:16px;
	font-weight:bold;}
.showVideo{width:100%;overflow:hidden;position:relative;height: 360px;
    background: #000;
    display: flex;}
.imgVideo img{width:100%;height:auto;max-width:100%;}
.icon_play {
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    display: flex;
}
.play {
    width: 100px;
    height: 100px;
    align-self: center;
    margin: 0 auto;
    border:2px solid #fff;
    display: flex;
    border-radius: 50%;
}
.play span {
    width: 100%;
    height: 100%;
    display: flex;
}
i.fas.fa-play {
    align-self: center;
    margin: 0 auto;
    font-size: 28px;
    color: #fff;
}
#product-service{width:100%;
	overflow:hidden;
	padding:50px 0;}
#product-service h2.titleCongThuc{font-family:Roboto-Bold;
	font-size:31px;
	color:#58585b;
	text-align:center;
	margin: 0 0 40px;}
#product-service h2.titleCongThuc:after{content: '';
    display: block;
    width: 100px;
    height: 3px;
    margin: auto;
    background: #ed1c24;
    margin-top: 20px;}
.imgCat{width:100%;
	overflow:hidden;}
.imgCat img{width:auto;
	height:auto;
	max-width:100%;
	margin:auto;
	display:table;}
.childCat{width:100%;
	overflow:hidden;
	margin-bottom:25px;}
.content_cat{width:100%;
	overflow:hidden;}
.content_cat h3{font-family:Roboto-Bold;
	font-size:21px;
	color:#000000;
	background:url(../images/icon_logo.png) no-repeat left;
	padding-left: 45px;
    line-height: 40px;
	margin:0 0 40px;}
.content_cat p{font-family:Roboto-Light;
	font-size:16px;
	margin:0;
	text-align:justify;
	color:#333;}
.content_cat a.chi_tiet{font-family:Roboto-Bold;
	font-size:14px;
	color:#808284;
	text-transform:uppercase;
	padding:8px 18px;
	border:1px solid #d3363c;
	border-radius:50px;
	line-height:50px;}
#parner{width:100%;
	overflow:hidden;
	/* border-top:1px solid #d3363c;
	border-bottom:1px solid #d3363c; */
	padding:50px 0;}
#parner h4{font-family:OpenSans-Light;
	font-size:13px;
	color:#f58c0f;
	text-align:center;}
#parner h2.title_parner{font-family:OpenSans-Semibold;
	font-size:32px;
	text-transform:uppercase;
	color:#1d1205;
	text-align:center;
	margin:0 0 20px;}
/* #parner h2.title_parner:after{content:'';
	display:block;
	width:100px;
	height:3px;
	background: #ed1c24;
    margin: 0 auto;
    margin-top: 10px;} */
#parner p{font-family:Roboto-Light;
	font-size:14px;
	color:#000;
	text-align:center;
	margin-bottom:20px;}
.videocty{width:100%;
	overflow:hidden;
	position:relative;}
.videocty iframe{width:100%;height:220px;}
#parner .item_product .img_product{width:100%;
	display:flex;}
#parner .item_product .img_product img{width:auto;
	height:auto;
	align-self: center;
	max-width:100%;}
#news{width:100%;
	overflow:hidden;
	position:relative;
	background:url(../images/bg_news.jpg) no-repeat center;
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;
	padding:50px 0;}
#news:before{content:'';
	display:block;
	width:100%;
	background:rgba(237,27,36,0.7);
	position: absolute;
    top: 0;
    height: 100%;}
#news .container{position: relative;}
#news h2.titleNews{font-family:OpenSans-Bold;
	font-size:52px;
	color:#fff;
	text-align:center;
	margin:0 0 40px}
/* #news h2.titleNews:after{content:'';
	display:block;
	width:100px;
	height:3px;
	background: #ed1c24;
    margin: 0 auto;
    margin-top: 10px;} */
.itemNews{width:100%;
	overflow:hidden;
	background:rgba(255,255,255,1);}
.itemNews .imgNew{width:100%;
	overflow:hidden;
	position:relative;
	height:211.5px;
	background:#000;
	display:flex}
.itemNews .imgNew a{width:100%;height:100%;display:flex;}
.itemNews .imgNew img{width:auto;align-self:center;
	height:auto;
	max-width:100%;}
.itemNews .imgNew .datetime{position:absolute;
	bottom:0;
	background:rgba(255,143,0,1);
	right:0;}
.itemNews .imgNew .datetime p{font-family:MyriadPro-Regular;
	font-size:14px;
	color:#fff;
	margin: 0;
    padding: 8px;}
.itemNews .title_news{width:100%;
	overflow:hidden;
	position:relative;
	padding:15px;}
.itemNews .title_news h3{font-family:Montserrat-Regular;
	font-weight:bold;
	color:#000;
	font-size:15px;
	margin:0;}
.itemNews .title_news h3 a{color:#000;text-decoration:none;}
.itemNews .title_news p{font-family:MyriadPro-Regular;
	font-size:13px;
	color:#000;
	margin:0;}
.itemNews .title_news a.read{font-family:MyriadPro-Regular;
	font-size:15px;
	color:#fff;
	background:rgba(255,143,0,1);
	    padding: 6px 10px;
    text-align: center;
    margin: auto;
    display: table;
    margin-top: 15px;}
#question{width:100%;
	overflow:hidden;
	padding:50px 0;
	background:url(../images/bg_cauhoi.jpg) repeat-y center;}
.slider_question{width:100% !important;
	overflow:hidden;
	position:relative;
	margin:0 auto;
	padding-bottom:40px;}
ul#slider1{width:100%;
	overflow:hidden;
	margin:0;
	padding:0;}
ul#slider1 li{width:350px;
	height:350px;
	margin-left:28px;
	border-radius:50%;}
ul#slider1 li img{width:345px;
	height:345px;
	border-radius:50%;
	border:5px solid #d8d6d6;}
.su-box-content{color:#000 !important;}
.su-box-content iframe{width:100%;
	height:200px;}
.su-box-content i{color:#ff2121 !important;margin-right:10px;}
.su-box{margin-top:15px !important;}

.slider_question ul.callbacks_tabs {
    position: absolute;
    bottom: 5px;
    left: 35%;
    z-index: 10;
    margin: 0;
}
.slider_question ul.callbacks_tabs > li {
    float: left;
    width: auto;
}
.slider_question ul.callbacks_tabs > li a {
    width: 18px;
    height: 18px;
    float: left;
    text-indent: 9000px;
    margin-left: 7px;
    display: inline-block;
    border: 1px solid #c5c5c5;
	background:#c5c5c5;
    border-radius: 100%;
}
.slider_question ul.callbacks_tabs > li.callbacks_here a {
    background: #f79620;
	border: 1px solid #f79620;
}
.listQquestion{width:100%;
	overflow:hidden;
	padding-left:50px;}
.listQquestion h2{font-family:SairaCondensed-Medium;
	font-size:52px;
	color:#fff;}
.listQquestion ul{width:100%;
	overflow:hidden;
	margin:0;
	padding:0;}
/* .showlist {
    width: 100%;
    height: 345px;
    overflow-x: hidden;
}
.showlist::-webkit-scrollbar {   width: 6px;}
.showlist::-webkit-scrollbar-thumb:window-inactive {	background: #bf1e2d;}
.showlist::-webkit-scrollbar-thumb { background: #bf1e2d; -webkit-box-shadow: inset 0 0 6px #bf1e2d; } */
.listQquestion ul li{width:100% !important;
	overflow:hidden}
.item_question{width:100%;
	overflow:hidden;}
.item_question .icon_question{width:6%;
	float:left;}
.item_question .icon_question i{font-size:25px;color:#fff;}
.item_question .content_question{width:94%;
	float:left;
	padding:0 15px;}
.item_question .content_question a{font-family:Roboto-Regular;
	font-size:20px;
	color:#fff;
	text-decoration:none;
	margin-bottom:15px;}
.item_question .content_question a:hover{color:#bf1e2d;}
.item_question .content_question p{font-family:Roboto-Light;
	font-size:14px;
	color:#fff;
	margin:10px 0;}
.xemThem{width:100%;
	overflow:hidden;
	padding-left: 50px;
    margin-top: 24px;}
.xemThem a{font-family:MyriadPro-Regular;
	font-size:18px;
	color:#fff;
	background:rgba(191,30,45,1);
	padding: 10px 30px;
    line-height: 50px;}
/*CSS page*/
#about_page{width:100%;
	overflow:hidden;}
.thumnbail{width:100%;
	overflow:hidden;
	position:relative;}
.thumnbail img{width:100%;
	height:auto;
	max-width:100%;
	margin:auto;
	display:table;}
.title_thumbnail{width:100%;
	position:absolute;
	top:120px;
	left:0;}
.title_thumbnail h2{font-family:Roboto-Regular;
	text-transform:uppercase;
	color:#fff;
	font-size: 36px;
    margin: 0;}
.container-fluid{width:100%;
	overflow:hidden;}
#myScroll{width:100%;
	overflow:hidden;
	margin:0;}
#myScroll ul{width:100%;
	overflow:hidden;}
#myScroll ul li{float:left;padding: 20px 40px;}
#myScroll ul li a{font-family:Roboto-Regular;
	font-size:14px;
	color:#8a8a8a;
	text-decoration:none;
	text-transform:uppercase;
	padding-bottom: 15px;
    line-height: 40px;}
#myScroll ul li a.active{color:#ed1c24;
	border-bottom:1px solid #ed1c24;}
.container-fluid h2{font-family:Roboto-Light;
	font-size:27px;
	color:#58585b;
	margin:0 0 30px;
    text-align: center;}
.container-fluid h2:after{content:"";
	display:block;
	margin:auto;
	background:url(../images/arrow.png)no-repeat center bottom;
	padding-bottom: 15px;
    border-top: 1px solid #ed1c24;
    margin: 20px 0;}
.container-fluid h2 span{font-family:Roboto-Bold;}
.content_section{width:100%;
	overflow:hidden;}
.content_section h3{font-family:Roboto-Bold;
	font-size:18px;
	color:#333333;
	text-align:center;
	margin:10px 0;}
.content_section h4{font-family:Roboto-Bold;
	font-size:15px;
	color:#333333;
	margin:10px 0;}
.content_section table{width:100%;
	overflow:hidden;
	margin:20px 0}
.content_section table tr td{padding:20px;
	font-family:Roboto-Light;
	font-size:14px;
	color:#333;
	text-align:justify;}
.content_section table tr td p{margin:0;}
.tamnhin{width:100%;
	overflow:hidden;
	margin-bottom:20px;}
.tamnhin h3{text-align:left;
	margin:0;}
.tamnhin p{font-family:Roboto-Light;
	font-size:14px;
	color:#333;
	text-align:justify;}
.show_content {/* width:100%; */
	height:215px;
	overflow-x: hidden;}
.show_content::-webkit-scrollbar {   width: 6px;}
.show_content::-webkit-scrollbar-thumb:window-inactive {	background: #d3363c;}
.show_content::-webkit-scrollbar-thumb { background: #d3363c; -webkit-box-shadow: inset 0 0 6px #ccc; }
.content_section a.sodo{font-family:Roboto-Bold;
	font-size:14px;
	color:#000000;
	background:url(../images/so_do.png)no-repeat right;
	padding-right:27px;
	text-decoration:none;}
.modal-dialog input,.modal-dialog textarea{width:100%;
	overflow:hidden;
	font-size:14px;
	color:#333;
	padding:5px 15px;
	margin-bottom:10px}
.modal-dialog input.wpcf7-submit{width:auto;
	margin:auto;
	background:#ff8f00;
	display: table;
	color:#fff;}
.modal-header h5{font-family:Roboto-Bold;
	font-size:14px;
	color:#000;
	width:fit-content;
	float:left}
.modal-body img{width:auto;
	height:auto;
	max-width:100%;
	margin:auto;
	display:table;}
.content_singles{width:100%;
	overflow:hidden;
	margin-bottom:20px;}
.content_singles p{font-size:14px;
	color:#000;
	margin-bottom:0;
	text-align:justify;}
.content_singles  img{width:auto;
	height:auto;
	margin:0 auto;
	display:table;
	max-width:100%;}
ul.menu_history{width:100%;
	overflow:hidden;
	margin:30px 0;}
ul.menu_history li{width:120px;
	height:120px;
	border:5px solid #959595;
	background:#e1e1e1;
	border-radius:50%;
	float:left;
	margin:0 70px;
	padding: 1px 23px;
    display: flex;}
ul.menu_history li:after{content:"";
	display:block;
	margin:auto;
	background:url(../images/arrowDown.png)no-repeat center bottom;}
ul.menu_history li.active{background:#be1e2d;}
ul.menu_history li a{font-family:Montserrat-Bold;
	font-size:26.47px;
	color:#ed1c24;
	text-decoration:none;
	width: 100%;
    line-height: 21px;
    align-self: center;
    text-align: center;}
ul.menu_history li a span{font-family:Montserrat-Regular;
	font-size:12.81px;
	color:#000;}
ul.menu_history li.active a,ul.menu_history li.active a span{color:#fff;}
.tab-content{width:100%;
	overflow:hidden;
	padding: 50px 200px;
    background: #f2f2f2;}
.tab-content>.tab-pane{background: #fff;
    padding: 20px 30px;
    text-align: center;}
.tab-content>.tab-pane p{font-family:Roboto-Regular;
	font-size:13.66px;
	color:#010101;
	text-align:justify;}
#section4{margin-top:20px;}
#section4 img{width:auto;
	height:auto;
	max-width:100%;
	margin:auto;
	display:table;}
.title_page{/*width:100%;
	overflow:hidden;
	background: rgba(255,143,0,1);
    padding-bottom: 3px;
	margin: 20px 0 0;
	margin-bottom: 20px;*/}
.title_page h1{font-size: 24px;
    color: #000;
    text-transform: uppercase;}
.content_pages{width:100%;
	overflow:hidden;
	position:relative;
	padding:20px 0;}
.content_pages img{width:auto;
	height:auto;
	max-width:100%;}
.content_pages p{font-size:14px;
	color:#000;
	text-align:justify;}
.content_pages input,.content_pages textarea{width:100%;
	overflow:hidden;
	font-size:14px;
	color:#000;
	padding:6px 15px;
	margin-bottom:15px;
	border:1px solid #ccc;}
.content_pages input.wpcf7-submit{width:auto;
	background:#ff8f00;
	color:#fff;
	float:right;}
.itemLink{width:100%;
	overflow:hidden;
	position:relative;}
.itemLink .imgLink{width:100%;
	overflow:hidden;}
.trangguong{width: 100%;
    position: relative;
    overflow: hidden;}
.trangguong:before {
    position: absolute;
    top: 0;
    left: -80%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
    webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    transition: .5s ease;
}
.trangguong:hover:before {
    -webkit-animation: shine 1s;
    animation: shine 1s;
}
	@-ms-keyframes shine{100%{left:125%}}
@-moz-keyframes shine{100%{left:125%}}
@-webkit-keyframes shine{100%{left:125%}}
.trangguong img {
    width: 100%;
    height: 176px;
    max-width: 100%;
}
.titleLink{width:100%;
	overflow:hidden;}
.titleLink h3{font-size:18px;
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
	margin:20px 0;}
.titleLink h3 a{color:#000;
	text-decoration:none;}
.titleLink h3 a:hover{color:#ff8f00;}
.itemChuan{width:100%;
	overflow:hidden;
	position:relative;
	margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;}
.titleChuan{width:100%;
	overflow:hidden;}
.titleChuan h3{font-size:24px;
	color:#000;
	margin:0 0 20px;}
.titleChuan h3 a{color:#000;text-decoration:none;}
.titleChuan h3 a:hover{color:#ff8f00;}
.titleChuan p{font-size:14px;
	color:#000;
	text-align:justify;}
.titleChuan a.xem{font-size:14px;
	background:#ff8f00;
	padding:10px 25px;
	color:#fff;
	text-decoration:none;
	line-height: 12px;
    float: right;}
#address p.logoLH{margin-bottom:40px;}
#address p{width:100%;
	overflow:hidden;}
#address p i{width:40px;
	height:40px;
	background:#8a8a8a;
	border-radius:50%;
	color:#fff;
	font-size:16px;
	float:left;
	text-align: center;
    padding: 12px;
    margin-right: 20px;}
#address p span{float:left;
	font-family:Roboto-Regular;
	font-size:16px;
	color:#2d1605;}
.menu_sidebar{width:100%;
	overflow:hidden;}
.menu_sidebar h2.title{font-size:24px;
	color:#000;
	text-transform:uppercase;
	margin:20px 0;}
.menu_sidebar ul{width:100%;
	overflow:hidden;
	margin:0;
	padding:0;}
.menu_sidebar ul li{width:100%;
	overflow:hidden;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px dotted #ccc;}
.item_sidebar,.item_img,.item_title{width:100%;
	overflow:hidden;
	position:relative;}
.item_sidebar{margin-bottom:20px;}
.item_img img{width:auto;
	height:auto;
	max-width:100%;}
.item_title h3{font-size:18px;
	color:#000;
	margin:15px 0 0px;}
.item_title h3 a{color:#000;
	text-decoration:none;}
.item_title h3 a:hover{color:#ff8f00;}
#address p span strong{font-family:Roboto-Bold;
	text-transform:uppercase;}
.lienHe{width:100%;
	overflow:hidden;
	margin-bottom:20px;}
.maps{width:100%;
	overflow:hidden;
	margin-top:30px}
.maps iframe{width:100%;
	height:400px;}
.contact{width:100%;
	overflow:hidden;
	position:relative;
	border:4px solid #e1e1e1;
	padding:20px;}
.contact h2{font-family:Roboto-Bold;
	font-size:24px;
	color:#000;
	margin:0;
	margin: 15px 0;}
.contact input{width:100%;
	overflow:hidden;
	font-family:Roboto-Regular;
	font-size:14px;
	color:#999999;
	background:rgba(240,241,241,1);
	padding:5px 10px;
	margin-bottom:14px;}
.contact textarea{width:100%;
	overflow:hidden;
	font-family:Roboto-Regular;
	font-size:14px;
	color:#999999;
	background:rgba(240,241,241,1);
	padding:5px 10px;
	margin-bottom:14px;}
.contact input.wpcf7-submit{width:fit-content;
	background:rgba(237,28,36,1);
	color:#fff;
	text-transform:uppercase;}
.sectionCat2 {width:100%;
	overflow:hidden;}
.sectionCat2 img{width:50%;
	float:left;
	padding:0 15px;}
.sectionCat3 img{width:auto;
	height:auto;
	margin:auto;
	max-width:100%;
	display:table;}
#list_category{width:100%;
	overflow:hidden;margin-bottom:50px;}
/*CSS tuyển dụng*/
.tuyenDung{width:100%;
	overflow:hidden;
	position:relative;
	padding:40px 0;}
.tuyenDung h2{font-family:Roboto-Light;
	font-size:27px;
	color:#58585b;
	text-transform:uppercase;
	margin:0 0 30px;
	padding:0 0 15px;
	border-bottom:1px solid #ed1c24;}
.show_tuyenDung{width:100%;
	overflow:hidden;
	position:relative;}
ul.menu_tuyenDung{width:100%;overflow:hidden;padding:0;margin:0;position: relative;}
ul.menu_tuyenDung li{border:1px solid #e1e1e1;
	border-radius:5px;
	padding:5px 15px;
	margin-bottom:15px;
	position: relative;
	width:93%;}
ul.menu_tuyenDung li a{font-family:Roboto-Regular;
	font-size:14px;
	text-decoration:none;
	/* text-transform:uppercase; */
	line-height:30px;
	color:#000;}
ul.menu_tuyenDung li.active{border:1px solid #ed1c24;
	}
ul.menu_tuyenDung li.active:after{content:"";
	display:block;
	background:url(../images/arrowNext.png) no-repeat right center;
	width: 11px;
    height: 22px;
    right: -20px;
    top: 9px;
    position: absolute;
	z-index:10;}
.show_noidung{width:100%;
	overflow:hidden;position:relative;}
.show_noidung .tab-content{width:100%;
	overflow:hidden;
	padding:0;
	background:none;}
.show_noidung .tab-content>.tab-pane{width:100%;
	overflow:hidden;
	padding:0;
	text-align: left;}
.show_noidung .tab-content>.tab-pane ul li{list-style: disc;
    margin-left: 30px;}
.show_noidung .tab-content>.tab-pane table td{border:1px solid #ddd;
	padding:10px;}
.show_noidung table{width:100%;overflow:hidden;}
.show_noidung table tr:nth-child(even) {
    background-color: #f2f2f2;
}
.show_noidung table tr:hover{background-color:#ddd;}


.show_tuyenDung table{width:100%;overflow:hidden;}
.show_tuyenDung table tr:nth-child(even) {
    background-color: #f2f2f2;
}
.ungdung_post table td{border:1px solid #ddd;
	padding:10px;}
.show_tuyenDung table tr:hover{background-color:#ddd;}

.content_tuyenDung{width:100%;
	overflow:hidden;}
.content_tuyenDung h3{font-family:Roboto-Bold;
	font-size:14px;
	color:#000;
	margin:0 0 20px 0;
	text-align:left;}
.content_tuyenDung p{font-family:Roboto-Light;
	font-size:14px;
	color:#999999;
	text-align:justify;}
.cvUngTuyen{width:100%;
	overflow:hidden;
	position:relative;}
.cvUngTuyen h3.ungtuyen{font-family:Roboto-Bold;
	font-size:14px;
	color:#000;
	text-transform:uppercase;
	margin:0 0 20px 0;}
.cvUngTuyen input{width:100%;
	height:auto;
	background:#f0f1f1;
	font-family:Roboto-Regular;
	font-size:14px;
	color:#999999;
	padding:5px 15px;
	margin-bottom:10px;}
.cvUngTuyen textarea{width:100%;
	height:100px;
	background:#f0f1f1;
	font-family:Roboto-Regular;
	font-size:14px;
	color:#999999;
	padding:5px 15px;
	margin-bottom:10px;}
.cvUngTuyen input.wpcf7-submit{width:fit-content;
	background:#29b473;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;}
.show_catNews{width:100%;
	overflow:hidden;
	padding:50px 0;}
.giaTri_content{width:100%;
	height:240px;
	overflow-x: hidden;}


ul.menu_news{overflow:hidden;padding:0;margin:0 auto;text-align:center;display:table;}
ul.menu_news li{float:left;margin-right:30px;}
ul.menu_news li a{font-family:Roboto-Bold;
	line-height:40px;
	font-size:14px;
	color:#8a8a8a;
	text-transform:uppercase;
	text-decoration:none;}
ul.menu_news li.active a{color:#ed1c24;border-bottom:1px solid #ed1c24;
padding-bottom:10px;}
.show_catNews .tab-content{width:100%;
	overflow:hidden;
	padding:0;
	background:none;
	margin-top: 20px;}
.show_catNews .tab-content h2{font-family: Roboto-Light;
    font-size: 27px;
    color: #58585b;
    margin: 0 0 30px;
    text-align: center;}
.show_catNews .tab-content h2:after {
    content: "";
    display: block;
    margin: auto;
    background: url(../images/arrow.png)no-repeat center bottom;
    padding-bottom: 15px;
    border-top: 1px solid #ed1c24;
    margin: 20px 0;}
/*CSS catsingle*/
.pc{display:block;}
.sp{display:none;}
ul#slider3{width:100%;
	overflow:hidden;
	margin:0;padding:0;}
ul#slider3 li{width:100%;
	height:449px;}
ul#slider3 li img{width:100%;
	height:100%;
	position:relative}
ul#slider3 li .content_slider {/* width:100%; */
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:0;}
ul#slider3 li .content_slider .noidung_slider p{background:rgb(217,31,43);
	padding:5px 15px;
	color:#fff;
	font-size:14px;}

ul#mobile_menu{width:100%;
	overflow:hidden;
	margin:15px 0;padding:0;}
ul#mobile_menu li{overflow:hidden;padding:5px 15px;}
ul#mobile_menu li a{font-size:14px;
	color:#333;
	font-weight:bold;
	margin:0;}
.img_cat{width: 100%;
    overflow: hidden;
    position: relative;}
.img_cat img{width:auto;
	height:auto;
	max-width:100%;
	margin: 0 auto;
    display: table;}
.img_cat ul#slider1-pager{width:100%;
	overflow:hidden;
	margin:5px 0;padding:0;}
.img_cat ul#slider1-pager li{width:20%;
	float:left;}
.img_cat ul#slider1-pager li.rslides_here{border:1px solid #ff8f00;}
.img_cat a.next, .img_cat a.prev {
    display: block !important;
}
.img_cat a.prev {
    width: 21px;
    height: 38px;
    position: absolute;
    background: url(../images/prev.png);
    top: 50%;
    z-index: 10;
    text-indent: 99999px;
    left: 20px;
}
.img_cat a.next {
    width: 21px;
    height: 38px;
    position: absolute;
    background: url(../images/next.png);
    top: 50%;
    z-index: 10;
    text-indent: -99999px;
    right: 20px;
}
.mota,.content_singleLink{width:100%;
	overflow:hidden;}
.mota h1{font-size:25px;
	color:#ff8f00;
	margin:0 0 20px;}
.mota p{font-size:14px;
	color:#000;
	font-style:italic;
	}
.content_singleLink h3{font-size:18px;
	border-bottom:2px solid #ff8f00;
	padding: 7px 0;}
.content_singleLink h3 span{background:#ff8f00;
	color:#fff;
	padding:7px 15px;}
.content_singleLink .content{width:100%;
	overflow:hidden;
	margin-top:20px;}
.content_singleLink .content h2{font-size:16px;
	color:#000;
	font-weight:bold;
	margin:0 0 15px;}
.content_singleLink .content h3{font-size:16px;
	color:#000;
	font-weight:bold;
	margin:0 0 15px;}
.content_singleLink .content p{font-size:13px;
	color:#000;
	margin:0;}
.content_cats{width:100%;
	overflow:hidden;
	position:relative;}
.content_cats h1{font-family:Roboto-Bold;
	font-size:27px;
	color:#58585b;
	text-transform:uppercase;
	margin-bottom:30px;
	margin-top:20px;
	text-align:left;}
.noiDung_post{width:100%;
	overflow:hidden;}
.noiDung_post h3{font-family: Roboto-Bold;
    font-size: 21px;
    color: #000000;
    background: url(../images/icon_logo.png) no-repeat left;
    padding-left: 45px;
	text-align: left;
    line-height: 40px;
    margin: 0 0 20px;}
.noiDung_post p{font-family:Roboto-Light;
	font-size:14px;
	color:#.noiDung_post;
	text-align:justify;}
.dichVuNoiBat{width:100%;
	overflow:hidden;
	border:1px solid #a25604;
	border-radius:3px;}
.dichVuNoiBat h2{    background-color: #ca6b05;
    color: #FFFFFF;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
	font-size: 18px;
	line-height:50px;
	margin:0;
    text-align: center;}
.showmenudichvu{width:100%;
	overflow:hidden;
	padding:10px 15px;}
ul.menu-sidebar{width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    position: relative;}
ul.menu-sidebar li{/* border: 1px solid #e1e1e1;
    border-radius: 5px;
    padding: 5px 15px;
    margin-bottom: 15px;
    position: relative;
    width: 93%; */}
ul.menu-sidebar li a{font-family: Roboto-Regular;
    font-size: 15px;
	font-weight:bold;
    text-decoration: none;
    /* text-transform: uppercase; */
    line-height: 30px;
    color: #000;}
ul.menu-sidebar li a:hover{color:#ca6e05}
ul.menu-sidebar li.active{border: 1px solid #ed1c24;}
ul.menu-sidebar li.active:after{content: "";
    display: block;
    background: url(../images/arrowNext.png) no-repeat right center;
    width: 11px;
    height: 22px;
    right: -20px;
    top: 9px;
    position: absolute;
    z-index: 10;}
.menu_cats{width:100%;
	overflow:hidden;}
	.mnsibar{position: fixed;
    top: 88px;
    width: auto;}
ul.menu-news{    overflow: hidden;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    display: table;}
ul.menu-news li{float: left;
    margin-right: 30px;}
ul.menu-news li a{font-family: Roboto-Bold;
    line-height: 40px;
    font-size: 14px;
    color: #8a8a8a;
    text-transform: uppercase;
    text-decoration: none;}
ul.menu-news li.current-menu-item a{color: #ed1c24;
    border-bottom: 1px solid #ed1c24;
    padding-bottom: 10px;}
ul.menu-news li.current-menu-parent a,ul.menu-news li.current-post-ancestor a{color: #ed1c24;
    border-bottom: 1px solid #ed1c24;
    padding-bottom: 10px;}
.singleShow{width:100%;
	overflow:hidden;
	padding:30px 0;}
.show_singleNews{width:100%;
	overflow:hidden;
	margin-top:20px;}
.content_single{width:100%;
	overflow:hidden;}
.img_single{width:100%;
	overflow:hidden;}
.img_single img{width:auto;
	height:auto;
	max-width:100%;
	margin:0 auto;
	display:table;}
.content_single h1{font-family:Roboto-Bold;
	font-size:20.63px;
	color:#58585b;}
.content_single p.date{font-family:Roboto-Regular;
	font-size:14px;
	color:#808284;
	}
.content_single p{font-family:Roboto-Regular;
	font-size:14px;
	color:#808284;
text-align:justify;}
.content_single p img{width:auto;
	height:auto;
	margin-bottom:10px
	/* margin:auto;
	display:table; */}
.aligncenter{margin:0 auto;
	display:table;}
.codinh{width:100%;
	overflow:hidden;}
.codinh img{width:auto;
	height:auto;
	max-width:100%;}
.codinh h2{
	font-size: 18px;
    border-bottom: 2px solid #ff8f00;
    padding: 7px 0;}
.codinh h2 span{    background: #ff8f00;
    color: #fff;
    padding: 7px 15px;}
.codinh p{font-size:14px;
	color:#000;}
.codinh p iframe{margin: auto;
    display: table;}
.order{width:100%;
	overflow:hidden;}
.order h2{
	font-size: 18px;
    border-bottom: 2px solid #ff8f00;
    padding: 7px 0;}
.order h2 span{    background: #ff8f00;
    color: #fff;
    padding: 7px 15px;}
.show_order{width:100%;
	overflow:hidden;
	margin-bottom:15px;}
.show_order li{list-style: unset;}
.show_order li a{font-size:14px;
	color:#000;
	text-decoration:none;}
.show_order li a:hover{color:#ff8f00;}
.imgpost{width:100%;
	overflow:hidden;}
.imgpost img{width:auto;
	height:auto;
	max-width:100%;}
.titlePost{width:100%;
	overflow:hidden;}
.titlePost h3{font-family:OpenSans-Bold;
	font-size:13.42px;
	color:#000;
	margin:0 0 15px 0;}
.titlePost h3 a{color:#000;
	text-decoration:none;}
.titlePost h3 a:hover{color:#ed1c24;}
.titlePost p.date{font-family:Roboto-Regular;
	font-size:14px;
	color:#808284;
	margin-bottom:0;}
.aligncenter{margin:auto;}
#downloadhome a.dowload {
    position: fixed;
    bottom: 10px;
    left: 0;
    background: #c75d5d url(../images/ic-down.png) no-repeat left center;
    color: #fff;
    padding-left: 46px;
    line-height: 40px;
    padding-right: 10px;
    border-radius: 50px;
    cursor: pointer;
    z-index: 99999;
    transition: all .2s ease-in-out;
    -webkit-animation: backTop 3s infinite;
    animation: backTop 3s infinite;
    -webkit-animation-timing-function: cubic-bezier(0,0,0,0);
    animation-timing-function: cubic-bezier(0,0,0,0);
    text-transform: uppercase;
	text-decoration:none;
}
#downloadhome p{margin:0;}
#downloadhome a:hover {
    background-color: #00A5E8;
}
.order_product{width:100%;
	overflow:hidden;
	border-top:1px solid #ed1c24;
	padding:30px 0;}
.service{width:100%;
	overflow:hidden;
	background:rgba(242,242,242,1);}
.service h2{font-family:Roboto-Regular;
	font-size:16px;
	text-transform:uppercase;
	color:#000;
	text-align:center;
	margin:30px 0;
	border-bottom:0;}
.catproduct{width:100%;
	overflow:hidden;
	position:relative;}
.catproduct .imgCategoryOrder{width:100%;
	overflow:hidden;}
.catproduct .imgCategoryOrder img{width:auto;
	height:auto;
	max-width:100%;}
.catproduct .titleCategory{position: absolute;
    z-index: 15;
    top: 0;
    background: rgba(127,169,210,0.6);
    width: 100%;
    height: 100%;
    display: flex;}
.catproduct .titleCategory h3{font-family:Roboto-Bold;
	font-size:14px;
	color:#fff;
	align-self:center;
	text-transform:uppercase;
	margin:auto;}
.catproduct .titleCategory h3 a{color:#fff;
	text-decoration:none;}
#bar-chart{background:url(../images/bg_doanhThu.jpg) no-repeat left top;}
#bar-chart .highcharts-container {opacity:0.85 !important;}
.listTuyenDung{width:100%;
	height:525px;
	overflow-x:hidden;}
.listTuyenDung::-webkit-scrollbar {   width: 6px;}
.listTuyenDung::-webkit-scrollbar-thumb:window-inactive {	background: #b0cb1f;}
.listTuyenDung::-webkit-scrollbar-thumb { background: #b0cb1f; -webkit-box-shadow: inset 0 0 6px #ccc; }
.top_singles{width:100%;
	overflow:hidden;
	margin-top:20px;}
.ghichu{width:100%;
	overflow:hidden;
	border:1px solid #e81123;
	border-radius:5px;}
.content-gc{width:100%;
	overflow:hidden;}
.content-gc h2,.content-gc h3,.content-gc h4{font-size:22px;
	color:#fff;
	padding:9px 15px;
	background:red;
	margin:0;}
.content-gc p{font-size:14px;
	color:#000;
	text-align:justify;
	padding:15px;
	margin:0;}
.content-gc p:nth-child(1){padding:0;}
.content-gc p:nth-child(2){font-size:22px;
	color:#fff;
	padding:9px 15px;
	background:red;
	margin:0;}
/*CSS CELL ring*/
.phonering-alo-phone {
 position:fixed;
 visibility:hidden;
 background-color:transparent;
 width:200px;
 height:200px;
 cursor:pointer;
 z-index:200000!important;
 -webkit-backface-visibility:hidden;
 -webkit-transform:translateZ(0);
 transition:visibility .5s;
 right:150px;
/*  top:30px; */
 right:-40px;
/*  top:70px; */
 display:block
}

.phonering-alo-phone.phonering-alo-show {
 	display: none;
}

@-webkit-keyframes fadeInRight {
 0% {
 opacity:0;
 -webkit-transform:translate3d(100%,0,0);
 transform:translate3d(100%,0,0)
 }

100% {
 opacity:1;
 -webkit-transform:none;
 transform:none
 }
}

@-webkit-keyframes fadeInRightBig {
 0% {
 opacity:0;
 -webkit-transform:translate3d(2000px,0,0);
 transform:translate3d(2000px,0,0)
 }

100% {
 opacity:1;
 -webkit-transform:none;
 transform:none
 }
}

@-webkit-keyframes fadeOutRight {
 0% {
 opacity:1
 }

100% {
 opacity:0;
 -webkit-transform:translate3d(100%,0,0);
 transform:translate3d(100%,0,0)
 }
}

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

.phonering-alo-phone.phonering-alo-static {
 opacity:.6
}

.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {
 opacity:1
}

.phonering-alo-ph-circle {
 width:160px;
 height:160px;
 top:20px;
 left:20px;
 position:absolute;
 background-color:transparent;
 border-radius:100%;
 border:2px solid rgba(30,30,30,0.4);
 border:2px solid #bfebfc 9;
 opacity:.1;
 -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
 animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
 transition:all .5s;
 -webkit-transform-origin:50% 50%;
 -ms-transform-origin:50% 50%;
 transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
 -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
 animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
 -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
 animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
 border-color:#00aff2;
 opacity:.5
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
 border-color:#75eb50;
 border-color:#baf5a7 9;
 opacity:.5
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
 border-color:#00aff2;
 border-color:#bfebfc 9;
 opacity:.5
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
 border-color:#ccc;
 opacity:.5
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
 border-color:#75eb50;
 opacity:.5
}

.phonering-alo-ph-circle-fill {
 width:100px;
 height:100px;
 top:50px;
 left:50px;
 position:absolute;
 background-color:#000;
 border-radius:100%;
 border:2px solid transparent;
 -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
 animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
 transition:all .5s;
 -webkit-transform-origin:50% 50%;
 -ms-transform-origin:50% 50%;
 transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
 -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
 animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
 -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
 animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
 opacity:0!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
 background-color:rgba(0,175,242,0.5);
 background-color:#00aff2 9;
 opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
 background-color:rgba(117,235,80,0.5);
 background-color:#baf5a7 9;
 opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
 background-color:rgba(0,175,242,0.5);
 background-color:#a6e3fa 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
 background-color:rgba(204,204,204,0.5);
 background-color:#ccc 9;
 opacity:.75!important
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
 background-color:rgba(117,235,80,0.5);
 opacity:.75!important
}

.phonering-alo-ph-img-circle {
 width:60px;
 height:60px;
 top:70px;
 left:70px;
 position:absolute;
 background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
 border-radius:100%;
 border:2px solid transparent;
 -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
 animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
 -webkit-transform-origin:50% 50%;
 -ms-transform-origin:50% 50%;
 transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
 -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
 animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
 -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
 animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
 background-color:#00aff2
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
 background-color:#75eb50;
 background-color:#75eb50 9
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
 background-color:#00aff2;
 background-color:#00aff2 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
 background-color:#ccc
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
 background-color:#75eb50
}

@-webkit-keyframes phonering-alo-circle-anim {
 0% {
 -webkit-transform:rotate(0) scale(.5) skew(1deg);
 -webkit-opacity:.1
 }

30% {
 -webkit-transform:rotate(0) scale(.7) skew(1deg);
 -webkit-opacity:.5
 }

100% {
 -webkit-transform:rotate(0) scale(1) skew(1deg);
 -webkit-opacity:.1
 }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
 0% {
 -webkit-transform:rotate(0) scale(.7) skew(1deg);
 opacity:.2
 }

50% {
 -webkit-transform:rotate(0) scale(1) skew(1deg);
 opacity:.2
 }

100% {
 -webkit-transform:rotate(0) scale(.7) skew(1deg);
 opacity:.2
 }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
 0% {
 -webkit-transform:rotate(0) scale(1) skew(1deg)
 }

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

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

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

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

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

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

@-webkit-keyframes fadeInRight {
 0% {
 opacity:0;
 -webkit-transform:translate3d(100%,0,0);
 -ms-transform:translate3d(100%,0,0);
 transform:translate3d(100%,0,0)
 }

100% {
 opacity:1;
 -webkit-transform:none;
 -ms-transform:none;
 transform:none
 }
}

@keyframes fadeInRight {
 0% {
 opacity:0;
 -webkit-transform:translate3d(100%,0,0);
 -ms-transform:translate3d(100%,0,0);
 transform:translate3d(100%,0,0)
 }

100% {
 opacity:1;
 -webkit-transform:none;
 -ms-transform:none;
 transform:none
 }
}

@-webkit-keyframes fadeOutRight {
 0% {
 opacity:1
 }

100% {
 opacity:0;
 -webkit-transform:translate3d(100%,0,0);
 -ms-transform:translate3d(100%,0,0);
 transform:translate3d(100%,0,0)
 }
}

@keyframes fadeOutRight {
 0% {
 opacity:1
 }

100% {
 opacity:0;
 -webkit-transform:translate3d(100%,0,0);
 -ms-transform:translate3d(100%,0,0);
 transform:translate3d(100%,0,0)
 }
}

@-webkit-keyframes phonering-alo-circle-anim {
 0% {
 -webkit-transform:rotate(0) scale(.5) skew(1deg);
 transform:rotate(0) scale(.5) skew(1deg);
 opacity:.1
 }

30% {
 -webkit-transform:rotate(0) scale(.7) skew(1deg);
 transform:rotate(0) scale(.7) skew(1deg);
 opacity:.5
 }

100% {
 -webkit-transform:rotate(0) scale(1) skew(1deg);
 transform:rotate(0) scale(1) skew(1deg);
 opacity:.1
 }
}

@keyframes phonering-alo-circle-anim {
 0% {
 -webkit-transform:rotate(0) scale(.5) skew(1deg);
 transform:rotate(0) scale(.5) skew(1deg);
 opacity:.1
 }

30% {
 -webkit-transform:rotate(0) scale(.7) skew(1deg);
 transform:rotate(0) scale(.7) skew(1deg);
 opacity:.5
 }

100% {
 -webkit-transform:rotate(0) scale(1) skew(1deg);
 transform:rotate(0) scale(1) skew(1deg);
 opacity:.1
 }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
 0% {
 -webkit-transform:rotate(0) scale(.7) skew(1deg);
 transform:rotate(0) scale(.7) skew(1deg);
 opacity:.2
 }

50% {
 -webkit-transform:rotate(0) scale(1) skew(1deg);
 transform:rotate(0) scale(1) skew(1deg);
 opacity:.2
 }

100% {
 -webkit-transform:rotate(0) scale(.7) skew(1deg);
 transform:rotate(0) scale(.7) skew(1deg);
 opacity:.2
 }
}

@keyframes phonering-alo-circle-fill-anim {
 0% {
 -webkit-transform:rotate(0) scale(.7) skew(1deg);
 transform:rotate(0) scale(.7) skew(1deg);
 opacity:.2
 }

50% {
 -webkit-transform:rotate(0) scale(1) skew(1deg);
 transform:rotate(0) scale(1) skew(1deg);
 opacity:.2
 }

100% {
 -webkit-transform:rotate(0) scale(.7) skew(1deg);
 transform:rotate(0) scale(.7) skew(1deg);
 opacity:.2
 }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
 0% {
 -webkit-transform:rotate(0) scale(1) skew(1deg);
 transform:rotate(0) scale(1) skew(1deg)
 }

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

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

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

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

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

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

@keyframes phonering-alo-circle-img-anim {
 0% {
 -webkit-transform:rotate(0) scale(1) skew(1deg);
 transform:rotate(0) scale(1) skew(1deg)
 }

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

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

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

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

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

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

.noibat{width:100%;
	overflow:hidden;}
.noibat .su-box-content img{width:100%;
	height:auto;
	float:left;
	margin-bottom:15px;}
.noibat .su-box-title{font-size:18px;
	text-align:center;}

.hotline a { color: #FFFFFF; }
.search i.fa { cursor: pointer; color: #FFFFFF; }

.es_subscription_form label { width: 100%; }
.es_subscription_form .es_txt_email { width: 100%; }

.es_subscription_form .es_subscription_form_submit { padding: 2px 10px; font-weight: bold; color: #666666; line-height: 30px;}
.es_subscription_form .es_txt_email:focus , .popup-search input:focus { outline-color: #FFFFFF; }

@media (max-width: 767px) {
	.phonering-alo-phone {
		right: -49px !important;
		left: auto !important;
		top: 150px !important;
	}

	.aml_dk-style-default.aml_dk-bottom-right {
		right: auto !important;
		left: 0 !important;
	}

}

/*==================================================== page 404 =========================================*/
/*=======================================================================================================*/
.page-404{
    min-height: calc(100vh - 155px);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px 20px;
}

.page-404 .container{
    width:100%;
    max-width:700px;
    margin:auto;
}

.content-404{
    text-align:center;
}

.error-code{
    display:block;
    font-size:120px;
    line-height:1;
    font-weight:700;
    color:var(--primary);
    margin-bottom:20px;
}

.content-404 h1{
    font-size:42px;
    margin-bottom:18px;
    color:var(--text);
}

.content-404 p{
    font-size:17px;
    line-height:1.8;
    color:var(--text-soft);
    margin-bottom:35px;
}

.actions-404{
    display:flex;
    justify-content:center;
    gap:16px;
    flex-wrap:wrap;
}

.actions-404 a{
    min-width:170px;
    padding:14px 24px;
    border-radius:10px;
    text-decoration:none;
    transition:.3s;
    font-size:15px;
    font-weight:500;
}

/* PRIMARY BUTTON */

.btn-home{
    background:var(--primary);
    color:#fff;
    box-shadow:0 10px 30px var(--primary-light);
}

.btn-home:hover{
    background:var(--primary-dark);
    transform:translateY(-2px);
}

/* SECONDARY BUTTON */

.btn-back{
    border:1px solid var(--primary);
    color:var(--primary);
    background:#fff;
}

.btn-back:hover{
    background:var(--primary);
    color:#fff;
}

/* MOBILE */

@media(max-width:767px){

    .error-code{
        font-size:82px;
    }

    .content-404 h1{
        font-size:30px;
    }

    .content-404 p{
        font-size:15px;
    }

}
a:focus, a:hover{
	text-decoration: none;
	color: inherit;
	outline: none;
}
/*======================= category =====================*/
html body{
	background: var(--cream);
}
body main{
	margin-top: 50px;
	margin-bottom: 40px;
}
/* ===== SIDEBAR ===== */
.blog-sidebar .widget-box {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(247, 148, 29, 0.15);
  margin-bottom: 1.25rem;
}

.blog-sidebar .widget-title {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fff;
  background: var(--primary);
  padding: 12px 18px;
  position: relative;
  margin: 0;
}


/* Bài viết mới nhất */
.blog-sidebar .widget-box ul {
  list-style: none;
  padding: 14px 18px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.blog-sidebar .widget-box ul li a {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 8px;
  text-decoration: none;
  color: var(--text);
  font-size: 14px;
  line-height: 1.45;
  transition: background 0.15s, color 0.15s;
}

.blog-sidebar .widget-box ul li a::before {
  content: '';
  flex-shrink: 0;
  margin-top: 8px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--primary);
  opacity: 0.7;
}

.blog-sidebar .widget-box ul li a:hover {
  background: var(--primary-light);
  color: var(--primary-dark);
}

.blog-sidebar .widget-box ul li a:hover::before {
  opacity: 1;
}

/* Danh mục */
.blog-sidebar .widget-box.categories ul li a {
  justify-content: space-between;
  background: var(--cream);
  border: 1px solid rgba(247, 148, 29, 0.1);
  color: var(--text-soft);
  margin-bottom: 6px;
}

.blog-sidebar .widget-box.categories ul li a:hover {
  background: var(--primary-light);
  color: var(--primary-dark);
  border-color: rgba(247, 148, 29, 0.3);
}

/* ===== PAGE TITLE ===== */
.blog-content .page-title {
  font-size: 26px;
  font-weight: 700;
  color: var(--text);
  position: relative;
  padding-bottom: 14px;
  margin-bottom: 1.75rem;
  margin-top: 0;
}

.blog-content .page-title::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 48px; height: 3px;
  background: var(--primary);
  border-radius: 2px;
}

/* ===== BLOG LIST ===== */
.blog-list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.blog-item {
  background: #fff;
  border-radius: 12px;
  border: 1px solid rgba(247, 148, 29, 0.12);
  overflow: hidden;
  position: relative;
  transition: box-shadow 0.18s, transform 0.18s;
}

.blog-item::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--primary);
  opacity: 0;
  transition: opacity 0.18s;
}

.blog-item:hover::before { opacity: 1; }

.blog-item:hover {
  box-shadow: 0 4px 20px rgba(247, 148, 29, 0.10);
  transform: translateY(-2px);
}

.blog-info {
  padding: 1.5rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* ===== DATE ===== */
.blog-date {
  font-size: 12px;
  color: var(--primary);
  font-weight: 500;
  letter-spacing: 0.04em;
  display: flex;
  align-items: center;
  gap: 6px;
}

.blog-date::before {
  content: '';
  display: inline-block;
  width: 14px; height: 1px;
  background: var(--primary);
  flex-shrink: 0;
}

/* ===== TITLE ===== */
.blog-title {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}

.blog-title a {
  color: var(--text);
  text-decoration: none;
  transition: color 0.15s;
}

.blog-title a:hover { color: var(--primary-dark); }

/* ===== EXCERPT ===== */
.blog-excerpt {
  font-size: 13.5px;
  line-height: 1.65;
  color: var(--text-soft);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-excerpt p{
	margin-bottom: 0;
}

/* ===== READ MORE ===== */
.read-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary);
  text-decoration: none;
  transition: gap 0.15s, color 0.15s;
}

.read-more::after {
  content: '→';
  transition: transform 0.15s;
}

.read-more:hover {
  color: var(--primary-dark);
  gap: 10px;
}

/* ===== PAGINATION ===== */
.pagination {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}

.wp-pagenavi {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: center;
}

.wp-pagenavi .pages {
  color: var(--text-soft);
  font-size: 12.5px;
  margin-right: 6px;
  border: none;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current{
	border: none;
}
.wp-pagenavi a,
.wp-pagenavi .current {
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
  border: 1px solid rgba(247, 148, 29, 0.2);
  color: var(--text-soft);
  background: #fff;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.wp-pagenavi .current {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
  font-weight: 700;
}

.wp-pagenavi a:hover {
  background: var(--primary-light);
  color: var(--primary-dark);
  border-color: var(--primary);
}
/* ===========================
   SINGLE POST PAGE
   =========================== */

/* Breadcrumb */
.single-breadcrumb {
    font-size: 13px;
    color: var(--text-soft);
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}
.single-breadcrumb a {
    color: var(--text-soft);
    text-decoration: none;
    transition: color 0.15s;
}
.single-breadcrumb a:hover { color: var(--primary); }
.single-breadcrumb .sep { color: var(--primary); opacity: 0.5; }
.single-breadcrumb .current {
    color: var(--text);
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

/* Article wrapper */
.single-article {
    background: #fff;
    border-radius: 12px;
    border: 1px solid rgba(247, 148, 29, 0.12);
    overflow: hidden;
    margin-bottom: 2rem;
}

/* Meta (date + category) */
.single-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1.8rem 1.75rem 0;
    flex-wrap: wrap;
}
.single-date {
    font-size: 12.5px;
    color: var(--primary);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
}
.single-date::before {
    content: '';
    display: inline-block;
    width: 14px; height: 1px;
    background: var(--primary);
}
.single-cat a {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #fff;
    background: var(--primary);
    padding: 3px 10px;
    border-radius: 20px;
    text-decoration: none;
    transition: background 0.15s;
}
.single-cat a:hover { background: var(--primary-dark); }

/* Title */
.single-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--text);
    padding: 0.75rem 1.75rem 1.25rem;
    margin: 0;
}

/* Thumbnail */
.single-thumbnail {
    width: 100%;
    max-height: 420px;
    overflow: hidden;
}
.single-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}
.single-thumbnail:hover img { transform: scale(1.02); }

/* Content */
.single-content {
    padding: 1.75rem;
    font-size: 15px;
    line-height: 1.85;
    color: var(--text);
}
.single-content h2,
.single-content h3 {
    color: var(--text);
    margin: 1.5rem 0 0.75rem;
    font-weight: 600;
}
.single-content h2 { font-size: 20px; }
.single-content h3 { font-size: 17px; }
.single-content p { margin-bottom: 1rem; }
.single-content img {
    max-width: 100%;
    border-radius: 8px;
    margin: 0.5rem 0;
}
.single-content a {
    color: var(--primary);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.single-content a:hover { color: var(--primary-dark); }
.single-content ul,
.single-content ol {
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}
.single-content li { margin-bottom: 0.4rem; list-style:inherit; }
.single-content blockquote {
    border-left: 4px solid var(--primary);
    margin: 1.5rem 0;
    padding: 0.75rem 1.25rem;
    background: var(--primary-light);
    border-radius: 0 8px 8px 0;
    font-style: italic;
    color: var(--text-soft);
}

/* Tags */
.single-tags {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding: 0 1.75rem 1.25rem;
}
.tags-label {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--text-soft);
}
.tag-item {
    font-size: 12px;
    color: var(--text-soft);
    background: var(--cream);
    border: 1px solid rgba(247, 148, 29, 0.2);
    padding: 4px 12px;
    border-radius: 20px;
    text-decoration: none;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.tag-item:hover {
    background: var(--primary-light);
    color: var(--primary-dark);
    border-color: var(--primary);
}

/* Prev / Next navigation */
.single-nav {
    display: flex;
    gap: 1px;
    border-top: 1px solid rgba(247, 148, 29, 0.1);
    background: rgba(247, 148, 29, 0.06);
}
.nav-prev,
.nav-next { flex: 1; }
.nav-prev a,
.nav-next a {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 1rem 1.25rem;
    text-decoration: none;
    transition: background 0.15s;
}
.nav-next { border-left: 1px solid rgba(247, 148, 29, 0.1); }
.nav-next a { align-items: flex-end; text-align: right; }
.nav-prev a:hover,
.nav-next a:hover { background: var(--primary-light); }
.nav-label {
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--primary);
}
.nav-post-title {
    font-size: 13.5px;
    font-weight: 500;
    color: var(--text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}

/* ===========================
   BÀI VIẾT LIÊN QUAN
   =========================== */
.related-posts {
    margin-bottom: 2rem;
}
.related-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 1rem;
    position: relative;
    padding-bottom: 10px;
}
.related-title::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 36px; height: 3px;
    background: var(--primary);
    border-radius: 2px;
}
.related-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}
.related-item {
    background: #fff;
    border-radius: 10px;
    border: 1px solid rgba(247, 148, 29, 0.12);
    overflow: hidden;
    transition: box-shadow 0.18s, transform 0.18s;
}
.related-item:hover {
    box-shadow: 0 4px 16px rgba(247, 148, 29, 0.10);
    transform: translateY(-2px);
}
.related-thumb {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}
.related-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s;
}
.related-item:hover .related-thumb img { transform: scale(1.05); }
.related-info {
    padding: 10px 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.related-date {
    font-size: 11.5px;
    color: var(--primary);
    font-weight: 500;
}
.related-post-title {
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}
.related-post-title a {
    color: var(--text);
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.15s;
}
.related-post-title a:hover { color: var(--primary-dark); }

/* Responsive */
@media (max-width: 768px) {
    .single-title { font-size: 20px; padding: 0.75rem 1.25rem 1rem; }
    .single-content { padding: 1.25rem; }
    .single-meta { padding: 1rem 1.25rem 0; }
    .single-tags { padding: 0 1.25rem 1rem; }
    .related-list { grid-template-columns: 1fr; }
    .single-nav { flex-direction: column; }
    .nav-next { border-left: none; border-top: 1px solid rgba(247,148,29,0.1); }
    .nav-next a { align-items: flex-start; text-align: left; }
    .single-breadcrumb .current { max-width: 180px; }
}


/* ===== REVIEW / TESTIMONIAL CARDS ===== */
/* Review cards */
.single-content .review-card {
  background: var(--cream);
  border: 1px solid rgba(247, 148, 29, 0.18);
  margin-bottom: 1.25rem;
}

.single-content .review-footer {
  background: rgba(247, 148, 29, 0.06);
}
.reviewer-info br { display: none; }

.reviewer-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
/*page testimonials*/
.review-list { display: flex; flex-direction: column; gap: 1.25rem; }

.review-card {
  background: var(--color-background-primary);
  border-radius: 12px;
  border: 0.5px solid var(--color-border-tertiary);
  overflow: hidden;
  position: relative;
  transition: box-shadow 0.18s, transform 0.18s;
}
.review-card:hover {
  box-shadow: 0 4px 20px rgba(247,148,29,0.08);
  transform: translateY(-2px);
}
.review-card::before {
  content: ''; position: absolute;
  left: 0; top: 0; bottom: 0; width: 4px;
  background: var(--primary); opacity: 0; transition: opacity 0.18s;
}
.review-card:hover::before { opacity: 1; }

.review-body { padding: 1.25rem 1.5rem; }

.review-header {
  display: flex; align-items: center;
  justify-content: space-between;
  margin-bottom: 10px; flex-wrap: wrap; gap: 8px;
}

.reviewer {
  display: flex; align-items: center; gap: 10px;
}
.avatar {
  width: 42px; height: 42px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; font-weight: 500; flex-shrink: 0;
  border: 2px solid rgba(247,148,29,0.2);
  background: var(--primary-light);
  color: var(--primary-dark);
}
.reviewer-info { display: flex; flex-direction: column; gap: 2px; }
.reviewer-name { font-size: 14px; font-weight: 500; color: var(--color-text-primary); }
.reviewer-service { font-size: 12px; color: var(--text-soft); }

.stars { display: flex; gap: 2px; }
.star { color: var(--primary); font-size: 14px; }

.review-quote {
  font-size: 20px; color: var(--primary); opacity: 0.25;
  line-height: 1; margin-bottom: 6px; font-family: Georgia, serif;
}
.review-text {
  font-size: 14px; line-height: 1.75;
  color: var(--color-text-secondary);
  font-style: italic;
}

.review-footer {
  padding: 10px 1.5rem;
  background: var(--color-background-secondary);
  border-top: 0.5px solid var(--color-border-tertiary);
  display: flex; align-items: center;
  justify-content: space-between; flex-wrap: wrap; gap: 6px;
}
.review-date { font-size: 12px; color: var(--text-soft); display: flex; align-items: center; gap: 5px; }
.review-date::before { content: ''; width: 10px; height: 1px; background: var(--primary); display: inline-block; }
.service-tag {
  font-size: 11.5px; font-weight: 500; letter-spacing: 0.04em;
  background: var(--primary-light); color: var(--primary-dark);
  padding: 3px 10px; border-radius: 20px;
}


/* ===== COMMENT GALLERY ===== */
.comment-gallery {
  background: #fff;
  border-radius: 12px;
  border: 1px solid rgba(247, 148, 29, 0.15);
  padding: 1.25rem 1.5rem 1.5rem;
  margin-bottom: 2rem;
}

.gallery-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 1rem;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(247, 148, 29, 0.12);
  position: relative;
}

.gallery-title::after {
  content: '';
  position: absolute;
  bottom: -1px; left: 0;
  width: 36px; height: 2px;
  background: var(--primary);
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

/* Ảnh thứ 7 và 8 chiếm 1.5 cột để cân hàng cuối */
.gallery-item:nth-child(7),
.gallery-item:nth-child(8) {
  grid-column: span 1;
}

/* Căn hàng cuối 2 ảnh ra giữa */
.gallery-item:nth-child(7) { grid-column-start: 1; }
.gallery-item:nth-child(8) { grid-column-start: 2; }

.gallery-item {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(247, 148, 29, 0.12);
  background: var(--cream);
  cursor: pointer;
  transition: transform 0.18s, box-shadow 0.18s;
}

.gallery-item:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 16px rgba(247, 148, 29, 0.15);
}

.gallery-item img {
  width: 100%;
  object-fit: cover;
  display: block;
}

/* Responsive */
@media (max-width: 600px) {
  .gallery-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .gallery-item:nth-child(7),
  .gallery-item:nth-child(8) {
    grid-column: span 1;
    grid-column-start: auto;
  }
}