@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "swiss_condensed";
    src: url('../fonts/utm_swiss_condensed-webfont.eot');
    src: url('../fonts/utm_swiss_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/utm_swiss_condensed-webfont.woff2') format('woff2'),
         url('../fonts/utm_swiss_condensed-webfont.woff') format('woff'),
         url('../fonts/utm_swiss_condensed-webfont.ttf') format('truetype'),
         url('../fonts/utm_swiss_condensed-webfont.svg#utm_swiss_condensedregular') format('svg');
}
*{margin:0; padding:0;outline:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}
:before,:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size:14px;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, img, embed  {
margin: 0;
padding: 0;
outline: 0;
border: 0;
}

body{background:#EFEFEF;font-family:Tahoma, Verdana, Geneva, sans-serif;color:#000;line-height:22px;margin:0}
h1,h2,h3,h4,h5,h6{font-size:1rem;font-weight:bold;display:inline;padding:0; margin:0;}
.clear{clear:both;font-size:0;line-height:0;height:0}
a{text-decoration:none;color:#2483c5;font-weight: bold;}
a:hover{color:#2da34a;text-decoration:none;}
a.button:hover{color:#fff;}
ol,ul {list-style: none;}
a img{border: none;}
img{ max-width:100%;}
table{border-collapse:collapse;}
.bold {font-weight: bold;}
.inline{display: inline}
:focus{outline:0;}
.uppercase{ text-transform:uppercase;}
.container{
	width:1204px;
	position:relative;
	margin:0 auto;
	padding:15px 0;
	text-align:left;
	display:block;
	clear:both;
}
#wrapper {
	position:relative;
margin:0 auto;
text-align:center;
}
#header {
margin:0 auto;
text-align:center;
background: #fff;
overflow:auto;
}
#banner {
	float:left;
	width:44%;
	text-align:left;
	margin-bottom:-10px;
}
#banner img{ max-width:100%; max-height:70px;}
#hotline {
    float: right;
    width: auto;
    position: relative;
	margin-top:10px;
}
#hotline a {
    font-weight: normal; color:#f00;
}
#hotline ul {
    width: auto;
    text-align: left;
    list-style: none;
    margin-top: 3px
}
#hotline ul li {
    display: inline-block;
    margin-left: 10px;
    padding-left: 60px;
    position: relative;
    margin-left: 20px;
	font-size:1.1rem;
}
#hotline ul li i {
    font-size: 1.8rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #e12029;
    background: #f8f8f8;
    text-align: center;
    border: 1px solid #e12029;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}
#hotline ul li span {
    display: block;
    margin-bottom: 5px;
	color:#888;
}
#hotline p {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dotted #ccc
}

#hotline p span {
    text-transform: uppercase;
    color: #e12029
}
#menu-mobile{position:fixed;width:300px;left:-300px;top:0px;height:100%;overflow-y:scroll;padding-top:0px;z-index: 99999;}
#menu-mobile>ul{padding:0;display:block;}
#menu-mobile>ul>li:first-child{border-top:0px;}
#menu-mobile>ul>li{border-top:1px solid #797979;background-color:#555;}
#menu-mobile>ul>li>ul>li{padding-left:0px;border-top:1px solid #696969;}
#menu-mobile>ul>li>ul{background:#444;}
#menu-mobile a{display:block;padding:4px 10px 4px 20px;line-height:24px;color:#fff;position:relative;}
#menu-mobile>ul>li>a:before{content:'';width:6px;height:6px;display:block;border-radius:6px;background-color:#E4E4E4;left:8px;top:13px;position:absolute;}
/*#menu-mobile>ul>li>ul>li>a:before{content:'';width:3px;height:3px;display:block;background-color:#868686;left:8px;top:14px;position:absolute;}*/
#menu-mobile>ul>li>a{text-transform:uppercase;font-weight:600;}
/*#menu-mobile-button{position:fixed;top:0px;left:0px;padding:10px;display:none;z-index:99999;background:#880005;}*/
#menu-mobile-button>img{vertical-align:top;}
#menu-mobile-button,.item-fm,#closemenu{display:none}
#menu {
margin:0 auto;
text-align:center;
background-color:#2483c5;
min-height:48px;
border-bottom:4px solid #2da34a;
z-index:10000;
}
#menu .container{padding:0;}
.slideads{padding:0!important; display:block;}
#slideads {
    position: absolute;
    margin: auto;
    width: 100%;
    z-index: 1000;
    height: 0
}
#slideads img {width: 100%}
#slideads1 {float: left}
#slideads2 {float: right}
#body {
margin:0 auto;
width: 1204px;
clear:both;
padding-top:15px;
text-align:left;
}
#left-panel {
text-align: left;
width:27%;
float:right;
}
#right-panel {
width:70%;
float:left;
}
.vide {
clear:both;
height:10px;
}
#bottom-content {
text-align: center;
padding:20px 0;
background: #FFFFFF;
clear:both;
}
#bottom-content a,#footer a { font-weight:normal}
#bottom-content h3, #footer p.title{
font-family: 'swiss_condensed';
font-size: 1.2rem;
font-weight: bold;
text-transform:uppercase;
}
#bottom-content ul,#footer ul{list-style:none;}
#bottom-content ul li{float:left;width:33.3333333%;}
#bottom-content ul li ul li,#footer-police li{width:100%;position:relative; padding-left:10px; margin:2px 0;float:none;}
#bottom-content ul li ul li:before,#footer-police li:before{
    content: "";
    font: normal normal normal 13px/1 FontAwesome;
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
}

#footer {
margin: 0 auto;
text-align: center;
color:#FFFFFF;
line-height:150%;
padding:40px 0 0 0;
background: #086bb0;
}
#footer a{color:#fff;}

#footer-contact{
width: 53%;
float:left;
line-height:1.8;
padding:0 30px;
}
#footer-contact .fa{width:20px;}
#footer-police {
width:auto;
max-width: 22%;
float:right;
}
#footer-police img{ max-width:100%;}
#footer-social{margin-top:20px;
width: 100%;
clear:both;
}
#foot p.textlink{ padding-top:15px; clear:both}
#footer-fanpage {
width: 25%;
float:left;
overflow:hidden;
}
#footer-copyright{background:#005b9b; border-top:1px solid #015270;
	margin: 0 auto;
	padding:10px;
	clear:both;
	margin-top:20px;
}
.bgwhite{background:#fff;padding:20px 0;}
.home-title{ margin-bottom:40px;margin-top:15px; font-family: 'swiss_condensed'; font-size: 1.86rem; text-transform:uppercase; text-align:center;}
.home-title h1,.home-title h2{font-size: 1.86rem;font-weight: normal;}
.home-title a{ color:#000; font-weight: normal;}
.home-title span{ display:inline-block; padding:10px 0 16px; margin-bottom:-20px;font-size: 1.86rem; position:relative; font-weight:normal; line-height:1.3em;}
.home-title span:after {
    content: "";
    height: 2px;
    width: 30%;
    background-color: #2da34a;
    position: absolute;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0
}
.about-us img{ width:45%; display:block; float:left;}
.about-us i.fa{color:#2da34a;}
.about-us-content{ width:53%; float:right; text-align:justify; line-height:1.7;}
.about-us-content ul{list-style:none !important;}
.box-content-type-1{padding:15px; margin:10px 0; background-color:#fff; border-left:4px solid #2da34a;}
#wrapper-service{
margin:0 0 10px 0;
width: 1204px;
clear:both;
display: table-row;
}
.box33per{
	width:32%;
	padding: 15px;
	text-align:left;
	margin-right: 2%;
	margin-bottom: 20px;	
}
.box33per img{ width:23%; float:left;}
.box33per .right{ width:74%; text-align:justify;line-height:150%; float:right;}
.box33per .right h3{ display:block; clear:both; font-size:1.14rem; margin-bottom:8px; text-align:left;}
.box33per:hover{
	background-color: rgba(255,255,255,0.6);
}
.table {
    display: table;
    border-collapse: separate;
    
}
.row-tbl {
    display: table-row;
	vertical-align:top;	
}
.col-tbl {
    display: table-cell;
	vertical-align:top;
	padding: 12px 10px;
	min-height:46px;
}
.box33per .col.right{ padding:0 10px;}
.box_tblr{
	width:100%;
	border:0;
	padding: 0;
	margin: 0;
	background-color:#fff;
	overflow:hidden;
}
.box_top{
	background-color:#2da34a;
	font-family: 'swiss_condensed';
	font-size: 1.29rem;	
	text-align:left;
	color:#fff;
	text-transform:uppercase;
	min-height:46px;	
}
.box_top span{padding:12px 10px;}
.box_top .left{ background-color:#1d8e39; padding:6px; width:42px; min-height:46px; margin:auto; position:relative;}

.box_top .left img{
width: 80%;
position:absolute;
margin: auto;
top:0; left:0; right:0; bottom:0;
}
.box_top h3{font-size: 1.29rem;font-weight: normal;}
.box_body{
	margin:0 auto;
	vertical-align:top;
	padding: 10px 15px;
	clear:both;
}
.box_body p{margin:7px auto; display:block;}
.box_bottom{height: 0;}
.share-box{
	margin:10px 0;
	width:100%;
	background: url('../images/share-bg.gif') center center;
	padding:7px 10px;
	border:1px solid #ddd;
	text-align:center;
}
.share-box > div{margin: 0 3px;}
.share-tool{float:right; clear:none !important;}
.ullist {
	margin: 0 auto;
	width:200px;
	padding:0;
}
.ullist ul {
	margin-left: -5px;
	list-style: none;
	width:200px;
	padding:0;
}

.ullist ul li {
	margin: 0;
	padding: 0;
	width:190px;
	display: block;
	list-style: none;
	background: url("../images/bullet sp.png") left 8px no-repeat;
}

.ullist ul li.spe{
	margin: 0;
	padding: 0;
	width:180px;
	height:2px;
	display: block;
	list-style: none;
	background: url("../images/spe-box-sp.png") center center no-repeat;
}

.ullist li a,.ullist li a:visited {
	width:175px;
	display: block;
	font-weight: bold;
	padding: 5px 5px 5px 12px;
	color:#FFF;
	text-shadow:1px 1px 1px #000;
	margin: 0;	
	text-decoration: none;
}
.ullist li a:hover, .ullist li a:active, .ullist li a.selected, .ullist li a:focus {	
	color: #2da34a;
	background: url("../images/bullet active.png") left 6px no-repeat;
	text-decoration: none;
}

.ullist ul li ul{
	margin-left: 10px;
	list-style: none;
	width:190px;
	padding:0;
}

.ullist ul li ul li{
	margin: 0;
	padding: 0;
	width:180px;
	display: block;
	list-style: none;
}

.ullist ul li ul li a {
	width:175px;
	display: block;
	font-weight: bold;
	padding: 3px 5px 3px 8px;
	color:#FFF;
	text-shadow:1px 1px 1px #000;
	margin: 0;	
	text-decoration: none;
	background: url("../images/bullet spcon.gif") left 8px no-repeat;
}
.ullist ul li ul li a:hover, .ullist ul li ul li a:active, .ullist ul li ul li a.selected, .ullist ul li ul li a:focus {	
	color: #2da34a;
	background: url("../images/bullet active.png") left 6px no-repeat;
	text-decoration: none;
}
.breadcrumb{
display:block;
padding:6px 8px;
margin-bottom:15px;
font-family: 'swiss_condensed';
font-size: 1.15rem;
border:1px solid #ccc;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.breadcrumb li{ display:inline-block;}
.breadcrumb a,.breadcrumb h1,.breadcrumb h2{font-size:1.15rem; font-weight:normal;}
.breadcrumb a{color:#161616;}
.breadcrumb a:hover{color:#2da34a;}
.title{
display:block;
font-weight: bold;
margin: 0;
padding:5px 0;
text-align:left;
font-family: 'swiss_condensed';
font-size: 1.22rem;
text-transform:uppercase;
}
.title a,.title h1,.title h2{font-size:1.72rem; font-weight:normal; color:#000; line-height:1.5;}
.title-dichvu{font-size:1.1rem; font-weight:bold; color:#2483c5;}

.content{
color: #505050;
text-align:justify;
vertical-align:top;
width:100%;
margin: 20px auto 0;
clear:both;
line-height:1.8;
}
.content img, .content table{
	max-width:100%;
	height:auto !important;
}
.content .posted-date{color:#888; padding-bottom:10px; margin:0;text-align:left;}
.content .posted-date span.fb-comments-count{width:auto!important;max-width:40px!important;}
.content td,.content th{ padding:6px;}
.content ul{ list-style: inside disc;}
.content p{margin:6px 0;}
.spe-body{
height:20px;
width:670px;
background: url("../images/body spe.png") center center no-repeat;
}
.content .name-customer{ display:block; font-size:1.43rem; padding:10px 0; text-align:center;}
.content .name-customer a{ color:#f00;}
.content span.web-customer{ display:block; text-align:center;}
.content img.img-customer{ display:block;border:2px solid #FFF;margin:10px auto; text-align:center; max-width:800px;}
.content .desc-customer{}

/* Phân trang */
.phantrang {
/*background: #414141;*/ /*background of menu bar (default state)*/
width: 100%;
clear:both;
margin: 10px auto;
text-align:center;
}

.phantrang ul{
margin: 0;
list-style-type: none;
}

/*Top level list items*/
.phantrang ul li{
position: relative;
display: inline;
margin-left:5px;
color:#555;
text-shadow: 1px 1px 1px #fff;
}

/*Top level menu link items style*/
.phantrang ul li a{
display: inline-block;
text-decoration: none;
border:1px solid #d2d2d2;
padding:0 10px;
height:36px;
line-height:36px;
color:#555;
background: #fcfcfc;
background: -moz-linear-gradient(top, #fcfcfc 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #fcfcfc), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
background: -webkit-linear-gradient(top, #fcfcfc 0%, #f6f6f6 47%, #ededed 100%);
background: -o-linear-gradient(top, #fcfcfc 0%, #f6f6f6 47%, #ededed 100%);
background: -ms-linear-gradient(top, #fcfcfc 0%, #f6f6f6 47%, #ededed 100%);
background: linear-gradient(to bottom, #fcfcfc 0%, #f6f6f6 47%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed', GradientType=0 );
}

.phantrang ul li.bacham{
display: inline-block;
padding:2px;
bottom:0;
}

* html .phantrang ul li a,* html .phantrang ul li.bacham{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.phantrang ul li a:link, .phantrang ul li a:visited{

}

.phantrang ul li a:hover{
background: #e5e5e5;
}

.phantrang ul li a.selected{
	background: #2483c5;
	border:1px solid #2483c5;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
}
.phantrang ul li a.prev, .phantrang ul li a.next, .phantrang ul li a.first, .phantrang ul li a.last{ font-size:0;}
.phantrang ul li a.prev:before {
    content: "\f104";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1rem;
}
.phantrang ul li a.next:before {
    content: "\f105";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1rem;
}
.phantrang ul li a.first:before {
    content: "\f049";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1rem;
}
.phantrang ul li a.last:before {
    content: "\f050";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    font-size: 1.1rem;
}
.button{
	display: inline-block;
	border: none;
	margin:6px 0;
	border-left: 3px solid #2da34a;
	padding:10px 15px;
	color:#fff;
	text-transform:uppercase;
	background: #2483c5;
	vertical-align: middle;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.button:hover{
	cursor:pointer;
}
.button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2da34a;
  -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.button:hover, .button:focus, .button:active {
  color:#fff;
}
.button:hover:before, .button:focus:before, .button:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.back-button{
margin:5px auto;
text-align:center;
height:41px;
width:209px;
background: url("../images/backbutton.png") top center no-repeat;
}
.back-button:hover{
background: url("../images/backbutton.png") bottom center no-repeat;
}
.back-button a{
display:block;
width:189px;
padding:10px 6px 0 30px;
font-size:1rem;
color:#FFF;
text-shadow:1px 1px 1px #000;
}
.back-button a:hover{
color:#000;
text-shadow:1px 1px 1px #fff;
}
#box-customer{ padding:10px;border-top:1px solid #eee;border-bottom:1px solid #eee; background-color:#fff; margin-top:40px;}
#box-customer .home-title{margin-top:-5px;margin-bottom: 10px;}
#box-customer .home-title span{ padding:15px 20px 10px;font-size: 1.5rem;}
#box-customer p{font-size:1.2rem;}
#box-customer .home-title:after,#box-customer .home-title span:before,#box-customer .home-title span:after{display:none}
.customer-item{position:relative;}
.customer-item-img{display:block; position:relative; height:80px;border:1px solid #eee; background-color:#fff;}
.customer-item img { max-width:100%; max-height:100%; position:absolute; top:0; bottom:0;left:0;right:0; margin:auto; width:auto!important; border:8px solid #fff;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.customer-item img:hover{
	-moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
	
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.owl-nav i {
    font-size: 1.4rem
}
.owl-prev,.owl-next {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -17px;
    width: 34px!important;
    height: 34px!important;
    line-height: 36px!important;
    margin: auto!important;
    border: 1px solid #ddd!important;
    background-color: rgba(255,255,255,.8)!important;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}
.owl-prev:hover,.owl-next:hover {
    background-color: rgba(255,255,255,1)!important
}
.owl-next {
    right: -17px;
    left: auto
}
#owl-customer .owl-prev,#owl-customer .owl-next {
    width: 24px!important;
    height: 24px!important;
    line-height: 26px!important;
    left: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}
#owl-customer .owl-next {
    right: 0;
    left: auto
}

/*Tin tuc- Kien thuc*/
.news-vertical {
    width: 31%;
    margin: 10px 3.5% 20px 0;
    position: relative;
    float: left;
    text-align: left;
    border: 1px solid #eee;
    background-color: #fff;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}
.news-vertical:hover {
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1)
}
.news-vertical .posted-date {
    margin: 0;
    padding: 10px 15px;
    min-height: 35px;
    font-size: 1rem;
	color:#999;
    background: #ededed;
    background: -moz-linear-gradient(top,#ededed 0%,#f6f6f6 47%,#fff 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,#ededed),color-stop(47%,#f6f6f6),color-stop(100%,#fff));
    background: -webkit-linear-gradient(top,#ededed 0%,#f6f6f6 47%,#fff 100%);
    background: -o-linear-gradient(top,#ededed 0%,#f6f6f6 47%,#fff 100%);
    background: -ms-linear-gradient(top,#ededed 0%,#f6f6f6 47%,#fff 100%);
    background: linear-gradient(to bottom,#ededed 0%,#f6f6f6 47%,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#ffffff',GradientType=0)
}
.news-vertical .posted-date span {
    float: right
}
.news-vertical .posted-date span:first-child {
    float: left
}
.news-vertical .title {
    font-size: 1.4rem;
    padding: 10px 15px 0;
    clear: both;
    border-top: 1px solid #eee
}
.news-vertical .title a{font-size: 1.4rem;}
.news-vertical .title a:hover{color:#2da34a;}
.news-vertical-img {
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin: 0 auto
}
.news-vertical-img:hover {
    opacity: .85
}
.news-vertical-img:before {
    content: "";
    display: block;
    padding-top: 57%
}
.news-vertical-img img {
    width: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
.news-vertical .summary{
	overflow:hidden;
	text-align:justify;
	margin:15px 0;
	padding: 0 15px;
	line-height:150%;
	clear:both;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 5;
}
.news-vertical .summary p{margin: 0;padding:0;}

.news{
width:100%;
position:relative;
clear:both;
border-bottom:1px dashed #CCCCCC;
padding:8px 0;
}
.news:last-child{border-bottom:0;}
.news img{width:200px; float:left; margin:5px 10px 10px 0; padding:2px; border:1px solid #D0D0D0; background:#FFFFFF;}
.news h2 a,.news h3 a{font-size:1.29rem;line-height:1.2;}
.news p.posted-date{color:#959595;}
.news a.btn-detail{display: none;width:79px; height:19px; background: url("../images/xemtiep.gif"); text-indent:-10000px; float:right;}
.news .summary{text-align:justify; line-height:140%;}

.news-detail img.news-image{display:block;clear:both;width:94%;max-width:700px; margin:10px auto;}
.news-detail h2{font-size:1.57rem; margin:10px 0;}
.news-detail h3{font-size:1.29rem; margin:10px 0;}
.news-detail p{margin:10px 0;}
.news-detail p.posted-date{color:#959595; border-bottom:1px dashed #ccc; margin-bottom:15px; padding-bottom:10px;text-align:left;}
.news-detail .summary{text-align:justify; font-weight:bold}
.news-detail .detail{text-align:justify;}
.other-news{ margin-top:15px; padding:10px; border:1px dashed #CCC; background-color:#fff;}
.other-news .title{ font-weight:bold; font-size:1.22rem!important;}
.other-news .title i{ color:#000;}
.other-news ul.li-news {margin-top:0;}
ul.li-news {margin:10px 10px 10px 20px;}
ul.li-news li {margin:4px 0;}
ul.li-news li a{font-weight:normal; color:#777777;}
ul.li-news li a:hover{color:#2da34a;}
ul.li-news li span.news-date{color:#999; font-style:italic;}

ul.li-customer {}
ul.li-customer li {padding:8px 0 8px 10px; line-height:140%; border-bottom: 1px dotted #ddd; position:relative;}
ul.li-customer li:before {
	content:"";
	position:absolute;
	top:14px; left:0;
	height:0; width:0;
	border-bottom:4px solid transparent;
	border-top:4px solid transparent;
	border-left:5px solid #999;
	border-right:5px solid transparent;
}
ul.li-customer li a{font-weight:normal; color:#000;}
ul.li-customer li a:hover{color:#2da34a;}
#tag{ margin:10px 0;text-align:left;}
a.tag{ display:inline-block; font-weight:normal; background-color:#2da34a; color:#fff; margin:0 -3px 10px 17px; padding:0 8px; position:relative; height:28px; line-height:28px;}
a.tag:before{
	content: "";
    position: absolute;
    left: -14px; top:0;
    width: 0; height: 0;
    border-color: transparent #2da34a transparent transparent;
    border-style: solid;
    border-width: 14px 14px 14px 0;
}
a.tag:after{
	content: "";
    position: absolute;
    top: 12px;
    left: -5px;
    float: left;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    -moz-box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
    box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
}
a.tag:hover{background-color:#2483c5;}
a.tag:hover:before{border-color: transparent #2483c5 transparent transparent;}
a.social {
    color: #fff!important;
    background-color: #0b5189;
    display: inline-block;
    text-align: center;
    margin: 15px 6px 0;
    padding: 6px;
    width: 34px;
    height: 34px;
	border:1.5px solid #fff;
    font-size: 1.3rem;
    transition: all ease 300ms;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}
a.social:nth-child(3) {
    background-color: #4267b2
}
a.social:nth-child(4) {
    background-color: #00a7e5
}
a.social:nth-child(5) {
    background-color: #c50202
}
a.social:nth-child(7) {
    background-color: #ba0110
}
a.social:nth-child(8) {
    background-color: #e56445
}
a.social:hover {
    opacity: .8
}
.box-support i.fa{color:#f00;width:20px; font-size:1.2rem;}
.contact-info .fa{color:#f00; width:20px;}
.contact-form{background:#fff; padding:20px; border:1px solid #ddd;}
.contact-form p{text-transform:uppercase; font-size:1.4rem; padding-bottom:10px; border-bottom:2px solid #ddd;;}
/*Lien ket cot ben tay phai*/
.lienket li {line-height:120%; clear:both; padding-bottom:10px; text-align:justify; margin-left:-5px;}
.lienket li a.web {font-weight:normal; color: #999999;}
.end-row{ margin-right:0 !important;}
.headertbl{background-color:#2483c5; color:#fff;}
.ui-widget-content{ font-size:1rem; font-family:tahoma;}
/* Clearfix */
.clearfix:before, .clearfix:after, .container:before, .container:after {content: " "; display: table;}
.clearfix:after,.container:after{clear: both;}

/*nút call*/
.hig-alo-phone {
    position: fixed;
    left: 24px;
    bottom: 70px;
    display: block;
    visibility: hidden;
    background-color: transparent;
    width: 80px;
    height: 60px;
    cursor: pointer;
    z-index: 20000!important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s
}

.hig-alo-phone span {
    display: block;
    background-color: #e6050b;
    color: #fff;
    padding: 10px 30px 10px 60px;
    font-size: 1.5rem;
    position: absolute;
    top: 1px;
    left: 6px;
    white-space: nowrap;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.hig-alo-move-cursor {
    cursor: move
}

.hig-alo-phone.hig-alo-show {
    visibility: visible
}

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

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

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

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

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

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

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

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

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

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

.hig-alo-mobile .hig-alo-ph-circle {
    width: 140px;
    height: 140px;
    top: 30px;
    left: 30px
}

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

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

.hig-alo-phone.hig-alo-hover .hig-alo-ph-circle,.hig-alo-phone:hover .hig-alo-ph-circle {
    border-color: #e8000b;
    opacity: .5
}

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

.hig-alo-phone.hig-alo-green .hig-alo-ph-circle {
    border-color: #e8000b;
    opacity: .5
}

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

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

.hig-alo-ph-circle-fill {
    width: 66px;
    height: 66px;
    top: -10px;
    left: -10px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: .1;
    -webkit-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: hig-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

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

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

.hig-alo-phone.hig-alo-hover .hig-alo-ph-circle-fill,.hig-alo-phone:hover .hig-alo-ph-circle-fill {
    background-color: rgba(216,2,208,.5);
    background-color: #e8000b 9;
    opacity: .75!important
}

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

.hig-alo-phone.hig-alo-green .hig-alo-ph-circle-fill {
    background-color: rgba(216,2,208,.5);
    background-color: #a6e3fa 9;
    opacity: .75!important
}

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

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

.hig-alo-ph-img-circle {
    width: 30px;
    height: 30px;
    top: 0;
    left: 0;
    padding: 8px;
    position: absolute;
    background: rgba(30,30,30,.1) url(../images/phone.png) no-repeat center center;
    background-size: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    box-sizing: initial;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.75);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.75);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.75)
}

.hig-alo-ph-circle-shake {
    -webkit-animation: hig-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: hig-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: hig-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: hig-alo-circle-img-anim 1s infinite ease-in-out;
    animation: hig-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

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

.hig-alo-phone.hig-alo-static .hig-alo-ph-img-circle {
    -webkit-animation: hig-alo-circle-img-anim 0s infinite ease-in-out!important;
    -moz-animation: hig-alo-circle-img-anim 0s infinite ease-in-out!important;
    -ms-animation: hig-alo-circle-img-anim 0s infinite ease-in-out!important;
    -o-animation: hig-alo-circle-img-anim 0s infinite ease-in-out!important;
    animation: hig-alo-circle-img-anim 0s infinite ease-in-out!important
}

.hig-alo-phone.hig-alo-hover .hig-alo-ph-img-circle,.hig-alo-phone:hover .hig-alo-ph-img-circle {
    background-color: #e8000b
}

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

.hig-alo-phone.hig-alo-green .hig-alo-ph-img-circle {
    background-color: #e8000b;
    background-color: #e8000b 9
}

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

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


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

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

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

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

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

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

@-o-keyframes hig-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(.5) skew(1deg);
        -o-opacity: .1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-moz-keyframes hig-alo-circle-img-anim {
    0% {
        transform: rotate(0) 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(0) scale(1) skew(1deg)
    }

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

@-webkit-keyframes hig-alo-circle-img-anim {
    0% {
        transform: rotate(0) 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(0) scale(1) skew(1deg)
    }

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

@-o-keyframes hig-alo-circle-img-anim {
    0% {
        transform: rotate(0) 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(0) scale(1) skew(1deg)
    }

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

@keyframes hig-alo-circle-img-anim {
    0% {
        transform: rotate(0) 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(0) scale(1) skew(1deg)
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}
#widget-contact{width:50px;position:fixed;left:20px;bottom:140px;z-index:1000000;}
#widget-contact a{display:block;width:50px; height:50px; margin-top: 10px;text-align: center;
    -moz-border-radius: 50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.25);
}
#widget-contact a:hover{opacity:0.86;}
#widget-contact .zalo-wg img{width:100%;}
#widget-contact .email-wg{background:#ff6600;}
#widget-contact .email-wg i{font-size:1.7rem;color:#fff;line-height: 50px;}
#widget {
    position: fixed;
    right: 0;
    top: 15%;
    z-index: 100000;
}

.wgitem {
    position: absolute;
    top: 0;
    right: -280px;
    height: 50px;
    width: 330px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#widget .wgitem:nth-child(2) {
    top: 55px;
}

#widget .wgitem:nth-child(3) {
    top: 110px;
}

#widget .wgitem:nth-child(4) {
    top: 165px;
}

#widget .wgitem:nth-child(5) {
    top: 220px;
}

.wgitem-icon {
    float: left;
    height: 50px;
    width: 50px;
    background-color: #e60312;
    color: #fff;
    border-radius: 6px 0 0 6px;
    text-align: center;
    position: relative;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.wgitem-icon i {
    font-size: 1.6rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 50px;
}

.wgitem-title {
    display: block;
    height: 50px;
    line-height: 50px;
    background-color: #e60312;
    color: #fff;
    margin: -15px -15px 20px;
    padding: 0 15px;
    text-transform: uppercase;
}

.wgitem-content {
    float: left;
    width: 280px;
    background-color: #fff;
    padding: 15px 5px 15px 15px;
    -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 .5rem 1rem rgba(0,0,0,.1);
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 10%);
}

.wgitem:hover {
    right: 0!important;
    z-index: 10000;
}

.wgitem ul {
    list-style: none
}

.wgitem.wgitem-nocontent {
    width: 200px;
    right: -150px;
}

.wgitem.wgitem-nocontent .wgitem-title {
    margin: 0 0 0 50px;
}

.user-support {
    display: block;
    padding-bottom: 6px;
    margin-bottom: 6px;
    border-bottom: 1px solid #ddd;
}
.user-support-wrap {
	max-height:460px;
	overflow-y:auto;
}
.user-support:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.user-support a {
    font-weight: normal
}

.user-support-name {
    margin-bottom: 0;
	line-height:1.3;
}

.user-support-phone {
    color: #e60312;
}

.user-support-icon {
    display: block;
    clear: both
}

.user-support-icon i {
    font-size: 1.6rem;
}

.user-support-img {
    width: 25%;
    overflow: hidden;
    border: 1px solid #ccc;
    position: relative;
    float: left;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.user-support-img:before {
    content: "";
    display: block;
    padding-top: 100%
}

.user-support-img img {
    height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.user-support-info {
    width: 72%;
    float: right;
    text-align: left
}

.user-support-icon a {
    color: #000!important;
    display: inline-block;
    margin: 3px 5px 0 5px
}

.user-support-icon a:nth-child(1),.user-support-icon a:nth-child(1):hover {
    color: #fc1828!important
}

.user-support-icon a:nth-child(2),.user-support-icon a:nth-child(2):hover {
    color: #0168e8!important
}

.user-support-icon a:nth-child(3),.user-support-icon a:nth-child(3):hover {
    color: #4267b2!important
}
.scrollbar-style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #f5f5f5
}

.scrollbar-style-1::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5
}

.scrollbar-style-1::-webkit-scrollbar-thumb {
    background-color: #2483c5;
}

#colorbox *, #colorbox:before, #colorbox:after,
#colorbox *:after, #colorbox *:before, #cboxOverlay *,
#colorbox *:after, #colorbox *:before, #cboxOverlay,
#colorbox, #cboxOverlay:after, #cboxOverlay:before {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
.list-bullet li{list-style:none; margin:4px 0;}
.list-bullet li:before{
    content: "";
    font-family: FontAwesome;
    font-size: 120%;
    padding-right: 7px;
    color:#2da34a;
}
.list-style1 li:before{content: "\f101";}
.list-style2 li:before{content: "\f105";}
.list-style3 li:before{content: "\f138";}
.list-style4 li:before{content: "\f0da";}
.list-style5 li:before{content: "\f13a";}
.list-bullet li h2,.list-bullet li h3,.list-bullet li h4,.list-bullet li h5{display:inline-block; font-size:inherit; margin:0!important;}
.box-style1{background-color:#fff; padding:15px; border:1px solid #ddd; border-left:4px solid #2da34a;}
.box-shadow{background-color: #fff; border-radius: 10px; padding: 15px; margin:10px 0;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(108, 124, 145, 0.15);
-moz-box-shadow: 0px 0px 20px 0px rgba(108, 124, 145, 0.15);
box-shadow: 0px 0px 20px 0px rgba(108, 124, 145, 0.15);
}
.box-shadow h3,.box-shadow1 h3{display:block;line-height:1.5em; margin-bottom:12px;}
.box-shadow img,.box-shadow1 img{height:100px!important; margin:10px 0;}
.box-shadow1{background-color: #fff; padding: 15px; margin: 8px 0;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(108, 124, 145, 0.15);
-moz-box-shadow: 0px 0px 20px 0px rgba(108, 124, 145, 0.15);
box-shadow: 0px 0px 20px 0px rgba(108, 124, 145, 0.15);
}
.table-type-1{background-color:#fff;width:100%;border:1px solid #e6e6e6;}
.table-type-1 th,.table-type-1 td {border: 1px solid #e6e6e6;padding:10px;}
.table-type-1 thead,.table-type-1 thead tr{
    background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}
.table-thead-color thead,.table-thead-color thead tr{background:#2483c5!important;color:#fff}
.table-type-1 thead tr{height:36px;}
.table-color tr:nth-child(even) {background-color: #f2f2f2;}
.table-hover tr:hover {background-color: #f5f5f5;}
.boxcaption .button{margin:10px 0 0 15px; padding:8px 15px; background:none;border:1px solid #fff;text-transform:none;}
.boxcaption .button:hover{border:none;}
.video-responsive-wrap {width:100%; max-width:700px; margin:10px auto;}
.video-responsive {
    margin: auto;
    width:100%;max-width: 800px;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}
.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important
}