@font-face {
    font-family: 'UVN Ke Chuyen1';
    src: url('font/fontUVN/43-5506-UVNKeChuyen1.TTF');
}
@font-face {
    font-family: 'OpenSansBold';
    src: url('font/fontopensan/OpenSansBold.eot');
    src: url('font/fontopensan/OpenSansBold.eot') format('embedded-opentype'),
         url('font/fontopensan/OpenSansBold.woff2') format('woff2'),
         url('font/fontopensan/OpenSansBold.woff') format('woff'),
         url('font/fontopensan/OpenSansBold.ttf') format('truetype'),
         url('font/fontopensan/OpenSansBold.svg#OpenSansBold') format('svg');
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('font/fontopensan/OpenSansRegular.eot');
    src: url('font/fontopensan/OpenSansRegular.eot') format('embedded-opentype'),
         url('font/fontopensan/OpenSansRegular.woff2') format('woff2'),
         url('font/fontopensan/OpenSansRegular.woff') format('woff'),
         url('font/fontopensan/OpenSansRegular.ttf') format('truetype'),
         url('font/fontopensan/OpenSansRegular.svg#OpenSansRegular') format('svg');
}
html {
	SCROLLBAR-BASE-COLOR: #CCCCCCC;
	SCROLLBAR-ARROW-COLOR: #000000;
}

body {	 
	FONT-FAMILY:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#333333;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,pre,form,input,textarea {
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:bold;
}

.clear {clear: both; font-size: 0px; line-height: 0px; height:0;}
p {margin:0px;padding:5px 0px;}
ol,ul {	list-style: none;}

a { text-decoration:none; color:#333333}
a:hover {  color:#000; text-decoration: none; }
 
img {
    border: 0 none;
    height: auto !important;
    max-width: 100%;
}
.clearfix:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix{
	display: inline;
	position: relative;
	}
/*\*/
.clearfix	{
	display: block;
}

.fl {float:left;}
.fr {float:right;}
.hidden {display:none;}
/* -------------------------------------------------------------------
 format text
------------------------------------------------------------------- */

.font_err {	color:#FF0000;}
.font_err a:active , .font_err a:link , .font_err a:visited {  text-decoration: none ; color:#FF0000}
.font_err a:hover {  color:#FF0000; text-decoration: underline; }


/* -------------------------------------------------------------------
 format input
------------------------------------------------------------------- */
.btn { background:#282828; color:#ffffff ; border-color: #282828;   font-weight:bold; min-height:30px; line-height:18px; min-width:80px;  }
.btn-submit
{
	background:#00918E; color:#ffffff ; border-color: #00918E;   font-weight:bold; min-height:30px; line-height:18px; min-width:80px;
	
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
  color: #ffffff;
  background-color: #00918E;
  border-color: #00918E;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #282828;
  border-color: #282828;
}
.textfiled {
	 font-size:12px;
	 height:28px;

}
.textarea{	 
	color:#2a2a2a;
	line-height:20px;
	overflow:auto;
	font-size:12px;

}
.select{	 
	color:#2a2a2a;
	height:28px;
	font-size:12px;
}

.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
	color:#a1a1a1;
}

/* align glyph */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }
.left-addon textarea { padding-left:  30px;}  


.carousel .row {  margin-left:-10px; margin-right:-10px;  } 
.carousel .col-xs-4 {   padding:0px 10px; }
.carousel .col-xs-4.rightest {   } 
.carousel-control.left, .carousel-control.right {
	background:none;	
	width:23px;
	height:23px;
	position:absolute;
	text-indent:-99999px;
	top:-40px;
}
.carousel-control.left {
	background:url(../images/prev.png) center left no-repeat;	
	left:auto !important;
	right:25px;	
}
.carousel-control.right {
	background:url(../images/next.png) center left no-repeat;	
	right:0px;	
} 

/*LAYOUT*/


#vnt-header  {
	position:relative;
}
#vnt-header .header {padding: 10px 0px; background:#fff;}

#vnt-header .header-l { margin-right:60px; padding:10px 0px;	margin-left:32%;}
#vnt-header .header-l .logo { }
#vnt-header .header-l .logo  img{ }
#vnt-header .header-l .sologan { width:60%}

#vnt-header .header-r {   position:absolute ; right:15px ; top:25px; float:left;}
#vnt-header	 .box-lang {
	border: 1px solid #eeeeee;
	width:50px;
	height:28px; 
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	float:left;
	margin-left: 10px;
}
#vnt-header	 .box-lang .box-select {
	height:28px;
	width:100%;	
}
#vnt-header	 .box-lang .box-select .select-control { display:block; height:28px; padding-left:10px; line-height:28px; position:relative;	}
#vnt-header	 .box-lang .box-select .select-control .caret {    position: absolute;    right: 5px;    top: 12px; }
#vnt-header	 .box-lang .dropdown-menu { width:50px !important; min-width:50px; margin:0px;}
#vnt-header	 .box-lang .dropdown-menu > li > a { padding:3px 10px ; }


#vnt-header .header-menu {
	height:54px;
	line-height:54px;
	padding:0px 10px;
	width:100%;
    background:#00918E;
    color: #fff;
    position: relative;
}
#vnt-header .header-menu span { display:inline-block; font-size:18px; text-transform:uppercase; color:#fff; line-height:54px;font-family:arial;}
#vnt-header .icon_menu {  position:absolute;  height:25px; top:15px; }
#vnt-header .icon_menu  i {  font-size:28px; line-height:25px; color:#fff; font-weight:normal; }
  
  

#menu {
	z-index:10;	
  display:none;
} 
#menu.mm-opened {display:block;}
 
 	
#vnt-container { position:relative; padding: 5px 5px;background:#fff;}


#vnt-footer { background: #dcdbdb;}

#vnt-footer .footer-menu {
    position: relative;
    height:54px;
    line-height:54px;
    padding:0px 10px;
    background: #E18B35;
    color: #fff;
}
.footer-menu span
{
	text-transform:uppercase;
	font-weight:bold;
}

#vnt-footer .footer-menu span { display:inline-block; font-size:20px; color:#fff; line-height:54px;}
#vnt-footer .icon_menu {  position:absolute;  height:25px; top:15px; right:15px}
#vnt-footer .icon_menu  i {  font-size:28px; line-height:25px; color:#fff; font-weight:normal; }



#vnt-footer .footer-tool {
    padding: 15px 0px;
		margin:0 1px;
}
#vnt-footer .box-footer {
    border: 1px solid #fff;
    min-height: 150px;
	
    position: relative;;
}
.footer-body
{
		background:#00918E;
}


.footer-btn {
    position: absolute;
    bottom: 1px;
    padding:7px 0;
    width: 100%;
    background: #E18B35;
  
    text-align: center;
    color: #fff;
}
.footer-btn1 {
    position: absolute;
    bottom: 1px;
    height: 55px;
    width: 80%;
    background: #555555;
    line-height: 55px;
    text-align: center;
    color: #fff;
}


.footer-btn1 a {
    display: block;
    color: #fff;
    text-transform:uppercase;
    line-height: 35px;
    padding: 10px 5px ;
}
.footer-btn span {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background: #fff;
    text-align: center;
    margin-right: 5px;
}
.footer-btn1 span {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 35px;
   
    text-align: center;
    margin-right: 5px;
}

.footer-btn span i {
    color:#E18B35;
    display: block;;
    font-size: 20px;
    line-height: 35px;
}
.footer-btn1 span i {
    color: #fff;
    display: block;;
    font-size: 20px;
    line-height: 35px;
}

#vnt-footer .social-network {	padding:10px 0px; position: relative }
#vnt-footer .social-network  a { 
	display:inline-block; 
	margin:0px 5px;
	width:45px;
	height:45px;
	line-height:45px;
	text-align:center;
	color:#00918E;
	background:#ffffff;
	border-radius:25px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	
}

#vnt-footer .social-network a i { 
	
	font-size:30px;
	width:45px;
	height:45;
	line-height:45px;
}
#vnt-footer .social-network a:hover {
	background:#ffffff;
}

#vnt-footer .go_top {
    position: absolute;
    right: 0px;
    top:10px;
	
}

#vnt-footer .copyright {
    border-top: 1px solid #fff;
    color: #fff;
    line-height: 25px;
    padding: 10px 0px;
	font-size:12px;
	background:#00918E;
}
#vnt-footer .copyright b,#vnt-footer .copyright strong a
{
	color:#fff;
}
.copyright span strong
{
	text-transform:uppercase;
	font-weight:bold;
}
a.thietkeweb
{
	font-style:italic;
}
#vnt-footer .copyright a { color:#fff;}


/*CSS BOX */
.box {padding-bottom:10px;}
.box-title { border-radius:6px 6px 0px 0px; padding:5px; text-align:center; height:0;}

.box-content { padding:10px 0px;}
.box_category { margin-bottom:15px;  background:#fff;}
.box_category  .select-control {
	height: 35px;
  padding: 5px 12px;
  font-size: 14px;
	text-transform:uppercase;
  line-height: 25px;
  color: #8d8d8d;
 
  background-image: none;
  border: 1px solid #dddddd;
	cursor:pointer;
} 
.box_category  .select-control .caret {
	position:absolute;
	right:10px;
	top:16px;	
}


.box_category ul.dropdown-menu {
	width:100%;	
	font-size:12px;
    
  min-width: 160px;
  padding:0; 
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0px; 
 

}
.box_category ul.dropdown-menu li { border-bottom: 1px solid #ccc;}
.box_category ul.dropdown-menu li:last-child { border-bottom:none;} 
.box_category ul.dropdown-menu li a {
  display: block;
  padding: 5px 10px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333;
  white-space: nowrap;
}
.box_category ul.dropdown-menu li  a:hover,
.box_category ul.dropdown-menu li  a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.box_category ul.dropdown-menu li.active > a,
.box_category ul.dropdown-menu li.active > a:hover,
.box_category ul.dropdown-menu li.active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}


.box_category ul.dropdown-menu li ul {
	list-style:none;	
	border-top: 1px solid #ccc;
}


.mid-title {  
	
	margin-bottom:20px;
}
.mid-title .titleL {
	float:left;
	font-size:32px;
	color:#000;
	line-height:32px;
    text-transform:uppercase;
}
.mid-title .titleL a {color:#000;}
.mid-title .titleR {
	float:right;	
}
 

.mid-content { 
	padding:5px 0px; 
	position:relative;
} 

/*mmenu*/
.menumobile {
	position:absolute;
  height: 30px;
	top:-45px;
	right:0px;
	width:30px;
	z-index:50;
}
.menumobile a {
  float: left;
	color:#fff; 
	display:block; 
	background:#497522;
	padding:3px 5px;
	margin-top:8px;
	margin-bottom:3px;

}	
.menumobile a i {
	padding:0; margin:0;
	font-size:21px;
}

#mmenu { display:none;}	 
#mmenu h3 { font-size:16px; color:#fff; padding:5px 0px; text-transform:uppercase;  padding:10px 10px 10px 20px}
#mmenu.mm-opened {display:block;}

/********************* CSS for box_redirect ****************************/
#box_redirect{ border:1px solid #505050  ; width:99%; margin:0px auto;  background:#fff; }
#box_redirect p { line-height:18px;}
#box_redirect .top { background:#F78600;border-bottom:1px solid #5C5C5C; color:#FFFFFF;font-size:11px;font-weight:bold;text-transform:uppercase; height:22px;padding:2px; text-align:left; }
#box_redirect .fontMess {color:#65D700;font-size:12px; font-weight:bold;text-align:center;padding:20px 10px;}
#box_redirect .mess { background:#383838; color:#FFFFFF;text-align:center}
#box_redirect .bottom { background:#FFF3DD; color:#000;text-align:center;padding:5px; font-size:12px;}


/******************** PHAN TRANG **************/
.pagination ul {
   float: none;
   display: inline-block;
   overflow: hidden;
}
.pagination.center {
   text-align: center;
}

.pagination > li > a,
.pagination > li > span {
 
  color: #497522; 
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #497522;
  background-color: #fff;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #378ad4;
  border-color: #378ad4;
} 


/******************** PHAN TRANG **************/
.vnt-pagination{ 

 
  text-align:center;
}
.vnt-pagination .pagetotal {
	font-weight:bold;
	padding:2px 3px;
}
.vnt-pagination a, .vnt-pagination a:visited{
	padding: 0px;
	display:inline-block ;
	text-decoration: none; 
	color: #333333;
	border-radius:45px;
	background:#fff;
	font-weight:bold; 
	width:30px;
	height:30px;
	line-height:30px;
}

.vnt-pagination a:hover, .vnt-pagination a:active{
 	text-decoration:none;
    border:1px solid #b6b6b6;
	background:#378ad4;
	color: #ffffff;
	width:30px;
	height:30px;
	line-height:30px;
}

.vnt-pagination .pagecur{
	font-weight: bold;
	display:inline-block ;
    border-radius:45px;
	background:#ff122c;
	color: #ffffff;
	width:30px;
	height:30px;
	line-height:30px;
}

.vnt-pagination .btnPage{
	color:#868686;
	text-align:center;
	font-weight:bold;
}
.vnt-pagination a:visited.btnPage  {
	color:#868686;
	font-weight:bold;
}

a.go_top{background: url(../images/gotoTop.png) no-repeat;display:block;position:fixed;z-index:5;bottom:10px;right:5px;width:30px;height:30px;  }
a.go_top:hover{background: url(../images/gotoTop.png) no-repeat; }

.menu
{
	
	
	float: right;
    height: 54px;   
  	padding: 0 20px;
    position: relative;
    right: 15px;
}
.search {
   
    float: right;
    background:#E5E5E5;
		padding:5px;
    position: relative;
	
}
.s-label{
	border-radius: 20px;
    display: none;
    height: 37px;
    left: -125px;
    position: absolute;
   
    width: 255px;
    z-index: 1;
}
.header_search
{
	width:30px;
	float:left;
}
.text_search {
    border: 1px solid #dedede;
    
    color: #999999;
    font-size: 14px;
    height: 36px;
   
    margin-top: 6px;
    padding-left: 10px;
    position: absolute;
  
}

*::after, *::before {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}
.bar-top
{
	float:left;
	background:#cccccc;
	width:2px;
	margin:0 10px;
}
.s-button
{
	float: right;
    position: relative;
    right: 94px;
    top: 4px;
}
 .btn_search {
    background: rgba(0, 0, 0, 0) url(../images/search.png) no-repeat  scroll 0 3px;
    border: medium none;
    cursor: pointer;
    height: 35px;
  
    width: 32px;
    z-index: 10;
}
.footer-btn a, .footer-btn1 a
{
	cursor:pointer;
}


@media screen and (max-width: 360px) {
     .box-footer {
        min-height: 180px;
    }

   
	#boxContact .item-note
	{
		 font-size: 16px;
	}
	.mid-title .fTitle {
			margin-top:20px;
		font-size:25px;
		color:#000;
		line-height:32px;
		text-transform:uppercase;
		opacity:0.5;
	}
	.footer-btn a {
		
		color: #fff;
		font-size: 16px;
		
		font-weight:bold;
	}
	#idmaps .btn
	{
		background: #282828 none repeat scroll 0 0;
		border-color: #282828;
		color: #ffffff;		
		line-height: 18px;
		min-height: 30px;
		min-width:0;
		font-weight:normal;
	}
	#vnt-footer .hotline { text-align: center; font-size: 18px; line-height:73px;  background:#00918E; color: #fff; padding: 10px ; margin-bottom: 55px}
#vnt-footer .address { text-align: center; font-size: 14px;    color: #fff; padding: 10px ;  margin-top: 10px;background:#00918E;}
}

@media screen and (max-width: 320px) {
   .box-footer {
        min-height: 180px;
    }
	#boxContact .item-note
	{
		 font-size: 14px;
	}
    .footer-btn a {
        font-size: 16px;
    }
	.mid-title .fTitle {
		margin-top:20px;
		font-size:22px;
		color:#000;
		line-height:32px;
		text-transform:uppercase;
		opacity:0.5;
	}
	#vnt-footer .hotline
	 {  
    	font-size: 15px;    
		line-height: 80px;
	}
	#idmaps .btn
	{
		background: #282828 none repeat scroll 0 0;
		border-color: #282828;
		color: #ffffff;		
		line-height: 18px;
		min-height: 30px;
		padding:0 5px;
		font-weight:normal;
	
	}
	#vnt-footer .hotline { text-align: center; font-size: 16px; line-height:73px;  background:#00918E; color: #fff; padding: 10px ; margin-bottom: 55px}
#vnt-footer .address { text-align: center; font-size: 12px;    color: #fff; padding: 10px ;  margin-top: 10px;background:#00918E;}
	
}
.clear-row
{
	padding:0;
}
.slick-dots
{
	background:none !important;
}
.slick-dots li
{
	display:none !important;
	height:0;
}
#banner {
	
	overflow: hidden !important;
	position:relative;
	height:150px;
	
}
#banner img
{
	height:100%;
}
#banner .slider-show .out-image img{ width: 100%;height: 450px;}
#banner .slider-show .nivo-controlNav{
	position: absolute;
 	 width: 409px;
    height: 93px;
    z-index: 999;
    top: 402px;
    right: 100px;
    padding-left: 18px;
    background: url('../images/bg-slider.png') center no-repeat;
}
#banner .slider-show .nivo-controlNav a.nivo-control{
	background: url('../images/icon-nivo-control.png') no-repeat;
	background-position: -22px;
	width: 15px;
    height: 15px;
    padding-top:100px;
}
#banner .slider-show .nivo-controlNav a.active{
	background-position: 0px;
}
#banner .slider-show .theme-default .nivoSlider {

    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none;  
}
#vnt-content
{
	padding-bottom:20px;
}
.title_group {
    border-bottom: 1px solid #009999;
    color: #666;
    font-family: "OpenSansBold";
    font-size: 30px;
    font-weight: normal;
    margin: 0;
    padding: 15px 0;
}
/*pagination
---------------------------------------------------------*/
#pagination .pagination {
    margin: 0px;
}
#pagination ul li {
  display: inline-block;
  margin-left: 3px;
  background-color: #fff;
  padding: 0px 10px;
  border-radius: 5px;
 
  border: 1px solid #009999;
  font-size: 16px;
  -webkit-transition:background 0.3s ease;
  -moz-transition:background 0.3s ease;
  -o-transition:background 0.3s ease;
  transition:background 0.3s ease;
}
#pagination ul li:nth-child(6){
    padding: 0px 6px;
}
#pagination ul li.active-page, #pagination ul li:hover{
   cursor: pointer;
  background: #009999;
  color: white;
  -webkit-transition:background 0.3s ease;
  -moz-transition:background 0.3s ease;
  -o-transition:background 0.3s ease;
  transition:background 0.3s ease;
}
#pagination ul li.active-page a{
    color: white;
}
 #pagination ul li:hover a{
    background: #009999;
    color: white;
 }
#pagination ul li a {
  text-decoration:none;
  color: #d58330;
  font-size: 18px;
  padding:1px;
  font-family: 'OpenSansBold';
  font-weight: normal;
  
}
#pagination ul li span {
  text-decoration:none;
  color: #d58330;
  font-size: 18px;
  padding:1px;
  font-family: 'OpenSansBold';
  font-weight: normal;
  
}

.header-menu1 {
	 margin-top:10px;
    background: #00918e none repeat scroll 0 0;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    position: relative;
    width: 100%;
}
.header-menu1 span {
    color: #fff;
    display: inline-block;
    font-family: arial;
    font-size: 16px;
    line-height: 40px;
		padding-left:10px;
    text-transform: uppercase;
}
.icon_menu i {
    color: #fff;
    font-size: 28px;
    font-weight: normal;
    line-height: 25px;
}
.menu1 {
    float: right;
    
    padding: 7px 12px;
    position: relative;
    right: 0px;
}
.header-menu1 span {
    color: #fff;
    display: inline-block;
    font-family: arial;
    font-size: 18px;
    
    text-transform: uppercase;
}
.header-menu1 span a
{
	 color: #fff;
}
.button-tabs
{

	display:none !important;
}

.hotline {
    background: #00918E;
    color: #fff;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
		margin-bottom:5px
}