@charset "UTF-8";
/* ******************************************************************
	--style_header_footer_news.css--
****************************************************************** */
@media only screen and (min-width: 768px){
/*********************header_footer_news***************************/
	header_bar_top{
		float: left;
		display: block;
		width: 100%;
		position: relative;
	}
	.header_bar {
		height: 60px;
		float: left;
		display: block;
		width: 100%;
		position: relative;
	}
	.logo {
		text-align: center;
		padding-right: 0px;
		position: relative;
	}
	.header_top{
		float: left;
		display: block;
		width: 100%;
	}
	.mobile_menu {
		width: auto;
		float: left;
		position: absolute;
		left: 0px;
	}
	.menu_dd {
		float: left;
		display: block;
		width: 100%;
		min-height: 40px;
	}
	.mobile_timkiem, .mobile_nn{
		position: relative;
		float: right;
		width: 20%;
	}
	.menu_nav, .menu_nav .menu{
		float: left;
		display: block;
		width: 100%;
	}
	.menu_div {
		position: absolute;
		left: 10px;
		top: 0px;
		display: none;
		z-index: 99;
		padding: 10px 0px 10px 0px;
		width: 100vw;
		float: left;
		height: 100vh;
	}
	.menu_nav .menu_dd_a {
		margin-top: 4px;
		margin-right: 0px;
		margin-bottom: 0px;
		padding: 9px 8px;
		background: #54b454;
		width: 30px;
		height: 30px;
		float: left;
		display: block;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		opacity: 1;
	}
	.menu_dd_a .icon-bar {
		border: 1px solid #fff;
		float: left;
		display: block;
		width: 100%;
		margin-bottom: 3px;
	}
	.menu button.close {
		float: right;
		display: block;
		width: 19px;
		position: absolute;
		right: 35px;
		top: 20px;
		opacity: 1;
		z-index: 9999;
	}
	.menu_dd .header_bar_menu {
		float: left;
		display: block;
		width: 97%;
		min-height: 1px;
		list-style: none;
		padding: 0px;
		height: 96vh;
		background: #6db845; /* Old browsers */
		background: -moz-linear-gradient(left, #6db845 0%, #30863E 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #6db845 0%,#30863E 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #6db845 0%,#30863E 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db845', endColorstr='#30863E',GradientType=1 ); /* IE6-9 */
		position: absolute;
	}
	.mobile_menu .menu_nav{
		background: transparent;
	}
	.navbar-header span.menu_nav_text{
		float: left;
		display: block;
		width: auto;
		color: #fff;
		line-height: 40px;
		padding-left: 10px;
	}
	.language {
		margin-top: 8px;
		width: 71%;
		float: right;
	}
	.header_top_bar {
		padding: 10px 0px 10px 0px;
	}
	.menu_dd #menu_sp{
		position: absolute;
		top: 0;
		margin-top: -60px;
		left: 0;
	}
	.menu_dd .header_bar_menu li{
		float: left;
		display: block;
		width: 100%;
		padding: 10px 40px 0px 40px;
	}
	.menu_dd .header_bar_menu li:first-child{
		padding: 30px 40px 0px 40px;
	}
	.menu_dd .header_bar_menu li a{
		float: left;
		display: block;
		width: 100%;
		color: #fff;
		text-transform: uppercase;
		font-family: "latobold", Arial, Helvetica, sans-serif;
	}
	.footer_menu_d, .footer_menu_t, .footer_menu_hr {
		float: none;
		display: initial;
	}
	.footer_menu_dt {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
}
@media only screen and (min-width: 800px){
/*********************header_footer_news***************************/

}
@media only screen and (min-width: 812px){
/*********************header_footer_news***************************/

}
@media only screen and (min-width: 834px){
/*********************header_footer_news***************************/
	.footer_menu_dt {
		margin-bottom: 10px;
	}
}
@media only screen and (min-width: 900px){
/*********************header_footer_news***************************/

}
@media only screen and (min-width: 960px){
/*********************header_footer_news***************************/

}
@media only screen and (min-width: 1024px){
/*********************header_footer_news***************************/
	.menu button.close {
		right: 45px;
	}
	.language {
		width: 52%;
	}
	.footer_menu_dt {
		width: auto;
		text-align: right;
	}
	.footer_menu_d, .footer_menu_t, .footer_menu_hr {
		float: right;
		display: block;
	}
	.menu button.close {
		right: 43px;
	}
}
@media only screen and (min-width: 1112px){
/*********************header_footer_news***************************/

}
@media only screen and (min-width: 1200px){
/*********************header_footer_news***************************/
	.header_bar_top, .header_top {
		float: none;
	}
	.header_bar {
		height: 34px;
	}
	.logo {
		position: absolute;
		padding-right: 40px;
		text-align: right;
	}
	.language {
		margin-top: 4px;
		width: 33%;
		float: right;
	}
	.say_hi_col_row_first{
		margin-left: 50px;
	}
	.say_hi_col_row_last, .say_hi_col_logo_first img{
		padding-left: 50px;
	}
	.say_hi_col_logo_first img{
		width: 320px;
	}
	.say_hi_col_row_last {
		padding-left: 50px;
	}
	.footer_menu_d, .footer_menu_t, .footer_menu_hr {
		float: right;
		display: block;
	}
}
@media only screen and (min-width: 1280px){
/*********************header_footer_news***************************/

}
@media only screen and (min-width: 1500px){
/*********************header-footer***************************/
	.say_hi_col_row_first{
		margin-left: 200px;
	}
	.say_hi_col_row_last {
		padding-left: 200px;
	}
	.say_hi_col_logo_first img{
		padding-left: 197px;
		width: 470px;
	}
}
@media only screen and (max-width: 767px){
/*********************header_footer_news***************************/
	.header_bar_top{
		float: left;
		display: block;
		width: 100%;
		position: relative;
	}
	.header_bar {
		height: 60px;
		float: left;
		display: block;
		width: 100%;
		position: relative;
	}
	.logo {
		text-align: center;
		padding-right: 0px;
		position: relative;
	}
	.header_top{
		float: left;
		display: block;
		width: 100%;
	}
	.mobile_menu {
		width: auto;
		float: left;
		position: absolute;
		left: 0px;
	}
	.menu_dd {
		float: left;
		display: block;
		width: 100%;
		min-height: 40px;
	}
	.mobile_timkiem, .mobile_nn{
		position: relative;
		float: right;
		width: 20%;
	}
	.menu_nav, .menu_nav .menu{
		float: left;
		display: block;
		width: 100%;
	}
	.menu_div {
		position: absolute;
		left: 10px;
		top: 0px;
		display: none;
		z-index: 99;
		padding: 10px 0px 10px 0px;
		width: 100vw;
		float: left;
		height: 100vh;
	}
	.menu_nav .menu_dd_a {
		margin-top: 4px;
		margin-right: 0px;
		margin-bottom: 0px;
		padding: 9px 8px;
		background: #54b454;
		width: 30px;
		height: 30px;
		float: left;
		display: block;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		opacity: 1;
	}
	.menu_dd_a .icon-bar {
		border: 1px solid #fff;
		float: left;
		display: block;
		width: 100%;
		margin-bottom: 3px;
	}
	.menu button.close {
		float: right;
		display: block;
		width: 19px;
		position: absolute;
		right: 35px;
		top: 20px;
		opacity: 1;
		z-index: 9999;
	}
	.menu_dd .header_bar_menu {
		float: left;
		display: block;
		width: 97%;
		min-height: 1px;
		list-style: none;
		padding: 0px;
		height: 96vh;
		background: #6db845; /* Old browsers */
		background: -moz-linear-gradient(left, #6db845 0%, #30863E 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #6db845 0%,#30863E 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #6db845 0%,#30863E 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db845', endColorstr='#30863E',GradientType=1 ); /* IE6-9 */
		position: absolute;
	}
	.mobile_menu .menu_nav{
		background: transparent;
	}
	.navbar-header span.menu_nav_text{
		float: left;
		display: block;
		width: auto;
		color: #fff;
		line-height: 40px;
		padding-left: 10px;
	}
	.header_top_bar {
		padding: 10px 0px 10px 0px;
	}
	.language {
		margin-top: 8px;
		width: 71%;
		float: right;
	}
	#menu_sp{
		position: absolute;
		top: 0;
		margin-top: -60px;
		left: 0;
	}
	.menu_dd .header_bar_menu li{
		float: left;
		display: block;
		width: 100%;
		padding: 10px 40px 0px 40px;
	}
	.menu_dd .header_bar_menu li:first-child{
		padding: 30px 40px 0px 40px;
	}
	.menu_dd .header_bar_menu li a{
		float: left;
		display: block;
		width: 100%;
		color: #fff;
		text-transform: uppercase;
		font-family: "latobold", Arial, Helvetica, sans-serif;
	}
	.footer_menu_d, .footer_menu_t, .footer_menu_hr {
		float: none;
		display: initial;
	}
	.footer_menu_dt {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.bar_footer_gp{
		text-align: center;
	}
}
@media only screen and (max-width: 736px){
/*********************header_footer_news***************************/
	.language {
		width: 72%;
	}
}
@media only screen and (max-width: 722px){
/*********************header_footer_news***************************/
	.language {
		width: 74%;
	}
}
@media only screen and (max-width: 695px){
/*********************header_footer_news***************************/
	.language {
		width: 78%;
	}
}
@media only screen and (max-width: 685px){
/*********************header_footer_news***************************/
	.language {
		width: 79%;
	}
}
@media only screen and (max-width: 668px){
/*********************header_footer_news***************************/
	.language {
		width: 82%;
	}
}
@media only screen and (max-width: 641px){
/*********************header_footer_news***************************/
	.language {
		width: 87%;
	}
}
@media only screen and (max-width: 602px){
/*********************header_footer_news***************************/
	.language {
		width: 96%;
	}
}
@media only screen and (max-width: 599px){
/*********************header_footer_news***************************/

}
@media only screen and (max-width: 576px){
/*********************header_footer_news***************************/

}
@media only screen and (max-width: 570px){
/*********************header_footer_news***************************/

}
@media only screen and (max-width: 569px){
/*********************header_footer_news***************************/
	
}
@media only screen and (max-width: 553px){
/*********************header_footer_news***************************/

}
@media only screen and (max-width: 534px){
/*********************header_footer_news***************************/

}
@media only screen and (max-width: 515px){
/*********************header_footer_news***************************/
	.mobile_nn {
		width: 18%;
	}
	.language {
		width: 100%;
	}
}
@media only screen and (max-width: 481px){
/*********************header_footer_news***************************/
	.mobile_timkiem{
		width: 24%;
	}
}
@media only screen and (max-width: 415px){
/*********************header_footer_news***************************/
	.mobile_nn {
		width: 21%;
	}
	.logo img{
		width: 100%;
	}
	.header_slide_ctent {
		margin-top: 0px;
	}
}
@media only screen and (max-width: 401px){
/*********************header_footer_news***************************/
	.mobile_nn {
		width: 22%;
	}
	.mobile_timkiem {
		width: 26%;
	}
}
@media only screen and (max-width: 385px){
/*********************header_footer_news***************************/
	.language{
		background: url(../images/icon/icon_flag@2x.png) no-repeat center center #e00000;
		background-size: 16px 10px;	
		padding: 0px;
		margin-top: 10px;
		text-indent: -9999px;
	}	
	@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
		.language{
			background: url(../images/icon/icon_flag@2x.png) no-repeat center center #e00000;
			background-size: 16px 10px;
		}
	}
	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
		.language{
			background: url(../images/icon/icon_flag@2x.png) no-repeat center center #e00000;
			background-size: 16px 10px;
		} 
	}
	.mobile_nn {
		width: 13%;
	}
	.mobile_timkiem {
		width: 32%;
	}
}
@media only screen and (max-width: 376px){
/*********************header_footer_news***************************/
	
}
@media only screen and (max-width: 361px){
/*********************header_footer_news***************************/

}
@media only screen and (max-width: 343px){
/*********************header_footer_news***************************/
	
}
@media only screen and (max-width: 340px){
/*********************header_footer_news***************************/

}
@media only screen and (max-width: 320px){
/*********************header_footer_news***************************/
	.mobile_nn {
		width: 16%;
	}
}