* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

.hover_sang1{position:relative; overflow:hidden;}
.hover_sang1:before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.5);content: '';z-index:10;-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);
transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
.hover_sang1:hover:before {webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);}
.hover_sang3{ overflow:hidden; position:relative;}
.hover_sang3:before {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;z-index: 1;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
}
.hover_sang3:after {position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
.hover_sang3:hover:before {right: 50%;left: 50%;width: 0;background: rgba(255, 255, 255, 0.5);}
.hover_sang3:hover:after {height: 0;top: 50%;bottom: 50%;background: rgba(255, 255, 255, 0.5);}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
	min-width: 100% !important
}

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {
	width: 100% !important
}

.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {
	width: 100% !important
}

.video_popup {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden
}

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

#clickvideo {
	width: 100%;
	padding: 4px 0;
	margin: 3px 0%;
	border: 1px solid #DDD;
	box-sizing: border-box
}

.addthis_native_toolbox {
	margin: 10px 0px;
	width: 100%;
	clear: both;
	max-height: 50px
}

#toptop {
	width: 46px;
	height: 46px;
	position: fixed;
	bottom: 75px;
	right: 20px;
	text-indent: -99999px;
	cursor: pointer;
	background: url(images/back_to_top.png) top center no-repeat;
	transition: 0.5s;
	z-index: 200
}

#footer1 {
	z-index: 1000;
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	display: none;
}

#footer1 img {
	vertical-align: middle
}

#footer1 a {
	color: #fff
}

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

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

	50% {
		opacity: 0.0
	}

	100% {
		opacity: 1.0
	}

}

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

	50% {
		opacity: 0.0
	}

	100% {
		opacity: 1.0
	}

}

@keyframes blinker {
	0% {
		opacity: 1.0
	}

	50% {
		opacity: 0.0
	}

	100% {
		opacity: 1.0
	}

}

.table_goidien {
	width: 100%;
	text-align: center;
	margin: auto;
	background: #000;
	border-top: 1px solid #CCC
}

.the_an {
	position: absolute;
	top: -1000px
}

.tags {
}

.tags a {
	display: inline-block;
	border-radius: 5px;
	background: #f0f0f0;
	color: #6e6e6e;
	padding: 3px 5px;
	margin-bottom: 2px
}

.tags a:hover {
	background: #fe6d4c;
	color: #fff
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

* html .clear {
	zoom: 1
}

*:first-child+html .clear {
	zoom: 1
}

img {
	max-width: 100% !important;
	vertical-align: middle
}

div.bando img {
	max-width: none !important
}

.fix_head {
	position: fixed !important;
	top: 0;
	width: 100%;
	z-index: 99;
	left: 0;
	height: 70px !important;
	line-height: 70px !important;
	background: #fff;
	border-bottom: 1px solid #e1e1e1;
	box-sizing: border-box;
}
.fix_head ul li.line
{
	margin-top: 30px !important;
}
.fix_head div.logo
{
	width: 5% !important;
}
.fix_head div.box-timkiem
{
	bottom: -60% !important;
}

a {
	text-decoration: none
}

#google_language_translator {
	position: absolute;
	bottom: 0;
	right: 0;
}

.khung_chay {
	overflow: hidden;
}

/* <!-- hieu ung trang guong --> */
.hieuung{margin-bottom:10px;position:relative;overflow:hidden;opacity:0.9;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s}.hieuung img{}.hieuung:after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);content:'';-webkit-transition:-webkit-transform 0.6s;transition:transform 0.6s;-webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0)}.hieuung:hover:after{webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}.hieuung:hover{opacity:1}
/*--- end ---*/
/*-- hieu ung border nhieu mau --*/
.hieuung_border .i_trai{position:absolute;height:0px;width:1px;left:0px;top:0px;background:-webkit-linear-gradient(bottom,red,orange,yellow,green,blue,indigo,violet);background:-o-linear-gradient(bottom,red,orange,yellow,green,blue,indigo,violet);background:-moz-linear-gradient(bottom,red,orange,yellow,green,blue,indigo,violet);background:linear-gradient(to top, red,orange,yellow,green,blue,indigo,violet);transition:all 0.5s ease}.hieuung_border .i_phai{position:absolute;height:0px;width:1px;right:0px;bottom:0px;background:-webkit-linear-gradient(top,red,orange,yellow,green,blue,indigo,violet);background:-o-linear-gradient(top,red,orange,yellow,green,blue,indigo,violet);background:-moz-linear-gradient(top,red,orange,yellow,green,blue,indigo,violet);background:linear-gradient(to bottom, red,orange,yellow,green,blue,indigo,violet);transition:all 0.5s ease}.hieuung_border .i_tren{position:absolute;height:1px;width:0px;right:0px;top:0px;background:-webkit-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);background:-o-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);background:-moz-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);background:linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);transition:all 0.5s ease}.hieuung_border .i_duoi{position:absolute;height:1px;width:0px;left:0px;bottom:0px;background:-webkit-linear-gradient(right,red,orange,yellow,green,blue,indigo,violet);background:-o-linear-gradient(right,red,orange,yellow,green,blue,indigo,violet);background:-moz-linear-gradient(right,red,orange,yellow,green,blue,indigo,violet);background:linear-gradient(to left, red,orange,yellow,green,blue,indigo,violet);transition:all 0.5s ease}.hieuung_border:hover .i_trai{height:100%;bottom:0px;top:inherit}.hieuung_border:hover .i_tren{width:100%;left:0px}.hieuung_border:hover .i_phai{height:100%;top:0px;bottom:inherit}.hieuung_border:hover .i_duoi{width:100%;right:0px;left:inherit}
/*-- end ---*/
@font-face {
    font-family: 'Roboto-BoldItalic';
    src: url('font/Roboto-BoldItalic.woff');
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url('font/Roboto-Regular.woff');
}
@font-face {
    font-family: 'Roboto-Bold';
    src: url('font/Roboto-Bold.woff');
}
body{
	font-size:13px;
	line-height:1.5;
	background:#fff;
	font-family:Tahoma, Geneva, sans-serif
	
}
@font-face {
    font-family: 'MYRIADPRO';
    src: url('font/MYRIADPRO.OTF');
}
@font-face {
    font-family: 'RobotoBlack';
    src: url('fonts/RobotoBlack.eot');
    src: url('fonts/RobotoBlack.eot') format('embedded-opentype'),
         url('fonts/RobotoBlack.woff2') format('woff2'),
         url('fonts/RobotoBlack.woff') format('woff'),
         url('fonts/RobotoBlack.ttf') format('truetype'),
         url('fonts/RobotoBlack.svg#RobotoBlack') format('svg');
}
@font-face {
    font-family: 'RobotoMedium';
    src: url('fonts/RobotoMedium.woff');
}


.zoom
 {
 	overflow: hidden;
 }
 .zoom img
 {
 	transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
 }

 .zoom img:hover
 {
 	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
 }

 .fix
{
	display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
}
/*breadcumb*/
.dg-d ul 
{
    list-style-type: none;
    height: 50px;
    line-height: 50px;
    float: left;
    width: 100%;
    background-color: #f5f5f5;
    margin-bottom: 20px;
}
.dg-d ul li
{
    float: left;
    position: relative;
}
.dg-d ul li:after
{
  position: absolute;
  content: "";
  left: 0px;
  background: url(images/breadcrumb_icon.png) no-repeat;
  width: 7px;
  height: 17px;
  top: 15px;
}
.dg-d ul li:first-child:after
{
  background: none;
}
.dg-d ul li a
{
    padding: 0 15px;
    color: #999;
    font-weight: 500;
    color: #797878;
    font-size: 13px;
     font-family: 'Roboto-Regular';
     text-transform: capitalize;
}
.dg-d ul li:last-child a
{
	color: red;
}
					/* body */
div#wapper
{ 
  margin:auto;
  max-width: 1349px;
  background:#fff;
  overflow: hidden;
}
div.h1200
{
	max-width: 1190px;
	margin: 0 auto;
}
div#box_top
{
	background: #fdb61f;
	padding: 5px 0;
	font-family: "Arial";
	color: #fff;
}
div#box_top img
{
	vertical-align: top;
}
div.top_1
{
	float: left;
	width: 40%;
	margin-right: 2%;
	margin-top: 3px;
}
div.top_2
{
	float: left;
	width: 36%;
	margin-top: 3px;
}
div.top_3
{
	float: left;
	width: 10%;
	margin-top: 3px;
}
div.top_4
{
	float: right;
}
div.top_4 img
{
	margin-right: 5px;
}


					/* header */
div#header
{
	position:relative;
	margin:auto;
}
div.logo
{
	float: left;
	width: 8%;
}
div.logo_480
{
	display: none;
}



						/* menu */
div#menu_mobi{
	display:none;
}
div#menu{
	position:relative;
	height:100px;
	line-height:100px;
	margin:auto;
	background:#fff;

}
div.menu_tpl
{
	float: right;
}
div#menu ul{
  float:left;  
  list-style:none;
  height:100%;
}
div#menu ul li{
  float:left;
  position:relative;
  z-index:50;
}
div#menu ul li.line{
	background:url(images/img/line-menu.png);
	width: 7px;
	height: 7px;
	margin-top: 45px;
}
div#menu ul li a{
	color:#000;
	font-size:15px;
	padding: 0px 16px;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	font-family: 'Roboto', sans-serif;
}
div#menu ul li a:hover,div#menu ul li a.active,div#menu ul li a.active2{
	color:#fdb61f;	
}
div#menu ul li ul,div#menu ul li:hover ul li ul{
	position:absolute;
	margin-left:0px;
	display:none;	
}
div#menu ul li:hover ul{
	display:block;
}
div#menu ul li ul li{
	width:220px;
	line-height:1.5;
	background:#fdb61f;
	border-bottom:1px solid #fff;	
}
div#menu ul li ul li a{
	padding:6px 10px;
	text-transform:capitalize;
	color: #fff !important;
}
div#menu ul li ul li a:hover
{
	color: #fff;
	text-decoration: underline;
}
div#menu ul li ul li ul{	
	left:220px;
	top:0px;
}
div#search{
	float: right;
	cursor: pointer;
	width: 1%;
}
div#search i
{
	font-size: 18px;
	color: #444444;
}
div.show-timkiem
{
	display: block !important;
}
div.box-timkiem
{
	position: absolute;
	bottom: -40%;
	right: 5%;
	background: #a4a4a4;
	height: 40px;
	z-index: 9;
	display: none;
}
div.box-timkiem input{
    float: left;
    border: none;
    background: none;
    width: 80%;
    outline: none;
    color: #000;
    height: 100%;
    padding: 0 10px;
}
div.box-timkiem i{
	float: right;
	margin-right: 5px;
	margin-top: 8px;
	color: #222;
	font-size: 18px;
	cursor:pointer;
}

div#slider{
	margin:auto;
}
	/* content */
div#main_content
{
	margin-top: 40px;
	margin-bottom: 30px;
}
div.tieude-dichvu
{
	text-align: center;
	text-transform: uppercase;color:#4267b2;
	font-size: 24px;
	  font-family: 'RobotoBlack';
	  margin-bottom: 30px;
}
div.sanpham-tieubieu
{
	background: #f3f3f3;
	padding-top: 45px;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
div.tieude_giua{
	color:#fff;
	padding-left:20px;
	font-size:14px;
	height:39px;
	line-height:39px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:1%;
	background:#3458b8;

}
div.tieude{
	color:#fff;
	text-align:center;
	font-size:14px;
	height:39px;
	line-height:39px;
	font-weight:bold;
	text-transform:uppercase;
	background: #fdb61f;
}
div.wrap-product
{
	width: calc( 100% + 34px );
	margin: 0 -17px;

}
div.block-product
{
	float: left;
	width: 25%;
	padding: 0 17px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
div.item-product
{

}
div.img-product
{
	border: 1px solid #e1e1e1;
	background: #fff;
	box-sizing: border-box;
}
div.nd-product
{
	
	padding: 10px 0;
}
div.ten-product
{
	width: 100%;
	text-align: center;
}
div.ten-product a
{
	
	color: #666666;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	display: inline-block;
	font-size: 15px;
	
}
div.ten-product a:hover
{
	color: #fdb61f;
}
div.box-gia {
    font-family:'Roboto-Regular';
    font-size: 14px;
    margin-bottom: 3px;
    padding: 0 10px;
}

div.gia-sp1
{
	color: #8a8a8a;
    font-size: 14px;
    font-family: 'Roboto-Regular';
    text-align: center;
}
div.box-gia .giacu {
    float: left;
    color: #2e2e2e;
    text-decoration: line-through;
}
div.box-gia .giamoi {
    float: right;
    font-family: 'Roboto', sans-serif;
    color: #c30000;
    margin-right: 5px;
}
.motgia
{
	text-align: center;
	float: none !important;
}
.gia-sp1 span
{
	color: #ff0000;
	/* font-family: 'Roboto-Bold'; */
	font-family: 'Roboto-Regular';
	font-family: 'Roboto', sans-serif;
}
.giamgia
{
	display: inline-block;
    /* float: right; */
    color: #fff;
    background: #ff0000;
    margin-left: 5px;
    font-family: 'Roboto-Regular';
    font-size: 14px;
    text-shadow: none;
}
div.nd-dichvu
{
	text-align: center;
	padding: 15px 0;
}
div.ten-dichvu a
{
	color: #666666;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	display: inline-block;
	font-size: 15px;
}
div.ten-dichvu a:hover
{
	color: #fdb61f;
}
div.mota-dichvu
{
	color: #6f6f6f;
	font-family: "Arial";
}
div.banner-qc
{
	margin: 20px 0 30px 0;
}
div.danhmuc{
	border:1px solid #d6d6d6;
	

}
div#danhmuc ul{
	list-style:none;
}
div#danhmuc ul li{
	position: relative;
}
div#danhmuc ul li:last-child{
	border:none;
}
div#danhmuc ul li a{
	color:#333;
	 font-family: 'Roboto', sans-serif;
	text-decoration:none;
	font-size:14px;
	transition:0.4s;
	display:block;
	border-bottom:1px solid #DDD;
	padding-bottom:15px;
	padding-top:15px;
	text-transform: capitalize;
	padding-left: 20px;
}
div#danhmuc ul li a img
{
	margin-right: 5px;
	margin-top: -3px;
}
div#danhmuc ul li a:hover{
	color:#F00;
	transition:0.4s;
}
div#danhmuc ul li ul li a{
	padding-left:20px;
}
div.sub-menu
{
	position: absolute;
	right: -100%;
	top: 0;
	background: #eeeeee;
	z-index: 98;
	opacity: 0;
	visibility: hidden;
	width: 100%;
	transition: all 0.5s;
	
}
div#danhmuc ul li:hover div.sub-menu {
	opacity: 1;
	visibility: visible;
	transition: all 0.5s;
}
div#quytrinh_lamviec
{
	background: url(images/img/bg-quytrinh.png);
	padding-top: 50px;
	padding-bottom: 50px;
}
div.tieude-quytrinh
{
	text-align: center;
    text-transform: uppercase;
    color: #fdb61f;
    font-size: 24px;
    font-family: 'RobotoBlack';
    margin-bottom: 30px;
}
div.wrap-quytrinh
{
	width: calc( 100% + 44px );
	margin: 0 -22px;
}
div.block-quytrinh
{
	float: left;
	width: 20%;
	padding: 0 22px;
	box-sizing: border-box;
	text-align: center;
}
div.ten-quytrinh a
{
	color: #fdb61f;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	display: inline-block;
	font-size: 15px;
}
div.mota-quytrinh
{
	color: #cdcdcd;
	font-family: "Arial";
}




/*bottom*/
div#mod_bottom
{
	padding-bottom: 40px;
	margin-top: 30px;
}
.khunghinhanh {
    overflow: hidden;
}
.hinhanhphai {
    margin-top: 10px;
    width: calc(100% + 6.5px);
    margin-left: -6.5px;
	margin-right: -6.5px;
}
a.fancybox
{
	width: 100%;
}
.mod_video{
    float: right;
    width: 48%;
}
.tieude_titnuc{
	text-transform:uppercase;
	color:#63b547;
	font-size:26px;
	font-family:'Roboto-Bold';
	border-bottom:1px solid #e1e1e1;
	position:relative;
	margin-bottom:16px;
	padding-bottom:10px;
}
.tieude_titnuc:before{
	width:30px;
	height:5px;
	background:#e10c0c;
	content:'';
	position:absolute;
	bottom:0;
	left:0;
}
.tintuc_1 {
    float: left;
    width: 45%;
}
.tintuc_1 .xemthem_tt1{
	float:right;
	color:#000;
	border:1px solid #000;
	padding:5px 10px;
	text-transform:uppercase;
	font-family:'Roboto-Regular';
}
.tintuc_1 a.img_tt1{
	display:block;
}
.tintuc_conlai {
    float: right;
    width: 100%;
    max-height: 448px;
    overflow: hidden;
}
.tintuc_1 a.ten_tt1 {
	display: block;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
    margin-top: 13px;
    margin-bottom: 5px;
}
.tintuc_1 p.mota_tt1 {
    color: #333333;
}
.item_ttcl {
	margin-bottom:20px;
}
.item_ttcl a.img_ttcl {
    float: left;
    margin-right: 10px;
}
.motaten_ttcl{
	width: 65%;
    float: left;
}
.item_ttcl p.mota_ttcl {
    color: #595959;
    font-family: 'Roboto-Regular';
}
.item_ttcl a.ten_ttcl {
	font-size: 15px;
	text-transform:capitalize;
	color: #595959;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom: 10px;
	display:  inline-block;
}
.item_ttcl a.ten_ttcl:hover
{
	color: #fdb61f;
}
.content_titnuc {
    float: left;
    width: 48%;
}
div#visao_chonchungtoi
{
	background: url(images/img/bg-visao.png);
	padding-top: 50px;
	padding-bottom: 70px;
}
div.wrap-visao
{
	width: calc( 100% + 40px );
	margin: 0 -20px;
}
div.block-visao
{
	float: left;
	width: 20%;
	padding: 0 20px;
	text-align: center;
}
div.visao-top
{
	width: 175px;
	height: 175px;
	border: 3px solid #fff;
	border-radius: 50%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;font-size: 40px;
}
div.visao-bot
{
	background: url(images/img/de-vissao.png);
	width: 204px;
	height: 41px;
	line-height: 41px;
	text-transform: capitalize;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #fff;
	margin: 0 auto;
}
div.item-visao:hover div.visao-top
{
	border: 3px solid #fdb61f;
	color: #fdb61f;
}
div.item-visao:hover div.visao-bot
{
	background: url(images/img/bg-hover-vs.png) !important;
	color: #181818;
}

/* --------------------- Phan trang ------------------*/
.wrap-product-none { height: 500px; overflow: hidden; }
.wrap-product-none.baonoidung { height: 100% !important; }
.readmore:hover { border-color: #ffa001; color: #ffa001; }
.thugon:hover { border-color: #a42f38; color: #a42f38; }
.readmore:hover:after { content: ''; width: 0; transition: 0.5s; right: 0; border-top: 6px solid #ffa001; border-left: 6px solid transparent; border-right: 6px solid transparent; display: inline-block; vertical-align: middle; margin: -2px 0 0 5px; }
.thugon:hover:after { content: ''; width: 0; transition: 0.5s; right: 0; border-bottom: 6px solid #a42f38; border-left: 6px solid transparent; border-right: 6px solid transparent; display: inline-block; vertical-align: middle; margin: -2px 0 0 5px; }
.readmore { width: 100%; display: block; overflow: hidden; position: relative; line-height: 40px; font-size: 15px; font-weight: 400; transition: 0.5s; color: #ff000; margin: 10px auto; cursor: pointer; border-radius: 4px; text-align: center; text-decoration: none !important; }
.readmore { -webkit-animation: action 0.5s infinite  alternate; animation: action 0.5s infinite  alternate; }
@-webkit-keyframes action {
	0% { transform: translateY(0); }
	100% { transform: translateY(-10px); }
}
@keyframes action {
	0% { transform: translateY(0); }
	100% { transform: translateY(-10px); }
}

div#doitac{
	box-sizing:border-box;
	padding: 40px 0;
}
div#doitac a img{
	height:50px;
	margin:0 5px;
	border:1px solid #DDD;
}
/*----------------------------------------------------*/

@-webkit-keyframes star {
  0% {
    -webkit-transform: rotate(0) scale(0);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1.5);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(0);
  }
}
@-o-keyframes star {
  0% {
    -o-transform: rotate(0) scale(0);
  }
  50% {
    -o-transform: rotate(180deg) scale(1.5);
  }
  100% {
    -o-transform: rotate(360deg) scale(0);
  }
}
@-moz-keyframes star {
  0% {
    -moz-transform: rotate(0) scale(0);
  }
  50% {
    -moz-transform: rotate(180deg) scale(1.5);
  }
  100% {
    -moz-transform: rotate(360deg) scale(0);
  }
}
.start-animate {
		z-index: 99999999999999999 !important;
		position: absolute;
		animation: star linear 1.75s infinite;
		-moz-animation: star linear 1.75s infinite;
		-webkit-animation: star linear 1.75s infinite;
		-o-animation: star linear 1.75s infinite;
	}
@keyframes star {
  0% {
    transform: rotate(0) scale(0);
  }
  50% {
    transform: rotate(180deg) scale(1.5);
  }
  100% {
    transform: rotate(360deg) scale(0);
  }
}
div#dangky_nhantin
{
	background: url(images/img/bg-dknt.png);
	padding: 30px 0;
}
div.dangky_1
{
	float: left;
	color: #fff;
	width: 24%;
}
div.dangky_2
{
	float: left;
	width: 27%;
	margin-left: 5%;
}
p.dk1
{
  font-family: 'Roboto-Bold';
  font-size: 18px;
}
p.dk2
{
	font-family: "Arial";
}
form#frm_dknt
{
	/* background:url(images/bg_dknt.png) center no-repeat; */
	/* width:251px; */
	/* height:35px; */
	position:  relative;
	/* margin:10px; */
}
form#frm_dknt input[type='text']
{
	/* margin-left:45px; */
	width: 100%;
	/* padding:0px 5px; */
	/* float:left; */
	height: 45px;
	padding-left: 20px;
	/* margin-top:9px; */
	border:none;
	background: #fff;
	outline:none;
	color:#000;
	border-radius: 72px;
	/* border-radius: 76%; */
}
form#frm_dknt input[type='button']
{
	position: absolute;
	top: 8%;
	right: 2%;
	background: url(images/img/gui-dknt.png);
	width: 37px;
	height: 37px;
	border: none;
	cursor: pointer;
}
div.dangky_3
{
	float: right;
	width: 38%;
}
div.mxh-dk1
{
	float: left;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	margin-top: 10px;
}
div.mxh-dk2
{
	float: right;
}
div.mxh-dk2 img
{
	margin-right: 5px;
}

#footer{
	background: url(images/img/bg-footer.png);
	padding-top: 30px;
	padding-bottom: 30px;
	
}
.footer_1{
	float:left;
	width:45%;
}
.footer_2{
    float: left;
    width: 20%;
	overflow:hidden;
}
.footer_3{
    float: right;
    width: 30%;
}
div.bct
{
	margin-top: 20px;
}
div.tieude-ft
{
	color: #efab1d;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	margin-bottom: 20px;
}
div.block-hotro a
{
	color: #636363;
	font-family: "Arial";
	margin-bottom: 15px;
	display: inline-block;
	text-transform: capitalize;
	font-size: 14px;
}
div.block-hotro a:hover
{
	color: #efab1d;
	padding-left: 10px;
	transition: all 0.5s;
}
div.block-hotro a img
{
	margin-right: 5px;
}
div#copy
{
	padding: 10px 0;
	background: #ebebeb;
	font-family:'Arial';
	color: #676767;
}
div.cp-l
{
	float: left;
}
div.cp-r
{
	float: right;
}
div.cp-r span
{
	padding: 0 5px;
}
div.left
{
	float: left;
	width: 250px;
}
div.right
{
	float: right;
	width: calc( 100%  - 270px );

}
div.block-product-tpl
{
	float: left;
    width: 33.33%;
    padding: 0 17px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
#map_canvas iframe{
	width:100%;
}
/* //reponsive */

@media screen and (max-width:1220px)
{
	div.menu_tpl
	{
		width: 85%;
	}
	div#search
	{
		width: 7%;
	}
}
@media screen and (max-width:1187px)
{
	div#menu ul li a
	{
		padding: 0 13px;
	}
}
@media screen and (max-width:1127px)
{
	div#menu ul li a
	{
		padding: 0 10px;
	}

	div.top_1{
		width: 35%;
	}

	div.top_3{
		width: 13%;
	}
}
@media screen and (max-width:1093px)
{
	.item_ttcl a.ten_ttcl
	{
		font-size: 14px;
	}
}
@media screen and (max-width:1065px)
{
	div#menu ul li a
	{
		padding: 0 8px;
	}
}
@media screen and (max-width:1024px)
{
	div.h1200
	{
		width: 97%;
	}
	div.top_4
	{
		display: none;
	}
	div.top_3{
		width: auto;
		float: right;
	}
	div.top_2{
		width: 40%;
	}
	div.menu_tpl
	{
		width: 90%;
	}
	.item_ttcl a.ten_ttcl
	{
		font-size: 13px;
	}
	.item_ttcl a.img_ttcl
	{
		
	}
	.item_ttcl a.ten_ttcl
	{
		
	}
	.motaten_ttcl {
		width: 55%;
		float: left;
	}
	.item_ttcl
	{
		margin-bottom: 5px;
	}
	.tintuc_conlai
	{
		max-height: 480px;
	}
	.item_ttcl p.mota_ttcl
	{
		
	}

}
@media screen and (max-width:998px)
{
div#menu ul li a
	{
		padding: 0 6px;
	}
}
@media screen and (max-width:960px)
{
	div.menu_tpl
	{
		display: none;
	}
	div#menu_mobi
	{
		display: block;
	}
	div.fix_head
	{
		display: none;
	}
	div.logo
	{
		width: 100%;
		text-align: center;
	}
	div.mxh-dk1
	{
		display: none;
	}
	p.dk2
	{
		display: none;
	}
}
@media screen and (max-width:768px)
{
	div.top_1
	{
		width: 100%;
		text-align: center;
	}
	div.top_2
	{
		width: 100%;
		text-align: center;
	}
	div.top_3
	{
		width: 100%;
		text-align: center;
	}

	div.block-product{
		width: 33.33%;
	}
	div.cp-r
	{
		display: none;
	}
	div.cp-l
	{
		width: 100%;
		text-align: center;
	}
	.dg-d
	{
		display: none;
	}
	div.block-product-tpl
	{
		width: 50%;
	}
	#footer1
	{
		display: block;
	}
	div#copy
	{
		padding-bottom: 60px;
	}
	.frame_goidienthoai
	{
		display: none;
	}
	#content_tabs img {
		max-width: 100% !important;
		vertical-align: middle;
		height: auto !important;
	}
}
@media screen and (max-width:480px)
{
	div#menu
	{
		display: none;
	}
	div.logo_480
	{
		display: block;
		float: left;
		width: 15%;
	}
	div.top_2
	{
		float: right;
		width: 80%;
	}
	div.top_3
	{
		float: right;
		width: 80%;
	}
	div.block-product{
		width: 50%;
	}
	div.box-gia .giamoi
	{
		margin-right: 0px;
	}
	div.box-gia
	{
		padding: 0;
	}
	div.box-gia
	{
		width: 100%;
		margin-bottom: 20px;
	}
	div.content_titnuc
	{
		width: 100%;
	}
	.mod_video
	{
		width: 100%;
	}
	div.dangky_1
	{
		width: 100%;
		text-align: center;
	}
	div.dangky_2
	{
		width: 100%;
		text-align: center;
		margin-left: 0;
		margin: 20px 0;
	}
	div.mxh-dk2,div.dangky_3
	{
		width: 100%;
		text-align: center;
	}
	.footer_1,.footer_3
	{
		width: 100%;
		text-align: center;
	}
	.footer_2
	{
		width: 100%;
		text-align: center;
		margin: 20px 0;
	}
	.box_news{
		width: 100%;
	}
	div.frm_lienhe
	{
		width: 100%;
	}
	.bando
	{
		width: 100%;
	}
	.zoom_slick
	{
		width: 100%;
		text-align: center;
	}
	.product_info
	{
		width: 100%;
		text-align: center;
	}
	div.left
	{
		display: none;
	}
	div.right
	{
		width: 100%;
	}

}


/*  */
