@import url('/global/css/all.css');
@import url('/global/css/font-awesome.min.css');
html,*{margin:0;padding:0}
body{color:#222;font: 400 13px/18px Roboto;margin:0;padding:0}
h1,h2,h3,h4,h5,p, ul, li{margin:0;padding:0}
a{color:#36c;outline:none;text-decoration:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.clearfix:after{clear:both;content:" ";display:block;height:0;visibility:hidden}
* html .clearfix{height:1%;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/*======================= Bebasneue font =======================*/

@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 100;
  src: local('Bebas Neue Thin'), local('BebasNeue-Thin'), url(/font/svn-bebas_neue_thin.ttf) format('truetype');
}
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 300;
  src: local('Bebas Neue Light'), local('BebasNeue-Light'), url(/font/svn-bebas_neue_light.ttf) format('truetype');
}
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  src: local('Bebas Neue Regular'), local('BebasNeue-Regular'), url(/font/svn-bebas_neue_regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 700;
  src: local('Bebas Neue Bold'), local('BebasNeue-Bold'), url(/font/svn-bebas_neue_bold1.ttf) format('truetype');
}
/* ========== MAIN DIV THAT HOLDS THE ENTIRE MENU ========== */
.menu{}
.menu ul, .menu ol{
	margin:0;
	padding:0;
	list-style:none;
	}

/* ========== FLOAT ========== */
.menu .left{
	float:left;
	}
.menu .right{
	float:right;
	}	
/* ========== DIV THAT HOLDS MAIN LINKS ========== */
.menu ul{
	/*position:relative;*/
	}
/* ========== MAIN LINKS ========== */
.menu ul li{
	float:left;
	position:relative;
	}
.menu ul > li i{display:none;position:absolute;}
.menu ul li.menu_right{
	position:relative;
	}
.menu > ul > li:first-child a{
	}
.menu > ul > li:first-child a span{display:none}
.menu ul > li > a{
	position:relative;
	display:block;
	padding:0 15px;
	font: 400 13px/45px Roboto;
	color:#efefef;
	text-transform:uppercase;
	text-decoration:none;
	}
.menu ul > li > a:before {
	position: absolute; content: ''; bottom: 0; left: 0;
	width: 100%; opacity: 0; -webkit-transform: scale(0, 1);
	transform: scale(0, 1); -webkit-transform-origin: left center;
	transform-origin: left center; border-bottom: 4px solid #fff;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	}
.menu ul > li > a:hover:before { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); }

.menu ul > li.active a{color:#fff;}
.menu ul > li.active a:before { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); }

.menu ul > li > a div{
	padding-top:5px;
	font:400 13px/13px Roboto;
	color:#fff;
	text-decoration:none;
	text-transform:none;
	}
/* ========== MAIN LINKS ON MOUSEOVER ========== */
.menu ul:hover li.active a{}
.menu ul li:hover > a{color:#fff;}
.menu ul li.active:hover > a{}
.menu ul li:first-child:hover > a{}
/* ========== MAIN LINKS ON MOUSE CLICK ========== */	
.menu ul li a:active, .menu ul li.active a:active{}
/* ========== CLASSIC/MEGA MENU ========== */	
.menu ul ul, .menu .mega_menu{
	position:absolute;
	visibility:hidden;
	opacity:0;
	z-index:997;
	border-left:solid 0px #006a0c;
	border-right:solid 0px #006a0c;
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
.menu ul ul{
	position:absolute;
	top:100px;
	visibility:hidden;
	opacity:0;
	z-index:997;
	border-left:solid 0px #006a0c;
	border-right:solid 0px #006a0c;

	-webkit-box-shadow: 0 0 3px rgba(50, 50, 50, 0.55);
	-moz-box-shadow:    0 0 3px rgba(50, 50, 50, 0.55);
	box-shadow:         0 0 3px rgba(50, 50, 50, 0.55);
	
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	}
/* ========== MEGA MENU ========== */		
.menu .mega_menu{
	padding:9px 0 9px;
	border:none;
	border-top:solid 0 #004b09;
	border-bottom:solid 0 #004b09;
	}
/* ========== CLASSIC/MEGA MENU ON MOUSEOVER ========== */
.menu ul li:hover > ul{top:70px;visibility:visible;opacity:1;}
.menu ul li:hover .mega_menu{visibility:visible;opacity:1;}
/* ========== LINKS IN CLASSIC MENU ========== */	
.menu ul ul li{
	float:none;
	position:relative;
	}
.menu ul ul li a{
	position:relative;
	background:#fff;
	min-width:230px;
	height:auto;
	padding:10px 20px;
	font:450 12px/20px Roboto;
	text-transform:uppercase;
	color:#222;
	white-space:nowrap;
	letter-spacing:-0.1px;
	border-bottom:solid 0px #e0e0e0;
	border-right:none;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
	}
.menu ul ul li:last-child a{}	
.menu ul ul li a i{
	position:absolute;
	right:12px;
	}
/* ========== LINKS ON MOUSEOVER IN CLASSIC MENU ========== */
.menu ul ul li:hover > a{color:#091a35;}
.menu ul ul li:first-child:hover a{}
/* ========== LINKS ON MOUSE CLICK IN CLASSIC MENU ========== */
.menu ul ul li a:active{}
/* ========== CLASSIC MENU LVL 2,3,4,... ========== */	
.menu ul ul ul li:first-child a{
	-webkit-border-top-right-radius:4px;
	-moz-border-top-right-radius:4px;
	border-top-right-radius:4px;
	}
.menu ul ul ul{
	left:100%;
	top:0;
	border-top-right-radius:4px;
	}	
/* ========== MEGA MENU ALIGNED TO THE RIGHT SIDE ========== */	
.menu ul li.menu_right .mega_menu{
	right:0;
	}	
/* ========== DIFFERENT SIZE OF MEGA MENU ========== */
.menu .size1{
	width:150px; /* + 10px from left and right side, width=170px */
	}
.menu .size2{
	width:250px; /* + 10px from left and right side, width=270px */
	}	
.menu .size3{
	width:350px; /* + 10px from left and right side, width=370px */
	}
.menu .size4{
	width:450px; /* + 10px from left and right side, width=470px */
	}
.menu .size5{
	width:550px; /* + 10px from left and right side, width=570px */
	}
.menu .size6{
	width:650px; /* + 10px from left and right side, width=670px */
	}
.menu .size7{
	width:750px; /* + 10px from left and right side, width=770px */
	}
.menu .size8{
	width:850px; /* + 10px from left and right side, width=870px */
	}
.menu .full_width{
	width:100%; /* + 10px from left and right side, width=980px. 980px is the width of the Menu */
	background-color: rgba(56,56,56,1);
	left:0;
	top:70px;
	padding:25px 15px 0px;
	text-align:center;
	}	
/* ========== HEADINGS IN MEGA MENU ========== */
.menu h1, .menu h2, .menu h3, .menu h4, .menu h5, .menu h6{
	margin:0;
	font-family:Roboto;
	font-weight:normal;
	color:#ffff00;
	}
.menu h1{
	font-size:18px;
	}
.menu h2{
	font-size:16px;
	}
.menu h3{
	font-size:14px;
	}
.menu h4{
	font-size:13px;
	}
.menu h5{
	font-size:12px;
	}
.menu h6{
	font-size:12px;
	}
/* ========== CLASSIC LINKS IN MEGA MENU ========== */
.menu .mega_menu a{

	}
.menu .mega_menu a:hover{

	}
/* ========== IMAGES INSIDE LINK IN MEGA MENU ========== */		
.menu .mega_menu a img{
	margin:0;
	}
.menu .mega_menu a img:hover{
	}
.menu .mega_menu a img:active{
	}	
/* ========== TYPOGRAPHY IN MEGA MENU ========== */	
.menu .mega_menu p{
	margin:3px 0 6px 0;
	font-size:12px;
	color:#888;
	font-family:Roboto, Geneva, sans-serif;
	}
.menu .mega_menu .one, .menu .mega_menu .one_half, .menu .mega_menu .one_thirds, .menu .mega_menu .two_thirds, .menu .mega_menu .one_fourth,.menu .mega_menu .three_fourths{
	margin:0 1%;
	padding:0 0 12px;
	float:left;
	}	
.menu .mega_menu .one{
	width:98%;
	}	
.menu .mega_menu .one_half{
	width:48%;
	}
.menu .mega_menu .one_thirds{
	width:31.33%;
	}	
.menu .mega_menu .two_thirds{
	width:64.67%;
	}
.menu .mega_menu .one_fourth{
	width:23%;
	}	
.menu .mega_menu .three_fourths{
	width:73%;
	}		
/* ========== IMAGES IN MEGA MENU ========== */		
.menu .mega_menu img{

	}
.menu .mega_menu img.left{

	}
.menu .mega_menu img.right{

	}
/* ========== PORTFOLIO IN MEGA MENU ========== */	
.menu .mega_menu .portfolio li{
	display:inline-block;
	vertical-align:top;
	width:31.33333%;
	margin:2px 1% 10px;
	float:none;
	*float:left;
	}
.item3{width:auto !important;margin:2px 2% 10px !important;}
.item4{width:auto !important;margin:2px 2% 10px !important;}
.item5{width:18% !important;}
.item6{width:14.66666% !important;}

.menu .mega_menu .portfolio li a{
	display:block;
	height:auto;
	font:400 italic 15px/22px Roboto;
	color:#b6b6b6;
	text-align:center;
	}
.menu .mega_menu .portfolio li a img{
	width:auto;
	max-width:100%;
	height:88px;
	margin:0;
	display:inline-block;
	opacity:1;
	border:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-webkit-transition:opacity 140ms ease-in 10ms;
	-moz-transition:opacity 140ms ease-in 10ms;
	-ms-transition:opacity 140ms ease-in 10ms;
	-o-transition:opacity 140ms ease-in 10ms;
	transition:opacity 140ms ease-in 10ms;
	}	
.menu .mega_menu .portfolio li p{margin:0;padding:5px 0 10px;text-align:center;}
.menu .mega_menu .portfolio li:hover a{
	color:#fff;
	}	
/* ========== LISTS IN MEGA MENU ========== */
.menu .mega_menu .list{
	display:inline-block;
	/*vertical-align:top;*/
	width:46%;
	margin:0 2%;
	padding:0;
	*float:left;
	}	
.menu .mega_menu .list li{
	width:100%;
	float:left;
	}	
.menu .mega_menu .list li.headline{
	border-bottom:solid 1px #353535;
	}
.menu .mega_menu .list li.headline h3, .menu .mega_menu .list li.headline h3 a{
	margin-left:7px;
	font:20px Roboto;
	color:#5B5B5B;
	text-transform:uppercase;
	}
.menu .mega_menu .list li.headline h3 a{
	margin-left:0;
	}
.menu .mega_menu .list li a{
	margin-left:7px;
	padding:0;
	font:13px/24px Roboto;
	color:#616161;
	text-transform:none;
	text-decoration:none;
	border:none;
	}
.menu .mega_menu .list li:hover a{
	background:none;
	}
.menu .mega_menu .list li a:hover, .menu .mega_menu .list li.headline h3 a:hover{
	color:#ffff00;
	}
.menu .mega_menu .list li a:active, .menu .mega_menu .list li.headline h3 a:active{
	color:#888;
	}
/* ========== BLOG IN MEGA MENU ========== */
.menu .mega_menu .blog_post{
	margin-bottom:10px;
	padding:5px;
	overflow:hidden;
	background:#029013;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	} 	
.menu .mega_menu .blog_post h2{
	margin-bottom:3px;
	padding-bottom:3px;
	color:#555;
	border-bottom:solid 1px #2E2E2E;
	}	
.menu .mega_menu .blog_post p{
	font-size:11px;
	color:#888;
	}
.menu .mega_menu .blog_post .read_more{
	margin-top:-5px;
	height:auto;
	float:right;
	font:11px Roboto;
	color:#555;
	text-decoration:none;
	}	
.menu .mega_menu .blog_post .read_more:hover{
	color:#ffff00;
	}
	
/* Animated CSS3 Mega Menu - Responsive */
	.menu input#dropdown, .menu label{
		display:none;
		position:absolute;
		top:2px;
		right:15px;
		width:46px;
		height:40px;
		}
	.menu input#dropdown{
		opacity:0;
		}
	.menu label{
		background: url('/images/icon_list.png') no-repeat center;
		}
	.menu label:hover{
		cursor:pointer;
		}
	.menu input#dropdown:checked ~ label{
		background: url('/images/icon_listac.png') no-repeat center;
		}
	.menu input#dropdown:checked ~ ul{
		display:block;
		}	
	.menu div.dropdown{
		display:none;
		position:absolute;
		top:8px;
		left:15px;
		margin:0;
		font: 400 16px Roboto;
		text-transform:uppercase;
		color:#fff;
		}
	.menu div.dropdown span{
		text-transform:none;
		font:700 26px "Bebas Neue";
		color:#fff;
		}
	.menu div.dropdown span a{color:#fff;}
	.menu div.dropdown span a:hover{color:#ff0;}
	.menu div.dropdown span a i{font-size:20px;padding:0 10px 0 0;}
	
	.menu div.flag{
		float:right;
		display:none;
		margin:9px 5px 0 0;
		}
	.menu div.flag img{
		margin:0 5px 0 0;
		}
@media only screen and (max-width: 1024px){
	.menu{
		width:100%;
		}
	.menu ul > li > a{}
	.menu ul ul{
		margin:0;
		}
	.menu .mega_menu{

		}
	}
@media only screen and (max-width: 900px){
	.menu input, .menu label, .menu div.dropdown{display:block;}
	.menu div.flag{display:block;}
	.menu{
		width:100%;
		min-height:40px;
		height:100%;
		/*overflow:hidden;*/
		position:relative;
		}
	.menu ul{
		display:none;
		position: absolute;
		width:100%;
		top:45px;
		margin:0;
		padding:0;
		float:none;
		background:#2985dd;
	    border-top: #2985dd 5px solid;
		z-index:997;
		}
	.menu ul > li{
		float:none;
		}
	.menu > ul > li:first-child a{
		background: none;
		width:100%;
		height:auto;
		padding:6px 2%;
		font:400 14px/28px Roboto;
		color:#222;
		text-transform:uppercase;
		border-right:solid 0px #f1f1f1;
		border-bottom:solid 1px #70afeb;
		}
	.menu > ul > li:first-child a span{display:block}
	.menu ul li a{
		width:100%;
		height:auto !important;
		padding:6px 2% !important;
		font:400 14px/28px Roboto !important;
		color:#fff;
		text-transform:uppercase;
		border-right:solid 0px #f1f1f1;
		border-bottom:solid 1px #70afeb;
		}
	.menu ul > li > a:before {border-bottom: 1px solid #70afeb;}
	.menu ul > li > a:hover:before { opacity: 1; -webkit-transform: scale(0, 1); transform: scale(0, 1); }	
	.menu ul > li.active a{color:#fff;}
	.menu ul > li.active a:before { opacity: 1; -webkit-transform: scale(0, 1); transform: scale(0, 1); }

	.menu ul > li i{display:block;position:absolute;right:0;top:0;color:#fff;width:40px;height:40px;cursor:pointer;text-align:center;}
	.menu ul > li i:before{width:40px;height:40px;line-height:40px;}
	.menu .mega_menu .portfolio li p {padding-bottom:0}
	.menu .mega_menu p,.menu .mega_menu .portfolio li p a {color: #fff;border-bottom:none}
	.menu .mega_menu .portfolio li a {display:none;border-bottom:none}
	.menu .mega_menu .portfolio li p a {display:block;border-bottom:solid 1px #181818}
	.menu ul > li > a div {display:inline-block;padding:0 0 0 5px;font:400 14px/14px Roboto;text-transform:uppercase;color:#fff;}
	.menu ul li:hover > a, .menu ul li.active:hover > a{
		padding:6px 2% !important;
		color:#fff;
		background:none;
		}
	.menu ul li:first-child:hover > a{
		color:#fff;
		background:none;
		}
	.menu ul ul, .menu .mega_menu{
		position:static;
	    visibility:visible;
		display:block;
		opacity:1;
		margin:0;
		font-size:0;
		overflow:hidden;
		border:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		background:#373737;
		}
	.menu ul ul li{
		width:100%;
		float:left;
		}
	.menu ul ul li a{
		width:100%;
		padding: 6px 2% !important;
		text-align:left;
		background:#fff;
		color:#222;
		border:none;
		font: 400 14px/28px Roboto !important;
		text-transform:none;
		border-bottom:solid 1px #f1f1f1;
		}
	.menu ul ul li:last-child a {
		border-bottom: dotted 1px #f1f1f1;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}
	.menu ul ul li:hover a{
		background:#fff;
		color:#222;
		}
	.menu ul ul li:first-child:hover a{
		background:#fff;
		color:#222;
		}
	.menu ul ul ul, .menu ul ul li a i{
		display:none;
		}
	.menu .mega_menu .one, .menu .mega_menu .one_half, .menu .mega_menu .one_thirds, .menu .mega_menu .two_thirds, .menu .mega_menu .one_fourth,.menu .mega_menu .three_fourths{
		display:inline-block;
		vertical-align:top;
		padding:0 0 12px;
		float:none;
		}	
	.menu .mega_menu{
		width:auto !important;}	
	.menu .mega_menu .portfolio li, .menu .mega_menu .list{
		margin:0;
		width:48%;
		margin:0 1% 2%;
		}
	}
@media only screen and (max-width: 750px) {
	.menu{width:100%}
	}
	
.clearfix {
	clear: both;
}
/* START HEADER */
#header{background:#fff;width:100%;border-top:#1f7bd2 5px solid;}
#header .top{position:relative;width:1200px;margin:0 auto;}
#header .top .logo{float:left;padding:10px 0;z-index:2;}
#header .top .logo img{display:block;max-height:80px;border:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
#header .top .info{float:right;padding:0;}
#header .top .info .tmnu{display:block;padding:0 0 20px;text-align:right;}
#header .top .info .tmnu ul{margin:0;padding:0 15px;display:inline-block;vertical-align:top;background:#1f7bd2;}
#header .top .info .tmnu ul li{display:inline-block;margin:0;padding:5px 10px 8px;color:#fff;font:400 13px/15px Roboto;}
#header .top .info .tmnu ul li a{color:#fff;font:400 13px Roboto;text-decoration:none}
#header .top .info .tmnu ul li a:hover{color:#ff0;text-decoration:none}

#header .top .info .sebox{display:block;padding:0;}
#header .top .info .sebox .sein{display:inline-block;vertical-align:top;padding:0;}
#header .top .info .sebox .mxh{display:inline-block;vertical-align:top;padding:0 0 0 10px;}
/* START BOX SEARCH */
div.search{display:flex;overflow:hidden;}
div.search .ditext{
	display: flex;
    flex-grow: 1;
    flex-basis: 0;
    vertical-align: middle;
	}
div.search .dibut {
    display: flex;
    width: auto;
    vertical-align: middle;
}

div.search input {
	display:inline-block;
	width:350px;
    -webkit-appearance: none;
    background: #fff;
    border:#1f7bd2 1px solid;
	border-right:#1f7bd2 0 solid;
	border-right:none;
    outline: 0;
    margin: 0;
    padding:5px 10px 5px 12px;
	font:400 15px/20px Roboto;
	color:#666;}

div.search button[type="submit"] {
	width:auto;
	background:#1f7bd2;
	border:#1f7bd2 1px solid;
    -webkit-appearance: none;
    outline: 0;
    margin: 0;
    padding:6px 10px 4px;
	font:400 14px/20px Roboto;
	color:#fff;
	cursor:pointer;
}
div.search button[type="submit"]:hover {
	color:#fff;
}
/* END BOX SEARCH */

#header .anhba{width:100%;margin:0;}
#header .anhba .box{width:100%;margin:0 auto;}

#header .mnbox{width:100%;margin:0;background:#1f7bd2;}
#header .mnbox .box{position:relative;width:1200px;height:45px;margin:0 auto;}

#anhba1{}
#anhba1 .thumb{width:100%;}
#anhba1 .thumb img{display:block;width:100%;border:none}
#box80{width:100%;height:1px;margin:0 auto;}

/* END HEADER */
	
/* START CONTENT */
#navi{margin: 0;padding:0;}
#navi .navibox{width: 1200px;margin: 35px auto 0;position: relative;padding: 0;font: 400 18px/30px Roboto;color: #989898;overflow:hidden;}
#navi .navibox a{display: inline-block;padding:0;font: 450 18px/30px Roboto;color: #444;text-decoration: none;}
#navi .navibox a:hover{text-decoration:underline;}
#navi .navibox i{padding:0 10px;color: #f0642f;}

#content{width:100%;padding:0;margin: 0 auto;}

#content .featured{width:1200px;margin:0 auto 15px;text-align:center;}
#content .featured span{display:inline-block;font:700 38px/52px 'Bebas Neue';color:#222;}
#content .featured span:after{content: '';height:4px;background:#e8252c;width:50%;margin:0 auto;display:block;}

#comming {width:100%;padding:50px 0;font:450 15px Roboto;color:#454545;text-align:center;}
#page-result{margin:0;font:bold 18px Roboto;color:#3b5998;}

/* HOME OVERVIEW */
#content .overview{padding:35px 0;
	background: url('/images/global/overview1.jpg') left bottom no-repeat, url('/images/global/overview2.jpg') right bottom no-repeat, #f6f6f6;
	background-size: 40% 40%, 40% 40%;
	}
#content .overview .box{width:1200px;margin:0 auto;}
#content .overview .box .head{display:block;background:url('/images/global/hoavan-1.png') no-repeat bottom center;margin:0;padding:0 0 35px;text-align:center;}
#content .overview .box .head div{display:block;margin:0;padding:0 0 5px;font:400 16px/25px Roboto;color:#666;text-transform:capitalize;}
#content .overview .box .head p,
#content .overview .box .head h1{display:block;margin:0;padding:0;font:700 25px/35px "Times New Roman";color:#1e3e6f;text-transform:uppercase;}
#content .overview .box .desc{display:block;margin:0;padding:25px 0 15px;font:400 14px/22px Roboto;color:#000;text-align:center;}

#content .overview .box .info{display:block;margin:0;padding:25px 0;}
#content .overview .box .info .oleft{width:50%;display:inline-block;vertical-align:top;padding:0 4% 0 0;font:400 14px/20px Roboto;color:#454545;}
#content .overview .box .info .oleft ul{width:100%;display:block;margin:0 auto;padding:0;list-style:none}
#content .overview .box .info .oleft ul li{background:url('/images/global/icon-vc.png') no-repeat left;background-position:0 10px;width:100%;display:block;margin:0;padding:3px 0 3px 15px;font:400 14px/20px Roboto;color:#454545;text-align:justify;}
#content .overview .box .info .oleft ul li p{margin:0;padding:3px 0;font:400 14px/20px Roboto;color:#454545;}
#content .overview .box .info .oleft ul li div{margin:0;padding:3px 0;font:400 14px/20px Roboto;color:#454545;}
#content .overview .box .info .oleft ul li a{font:400 14px/20px Roboto;color:#454545;}
#content .overview .box .info .oleft ul li a:hover{color:#222;}
#content .overview .box .info .oleft .link{padding:20px 0 0;}
#content .overview .box .info .oleft .link a{background:#006b32;display:inline-block;padding:6px 15px 4px;font:450 12px/20px Roboto;color:#ffc600;text-transform:uppercase;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
#content .overview .box .info .oleft .link a i{padding-right:10px;}
#content .overview .box .info .oleft .link a:hover{color:#fff;}

#content .overview .box .info .oright{width:50%;display:inline-block;vertical-align:top}
#content .overview .box .info .oright .ytbox{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0;}
#content .overview .box .info .oright .ytbox iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

/* HOME LY DO */
#content .why{background:#032545;padding:35px 0;}
#content .why div.head{width:1200px;margin:0 auto;padding:0;text-align:center;}
#content .why div.head div.title,
#content .why div.head h2.title{position:relative;display:inline-block;padding:0 0 15px;font:450 16px/30px Roboto;color:#fff;text-transform:uppercase;}
#content .why div.head div.title:after,
#content .why div.head h2.title:after{content:'';height:2px;background:#ffb400;width:50%;display:block;margin:5px auto;}
#content .why div.head div.info {padding:0;font:400 16px/20px Roboto;color:#868686;}
#content .why div.head div.info h1{font:20px/26px Roboto;color:#444;padding:5px 0;}
#content .why div.head div.info h2{font:18px/26px Roboto;color:#444;padding:5px 0;}
#content .why div.head div.info h3{font:16px/26px Roboto;color:#444;padding:5px 0;}
#content .why div.head div.info p{font:15px/24px Roboto;color:#444;padding:5px 0;}
#content .why div.head div.info div{font:15px/24px Roboto;color:#444;padding:5px 0;}
#content .why div.head div.info a{font:15px Arial;color:#444;text-decoration:none}
#content .why div.head div.info a:hover{font:15px Roboto;color:#ffcc00;text-decoration:underline}
#content .why div.head div.info img{display:inline-block;margin:5px 0 0;max-width:100%;height:auto !important;border:none}
#content .why div.head div.info ul{width:100%;padding:5px 0;margin:0 auto;list-style-type:none;}
#content .why div.head div.info ul li{display:inline-block;vertical-align:top;width:45.5%;list-style-type:none;
	background:url("/images/global/tick-clo.png") no-repeat left;
	background-position:0 11px;
	background-size:15px 15px;
	padding:5px 0 5px 22px;
	margin:0 0 0 4%;
	font:14px/22px Roboto;
	color:#444;
	}
#content .why div.head div.info ol{width:100%;padding:5px 0;margin:0 auto;list-style-type:none;}
#content .why div.head div.info ol li{display:inline-block;vertical-align:top;width:45.5%;font:14px/22px Roboto;color:#444;
	padding:5px 0 5px 30px;
	margin:0 2%;
	counter-increment: my-awesome-counter;
	position: relative;
	}
#content .why div.head div.info ol li::before{display:inline-block;
	content: counter(my-awesome-counter);
	font:14px/22px Roboto;
	color:#fff;
	text-align:center;
	position: absolute;
	left:0;
	width:22px;
	height:22px;
	border-radius:11px;
	background:#0fba87;
	}
	
#content .why .box{width:1200px;margin:0 auto;padding:25px 0 15px;}
#content .why .box ul{position:relative;width:100%;padding:0;margin:0;list-style-type:none;z-index:3;}
#content .why .box ul li{width:30.66666%;display:inline-block;vertical-align:top;padding:20px 0 20px 55px;margin:0 4% 0 0;list-style-type:none;background-position:0 10px !important;}
#content .why .box ul li:nth-child(3),
#content .why .box ul li:nth-child(6){margin-right:0}
#content .why .box ul li div{padding:0 0 5px;font:450 14px/22px Roboto;color:#ffb400;text-transform:uppercase;}
#content .why .box ul li div a{font:450 14px Roboto;color:#ffb400;}
#content .why .box ul li div a:hover{color:#fff;}
#content .why .box ul li p{margin:0;padding:2px 0;font:400 13px/20px Roboto;color:#fff;text-align:justify}

/* HOME OVERVIEW 1 */
#content .overview1{background:#fff;padding:35px 0;}
#content .overview1 .box{width:1200px;margin:0 auto;}
#content .overview1 .box .head{margin:0;padding:0;text-align:center;}
#content .overview1 .box .head h2{display:inline-block;margin:0;padding:0;font:400 25px/35px "Times New Roman";color:#616161;}
#content .overview1 .box .head h2:after{content:'';height:3px;background:#ff79a2;width:30%;display:block;margin:3px auto;}
#content .overview1 .box .desc{display:block;margin:0;padding:25px 0 15px;font:400 14px/22px Roboto;color:#5d5d5d;text-align:center;}
#content .overview1 .box .info{display:block;margin:0;padding:25px 0;}
#content .overview1 .box .info h1{font:20px/26px Roboto;color:#6a6a6a;padding:5px 0;}
#content .overview1 .box .info h2{font:18px/26px Roboto;color:#6a6a6a;padding:5px 0;}
#content .overview1 .box .info h3{font:16px/26px Roboto;color:#6a6a6a;padding:5px 0;}
#content .overview1 .box .info p{font:15px/24px Roboto;color:#6a6a6a;padding:5px 0;}
#content .overview1 .box .info div{font:15px/24px Roboto;color:#6a6a6a;padding:5px 0;}
#content .overview1 .box .info a{font:15px Arial;color:#6a6a6a;text-decoration:none}
#content .overview1 .box .info a:hover{font:15px Roboto;color:#222;text-decoration:underline}
#content .overview1 .box .info img{display:inline-block;margin:5px 0 0;max-width:100%;height:auto !important;border:none}
#content .overview1 .box .link{padding:10px 0 0;text-align:center;}
#content .overview1 .box .link a{font:13px/20px Roboto;color:#838383;text-transform:uppercase;text-decoration:underline}
#content .overview1 .box .link a:hover{color:#222;}

/* HOME OVERVIEW 2 */
#content .overview2{background:#f6f6f6 url('/images/global/bghoatay.png') no-repeat bottom left;padding:65px 0;}
#content .overview2 .box{width:800px;margin:0 auto;}
#content .overview2 .box .head{display:block;margin:0;padding:0;}
#content .overview2 .box .head h2{position:relative;display:inline-block;margin:0;padding:0;font:700 22px/32px "Times New Roman";color:#454545;}
#content .overview2 .box .head h2 span{color:#ff79a2;}
#content .overview2 .box .head h2:after{content:'';height:3px;background:#ff79a2;width:30%;display:block;margin:3px 0;}

#content .overview2 .box .info{display:block;margin:0;padding:15px 0 0;}
#content .overview2 .box .info h1{font:18px/26px "Times New Roman";color:#363636;padding:5px 0;}
#content .overview2 .box .info h2{font:16px/26px "Times New Roman";color:#363636;padding:5px 0;}
#content .overview2 .box .info h3{font:15px/26px "Times New Roman";color:#363636;padding:5px 0;}
#content .overview2 .box .info p{font:14px/22px "Times New Roman";color:#363636;padding:5px 0;}
#content .overview2 .box .info div{font:14px/22px "Times New Roman";color:#363636;padding:5px 0;}
#content .overview2 .box .info a{font:14px "Times New Roman";color:#363636;text-decoration:none}
#content .overview2 .box .info a:hover{font:14px "Times New Roman";color:#ff79a2;text-decoration:underline}
#content .overview2 .box .info img{display:inline-block;margin:5px 0 0;max-width:100%;height:auto !important;border:none}

/* HOME DOI TAC */
#content .hdt{background:#fff;}
#content .hdt .box{width:1200px;margin:0 auto;padding:35px 0;border-top:#92a3b2 1px solid;}
#content .hdt .box .head{display:block;background:url('/images/global/hoavan-1.png') no-repeat bottom center;margin:0;padding:0 0 35px;text-align:center;}
#content .hdt .box .head div,
#content .hdt .box .head h2{display:block;margin:0;padding:0;font:700 25px/35px "Times New Roman";color:#1e3e6f;text-transform:uppercase;}
#content .hdt .box .desc{width:1200px;display:block;margin:0 auto;padding:25px 0 15px;font:400 14px/22px Roboto;color:#000;text-align:center;}
#content .hdt .box .info{display:block;margin:0;padding:35px 0 5px;}

#content .hdt .box .link{padding:10px 0 0;text-align:center;}
#content .hdt .box .link a{font:13px/20px Roboto;color:#838383;text-transform:uppercase;text-decoration:underline}
#content .hdt .box .link a:hover{color:#222;}

/* HOME TAB */
#content .htab{padding:25px 0;background:#fff;}
#content .htab .tabbox{width:1200px;margin:0 auto;padding:0;}
#content .htab .tabbox .tabin{width:100%}

/* START NEWS */
#content .news{width:1200px;margin:0 auto;padding:25px 0 15px;}
.size100{width:100% !important;margin:0 auto;padding:20px 0 0 !important;}

#content .news ul{display:block;margin:0 auto;padding:0;list-style:none}
#content .news ul li{background:#fff;width:23.5%;display:inline-block;vertical-align:top;margin:0 0 35px 2%;padding:0;}
#content .news ul li:first-child,
#content .news ul li:nth-child(5),
#content .news ul li:nth-child(9),
#content .news ul li:nth-child(13),
#content .news ul li:nth-child(17){margin-left:0;}

#content .news ul li .thumb{position:relative;}
#content .news ul li .thumb img{display:block;width:100%;border:none;}
#content .news ul li .info{padding:10px 15px;}
#content .news ul li .info h2{height:44px;overflow:hidden;margin:0;padding:0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	display:-webkit-box;
	text-overflow:ellipsis;
	}
#content .news ul li .info h2 a{font:400 16px/22px Roboto;color:#222;}
#content .news ul li .info h2 a:hover{color:#ee4023;}

#content .news ul li .tinfo{background:#f5f5f5;padding:10px 15px;}
#content .news ul li .tinfo h2{height:44px;overflow:hidden;margin:0;padding:0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	display:-webkit-box;
	text-overflow:ellipsis;
	}
#content .news ul li .tinfo h2 a{font:400 16px/22px Roboto;color:#222;}
#content .news ul li .tinfo h2 a:hover{color:#ee4023;}

/* START BOX GENERAL */	
#content .general{width:1200px;background:#fff;margin:25px auto 45px;padding:45px 55px;text-align:justify;
    -webkit-box-shadow: 3px 3px 6px 0 #e5e5e5;
    box-shadow: 3px 3px 6px 0 #e5e5e5;
	}

#content h1.title{position:relative;margin:0 0 25px;padding:0 0 5px;font:700 28px/38px 'Bebas Neue';color:#222;}
#content h1.title:after{content: '';height:4px;background:#e8252c;width:10%;display:block;}

#content div.desc{margin:0;padding:0 0 10px;font:450 15px/25px Roboto;color:#222;}
#content div.source{margin:0;padding:10px 0 0;font:400 italic 15px/22px Roboto;color:#222;text-align:right}

#content div.youtube{padding:25px 0;}
#content div.youtube .ytbox{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin:15px 0 5px;
	}
#content div.youtube .ytbox iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
	}
	
#content .boxgen{font:14px/25px Roboto;color:#222;text-align:justify;}
#content .boxgen .title{
    font: 450 22px/28px Roboto;
    color: #e72c3f;
    padding: 0 0 15px;
    text-transform: uppercase;	
	}
#content .boxgen .updated {padding:0 0 4px 0;font:400 italic 13px/15px Roboto;color:#666;}
#content .boxgen .updated img{display:inline-block;margin:0 0 0 6px}
#content .boxgen .desc{font:400 15px/22px Roboto;color:#222;padding:5px 0;}
#content .boxgen .source{font:400 italic 15px/25px Roboto;color:#222;padding:10px 0 0 0;text-align:right}
#content .boxgen h1{font:20px/26px Roboto;color:#222;padding:5px 0;}
#content .boxgen h2{font:18px/26px Roboto;color:#222;padding:5px 0;}
#content .boxgen h3{font:16px/26px Roboto;color:#222;padding:5px 0;}
#content .boxgen p{font:14px/25px Roboto;color:#222;padding:5px 0;}
#content .boxgen div{font:14px/25px Roboto;color:#222;padding:5px 0;}
#content .boxgen a{font:14px Roboto;color:#004e8a;text-decoration:none}
#content .boxgen a:hover{font:14px Roboto;color:red;text-decoration:underline}
#content .boxgen img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .boxgen table{max-width:100%;}
#content .boxgen td{padding:3px 5px;}
#content .boxgen .bang {margin:10px 0;border-collapse: collapse;}
#content .boxgen .bang td{padding:3px 5px;border:#ababab 1px solid;}
#content .boxgen .bang0 {margin:10;border-collapse: collapse;}
#content .boxgen .bang0 td{padding:0;border:#ababab 0px solid;}

#content .boxgen ul{width:100%;padding:5px 0;margin:0;list-style-type:none;}
#content .boxgen ul li{width:100%;padding:5px 0;margin:0;list-style-type:none;}

#content .boxgen ol{width:100%;padding:5px 0;margin:0;list-style-type:none;}
#content .boxgen ol li{width:100%;padding:5px 0;margin:0;list-style-type:none;}

#content .boxgen .youtube{padding:25px 0;}
#content .boxgen .youtube .ytbox{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin:15px 0 5px;
	}
#content .boxgen .youtube .ytbox iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
	}

#content .boxgen div.anh2{padding:0;text-align:center;}
#content .boxgen div.anh2 p{text-align:center;}
#content .boxgen div.anh2 ul{width:100%;padding:0;margin:0;list-style-type:none;}
#content .boxgen div.anh2 ul li{display:inline-block;vertical-align:top;width:49.5%;}
#content .boxgen div.anh2 img{display:inline-block;max-width:100%;border:none;}

#content .boxgen div.anh4{padding:0;text-align:center;}
#content .boxgen div.anh4 p{line-height:20px;text-align:center;}
#content .boxgen div.anh4 ul{width:100%;padding:0;margin:0;list-style-type:none;}
#content .boxgen div.anh4 ul li{display:inline-block;vertical-align:top;width:24.5%;}
#content .boxgen div.anh4 img{display:inline-block;max-width:100%;border:none;}

#content .boxgen div.tick{padding:0;}
#content .boxgen div.tick p{padding:0;}
#content .boxgen div.tick ul{width:100%;padding:5px 0;margin:0;list-style-type:none;}
#content .boxgen div.tick ul li{display:block;width:100%;
	background:url("/images/global/ico-tick.jpg") no-repeat left;
	background-position:0 9px;
	background-size:11px auto;
	padding:3px 0 3px 20px;
	margin:0;
	list-style-type:none;
	font:15px/25px Roboto;color:#222;
	}

div.tick1{padding:0;}
div.tick1 p{padding:0;}
div.tick1 ul{width:100%;padding:5px 0;margin:0;list-style-type:none;}
div.tick1 ul li{display:block;width:100%;
	background:url("/images/global/ico-tick-1.png") no-repeat left;
	background-position:0 7px;
	background-size:auto 16px;
	padding:3px 0 3px 20px;
	margin:0;
	list-style-type:none;
	font:15px/25px Roboto;color:#222;
	}

div.tick2{padding:0;}
div.tick2 p{padding:0;}
div.tick2 ul{width:100%;padding:5px 0;margin:0;list-style-type:none;}
div.tick2 ul li{display:block;width:100%;
	background:url("/images/global/ico-tick-2.png") no-repeat left;
	background-position:0 7px;
	background-size:auto 16px;
	padding:3px 0 3px 20px;
	margin:0;
	list-style-type:none;
	font:15px/25px Roboto;color:#222;
	}

div.tick3{padding:0;}
div.tick3 p{padding:0;}
div.tick3 ul{width:100%;padding:5px 0;margin:0;list-style-type:none;}
div.tick3 ul li{display:block;width:100%;
	background:url("/images/global/ico-tick-3.png") no-repeat left;
	background-position:0 7px;
	background-size:auto 16px;
	padding:3px 0 3px 20px;
	margin:0;
	list-style-type:none;
	font:15px/25px Roboto;color:#222;
	}

div.tick4{padding:0;}
div.tick4 p{padding:0;}
div.tick4 ul{width:100%;padding:5px 0;margin:0;list-style-type:none;}
div.tick4 ul li{display:block;width:100%;
	background:url("/images/global/ico-tick-4.png") no-repeat left;
	background-position:0 7px;
	background-size:auto 16px;
	padding:3px 0 3px 20px;
	margin:0;
	list-style-type:none;
	font:15px/25px Roboto;color:#222;
	}

div.tick5{padding:0;}
div.tick5 p{padding:0;}
div.tick5 ul{width:100%;padding:5px 0;margin:0;list-style-type:none;}
div.tick5 ul li{display:block;width:100%;
	background:url("/images/global/ico-tick-5.png") no-repeat left;
	background-position:0 7px;
	background-size:auto 16px;
	padding:3px 0 3px 20px;
	margin:0;
	list-style-type:none;
	font:15px/25px Roboto;color:#222;
	}

div.tick6{padding:0;}
div.tick6 p{padding:0;}
div.tick6 ul{width:100%;padding:5px 0;margin:0;list-style-type:none;}
div.tick6 ul li{display:block;width:100%;
	background:url("/images/global/ico-tick-6.png") no-repeat left;
	background-position:0 7px;
	background-size:auto 16px;
	padding:3px 0 3px 20px;
	margin:0;
	list-style-type:none;
	font:15px/25px Roboto;color:#222;
	}

div.tick7{padding:0;}
div.tick7 p{padding:0;}
div.tick7 ul{width:100%;padding:5px 0;margin:0;list-style-type:none;}
div.tick7 ul li{display:block;width:100%;
	background:url("/images/global/ico-tick-7.png") no-repeat left;
	background-position:0 7px;
	background-size:auto 16px;
	padding:3px 0 3px 20px;
	margin:0;
	list-style-type:none;
	font:15px/25px Roboto;color:#222;
	}
	
/* START FOOTER */
#footer{display:block;background:#1f7bd2;padding:0;}
#footer .box{width:1200px;margin:0 auto;padding:15px 0;}
#footer .box ul{display:block;padding:0;margin:0;list-style:none}
#footer .box ul li{display:inline-block;vertical-align:top;width:50%;margin:0;padding:0 0 0 5%;}
#footer .box ul li:first-child{width:50%;padding:0;text-align:left;}
#footer .box ul li:last-child{text-align:right;}
#footer .box ul li h4{margin:0;padding:5px 0;font:450 16px/20px Roboto;color:#fff;}
#footer .box ul li div{margin:0;padding:0;font:400 13px/20px Roboto;color:#f2f2f2;}
#footer .box ul li p{margin:0;padding:0;font:400 13px/20px Roboto;color:#f2f2f2;}
#footer .box ul li p a{color:#f2f2f2;}
#footer .box ul li p a:hover{color:#fff;}
/* END FOOTER */

#mainlink {margin:20px 0 5px;padding:0;text-align:center;}
#mainlink a {
	background-color:#fff;
	font:400 16px/22px Roboto;
	color: #333;
	margin: 0px 4px;
	padding: 3px 0;
	min-width:30px;
	display:inline-block;
	text-align: center;
	text-decoration:none;
	border:#ccc 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#mainlink a:hover{background-color:#e6e6e6;border:#adadad 1px solid;color: #333;}
#mainlink a.active {
	background-color:#e72c3f;
	font:400 16px/22px Roboto;
	color: #fff;
	margin: 0px 4px;
	padding: 3px 0;
	min-width:30px;
	display:inline-block;
	text-align: center;
	text-decoration:none;
	border:#e72c3f 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
#mainlink a.active:hover{background-color:#c9302c;border:#ac2925 1px solid;color: #fff;}

/* START MANG XH */
a.vs-social-link {
  background: #fc9f13;
  width: 32px;
  display: inline-block;
  text-align: center;
  margin-right: 3px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
text-decoration:none;
}
a.vs-social-link i {
  font-size: 18px;
  color: #fff;
  margin: 7px 0;
  display: block;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a.vs-social-link.instagram {background: #5c4bcb;}
a.vs-social-link.facebook {background: #3c5b9b;}
a.vs-social-link.twitter {background: #19bfe5;}
a.vs-social-link.google {background: #d54135;}
a.vs-social-link.youtube {background: #ff0000;}
a.vs-social-link.pinterest {background: #cb2027;}
a.vs-social-link:last-child {margin: 0;}
a.vs-social-link:hover {background: #1f7bd2;text-decoration:none}
a.vs-social-link:hover i {}
/* END MANG XH */

#thongbao{padding:35px 0;font:400 14px/20px Roboto;color:#fff;text-align:center;}
#thongbao p,
#thongbao div{margin:0;padding:3px 0;font:400 14px/20px Roboto;color:#fff;}

#hthongbao{padding:35px 0;font:400 14px/20px Roboto;color:#fff;text-align:center;}
#hthongbao p,
#hthongbao div{margin:0;padding:3px 0;font:400 14px/20px Roboto;color:#fff;}

.overlay {
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
	z-index:1
}

.overlay:hover {
    opacity: 1;
}

.overlay:before, .overlay:after {
    z-index: 3;
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}

.overlay:before {
    z-index: 3;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.overlay:after {
    z-index: 3;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.overlay:hover::before, .overlay:hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

#top {
    position: fixed;
    bottom: 20px;
    right: 15px;
    text-decoration: none;
    color: #fff;
    background: #008fd1;
    font-size: 12px;
    padding: 6px 12px;
    display: none;
    z-index: 9999;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	}
#top:hover{background:#008fd1;color:#ff0;}
#top .fa-arrow-up{font-size:18px;}

#chat {
    position: fixed;
    bottom: 60px;
	width:40px;
    height: auto;
    z-index: 9999;
    left: 10px;
}
#chat .zalo{
    display:block;
	background:url("/images/global/icon-zalo.png");
	background-size:40px 40px;
	width:40px;
	height:40px;
	margin:0 0 5px;
	}
#chat .face{
    display:block;
	background:url("/images/global/icon-facebook.png");
	background-size:40px 40px;
	width:40px;
	height:40px;
	margin:0 0 5px;
	}
#chat .fb{
    display:block;
	background:url("/images/global/icon-fb.png");
	background-size:40px 40px;
	width:40px;
	height:40px;
	margin:0 0 5px;
	}
#chat .youtube{
    display:block;
	background:url("/images/global/icon-youtube.png");
	background-size:40px 40px;
	width:40px;
	height:40px;
	margin:0 0 5px;
	}
#chat .call{
    display:block;
	background:url("/images/global/icon-phone.png");
	background-size:40px 40px;
	width:40px;
	height:40px;
	margin:0 0 5px;
	}

.fone {
    color: #ff0;
    font:450 18px/30px Roboto;
    padding:0 15px 0 50px;
    margin:3px 0;
}
.fone:hover{color:#fff;}
.fix_tel {position:fixed;bottom:10px;left:10px;z-index:999;}
.fix_tel a {text-decoration: none; display:block;}
.tel {background:#f00;width:auto;position:relative;overflow:hidden;border-radius:40px;border:solid 1px #f00;}
.ring-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 80px;
    position: absolute;
    transition: visibility 0.5s ease 0s;
    visibility: hidden;
    width: 80px;
    z-index: 200000 !important;
}
.ring-alo-phone.ring-alo-show {
    visibility: visible;
}
.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {
    opacity: 1;
}
.ring-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 70px;
    left: 10px;
    opacity: 0.1;
    position: absolute;
    top: 12px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 70px;
}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {
    border-color: #f00;
    opacity: 0.5;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
    border-color: #baf5a7;
    opacity: 0.5;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    border-color: #f00;
    opacity: 0.5;
}
.ring-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: 0.1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 30px;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
    background-color: rgba(117, 235, 80, 0.5);
    opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    opacity: 0.75 !important;
}

.ring-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
    border: 0px solid transparent;
    border-radius: 100%;
    height: 40px;
    left: 25px;
    opacity: 1;
    position: absolute;
    top: 25px;
    transform-origin: 50% 50% 0;
    width: 40px;
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {
    background-color: #f00;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
    background-color: #f68121;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
    background-color: #f00;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
}
@keyframes ring-alo-circle-anim {
	0% {
	    opacity: 0.1;
	    transform: rotate(0deg) scale(0.5) skew(1deg);
	}
	30% {
	    opacity: 0.5;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	100% {
	    opacity: 0.6;
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
}

@keyframes ring-alo-circle-img-anim {
	0% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	10% {
	    transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
	    transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
	    transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
	    transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
}
@keyframes ring-alo-circle-fill-anim {
	0% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	50% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
}
	.ring-alo-ph-img-circle a img {
	    padding: 2px 0 0 2px;
	    width: 38px;
	    position: relative;
	    top: -1px;
	}

@media (max-width:1366px){
	
	#hinhanh {max-height:555px}
	
}

@media (max-width:1280px){
	
	#header .mnbox .box{width:100%;z-index:998}
	
	#header .top,
	#content .htab .tabbox,
	#footer .box,
	#content .general,
	#navi .navibox,
	#content .news,
	#content .featured{width:96%;}
	
}

@media (max-width:1024px){

	#navi .navibox {margin: 25px auto 0;}
	#content .general {padding: 15px 25px;}

}

@media (max-width:900px){

	div.search input {width: 300px;}
	
	#content .featured span {font: 700 30px/42px 'Bebas Neue';}
	#content h1.title {margin: 0 0 15px;font: 700 22px/32px 'Bebas Neue';}
	
}

@media (max-width:768px){
	
	div.search input {width: 220px;}
	
	#content .news ul li {width: 48%;margin: 0 0 35px 4%;}
	#content .news ul li:nth-child(odd){margin-left:0;}
	#content .news ul li:nth-child(even){margin-left:4%;}

}

@media (max-width:640px){

	#header .top .info .sebox .mxh {display: none;}

	#navi .navibox {font: 400 15px/22px Roboto;}
	#navi .navibox a {font: 450 15px/22px Roboto;}

	#content h1.title {font: 700 25px/42px 'Bebas Neue';}
	#content h1.title:after {width:25%;}

	#content .general {
		background: none;
		margin: 15px auto;
		padding: 0;
		text-align: justify;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#content div.youtube {padding: 0 0 15px;}

	#footer .box ul li:first-child {width: 100%;}
	#footer .box ul li{width: 100%;padding:5px 0 15px;}
	#footer .box ul li:last-child {text-align:left;}
		
}

@media (max-width:480px){
	
	#header .top .logo img {max-height: 60px;}
	#header .top .info .tmnu {padding: 0 0 10px;}
	div.search input {width: 180px;}
	
	#footer .box ul li.group ul li.add {width: 100%;}
	#footer .box ul li.group ul li.info {width: 100%;padding: 0 0 5px;}
	
}

@media (max-width:420px){
	
	#header .top .logo {position: relative;padding: 10px 0;z-index:998}
	#header .top .info {width: 100%;position:absolute;}
	#header .top .info .tmnu {padding: 0 0 60px;}
	#header .top .info .sebox .sein {position: relative;z-index: 999;}

	div.search input {width: 220px;border: #fff 0px solid;}
	div.search button[type="submit"] {background: #f00;border: #f00 0px solid;}

	#content .news ul li .info h2 {height: 40px;}
	#content .news ul li .info h2 a {font: 400 14px/20px Roboto;}

	#footer .box ul li{display:inline-block;vertical-align:top;width:100%;margin:0;padding:5px 0;}
	#footer .box ul li:first-child{width:100%;padding:0;text-align:left;}
	#footer .box ul li:last-child{text-align:left;}
	
}