/*
Theme Name: VIMC
Description: WordPress Theme
Author: tsl
Template: vimc
Version: 1.2.2
*/
/*
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&subset=vietnamese');
*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: 'Roboto', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
	overflow-x:hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
	margin: 0;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color:#000;
	font-size: 15px;
	line-height: 1.6;
	font-family: 'Roboto', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: 400;
	line-height: 1.2;
	
}

h1{
	font-size: 24px;
	margin-bottom: 15px;
}

h2{
	font-size: 22px;
	margin-bottom: 15px;
}

h3{
	font-size: 18px;
	margin-bottom: 15px;
}

h4{
	font-size: 18px;
	margin-bottom: 10px;
}

h5{
	font-size: 16px;
	margin-bottom: 10px;
}

h6{
	font-size: 14px;
	margin-bottom: 10px;
}
p {
	margin:0 0 15px;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 15px;
}

address {
	margin: 0 0 15px;
}

pre {
	background: #eee;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 15px;
	max-width: 100%;
	overflow: auto;
	padding: 15px;
}

code,
kbd,
tt,
var {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 15px;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

ol {
	list-style: none;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 15px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 15px 15px;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	vertical-align: middle;
}

table {
	margin: 0 0 15px;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #00adee;
    padding: 0 20px;
    color: #FFF;
    border: 0;
    line-height: 36px;
    height: 36px;
    border-radius: 5px;
}

.btn-primary {
      color: #fff;
    background-color: #004ea0;
    /* border-color: #6baf15; */
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #004ea0;
}



button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	outline: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"]{
	color: #004ea0;
	border: 1px solid #efefef;
	vertical-align: middle;
	padding: 3px 10px;
	height: 36px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	background:none;
	box-sizing:inherit;
}

select {
	border: 1px solid #efefef;
	padding: 3px;
	height: 36px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	outline: 0;
	border: 1px solid #004ea0;
}

select:focus{
	outline: 0;
}

textarea {
	padding: 3px 10px;
	width: 100%;
	color: #404040;
	border: 1px solid #CCC;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #000;
	text-decoration: none;
}

a:visited {
	color: #000;
}

a:hover,
a:focus,
a:active {
	color: #004ea0;
	text-decoration:none;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.hs-clearfix:before,
.hs-clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-footer:before,
.site-footer:after,
.hs-container:before,
.hs-container:after {
	content: "";
	display: table;
}

.hs-clearfix:after,
.entry-content:after,
.comment-content:after,
.site-footer:after,
.hs-container:after {
	clear: both;
}
.um-register .um-col-alt {
	margin-top:10px;	
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 15px;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 30px;
}
.category  .hentry {
	     width: 49%;
    float: left;
    /* margin-right: 2%; */
    position: relative;
}

.post-list-page .hentry{	
    padding: 0px;
    border:none;
}
.category  .hentry:nth-child(2n+1) {
	margin-left: 2%;
    margin-right: 0%;
    clear: right;
}
.category  .hentry:nth-child(2n) {
	
    clear: left;
}
.category  .hentry:first-child {
	width:100%;
	    margin: 0;
    margin-bottom: 2%;
	    border-bottom: 1px solid  #8ad6db;
}
.remore-div-line >a {
	background: #00acf1;
    padding: 5px 30px;
    color: #fff;
    border-radius: 5px;
    float: right;
    position: relative;
    z-index: 9;
	
}
div#single_primary_post {
    margin-bottom: 50px;
}
.margin-bottom-none {
	margin-bottom: 0 !important;
}
.archive-heading-href {
	margin-bottom: 20px;
}
.remore-div-line  {
	position: relative;
	margin-bottom:30px;
}
.remore-div-line::after {
	display: block;
    width: calc(100% - 30px);
    height: 1px;
    content: '';
    background: #00acf1;
    position: absolute;
    bottom: 50%;
    left: 15px;
    right: 15px;
}
.title_bottom_linne::after {
    display: block;
    width: 85px;
    height: 3px;
    content: '';
    background: #00aeef;
    position: absolute;
    bottom: -10px;
    left: 0;
    /* border-color: #fff; */
}
.title_bottom_linne {
	position: relative;
    margin-bottom: 30px;
    color: #004ea0;
    font-size: 30px;
    font-weight: 700;
}

.arichive-co-dong .title_bottom_linne {
    color: #fff;
    background: #00adee;
    font-size: 21px;
    font-weight: 500;
    padding: 10px 20px;
    margin-bottom: 2px;
    text-align: center;
}
.arichive-co-dong .title_bottom_linne a , .arichive-co-dong .title_bottom_linne a:visited{
	color:#fff;
}
.arichive-co-dong .title_bottom_linne a:hover {
	color:#000;
}
.arichive-co-dong .title_bottom_linne::after {
    display: none;
    /*width: 85px;
    height: 3px;
    content: '';
    background: #00aeef;
    position: absolute;
    bottom: -10px;
    left: 0;
     border-color: #fff; */
}


.category  .arichive-bao-chi .hentry:first-child {
	    border-bottom:none;
}

.arichive-bao-chi .entry-header .entry-title a {
	font-size: 21px;
    font-weight: 500;}


.category  .hentry:first-child .entry-figure {
	float:left;
	width:49%;
	margin-right:2%;
}
.category  .hentry:first-child .entry-header {
	float:left;
	width:49%;
	
}
.um-um_account_id .um-account-side .um-account-meta {
	display:none !important;
}
.post-list-page .article_content {
	padding:0;
}
.post-list-page .entry-content .more-link {
	display:none;
}
.post-list-page  .entry-categories {
	display:none;
}
.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	
}

.page-links {
	clear: both;
	margin: 0 0 15px;
}

#primary{
	width: 100%;
	float: left;
	min-height:300px;
}
#primary.products-list-area {
	padding:30px 0;
}
.products-list-area .entry-figure {
	background:none;
}
.products-list-area .entry-figure img {
	width:100%;
	height:auto;
}
#single_primary {
	width: 73%;
	float: left;
}
#secondary{
	width: 25%;
	float: right;
}
.about-heading-href a  {
	color:#ccc;
}
.about-heading-href a.active , .about-heading-href a:hover {
	color: #fff;
}
.documents-list-area-sidebar {

	padding-right:0;
	border-right:1px solid #eaeaea;
}
.documents-list-area-sidebar .list-group-item {
	    background: none;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #eaeaea;
	color: #1c2124;
   
    font-size: 15px;
	padding-left:0;
}
.documents-list-area-sidebar .list-group-item:hover, .documents-list-area-sidebar .list-group-item.active {
	    color: #004ea0;
    border-right: 1px solid #004ea0;
    right: -1px;
}
.documents-list-area-sidebar .list-group-item  i {
	padding-right: 15px;
    font-style: normal;
}

.documents-list-area {
	padding:20px 0 20px 10px;
}
.hs_no_sidebar #primary{
	width: auto;
	float: none;
}

.hs_no_sidebar_condensed #primary{
	width: 70%;
	float: none;
	margin: 0 auto;
}

.hs_left_sidebar #primary{
	float: right;
}

.hs_left_sidebar #secondary{
	float: left;
}

.hs-post-info{
	float: left;
	width: 75px;
	background: #004ea0;
	color: #FFF;
	text-align: center;
	
	position: absolute;
}

.hs-post-info .entry-date{
	display: block;
	padding: 10px 0;
}

.hs-post-info .entry-date span{
	display: block;
	text-transform: uppercase;
}

.hs-post-info .entry-date span.hs-day{
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
}

.hs-post-info a{
	display: block;
	background: #EEE;
	color: #333;
	text-decoration: none;
	line-height: 1.4;
	padding: 8px 10px;
	text-transform: uppercase;
}

.hs-post-info a span{
	display: block;
	font-size: 11px;
}

.hs-post-wrapper{
	padding-left: 0;
}

.entry-figure{
	
	text-align: center;
	margin-bottom: 15px;
}

.entry-header .entry-title{
	font-weight: normal;
	margin-bottom: 10px;
	
}

.entry-figure + .entry-header{
	    background: none;
    position: relative;
    margin-top: 0;
    width: 100%;
    padding: 0;
}

.news-content-area .entry-figure + .entry-header {
	    width: auto;
    display: inline-block;
}

.entry-header .entry-title:first-letter{
	
}

.entry-header .entry-title a{
    text-decoration: none;
    color: #004ea0;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
     /*white-space: nowrap;*/
     overflow: hidden;
    text-overflow: ellipsis; 
    width: 100%;
    line-height: 25px;
}
.category .hentry:first-child .entry-header .entry-title a{
	
}

.entry-header .entry-title a:hover {
	color:#ff6c00;
}

.entry-categories{
	font-size: 13px;
	color: #666;
	font-style: italic;
	margin-bottom: 15px;
}

.entry-categories .fa{
	color: #004ea0;
	margin-right: 5px;
}

.entry-categories a{
	color: #666;
	text-decoration: none; 
}

.taxonomy-description p:last-child{
	margin-bottom: 0;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.widget-area .widget-title{
	position: relative;
    /* padding-left: 10px; */
    /* padding-bottom: 10px; */
    text-align: left;
    color: #004ea0;
    /* background: #fff url(images/sidebarheaderbg.png) left bottom repeat-x; */
    padding: 10px;
    margin: 0;
    /* border-top: 1px solid #fcfcfc; */
    padding-left: 0;
	font-size: 24px;
	margin-top: 0;
    padding-bottom: 10px;
	margin-bottom: 15px;
	padding-top:0;
	font-weight: 500;
}

.widget-area .widget-title:after{
	content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 50px;
    background: #004ea0;
    height: 2px;
}

.widget-area ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.widget-area ul ul{
	border-top: 1px solid #F6F6F6;
	margin-top: 5px;
}

.widget-area ul ul li{
	padding-left: 10px;
}

.widget-areaul ul li:last-child{
	border-bottom: 0;
	padding-bottom: 0;
}

.widget-area li{
	padding: 5px 0;
	border-bottom: 1px solid #eaeaea;
}

.widget-area a{
	text-decoration: none;
	color: #1c2124;
}
.widget_recent_entries ul {
	
}
.widget_recent_entries ul li{
	float: left;
    width: 100%;
	border: none;
	margin-bottom:10px;
}
.recents_content {
	float:left;
	width:67%;
}
.widget_recent_entries ul li .entry-figure {
	float: left;
    width: 30%;
    margin-right: 3%;
    margin-bottom: 0;
}
.widget_recent_entries ul li:last-child {
	border:none;
}
.widget_recent_entries ul li:before {
  
}


ul.numberingstyle {
	padding: 10px;
    background: #004ea0;
    border: 1px solid #004ea0;
	margin:auto;
	display:table;
	color:#fff;
}
.qna-main-div ul.numberingstyle {
	display: block;
    width: 100%;
}
ul.numberingstyle > li{
	counter-increment: listNumbering;
    position: relative;
    padding-left: 30px;
}
ul.numberingstyle > li:last-child {
	border:none;
}
ul.numberingstyle>  li:before {
    content: counter(listNumbering,decimal) '.';
    font-size: 15px;
    position: absolute;
    left: 0;
    line-height: 30px;
}
.qna-main-div ul.numberingstyle>  li:before {
	color:#004ea0;
}
ul.numberingstyle>  li a {
	line-height:30px;
	color:#fff;
}
ul.numberingstyle>  li a:hover {
	color:#ff6c00;
}

.document-detail ul.numberingstyle>  li {
	position:relative;
	text-align:left;
}

.pagination {  
    width: 100%;
    display: block;
    clear: both;
}

.document-detail ul.numberingstyle>  li a::after {
    line-height: 30px;
    font-weight: normal;
    font-family:  "Font Awesome 5 Free";
    text-align: center;
    color: #fff;
    position: relative;
    /* display: inline; */
    content: "\f0ab";
    font-size: 18px;
    padding-left: 10px;
}

ul.numberingstyle ul {
	list-style-type: initial;
    list-style-position: inside;
}
.widget-area a:hover{
	color: #004ea0
}
.widget-area .widget{
	margin-bottom: 30px;
	float: left;
    width: 100%;
}
#tblStockInfo {
	margin: 0;
    border: 5px solid #00acf1;
    border-bottom: 0;
    height: 220px;
    background: url(http://vimc.co/wp-content/uploads/2019/01/stock.jpg) no-repeat center left;
}
#tblStockInfo td {
	padding: 15px 10px;
    vertical-align: top;
    font-weight: 500;
}
#tblStockInfo td.d {
    color: #f58c00;
    font-size: 45px;
    border-right: dotted 1px #999;
}
#tblStockInfo td.grf {font-size: 16px;}
#tblStockInfo td.g_r ,
#tblStockInfo td.g_c,
#tblStockInfo td.grf,
#tblStockInfo td.g__{
	font-weight: bold;
	color: #f58c00;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.author-email-url{
	margin-left: -2%;
}

.comment-form-author,
.comment-form-email,
.comment-form-url{
	float: left;
	margin-left: 2%;
	width: 31.33333%;
}

.author-email-url input{
	width: 100%;
}

.comment-form .form-submit{
	margin-bottom: 0
}

#comments{
	       background: #f3f7f8;
    border: 2px solid #eaeaea;
    padding: 10px;
    margin-bottom: 20px;
	text-align:left;
}

h3#reply-title,
h3.comments-title{
	position: relative;
	padding-bottom: 15px;
}

h3#reply-title:after,
h3.comments-title:after{
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 30px;
    background: #004ea0;
    height: 2px;
}

.logged-in-as,
.comment-notes{
	font-size: 13px;
}

#comments ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#comments li.comment{
	margin: 0 0 20px;
}

#comments li.comment .children{
	display: block;
    margin: 20px 0 0 30px;
    padding: 0px;
    list-style: none;
}

article.comment-body {
    background: #383838;
    margin: 0px;
    padding: 15px;
    position: relative;
	color:#fff;
}

.comment-list a{
	color: #004ea0;
}

.comment-list a:hover{
	color: #004ea0 !important;
}

.comment-list .comment-respond{
	margin-top: 20px;
	background: #383838;
	padding: 20px;
}
.g-recaptcha-comment {
	padding: 0;
    margin-bottom: 20px;
}
.comments-area .um-field-error {
	display:inline-table;
	margin-bottom:10px;
	margin-top:0;
}
.comments-area .form-submit input[type="submit"] {
	    border-radius: 5px;
    text-transform: uppercase;
}
.comment-list .vcard img {
	border-radius: 50%;
	margin-right: 10px;
}

.comment-list .vcard .fn{
	font-weight: normal;
	font-size: 16px;
	
}

.comment-list .edit-link{
	position: absolute;
	right: 0;
	top: 0;
}

.comment-list .edit-link a{
	font-size: 13px;
	display: inline-block;
	padding: 10px;
}

.comment-list .comment-meta {
	margin-bottom: 15px;
} 

.comment-list .comment-metadata {
	border-top: 1px solid #EEE;
	padding-top: 10px;
	font-size: 13px;
	
}

.comment-list .comment-metadata a {
	float: left;
}

.comment-list .comment-metadata .reply {
	float: right;
}

#cancel-comment-reply-link {
	float: right;
}

.nav-previous a,
.nav-next a{
	background: #004ea0;
	color: #FFF;
	display: inline-block;
	padding: 0 10px;
	font-size: 12px;
	line-height: 22px;
	position: relative;
}

.nav-next a{
	margin-right: 13px;
}

.nav-next a:after{
	content: "";
	position: absolute;
	border-left: 11px solid #004ea0;
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	top: 0;
	right: -11px;
}

.nav-previous a{
	margin-left: 11px;
}

.nav-previous a:after{
	content: "";
	position: absolute;
	border-right: 11px solid #004ea0;
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	top: 0;
	left: -11px;
}

.no-comments{
	color: #004ea0;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
	    margin-bottom: 20px;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 15px;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
	font-style: italic;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 15px;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
.hs-container{
	width: 90%;
	margin: 0 auto;
	max-width:1200px;
	

}
/* .hs-container img {
    border: solid 1px #fff;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3); 
}*/
.hs-container.row{
	margin: 0px auto!important;
}
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
#hs-masthead{
	left: 0;
    right: 0;
    z-index: 99999;
    border-top: none;
    padding: 0;
    /* height: 80px; */
    transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: fixed;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.75);
	
}
#hs-masthead .hs-container{
        display: flex;
    align-items: center;
    justify-content: center;
}

#hs-masthead.fadeInDown{
	
	box-shadow:none;
	 box-shadow: 0 3px 10px rgba(0,0,0,0.2);
	/*background: url('images/headermenubg.jpg') repeat-x left bottom  ;*/
}

.page-template-home-template #hs-masthead.hs-white.fadeInDown,
.home.blog #hs-masthead.hs-white.fadeInDown{
	background: rgba(255,255,255,0.95);
}

#hs-site-branding{
        max-width: 275px;
    padding: 0 10px;
}
#hs-site-branding img{
	max-height: 70px;
	width: auto;
	
} 

.hs-main-header{
	background: url(images/bg-new.jpg) no-repeat left center;
	background-size:cover;
    padding: 300px 0 10px 0;
    position: relative;
	/* text-transform:uppercase; */
}
@media screen and (max-width: 767px) {
.hs-main-header{
	background: url(images/bg-newm.jpg) no-repeat left center;
	}	
}


.hs-main-header.products-page-header   {
	padding:0;
}
.hs-main-header.products-page-header  > .hs-container {
	position:absolute;
	padding:75px 0;
	    width: 100%;
    max-width: none;
}
.hs-main-header.products-page-header  .bx-wrapper,.hs-main-header.products-page-header .bx-viewport {
    height: 350px !important;
}

.hs-main-header.products-page-header  .bx-wrapper .bx-viewport {
	border:0;
}
.page-id-114 .hs-main-header {
	background: url(images/about-viettel.jpg) no-repeat left center;
	background-size:cover;
}
.center-align {
	text-align:center;
}
.center-align .col-sm {
	padding: 10px;    
    border-bottom: 1px solid #eaeaea;
	margin-bottom:20px;
}
.center-align .col-sm i {
	font-size:40px;
	color: #004ea0;
}
.products-page-header {
	
}
.arichive-gallery a {
	color:#fff;
}
.arichive-gallery a.home_post_title {
	margin-top:10px;
}
.arichive-gallery .home-blog-post a {
	float:left;
	width:100%;
}
.arichive-gallery .home-blog-post  {
	margin-top:20px;
}
.product-detail-header {
	background: url(images/vt-default-header-bg2.jpg) no-repeat top center;
	background-size:cover;
	text-transform: none;
	padding-bottom:0;
}
.product-detail-breadcrumbs {
	margin-top:75px;
}
.news-main-header {
	background: url(/wp-content/uploads/2019/01/bg-new.jpg) no-repeat bottom center;
	background-size:cover;
}
.products-page-header {
	margin-bottom:30px;
}

.hs-main-header:after,
.slide-banner-overlay{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(images/overlay.png);
	display:none;
}

.hs-main-header > .hs-container{
	position: relative;
	z-index: 9;
	display:none;
}

.hs-main-title{
	margin: 0 0 15px;	
	font-weight: 400;
	/* text-transform: uppercase; */
	color: #fff;
	text-align: center;
	
	letter-spacing: 1px;
	display: inline-block;
}
.documents-list-area .hs-main-title{
	color:#004ea0;
}
.guide-detail .hs-main-title {
	color: #004e9f;
}

.product-detail-header .hs-main-title {
    font-size: 30px;
    text-align: left;
	font-weight:bold;
}

.hs-site-title{
	
	font-weight: bold;
	margin: 0 0 5px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 28px;
	line-height: 1.2;
}

.hs-site-title a{
	text-decoration: none;
	color: #FFF;
	display: inline-block;
}

.hs-white.fadeInDown .hs-site-title a{
	color: #333;
}

.hs-site-title a:first-letter{
	
}

.hs-site-description{
	color: #EEE;
	margin: 0;
	font-size: 13px;
	font-style: italic;
	line-height: 1;
}

.hs-white.fadeInDown .hs-site-description{
	color: #666
}

.hs-breadcrumbs,
.woocommerce .woocommerce-breadcrumb{
	text-align: center;
	font-size: 13px;
	color: #EEE;
	margin-bottom: 10px;
	display: inline-block;
}
.product-detail-header .hs-breadcrumbs{
text-align:left;
text-transform:uppercase;
font-weight:normal;
}
.hs-breadcrumbs a,
.woocommerce .woocommerce-breadcrumb a{
	color: #fff
}

.hs-breadcrumbs .current,
.hs-breadcrumbs a:hover,
.woocommerce .woocommerce-breadcrumb a:hover{
	color: #fff;
}
/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
.hs-section{
	padding: 30px 0;
}
.hs-counter-note-title  {
    display: block;
    height: 45px;
    background: #00adee;
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-size: 18px;
}
.hs-counter-note-title img {
	width: 35px;
    height: auto;
    margin-right: 10px;
    margin-top: -5px;
}
.hs-counter-note-title a {
	color: #fff;
}
.row.sub-manager-main-div {
    width: 100%;
}

.row.sub-manager-main-div >div {
    float: none;
    margin: auto;
}
.hs-counter-note-title .fas  {font-size: 30px;}

.arichive-co-dong .hs-counter-note-title  {
	background:none;
	font-size:30px;
	color:#004ea0;
	margin-top:30px;
	margin-bottom: 20px;
	position: relative;
	font-weight: bold;
}
.arichive-co-dong .hs-counter-note-title::after {
    display: block;
    width: 85px;
    height: 3px;
    content: '';
    background: #00adee;
    position: absolute;
    bottom: -8px;
    left: 46%;
    border-color: #fff;
}
.arichive-co-dong #tblStockInfo {
	border-bottom:5px solid #00acf1;
	margin-bottom: 30px;
}
#hs-counter-section .hs-section{
	padding: 20px 0;
}
#hs-banner-adv-section {
	padding: 20px 0 30px 0;
}
#hs-banner-adv-section .col {
	padding-left:10px;
	padding-right:10px;
}
#hs-banner-adv-section .hs-banner-adv1 {
	padding-left:0;
}
#hs-banner-adv-section .hs-banner-adv4 {
	padding-right:0;
}
#hs-contact-section .hs-section {
	padding:0;
}
.hs-section-title{
	text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    /* letter-spacing: 1px; */
    text-transform: uppercase;
    font-size: 22px;
    max-width: 100%;
    margin: 0 auto 20px;
    color: #004ea0;
    letter-spacing: -1px;
}
#hs-blog-section .hs-section-title{
	text-align: center;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    /* letter-spacing: 1px; */
    text-transform: uppercase;
    font-size: 25px;
    max-width: 100%;
    padding: 10px 0;
    color: #004ea0;
    border-bottom: 1px solid #dcdcdc;
    margin: 0;
}

#hs-news-section {
	background: url(images/news_section_bg.jpg) no-repeat;
	background-size: cover;
}


@media screen and (max-width: 767px) {
	#hs-news-section{
		background: #fff;
	}
}


#hs-news-section  .hs-section-title {
	
   
    height: 30px;
    line-height: 27px;
}
#hs-gallery-section {
	background: #01509e;
    color: #fff;
}
#hs-gallery-section .hs-section-title {
	color:#fff;
}
#hs-gallery-section .hs-section-title i {
	color:#00adee;
}
#hs-gallery-section a.home_post_title , #hs-gallery-section a.home_post_title:visited{
    color: #fff;
    margin-top: 5px;
    float: left;
	width: 100%;
	padding-left: 5px;
    padding-right: 5px;
    font-family: "roboto condensed";
    padding-left: 30px;
}
#hs-gallery-section a.home_post_title i  {
	color:#00adee;
    margin-left: -29px;
    margin-right: 9px;
    font-size: 18px;
}
#hs-gallery-section a.home_post_title:hover {
	color:#00adee;
}
.home-videos-gallery aside .widget-title i {
	color:#00adee;
	margin-right: 5px;
}
#hs-news-section  .hs-section-title.small-logo {
	background: url(images/small_logo.png) left center no-repeat;
	background-size: auto 100%;
    padding-left: 40px;
}
#hs-testimonial-section .hs-section-title{
	color: #fff;
}
#hs-about-us-section .hs-section-title,
#hs-counter-section .hs-section-title {
	color:#fff;
}


.hs-section-tagline{
	text-align: center;
    max-width: 100%;
    margin: auto;
    font-size: 21px;
    font-weight: 700;
    margin: 10px;
    color: #004ea0;
}
.hs-slide-cap-button {
	text-align: center;
    margin-top: 30px;
}

.hs-slide-cap-button  a{
	 font-size: 20px;
    text-transform: inherit;
    color: #fff;
    /* border-top: 2px solid #004ea0; */
    /* border-bottom: 2px solid #004ea0; */
    padding: 0;
    text-decoration: none;
    /* font-family: 'Roboto Slab', serif; */
    background: url(images/bannerbtn.png) no-repeat top right;
    font-weight: 400;
    width: 324px;
    height: 69px;
    text-align: center;
    /* position: absolute; */
    display: inline-table;
    line-height: 69px;
    text-transform: uppercase;
	
}
.wpcf7 label br {
	display:none;
}
.wpcf7 label {
	width:100%;
}
.wpcf7  .wpcf7-form-control-wrap {
	float:left;
	width:100%;
}

.wpcf7  input[type="text"], .wpcf7  input[type="email"] , .wpcf7  input[type="tel"] {
	float:left;
	width:100%;
}
.wpcf7 .your-message > textarea {
	height:100px;
}

.nav-tabs {
	border-bottom: none;
    text-align: center;
    display: list-item;
}
.nav-tabs .nav-link {
	border: 1px solid transparent;
    border-radius: 5px;
    display: inline-block;
    float: none;
    margin: 10px;
    background: #00adee;
    width: 100px;
    color: #dfdfdf;
	font-weight: bold;
	width:30%;
	position: relative;
    margin-bottom: 20px;
}
.home-videos-gallery figure {
	margin:0;
}
#hs-gallery-section .home-videos-gallery a.home_post_title {
	margin: 5px 0 0 0;
}
.home-videos-gallery figure iframe {
	width:100%;
	height:auto;
	margin:0;
}
.nav-tabs .nav-link .fas {
	display:none;
}
.nav-tabs .nav-link.active .fas {
	position: absolute;
    bottom: -30px;
    z-index: 999;
    font-size: 50px;
    left: calc(50% - 15px);
	color: #00acf1;
	display:block;
}
.contact-info-div  {
	background:#004ea0;
	height:40px;
	line-height: 40px;
	color: #dfdfdf;
	text-align: center;
	margin:0;
}
.contact-info-div a {
	color: #dfdfdf;
}
.contact_main_header {
	font-size: 30px;
    color: #004ea0;
}
.nav-tabs .nav-link.active {
	border: 1px solid transparent;
	background: #00adee;
	color:#fff;
}

.hs-slide-cap-button  a:hover{
	background: url(images/bannerbtn_active.png) no-repeat top right;
}
.hs-slide-cap-button  a:hover {
	color:#000;
}
.product-detail-ul-header {
	display:block;
	width:100%;
	text-align:left;
	margin-bottom:20px;
}
.arichive-gallery-list-page {
	background: #272936;
    color: #fff;
    width: 100%;
    max-width: none;
}
.product-detail-main .bx-wrapper .bx-viewport {
	border: 0;
    background: none;
    box-shadow: none;
    left: 0;
}
h2.product_title {
	padding-bottom: 10px;
   
    position: relative;
    display: table;
    color: #004ea0;
}
.product-detail-info {
	margin-top:20px;
}
.wp-block-embed__wrapper {
	text-align: center;
}
.hs-counter-data-moreinfo a {
	border: 1px solid #fff;
    background: #00adee url(images/icon-trade.png) no-repeat left center;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    padding-left: 150px;
    background-size: contain;
}
/** FOR Home Video*/
.staff-about-table  p {
	margin:0;
}
.tdcolor_bold {
	font-weight: bold;
	color:#004ea0;
}
.loadbody {
	height: 100%;
    overflow: hidden;
}

.video_main_div .fas {
	position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99999999;
    /* width: 50px; */
    /* height: 50px; */
    font-size: 30px;
    cursor: pointer;
    color: aliceblue;
}
.video_main_div .fas:hover {
	color:#990000;
}
.video_main_div {
	margin: 0;
    padding: 0;
    background: #01509d;
    background-attachment: fixed;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999999;
  }
/* Center the loader */
#loader {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	margin: -75px 0 0 -75px;
	width: 100px;
	height: 100px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	z-index:9999;
  }
  
  @-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }
  
  /* Add animation to "page content" */
  .animate-bottom {
	position: relative;
	-webkit-animation-name: animatebottom;
	-webkit-animation-duration: 1s;
	animation-name: animatebottom;
	animation-duration: 1s
  }
  
  @-webkit-keyframes animatebottom {
	from { bottom:-100px; opacity:0 } 
	to { bottom:0px; opacity:1 }
  }
  
  @keyframes animatebottom { 
	from{ bottom:-100px; opacity:0 } 
	to{ bottom:0; opacity:1 }
  }
  
  .video_main_div video {
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	transform: translateX(calc((100% - 100vw) / 2));
	
  }

  /* These just style the content */
  #myTitle {
	position: absolute;
	top:20px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
  }
  
  #myTitle h1 {
	width: 100%;
	font-size: 36px;
	letter-spacing: 0px;
	margin-bottom: 10px;
	color: #fff;
	font-family: Roboto, sans-serif;
	text-align: center;
	text-shadow: 1px 0 0 #01509d, -1px 0 0 #01509d, 0 1px 0 #01509d, 0 -1px 0 #01509d, 1px 1px #01509d, -1px -1px 0 #01509d, 1px -1px 0 #01509d, -1px 1px 0 #01509d;
  }
  
  #myTitle p {
	text-align: center;
  }
  #myTitle img {margin: 0 5px;}

  /** end home video */
  
.product-detail-info .tab-content {
	    border: none;
    padding: 20px 0;
    border-top: none;   
    float: left;
    width: 100%;
	text-align:center;
}
.product-detail-info .nav-tabs {
       border-bottom: 1px solid #004ea0;    
}
.product-prices-info .tab-content {
	padding-top:30px;
}
.product-prices-info  .nav-tabs .nav-link {
	   font-family: 'Roboto Slab', serif;
    font-size: 15px;
    text-transform: uppercase;
    border: none;
    color: #676767;
}

.product-prices-info .nav-tabs .nav-item.show .nav-link, 
.product-prices-info .nav-tabs .nav-link.active, 
.product-prices-info .nav-tabs .nav-link:focus, 
.product-prices-info .nav-tabs .nav-link:hover {
        background: #004ea0;
    color: #fff;
    border: none;
    border-bottom: 1px solid #004ea0;
}


.product-prices-info .nav-tabs {
    border-bottom: 1px solid #004ea0;
}

.product-detail-info .nav-tabs .nav-link {
	 font-family: 'Roboto Slab', serif;
    font-size: 15px;
    text-transform: uppercase;
	color:#676767;
	    font-weight: normal;
    text-transform: uppercase;
}
.product-detail-info .nav-tabs .nav-item.show .nav-link, .product-detail-info .nav-tabs .nav-link.active,
.product-detail-info .nav-tabs .nav-link:focus,.product-detail-info .nav-tabs .nav-link:hover  {
	    background: #004ea0;
    color: #fff;
    border: none;
    border-bottom: 1px solid #004ea0;
	
}
.product-prices-info {
	margin-top:30px;
}
h2.product_title::after {
    display: block;
    width: 30px;
    height: 2px;
    content: '';
    background: #004ea0;
    position: absolute;
    bottom: 0;
    left: 0;
    border-color: #fff;
}
.product-detail-ul-header  li {
	float:none;
	display:inline-block;
}
a.buttonboder {
	 padding: 5px 10px;
    border: 1px solid #004ea0;
    color: #fff;
    display: inline-block;
    
    text-decoration: none;
}
a.buttonboder:hover {
	color:#004ea0;
}
.product-detail-ul-header  li  a {
	     padding: 0px 10px;
    border: none;
    color: #fff;
    display: inline-block;
    margin: 10px 5px 10px 0px;
    text-decoration: none;
    background: #ff6c00;
    border-radius: 3px;
}
.product-detail-ul-header  li  a:hover {
	color: #004ea0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#hs-site-navigation{
	float: left;
	width: calc(85% - 110px);
	
}

#user-language-div{
	float: right;
	width: 80px;
}
.hs-main-navigation .hs-menu{
	float: right;
	margin-left:0%;
}

.hs-main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	position: relative;
}
.logged_in_header {
	    float: left;
    padding: 2px 5px;
    border: 1px solid #004ea0;
    line-height: 20px;
    margin-top: 16px;
    max-width: 90px;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-transform: uppercase;
    text-overflow: ellipsis;
}
.qtranxs_widget ul.language-chooser {
	line-height:28px;
}
.qtranxs_widget img {
    width: 23px;
    margin-left: 5px;
}
.logged_in_header:hover {
	text-decoration:none;
}
.logged_in_header::before {
	    line-height: 20px;
    font-family:  "Font Awesome 5 Free";
    text-align: center;
    color: #FFF;
    position: relative;
    /* float: left; */
    content: "\f007";
    font-size: 16px;
    width: 20px;
    /* line-height: 60px; */
    text-align: center;
    height: 20px;
	padding-right:5px;
  
}
.hs-main-navigation li {
	float: left;
	position:relative;
}
.hs-main-navigation li.fullcol  {
	position:initial;
}
#menu-main-menu >li.current_page_ancestor {
	background:none;
}
.hs-main-navigation li.current-menu-item {
	background:none;
}
.hs-main-navigation li.current_page_item {
	background:none;
}

.product-prices-info td, .product-prices-info th{
	    border: 1px solid #fff;
    padding:5px;
	vertical-align: top;
}

.hs-main-navigation #menu-main-menu > li.current_page_item >a::after  , .hs-main-navigation #menu-main-menu > li.current-menu-item >a::after
,.hs-main-navigation #menu-main-menu > li:hover >a::after  , .hs-main-navigation #menu-main-menu > li:hover >a::after
,.hs-main-navigation #menu-main-menu > li.current-menu-parent >a::after
,.hs-main-navigation #menu-main-menu > li.current_page_ancestor >a::after 
 
{
	display: none;
    width: 50%;
    height: 2px;
    content: '';
    background: #fff;
    position: absolute;
    top: 30px;
    left: 25%;
    border-color: #fff;
    
}
	.hs-main-navigation #menu-main-menu > li.current_page_item >a, .hs-main-navigation #menu-main-menu > li.current-menu-item >a, .hs-main-navigation #menu-main-menu > li:hover >a, .hs-main-navigation #menu-main-menu > li:hover >a, .hs-main-navigation #menu-main-menu > li.current-menu-parent >a, .hs-main-navigation #menu-main-menu > li.current_page_ancestor >a{
		color: #fff;
    background: #00adee;
	}
.hs-adv-banner {
	position: relative;
    float: left;
    WIDTH: 100%;
}
.event_detail figure {
	float: left;
    width: 35%;
    margin-right: 15px;
}
.hs-adv-banner a {
	    float: left;
    width: 100%;
}
.hs-adv-banner .hs-adv-banner-caption {
	    position: relative;
    bottom: 30px;
    left: 20px;
	font-size:15px;
	font-weight:bold;
	color:#fff;
	display: none;
}
.hs-adv-banner .hs-adv-banner-caption h3 {
	font-size:22px;
	background: #004ea0;
	padding-left:3px;
	padding-right:3px;
}
.hs-adv-banner .hs-adv-banner-caption b {
	
	background: #004ea0;
	
}
.hs-adv-banner img {
      
}
.hs-adv-banner:hover img {
       opacity: 1;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}
.hs-main-navigation a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 0 10px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    position: relative;
	
}
.back_link_button {
	    position: relative;
    display: inline-block;
    font-size: 13px;
    color: #fff !important;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: auto;
    padding-right: 10px;
    margin-right: 10px;
    text-decoration: none;
}
.back_link_button span {
	padding-left: 10px;
	font-weight:300;
}
.back_link_button i {
	color:#fff;
}
.back_link_button:hover {
	text-decoration:none;
	
}
.back_link_button:hover  span {
	  color:#fff;
	  text-decoration:none;
    
	
}
.event_date i, .event_date span {
	font-weight:bold;
	color:#004e9f;
}
.event_date i.fa-angle-right {	
	color:#ff6c00;
}
.event_info , .nf-form-cont {
	       background: #f3f7f8;
    border: 2px solid #eaeaea;
	padding: 10px 10px 0 10px;
    margin-bottom: 20px;
}
.dropdown-menu.search-dropdow {
    background: #004ea0;
    padding: 10px;
    left: -150px !important;
}
.dropdown-menu.search-dropdow input[type="search"] {
	height:36px;
	background:#fff;
}

.hs-adv-banner:hover .hs-adv-banner-caption  {
	
}
.hs-main-navigation #menu-main-menu > li >a {
	    padding: 0 10.5px;
    line-height: 66px;
    height: 66px;
    color: #004EA0;
    text-align: center;
    
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}
.hs-main-navigation #menu-main-menu > li:last-child >a {
	border:none;
}

#hs-news4-section .col-sm-4 .hs-blog-wrap {
	border: 1px solid #dfdfdf;
    padding: 20px 20px 0px 20px;
}
#hs-news4-section .col-sm-4 .hs-blog-wrap .home-blog-post {
	border-bottom: 1px solid #dfdfdf;
    margin-bottom: 10px;
	padding-bottom: 10px;
	float:left;
}
#hs-news4-section .col-sm-4 .hs-blog-wrap .home-blog-post:last-child {
	border:none;
}
.hs-main-navigation #menu-main-menu > li {
	padding-bottom: 0;
    margin: 0;
}

.page-template-home-template .hs-white.fadeInDown .hs-menu > ul > li > a,
.home.blog .hs-white.fadeInDown .hs-menu > ul > li > a{
	color: #111;
}
.widget div.copyright {
	display:none !important;
}
.first_col_news5 {
	margin-bottom:30px;
}
.hs-main-navigation ul ul {
	display: none;
    position: absolute;
    left: 0px;
    top: 100%;
    background: #00acf1;
    min-width: 250px;
    box-shadow: none;
}
.hs-main-navigation #menu-main-menu >li >.sub-menu {
	
    /*padding: 10px;
    border-top: 2px solid #004ea0;*/
    padding-top:10px;
}
.hs-main-navigation ul .fullcol ul {
	min-width: 100%;
}
.hs-main-navigation ul .fullcol > ul.sub-menu >li {
	display:inline-block;
	width:29%;
	margin:2%;
}
.hs-main-navigation ul .fullcol > ul.sub-menu >li .sub-menu {
	    position: relative;
    float: left;
    display: block;
    left: 0;
}
.hs-main-navigation ul ul ul {
	left: 100%;
	top: 0;
}

.hs-main-navigation ul ul a {
	text-transform: none;
	    font-weight: 300;
    color: #fff;
	line-height: 1.5;
	padding: 10px 15px;
	font-size: 15px;
}


.hs-main-navigation ul .fullcol ul a {
	
	padding: 10px 0;
	
}

.hs-main-navigation ul ul li {
	float: none;
	border-bottom: 1px dotted #ccc;
}
.hs-main-navigation ul ul li:hover {
	background: #0048a2
}

.hs-main-navigation ul .fullcol > ul > li {
	border-bottom:none;
}
.hs-main-navigation ul .fullcol > ul > li >a {
	font-weight:bold;
	color:#fff;
}

.modal-backdrop {
	z-index: 999999;
}
.modal {
	z-index: 9999999;
}
#homeVideos .wp-video {
	width:100% !important;
}
#homeVideos .modal-dialog {
	width:80% !important;
	max-width: none;
	margin-top:5%;
	margin-left:10%;
}
.hs-main-navigation ul .fullcol > ul > li >a:hover , .hs-main-navigation ul .fullcol > ul > li.current-menu-item >a {
	color:#fff;
}
.language_switch{
	    margin-bottom: 0;
    margin-top: 0;
    display: inline-block;
    border-left: 1px solid #ccc;
    padding-left: 10px;
    margin-left: 10px;
    height: 15px;
    line-height: 15px;
}
.language_switch a {
	   
    display: inline-block;
    opacity: 0.5;
    vertical-align: top;
}
.language_switch a img {
	vertical-align:initial;
}
.language_switch a.active, .language_switch a:hover {
	opacity:1;
}
.hs-main-navigation .language_switch a {
	display:inline-block;
	padding:0 5px;
	height:16px;
	line-height:16px;
}
.hs-main-navigation ul ul li:last-child{
	border-bottom: 0;
}
.user-dropdown-menu {
	float:right;
	width:30px;
	line-height:60px;
}
.user-dropdown-menu .nav-link {
	padding:0;
}
.user-dropdown-menu .dropdown-toggle::after {
	display:none;
}
.user-dropdown-menu .nav-link {
	    float: left;
    height: 24px;
    margin: 0;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 100%;
    position: relative;
    padding: 12px;
    margin-top: 10px;
    line-height: 24px;
}
.user-dropdown-menu .nav-link::before {
	    line-height: 20px;
    font-family:  "Font Awesome 5 Free";
    text-align: center;
    color: #FFF;
    position: absolute;
    /* float: left; */
    content: "\f007";
    font-size: 16px;
    width: 20px;
    /* line-height: 60px; */
    text-align: center;
    height: 20px;
    top: 2px;
    left: 2px;
}
.user-logined-dropdown-menu .nav-link::before {
	color:#fff;
}
.user-logined-dropdown-menu .nav-link {
    border: 1px solid #fff;
}
.user-dropdown-menu .dropdown-menu {
	    background: #004ea0;
    line-height: 25px;
    border-top: 2px solid #fff;
    left: -70px !important;
    border-radius: 0;
    text-align: center;
    padding: 10px 15px;
	
}

.user-dropdown-menu .dropdown-menu .dropdown-divider {
	    border-top: 1px dotted #fff;
}

.user-dropdown-menu .dropdown-menu .dropdown-item {
	padding:0;
}

.user-dropdown-menu .dropdown-menu .dropdown-item:focus, .user-dropdown-menu .dropdown-menu .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background: none;
}


.user-dropdown-menu .dropdown-menu .dropdown-item {
	color:#fff;
	font-weight: 300;
    font-size: 15px;
}
.hs-main-navigation ul li:hover > ul {
	display: block;
}
.form-control {
	font-size:13px;
}

.page-template-home-template .hs-main-navigation .current_page_item > a,
.page-template-home-template .hs-main-navigation .current-menu-item > a,
.page-template-home-template .hs-main-navigation .current_page_ancestor > a,
.home.blog .hs-main-navigation .current_page_item > a,
.home.blog .hs-main-navigation .current-menu-item > a,
.home.blog .hs-main-navigation .current_page_ancestor > a{
	color:#fff;
}

.hs-main-navigation li:hover > a,
.page-template-home-template .hs-main-navigation .current_page_item:hover > a,
.page-template-home-template .hs-main-navigation .current-menu-item:hover > a,
.page-template-home-template .hs-main-navigation .current_page_ancestor:hover > a,
.page-template-home-template .hs-white.fadeInDown .hs-main-navigation li:hover > a,
.home.blog .hs-main-navigation .current_page_item:hover > a,
.home.blog .hs-main-navigation .current-menu-item:hover > a,
.home.blog .hs-main-navigation .current_page_ancestor:hover > a,
.home.blog .hs-white.fadeInDown .hs-main-navigation li:hover > a{
	color: #fff;
   
}
.slider_link_over {
	position:absolute;
	width:100%;
	height:100%;
	
}
.hs-main-navigation .current_page_item > a,
.hs-main-navigation .current-menu-item > a,
.hs-main-navigation .current_page_ancestor > a,
.page-template-home-template .hs-main-navigation .current > a,
.page-template-home-template .hs-white.fadeInDown .hs-main-navigation .current > a,
.home.blog .hs-main-navigation .current > a,
.home.blog .hs-white.fadeInDown .hs-main-navigation .current > a {
	color: #fff;
}

.hs-menu > ul > li > a:after{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: 12px;
	border-bottom: 2px solid #EE3B24;
	left: 100%;
	right: 100%;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	display:none;
}

.page-template-home-template .hs-main-navigation .current_page_item > a:after,
.page-template-home-template .hs-main-navigation .current-menu-item > a:after,
.page-template-home-template .hs-main-navigation .current_page_ancestor > a:after,
.home.blog .hs-main-navigation .current_page_item > a:after,
.home.blog .hs-main-navigation .current-menu-item > a:after,
.home.blog .hs-main-navigation .current_page_ancestor > a:after{
	left: 100%;
	right: 100%;
}

.hs-menu > ul > li:hover > a:after,
.hs-main-navigation .current_page_item > a:after,
.hs-main-navigation .current-menu-item > a:after,
.hs-main-navigation .current_page_ancestor > a:after,
.page-template-home-template .hs-main-navigation .current_page_item:hover > a:after,
.page-template-home-template .hs-main-navigation .current-menu-item:hover > a:after,
.page-template-home-template .hs-main-navigation .current_page_ancestor:hover > a:after,
.page-template-home-template .hs-main-navigation .current > a:after,
.page-template-home-template .hs-white.fadeInDown .hs-main-navigation .current > a:after,
.home.blog .hs-main-navigation .current_page_item:hover > a:after,
.home.blog .hs-main-navigation .current-menu-item:hover > a:after,
.home.blog .hs-main-navigation .current_page_ancestor:hover > a:after,
.home.blog .hs-main-navigation .current > a:after,
.home.blog .hs-white.fadeInDown .hs-main-navigation .current > a:after {
	left: 15px;
	right: 15px;
}


.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 15px;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.pagination .nav-links{
	text-align: center;
}

.pagination .nav-links a,
.pagination .nav-links span{
	display: inline-block;
	background: #004e9f;
	padding: 10px;
	color: #FFF;
	line-height: 1;
	margin: 0 2px;
}

.pagination .nav-links a:hover,
.pagination .nav-links span.current{
	background: #000;
}
/*--------------------------------------------------------------
## Home Slider
--------------------------------------------------------------*/
#hs-home-slider-section{
	min-height: 220px;
	background:none;
	position: relative;
	
}
#hs-content {
	top:0;
	position:relative;
}
.home #hs-content {
	top:0;
}
.news7-style1 {
	background: #77aac8;
    margin-bottom: 14px;
    
}
.news7-style1 a {
	color: #fff;
    font-size: 15px;
}
.news7-style2 {
	background: #4dc0d6;
    margin-bottom: 14px;
    
}
.news7-style2 a {
	color: #fff;
    font-size: 15px;
}

#hs-home-slider-section .bx-wrapper{
	margin: 0;
}

#hs-home-slider-section .bx-wrapper .bx-viewport{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border:  0;
	left: 0;
	background: #fff;
}

.hs-slide{
	position: relative;
	display:none;
}

.hs-slide img{
	width: 100%;
	max-width: 100%;
	height:auto !important;
	transform: translateZ(0);
	-ms-transform: translateZ(0);
	-webkit-transform: translateZ(0);
}

.hs-slide-overlay{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9;
	
}
.hs-slide-dump{
	position: absolute;
	width:500px;
	height:500px;
	right: -30px;
	top: -30px;
	background: url(images/Drum.png) no-repeat right;	
	background-size:cover;
	z-index: 9;
	-webkit-animation:spin 30s linear infinite;
    -moz-animation:spin 30s linear infinite;
    animation:spin 30s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.hs-slide-caption{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1170px;
	margin-left: -585px;
	-ms-transform: translateY(-50%); 
   	-webkit-transform: translateY(-50%); 
    transform: translateY(-50%);
    z-index: 99;
	
}

.hs-slide-cap-title {    text-align: center;
    font-size: 48px;
    color: #FFF;
    font-weight: nomal;
    margin-bottom: 25px;
    padding: 0 10%;
    line-height: 0.8;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
	font-family: 'Roboto Slab', serif;
}
.hs-slide-cap-header{
	font-size: 30px;
	
	
}
.entry-figure img {
    width: 100%;
    height: auto;
    max-width: none;
}
.hs-slide-cap-desc{
	text-align: center;
	font-size: 18px;
	color: #FFF;
	font-weight: 500;
	padding: 0 20%;
	
	font-weight: 300;
}

#hs-home-slider-section .bx-wrapper .bx-controls-direction a{
	height: 60px;
    width: 42px;
	margin-top: -20px;
	opacity: 0.3;
	background-color:none;
	border-radius: 1px;
	
}
.hs-main-header, #hs-home-slider-section {
	
}

div#about-intro-div {
	background:#014e9c  url(images/bg-tong-quan-vimc.jpg) no-repeat top center;
	background-size: 100% auto;
}

.hashone_aboutus_title {
    text-align: center;
    margin-top: 20px;
    color: #fff;
}
.hashone_aboutus_intro {
	text-align: center;
	color: #fff;
	padding:10px 0;
    margin-bottom:20px;
    font-weight: 300;
}
.about-intro-detail {
	color: #fff;
    line-height: 20px;
    margin-top: 20px;
	font-size: 16px;
}
.modal .more-link  {
	background: #01509e;
}
.about-intro-detail label {
	
}
.about-intro-detail > div {
    line-height: 35px;
}
.about-intro-detail .row {
	margin-bottom:15px;

}
.about-intro-detail .col-sm-3 {
	font-weight:bold;
}
.hs-main-header {
	margin-bottom: 30px;
}
.about-us-header {
	margin-bottom:0;
}
.about-heading-href {
    background:#01509e;
    padding: 10px 0;
}
.about-heading-href a {
    height: 15px;
    line-height: 15px;
    border-right: 1px solid #999;
    padding-right: 10px;
}
.about-heading-href  .col-sm-auto {
	padding-left:5px;
	padding-right:5px;
}
.about-heading-href .col-sm-auto:last-child  a{
	border-right:none;
}

.about-timeline-div #issues > li.selected img {
    -webkit-transform: scale(1.0,1.0);
	transform: scale(1.0,1.0);
	height: 150px;
    width: auto;
}
.about-timeline-div {
	background:#e1d3b9  url(images/bg-lich-su-vimc.jpg) top center no-repeat;
	background-size:100% auto;
	text-align: center;
}
.about-mission-div {
	background:url(images/bg-tam-nhin.webp) top center no-repeat;
	background-size:cover;
	color:#fff;
}
.about-mission-div2{
	background:url(images/bg-muc-tieu-vimc.jpg) top center no-repeat;
	background-size:cover;
	color:#fff;
}
.about-us-header-title {
	display: block;
    margin-top: 30px;
    text-align: center;
    width: 100%;
    color: #0048a2;
	font-size: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	position: relative;
	margin-bottom: 35px;
}
.hashone_aboutus_title .about-us-header-title  {
	color:#FFF;
}
.post-type-archive-ma_mau .hs-main-header {
	background:url('images/mausac.png') !important;
	background-size: cover !important;
}

.page-id-269 .hs-main-header {
	background:url('images/phongthuy.png') !important;
	background-size: cover !important;
}
.page-id-161 .hs-main-header {
	background:url('images/lienhe.png') !important;
	background-size: cover !important;
}
.category-tuyen-dung .hs-main-header {
	background:url('images/tuyendung.png') !important;
	background-size: cover !important;
}

.page-id-139 .hs-main-header {
	background:url('images/tinhson.png') !important;
	background-size: cover !important;
}

.woocommerce .hs-main-header {
	background:url('images/sanpham.png') !important;
	background-size: cover !important;
}

#hs-home-slider-section .bx-wrapper .bx-controls-direction a:hover{
	opacity: 1;
}

#hs-home-slider-section .bx-wrapper .bx-prev{
	background: url(images/prev.png) no-repeat center;
	left: 20px;
}
.widget_media_image img {
	width:100%;
	max-width: none;
	height:auto;
}
.hs-footer1 .widget_media_image img {
	width:auto;
	max-width: none;
	height:auto;
}
#hs-home-slider-section .bx-wrapper .bx-next{
	background: url(images/next.png) no-repeat center;
	right: 20px;
}
.about-intro-detail-logo-none {
    padding-left: 50px;
}
.about-intro-detail-logo-icon {
    padding-left: 10px;
}
.about-intro-detail-logo-icon img {margin-right: 10px;}
/*--------------------------------------------------------------
## About Section
--------------------------------------------------------------*/
#hs-about-us-section{
	background: #0054a5;
	color:#fff;
}

.hs-about-sec{
	width: 54%;
	float: left;
	text-align: justify;
}

.hs-about-sec h2.hs-section-title{
	text-align: left;
	max-width: 100%;
	margin-bottom: 0px;
}

.hs-progress{
	margin-bottom: 20px;
	margin-top:30px;
}

.hs-progress:last-child{
	margin-bottom: 0;
}

.hs-progress h6{
	font-weight: 500;
	font-size: 16px;
}

.hs-progress-bar-sec{
	width: 44%;
	float: right;
}
#hs-about-us-section .hs-progress-bar-sec {
	background:url(images/team.jpg) no-repeat;
	background-size:cover;
	min-height:300px;
	border-radius:10px;
}
#hs-about-us-section .hs-progress-bar-sec .hs-progress {
	display:none;
}
.hs-progress-bar{
	background: #FFF;
	height: 20px;
	width: 100%;
	max-width: 600px;
	position: relative;
	line-height: 20px;
	color: #FFF;
	font-size: 13px;
}

.hs-progress-bar-length{
	background: #004ea0;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	text-align: right;
	padding-right: 20px;
	width: 0;
	visibility: hidden;
	-moz-transition: width 1s ease-out;
	-webkit-transition: width 1s ease-out;
	transition: width 1s ease-out;
}

/*--------------------------------------------------------------
## Featured Section
--------------------------------------------------------------*/
#hs-featured-post-section{
	background: #fff;
}

.hs-featured-post-wrap{
	margin-left: -2%;
}

.hs-featured-post{
	float: left;
	margin-left: 2%;
	width: 23%;
	text-align: center;
}

.hs-featured-post h3{
	text-transform: uppercase;
	font-size: 18px;
}

.hs-featured-post h3 a{
	color: inherit;
}

.hs-featured-post h3 a:hover{
	color: #004ea0;
}

.hs-featured-icon{
	height: 40px;
    width: 80px;
    margin: 55px 0;
    position: relative;
    display: inline-block;
    color: #FFF;
    background: #004ea0;
    font-size: 32px;
    line-height: 40px;
}

.hs-featured-icon:before {
	content: "";
    border-bottom: 25px solid #004ea0;
    border-left: 40px solid rgba(0, 0, 0, 0);
    border-right: 40px solid rgba(0, 0, 0, 0);
    position: absolute;
    left: 0;
    top: -25px;
}

.hs-featured-icon:after {
	content: "";
    border-top: 25px solid #004ea0;
    border-left: 40px solid rgba(0, 0, 0, 0);
    border-right: 40px solid rgba(0, 0, 0, 0);
    position: absolute;
    left: 0;
    bottom: -25px;
}

/*--------------------------------------------------------------
## Portfolio Section
--------------------------------------------------------------*/
.hs-portfolio-cat-name-list{
	text-align: center;
	margin-bottom: 30px;
}

.hs-portfolio-cat-name{
	cursor: pointer;
	display: inline-block;
	border:1px solid #AAA;
	padding: 4px 20px;
	margin: 0 5px;
	position: relative;
	border-radius: 30px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.hs-portfolio-cat-name:hover, 
.hs-portfolio-cat-name.active{
	background: #004ea0;
	color: #FFF;
	border:1px solid #004ea0;
}

.hs-portfolio-cat-name:after, 
.hs-portfolio-cat-name.active:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0px;
	opacity: 0;
	border-color: #004ea0 transparent transparent transparent;
	border-width: 8px 10px 0px 10px;
	border-style: solid;
	margin-left: -10px;
	
}

.hs-portfolio-cat-name:hover:after, 
.hs-portfolio-cat-name.active:after{
	bottom: -8px;
	opacity: 1;
	transition:all 0.3s ease-in-out 0.2s;
	-moz-transition:all 0.3s ease-in-out 0.2s;
	-webkit-transition:all 0.3s ease-in-out 0.2s;
}

.hs-portfolio-post-wrap{
	width: 90%;
	margin: 0 auto;
}

.hs-portfolio{
	width: 25%;
	float: left;
	overflow: hidden;
position:relative !important;	
	left:0 !important;
	top:0 !important;
}
.hs-portfolio.hs-portfolio-div1 {
	width:50%;
}
.hs-portfolio.hs-portfolio-div1 .hs-portfolio-inner{
	margin:5px 5px 0 0;
}
.hs-portfolio.hs-portfolio-div2, .hs-portfolio.hs-portfolio-div3 {
	
}
.hs-portfolio.hs-portfolio-div4 {
	
}
.hs-portfolio-posts {
	height:auto !important;
}
.hs-portfolio-inner{
	position: relative;
	margin: 5px;
	overflow: hidden;
}

.hs-portfolio-caption{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 30px;
	height: 100%;
	opacity: 0;
	background: rgba(1, 1, 1, 0.8);
	text-align: center;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}

.hs-portfolio:hover .hs-portfolio-caption{
	opacity: 1;
}

.hs-portfolio-caption h4{
	color: #FFF;
	margin: 15% 0 10px 0;
	font-weight: 400;
	position: absolute;
	bottom: -100%;
	width: 100%;
	left: 0;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	padding: 0 15px;
}

.hs-portfolio:hover .hs-portfolio-caption h4{
	bottom: 10%;
}

.hs-portfolio img{
	transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	-webkit-transition:all 0.5s ease-out;
	width: 100%;
}

.hs-portfolio:hover img{
	transform: scale(1.8);
	-webkit-transform: scale(1.8);
	-ms-transform: scale(1.8);
}

.hs-portfolio-caption a{
	height: 36px;
	width: 36px;
	display: inline-block;
	line-height: 36px;
	color: #FFF;
	font-size: 14px;
	background: #004ea0;
	margin: 10px 5px;
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}

.hs-portfolio-caption a.hs-portfolio-image{
	-ms-transform: translate(0,-100px); 
   	-webkit-transform: translate(0,-100px); 
    transform: translate(0,-100px);
    transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}

.hs-portfolio-caption a.hs-portfolio-link{
	-ms-transform: translate(0,-100px); 
   	-webkit-transform: translate(0,-100px); 
    transform: translate(0,-100px);
    transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.hs-portfolio:hover .hs-portfolio-caption a.hs-portfolio-link,
.hs-portfolio:hover .hs-portfolio-caption a.hs-portfolio-image{
	-ms-transform: translate(0,0); 
   	-webkit-transform: translate(0,0);
    transform: translate(0,0);
}


/*--------------------------------------------------------------
## Service Section
--------------------------------------------------------------*/
#hs-service-post-section{
	position: relative;
	padding: 30px 0;
	background: #fff;
}
#hs-portfolio-section {
	background: #f3f7f8;
    color: #1c2124;
	border-top:2px solid #eaeaea;
	border-bottom:2px solid #eaeaea;
}
#hs-blog-section {
	background: #f6f6f6;
	padding:10px 0;
}
.home-post-col {
	padding:0;
}
.hs-service-left-bg{
	position: absolute;
	top: 0;
	bottom: 0;
	margin-right: 0%;
	background-position: center;
	background-size:  100% auto;
	background-repeat: no-repeat;
	min-height: 200px;
	width: 100%;
}

.hs-service-posts{
	float: right;
	width: 50%;
	padding-left: 40px;
}

.hs-service-posts .hs-section-title,
.hs-service-posts .hs-section-tagline{
	max-width: 100%
}

.hs-service-post{
	margin-bottom: 25px;
}

.hs-service-icon{
	float: left;
	font-size: 46px;
	color: #004ea0;
	width: 60px;
	text-align: center;
}

.hs-service-icon .fa{
	vertical-align: top;
	margin-top: 5px;
}

.hs-service-excerpt{
	padding-left: 80px;
	padding-right: 20px;
}

.hs-service-excerpt h6{
	font-weight: 500;
	margin-bottom: 6px;
}

.hs-service-excerpt h6 a{
	color: inherit;
}

.hs-service-excerpt h6 a:hover {
	color: #004ea0;
}

/*--------------------------------------------------------------
## Team Section
--------------------------------------------------------------*/
.hs-team-member-wrap{
	margin-left: -2%;
}

.hs-team-member{
	width: 23%;
	margin-left: 2%;
	float: left;
	text-align: center;
}

.hs-team-member-image{
	position: relative;
	overflow: hidden;	
	margin-bottom: 10px;
}

.hs-team-social-id{
	position: absolute;
	left:10%;
	width: 80%;
	bottom: 0;
	padding: 10px;
	background: #FFF;
}

.hs-team-social-id a{
	display: inline-block;
	color: #004ea0;
	margin: 0 10px;
	font-size: 16px;
	line-height: 1;
}

.hs-team-member-excerpt{
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	color: #FFF;
	padding: 30px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	color: #FFF !important;
}

.hs-team-member:hover .hs-team-member-excerpt{
	left: 0%;
}

.hs-team-member-excerpt-wrap{
	display: table;
	width: 100%;
	height: 100%;
}

.hs-team-member-excerpt-wrap span{
	display: table-cell;
	vertical-align: middle;
}

.hs-team-member h6{
	text-transform: uppercase;
	font-weight: 500;
	position: relative;
	padding-bottom: 10px;
}

.hs-team-member h6 a{
	text-decoration: none;
	color: inherit;
}

.hs-team-member h6 a:hover{
	color: #004ea0;
}

.hs-team-member h6:after{
	content: "";
	position: absolute;
	width: 50px;
	left: 50%;
	margin-left: -25px;
	height: 2px;
	background: #004ea0;
	bottom: -2px;
}
.sub_cat_icon {
	text-align:center;
}
.sub_cat_icon a {
	    text-decoration: none;
    display: block;
    padding: 30px 0;
}
.sub_cat_icon a img {
	height:40px;
	width:auto;
}

.sub_cat_icon span {
	display:block;
	color:#1c2124;
	font-weight:bold;
}
.sub_cat_icon:hover, .sub_cat_icon_active{
	background:#eaeaea;
}
.sub_cat_icon a:hover span, .sub_cat_icon_active a span{
	color:#ff6c00;
}
.products-list-area .entry-content {
	position:relative;
}
.products-list-area .entry-content  >p {
	padding-right: 100px;
    max-height: 80px;
    overflow: hidden;
    line-height: 20px;
    text-align: justify;
}
.products-list-area .entry-content .more-link {
        margin: 0;
    position: absolute;
    top: 10px;
    right: 0;
    background: #ff6c00;
}
.um-page-login , .um-page-register, .um-page-account , .um-page-user{
	    background: #f3f7f8;
    
    border-top: 2px solid #eaeaea;
    border-bottom: 2px solid #eaeaea;
}
.sub_category_main_div{
	float:left;
	width:100%;
	padding:0;
	    background: #f3f7f8;
    border-top: 2px solid #eaeaea;
    border-bottom: 2px solid #eaeaea;
	margin-top:-30px;
	position:relative;
	z-index:99;
}

.sub_cat_icon  .sub-child-category{
	position: absolute;    
    width: 100%;
    display: block;
    background: #eaeaea;
    z-index: 99;
	display:none;
	
}
.sub_cat_icon:hover  .sub-child-category {
	display:block;
}
#demo-canvas1, #demo-canvas2 {
position:absolute;
top:0;	
}
/* Disable WhatsApp button on Desktop - Tutorial link: http://crunchify.me/1VIxAsz */
@media screen and (min-width: 1024px) {
    .crunchify-whatsapp {
	display: none !important;
    }
}
 
.crunchify-link {
    padding: 2px 8px 4px 8px !important;
    color: white;
    font-size: 12px;
    border-radius: 2px;
    margin-right: 2px;
    cursor: pointer;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    margin-top: 2px;
    display: inline-block;
    text-decoration: none;
}
.crunchify-link:visited {
	 color: white;
 }
.crunchify-link:hover,.crunchify-link:active {
    color: white;
}
 
.crunchify-twitter {
    background: #00aced;
}
 
.crunchify-twitter:hover,.crunchify-twitter:active {
    background: #0084b4;
}
 
.crunchify-facebook {
    background: #3B5997;
}
 
.crunchify-facebook:hover,.crunchify-facebook:active {
    background: #2d4372;
}
 
.crunchify-googleplus {
    background: #D64937;
}
 
.crunchify-googleplus:hover,.crunchify-googleplus:active {
    background: #b53525;
}
 
.crunchify-buffer {
    background: #444;
}
 
.crunchify-buffer:hover,.crunchify-buffer:active {
    background: #222;
}
 
.crunchify-pinterest {
    background: #bd081c;
}
 
.crunchify-pinterest:hover,.crunchify-pinterest:active {
    background: #bd081c;
}
 
.crunchify-linkedin {
    background: #0074A1;
}

.crunchify-linkedin:hover,.crunchify-linkedin:active {
    background: #006288;
}
 
.crunchify-whatsapp {
    background: #43d854;
}
 
.crunchify-whatsapp:hover,.crunchify-whatsapp:active {
    background: #009688;
}
 
.crunchify-social {
       margin: 20px 0px 0px 0px;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    background: #f3f7f8;
    padding: 10px;
    border: 2px solid #eaeaea;
	text-align:left;
}
.product-detail-intro .crunchify-social {
	    margin: 20px 0px 0px 0px;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    background: #fff;
    padding: 10px;
    border: none;
    position: absolute;
    top: -60px;
    right: 0;
    margin-top: 0;
}
.product-detail-intro .crunchify-social h5 {
	display:none;
}
@media screen and (max-width: 767px){
	.sub_cat_icon  .sub-child-category{
		display:none !important;
	}

	.back_link_button_first, #header_white_line, #branding-trigger {
		display: none;
	}
	#hs-site-branding >a {
		position: relative;
		bottom:0;
	}
	
}
.sub_cat_icon  .sub-child-category .sub_cat_icon {
	width: 25%;
    margin-bottom: 10px;
    display: inline-table;
}
.sub_cat_icon  .sub-child-category.dich-vu-di-dong .sub_cat_icon {
	width:100%;
}
.document_subcat_main_div, .guide_subcat_main_div {
	padding:30px 0;
}
.product-register-form textarea {
	height: 102px;
    border: 1px solid #ccc;
    background: none;
}
.product-register-form textarea , .product-register-form input {
	background:#fff;
}
.product-register-form label {
	font-weight:bold;
}

/*--------------------------------------------------------------
## Counter Section
--------------------------------------------------------------*/
#hs-counter-section{
	background:#f1f1f1 url(images/counter_bg.png) no-repeat top center;
	background-size:100% auto;
	color: #000;
}
#hs-counter-section .hs-counter-title-h2 {
	background: url(images/medium_logo.png) no-repeat top center;
	background-size:auto 100%;
    height: 50px;
    /* float: left; */
    width: 100%;
    padding-bottom: 10px;
    margin: 0;
}
#hs-counter-section .hs-counter-overlay{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.hs-counter-section{
	position: relative;
}

#hs-counter-section .hs-container{
	position: relative;
}

.hs-counter-wrap{
	margin-left: -3%;
	margin-top:20px;
}

.hs-counter{
	float: left;
	width: 25%;
	padding: 1.5%;
	text-align: center;
	border-right: 1px dotted #ccc;
}
.hs-counter:last-child {
	border-right:none;
}
.mission-box-detail {
	margin-bottom:20px;
}
.about-mission-div {
	margin-bottom:0px;
}
.about-mission-div2 {
	padding-top:30px;
}
.about-mission-div h3 {
	font-size:30px;
	position: relative;
}
.about-mission-div h3.about-us-header-title {
color:#fff;
padding-bottom: 15px;
}
.about-mission-div h3.about-us-header-title::after, h3.about-us-header-title::after {
	display: block;
    width: 80px;
    height: 2px;
    content: '';
    background: #00adee;
    position: absolute;
    bottom: -12px;
    left: calc(50% - 40px);
    border-color: #fff;
}

.hs-banner-adv {
    
}
.hs-counter-count{
	font-size: 60px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px;
    letter-spacing: 3px;
    color: #00adee;
    font-family: "roboto slab"
}
.about-intro2-div {
	background: #004ba1;
}
.about-intro2-div .about-us-header-title {
	color:#fff;
}
.about-us-manager-div >h4 {
	color:#fff;
}
.about-us-manager-div h4 {
    font-weight: 300;
    font-size: 30px;
    text-transform: none;
    text-align:center;
}
.about-us-manager-div {
	width:100%;
	margin-bottom: 30px;
}
.about-structure-div {
	background: #002861 url(images/bg-co-cau-to-chuc-vimc.jpg) no-repeat top center;
	background-size: 100% auto;
	text-align: center;
}
.sub-partners-header {
	text-align:center;
	height: 40px;
	margin: 10px 0px;
}
.sub-partners-header h4 {
	background: #00adee;
    padding: 9px 30px;
    border-radius: 5px;
    color: #fff;
    display: inline;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}
table.staff-about-table {
	margin-top: 20px;
}
table.staff-about-table  th {
	font-weight: 500;
    text-align: left;
    padding: 5px;
    text-transform: uppercase;
    background: #aaa;
    color: #fff;
    border: 1px solid #dfdfdf;
}
.staff-about-table {
	display: none;
}
.staff-about-table.active {
	display:table;
}
table.staff-about-table  td {
    text-align: left;
    padding: 5px;
    border: 1px solid #dfdfdf;
}
table.staff-about-table  tr {
	background:#fff;
}
.sub-staff-header {
	background: #00acf1;
	position: relative;
}
.sub-staff-header h4{
	margin: 0;
    line-height: 40px;
    height: 40px;
    color: #fff;
    cursor: pointer;
    padding: 0;
    font-size: 17px;
    font-weight: 500;
}
.about-intro5-div {
	position: relative;
	background:#dfdfdf;
	padding-bottom:30px;
}
.about-intro4-div .about-us-header-title {
	color:#fff;
}
.about-intro4-div .sub-staff-header h4 span {
	height: 40px;
    line-height: 40px;
    position: absolute;
    right: 15px;
    top: 10px;
}
.about-intro4-div .sub-staff-header h4 span .fa-chevron-down {
	display:none;
}
.about-intro4-div .sub-staff-header h4 span .fa-chevron-up {
	display:block;
}
.about-intro4-div .sub-staff-header.active h4 span .fa-chevron-down {
	display:block;
}
.about-intro4-div .sub-staff-header.active h4 span .fa-chevron-up {
	display:none;
}
table.staff-about-table  tr.tdcolor0 {
	background:#dde5f2;
}
.time-line-content {
	padding:20px 10%;
}
div#about-intro3-div {
    background: #e8e8e8;
}
.time-line-content  .wp-block-image {
	max-width: 30%;
	padding-right: 3%;
	display: inline-block;
	margin-top: 20px;
}
.main-manager {
	text-align: center;
	margin-bottom:30px;
}
div.about-intro4-div {
    background: #004ba1;
}
.sub-manager {
	text-align: center;
	margin-bottom: 10px;
}
.manager-name {
	color:#fff;
	font-weight: bold;
	text-transform: uppercase;
	margin:10px 0 5px 0;
	display:block;
}

.about-structure-div .about-us-header-title {
	margin: 0;
    padding-top: 30px;
    padding-bottom: 10px;
    color: #fff;
    position: relative;
}

.about-structure-div .about-us-header-title::after {
    display: block;
    width: 80px;
    height: 2px;
    content: '';
    background: #00adee;
    position: absolute;
    bottom: 0;
    left: 47%;
    border-color: #fff;
}


.about-us-manager-div .manager-name {
	color: #fff;
    font-weight: 700;
    font-size: 16px;
}
.manager-desc {
	color: #00adee;
    margin: 5px 0 5px 0;
    display: block;
    font-weight: 500;
}
.sub-manager >img {
	border: 1px solid #dfdfdf;
	width:160px;
}
.hs-counter-count span {
	vertical-align: super;
    /* color: blue; */
    font-size: 20px;
	font-weight: 300;
}
.super_top {
	vertical-align: super;
    /* color: blue; */
    font-size: 20px;
	font-weight: 300;
}
#header_white_line {
    float: left;
    height: 30px;
    width: 20%;
    background: #fff;
    position: absolute;
    top: 80px;
    z-index: 99;
}
#branding-trigger {
	position: absolute;
    right: -35px;
}
.arrow-right {
	border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    border-left: 35px solid #fff;
}

.hs-counter-icon{
	display: inline-block;
	font-size: 22px;
	color: #004ea0;
	position: relative;
}

.hs-counter-icon:after{
	content: "";
	position: absolute;
	left: 100%;
	height: 2px;
	width: 50px;
	background: #004ea0; 
	top: 50%;
	margin-top: -1px;
	margin-left: 10px;
}

.hs-counter-icon:before{
	content: "";
	position: absolute;
	right: 100%;
	height: 2px;
	width: 50px;
	background: #004ea0; 
	top: 50%;
	margin-top: -1px;
	margin-right: 10px;
}

.hs-counter-title{
	font-size: 16px;
    font-weight: 700;
    text-transform: none;
    margin-top: 15px;
}

/*--------------------------------------------------------------
## Logo Section
--------------------------------------------------------------*/
.hs_client_logo_slider img{
	padding: 0 5px;
	width:100%;
}
.owl-carousel .owl-item {
	width:300px;
}
/*--------------------------------------------------------------
## Testimonial Section
--------------------------------------------------------------*/
#hs-testimonial-section{
	background: url('images/vt_testimonialbg.jpg') top center no-repeat;
	padding: 60px 0 100px;
	background-size:cover;
	min-height:450px;
	color:#fff;
}

.hs-testimonial-wrap{
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

.hs-testimonial-wrap .bx-wrapper .bx-viewport{
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    left: 0;
    background: none;
}

.hs-testimonial-wrap .bx-wrapper img{
	height: 100px;
	width: 100px;
	margin: 0 auto 20px;
	border-radius: 50%;
	border: 1px solid #004ea0;
	padding: 2px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.hs-testimonial-excerpt .fa-quote-left{
	margin-right: 8px;
	font-size: 30px;
	color: #d6d6d6;
}
.hs-testimonial-excerpt {
	font-size:15px;
}
.hs-testimonial-excerpt .fa-quote-right{
	margin-left: 8px;
	font-size: 30px;
	color: #d6d6d6;
	vertical-align: text-top;
}

.hs-testimonial-wrap .bx-wrapper{
	margin-bottom: 0;
}

.hs-testimonial-wrap .bx-wrapper .bx-pager, 
.hs-testimonial-wrap .bx-wrapper .bx-controls-auto{
	bottom: -70px;
}

.hs-testimonial-wrap .bx-wrapper .bx-pager.bx-default-pager a{
	height: 4px;
	width: 25px;
	border-radius: 0;
	margin: 0 1px;
	background: #d6d6d6
}

.hs-testimonial-wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.hs-testimonial-wrap .bx-wrapper .bx-pager.bx-default-pager a.active{
	background: #ff6d00;
}
.col-sm-10.promotion_div_container {
	display:none;
}
/*--------------------------------------------------------------
## Blog Section
--------------------------------------------------------------*/
.hs-blog-post{
	width: 50%;
	float: left;
	background: #f3f7f8;
	position: relative;	
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}

.hs-blog-thumbnail{
	float: left;
    width: 100%;
    background-size: cover;
    background-position: center;
}
.hs-blog-thumbnail img {
	width:100%;
	height:auto;
    max-width:none;
    margin-bottom: 10px;
}
.home-post-col-1 .hs-blog-thumbnail img {
	height:100%;
	width:100%;
}
.home-blog-title-2line {
	line-height:20px;
	/* overflow: hidden; */
    float:left;
	font-family: "roboto condensed";
	
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.home-post-col-1 .hs-blog-excerpt {
	padding:0;
}
.home-blog-post {
    margin-bottom:20px;
}
.news-home-col4-span .home-blog-post {
    margin-bottom:5px;
}
.hs-news6-section-1 img {
	width:100%;
	max-width: none;
}
.home-blog-post a {
    font-weight:500;
    color: #555;
}
.home-blog-post .col-4 {
	padding-right:0;
}
.home-videos-gallery aside {
	float: left;
    width: 50%;
    padding: 0 15px 50px 15px;
    position: relative;
}
.home-videos-gallery aside  .widget-title {
	position: absolute;
    bottom: 0;
    left: 0;
    /* right: 1%; */
    font-size: 15px;
    padding: 0 15px;
    line-height: 20px;
    margin-bottom: 5px;
}
.hs-blog-excerpt{
	    position: relative;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 0 ;
    overflow: hidden;
    color: #000;
}
.hs-blog-excerpt a {
	color: #000;
    text-transform: none;
    font-weight: 500;
}
.hs-blog-excerpt a:hover {
	color:#fff;
	
}
.vina-date {
    color: #666;
    background: url(images/date_icon.png) left center no-repeat;
    height: 20px;
    padding-left: 25px;
    line-height: 20px;
    font-style: italic;
    font-size: 12px;
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 5px;
}
.hs-blog-excerpt:after{
	position: absolute;
	content: "";
	border-color:transparent #F6F6F6 transparent transparent;
	border-style: solid;
	border-width: 20px;
	top: 50%;
	left: -38px;
	margin-top: -20px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	display:none;
}

.hs-right-img .hs-blog-thumbnail{
	float: right;
}

.hs-right-img .hs-blog-excerpt{
	right: auto;
	left: 0;
}

.hs-right-img .hs-blog-excerpt:after{
	left: auto;
	right: -38px;
	border-color:transparent transparent transparent #F6F6F6;
}

.hs-blog-post:hover{
	background: #004ea0;
	color: #FFF;
}

.hs-blog-post:hover .hs-blog-excerpt:after{
	border-color:transparent #004ea0 transparent transparent;
}

.hs-right-img.hs-blog-post:hover .hs-blog-excerpt:after{
	border-color:transparent transparent transparent #004ea0;
}

.hs-blog-excerpt h5 a{
	color: #404040;
	text-decoration: none;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}

.hs-blog-post:hover .hs-blog-excerpt h5 a{
	color: #FFF;
}

.hs-blog-date{
	font-size: 13px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: bold;
}

.hs-blog-date .fa{
	margin-right: 8px;
}

/*--------------------------------------------------------------
## Contact Section
--------------------------------------------------------------*/
#hs-contact-section{
	    color: #FFF;
    position: relative;
    background-position: left !important;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-size: 50% auto;
	    background-color: #0054a5;
}

.hs-contact-section{
	position: relative;
}

#hs-contact-section .hs-contact-overlay{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.3);
	display:none;
}

#hs-contact-section .hs-container{
	position: relative;
}

.hs-contact-form{
	float: left;
	width: 46%;
}

.hs-contact-form input[type="text"],
.hs-contact-form input[type="email"],
.hs-contact-form input[type="url"],
.hs-contact-form input[type="password"],
.hs-contact-form input[type="search"],
.hs-contact-form input[type="number"],
.hs-contact-form input[type="tel"],
.hs-contact-form input[type="range"],
.hs-contact-form input[type="date"],
.hs-contact-form input[type="month"],
.hs-contact-form input[type="week"],
.hs-contact-form input[type="time"],
.hs-contact-form input[type="datetime"],
.hs-contact-form input[type="datetime-local"],
.hs-contact-form input[type="color"],
.hs-contact-form textarea{
	width: 100%;
	background: rgba(0,0,0,0.2);
	color: #FFF;
}

.hs-contact-form input[type="submit"]{
	width: 100%;
}

.hs-contact-form textarea{
	height: 100px
}

.hs-contact-address{
	float: right;
	width: 46%;
	padding:60px 0;
}

.hs-contact-address ul{
	margin: 0 0 25px;
	padding: 0;
	list-style: none;
}

.hs-contact-address ul li{
	margin-bottom: 10px;
}

.hs-contact-address ul li .fa{
	margin-right: 8px;
}

.hs-social a{
	display: inline-block;
	color: #FFF;
	height: 30px;
	width: 30px;
	line-height: 30px;
	font-family: 'Roboto', sans-serif;
	background: #004ea0;
	margin-right: 8px;
	text-align: center;
}

.hs-social a:hover{
	background: #000;
}
.about-counter-wrap {
	color:#fff;
	margin-bottom: 20px;
}
.about-counter-wrap .hs-counter-count {
	color:#fff;
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#hs-colophon{
	margin-top: 0px;
}
.counter_icon_logo {
	height:60px;
	width:auto;
	margin-top:-20px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title {
	text-align: center;
    font-size: 18px;
    text-transform: uppercase;
	color:#000;
	
}
.woocommerce ul.products li.product .woocommerce-loop-category__title:hover {
	color:#0054a5;
}
.woocommerce #primary {
	width:100%;
}
.woocommerce #secondary {
	display:none;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title:after {
    content: "";
    position: absolute;
    width: 50px;
    left: 50%;
    margin-left: -25px;
    height: 2px;
    background: #004ea0;
    bottom: -2px;
}
.price_detail_desc >div.col-sm {
	    margin: 0;
    padding: 0;
    margin-top: -10px;
    background: #f3f7f8;
  
}
.woocommerce ul.products li.product .woocommerce-loop-category__title .count {
	display:none;
}
.page-template-home-template #hs-colophon{
	margin-top: 0;
}
.home.blog #hs-colophon {
	margin-top:0;
}
#hs-colophon a{
	color: #fff;
	text-decoration: none;
}
#hs-colophon a:hover {
	color:#004ea0;
}

#hs-colophon h4.widget-title{
	
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
}

#hs-colophon h4.widget-title::first-letter{
	
}
#hs-home-support-section {
	padding:60px 0;
	background:#f6f6f6;
}
.more-link {
	    padding: 5px 10px;
    border: 1px solid #fefefe;
    color: #fff;
    display: inline-block;
    margin: 5px;
    text-decoration: none;
    border-radius: 5px;
}
a.more-link:visited {
	color:#fff;
}
.more-link:hover {
	color:#004ea0;
	text-decoration:none;
}
.woocommerce ul.products li.product .button.product_type_simple {
	display:none;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	text-align: center;
    font-size: 18px;
    text-transform: uppercase;
	color:#000;
	
}
.woocommerce ul.products li.product.type-product .woocommerce-loop-product__title {
	text-align: center;
    font-size: 15px;
    text-transform: none;
    color: #fff;
    background: #004ea0;
    padding: 10px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover {
	color:#0054a5;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title:after {
    content: "";
    position: absolute;
    width: 50px;
    left: 50%;
    margin-left: -25px;
    height: 2px;
    background: #004ea0;
    bottom: -2px;
}

.woocommerce ul.products li.product.type-product a img {
	margin-bottom:0;
}
.woocommerce ul.products li.product.type-product .woocommerce-loop-product__title:hover {
	color:#ccc;
}
.woocommerce ul.products li.product.type-product .woocommerce-loop-product__title:after {
	display:none;
}
.woocommerce-product-gallery >div.flex-viewport {
	float:right;
	width:82%;
	border: 1px solid #f1f1f1;
}
.woocommerce-product-gallery >.flex-control-nav {
	float:left;
	width:15%;
	
}
.woocommerce div.product div.images .flex-control-thumbs li {
	width:100%;
	margin-bottom:10px;
	border: 1px solid #f1f1f1;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
	opacity:0.3;
}
.woocommerce div.product .woocommerce-tabs .panel {
	padding:10px;
	border:1px solid #ddd;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
	margin:0;
	padding:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	display:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	margin:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
	display:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
	display:none;
}
section.related.products {
	float:left;
	width:100%;
	margin-top:30px;
}
section.related.products > h2 {
	font-size: 13px;
    font-weight: bold;
    color: #0054a5;
    text-transform: uppercase;
}

.woocommerce section.related.products ul.products li.product .woocommerce-loop-product__title {
	    text-transform: none;
    font-size: 13px;
}
.p_content_div {
	text-align:center;
}
.p_content_div .btn-danger {
	    text-transform: capitalize;
}
.p_related_post ul {
	list-style:none;
}
.p_related_post ul li {
	
	float:left;
	
}
.cal_result_div {
	text-align:center;
	margin-top:20px;
}
.cal_result_div  ul {
	list-style:none;
	float:left;
	width:100%;
}
.cal_result_div ul li {
	width:33.333333%;
	float:left;
	padding:1%;
}
.color-block {
	display: inline-block; width: 28px; height: 28px; border: 1px solid #ddd;
}
.select_color_cat ul, .select_color_cat_list ul{
	list-style:none;
}
.select_color_cat ul li{
	float:left;
	width:8%
}

.select_color_cat , .select_color_cat_list {
	float:left;
	width:100%;
}

.select_color_cat{    margin-bottom: 30px;
    background: #eee;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    
    }
li.color_detail {
	 
    width: 100%;
    padding: 10px;
    border-radius: 0 10px;
    margin: 10px 0;
    float:left;
    position:relative;
    min-height:100px;
}

.color_ul_index {
	 
    width: 22%;
    padding: 10px;
    border-radius: 10px;
    margin: 10px 0;
    float:left;
    position:relative;
    min-height:100px;
}

.select_color_cat .color-block {
    display: inline-block;
    width: 100%;
    height: 70px;
    border: none;
    border-radius: 0;
    color: #fff;
    line-height: 70px;
    font-size: 45px;
}
.color_detail_div {
	float: left;
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    min-height:200px;
    position:relative;
}
.color_detail_div >div {
	padding:10px 30px;
	position:absolute;
	background:#fff;
	border-radius:10px;
	bottom:10px;
	left:10px;
}
article.post-detail {
	text-align: justify;
}
.p_related_post {
	
    float: left;
    width: 100%;
    margin-top: 30px;
	padding:0;
    
}
#relatedposts >h3 {
	    padding-bottom: 10px;
    border-bottom: 1px solid #535353;
    position: relative;
    display: table;
}
#relatedposts >h3::after {
    display: block;
    width: 30px;
    height: 2px;
    content: '';
    background: #004ea0;
    position: absolute;
    bottom: 0;
    left: 0;
    border-color: #fff;
}

.about-page img.rounded-circle.img-fluid.d-block.mx-auto {
    width: 100px;
    height: 100px;
}

.hs-post-detail-title {
	padding-bottom: 10px;
    /* border-bottom: 1px solid #e5e5e5; */
    position: relative;
    display: inline-table;
    /* text-align: center;
     float: none; 
    color: #004ea0;
	/* text-transform: uppercase;
	font-family: "roboto condensed";
	*/
    font-size: 27px;
    font-weight: 600;
    
	
}
.hs-post-detail-title::after {
    display: block;
    width: 30px;
    height: 2px;
    content: '';
    /* background: #004ea0; */
    position: absolute;
    bottom: 0;
    left: 0;
    border-color: #fff;
}
.relatedthumb {
	margin-bottom:10px;
}
.woocommerce-result-count, .woocommerce-ordering {
	display:none;
}
li.color_detail >a {
	    background: #fff;
    padding: 5px 15px;
    border-radius: 5px;
    position: absolute;
    top: 10px;
    left: 10px;
}
.select_color_cat_list >ul.color_ul_index2 {
	margin-left:4%;
	margin-right:4%;
}
.select_color_cat_list >ul.color_ul_index3 {
	margin-right:4%;
}
.center-button {
	    vertical-align: middle;
    margin: auto;
}
.center-align {
	text-align:center;
}
.product-register-form {
	margin-top:30px;
}
.product-register-button {
	margin-top:30px;
}

.product-register-form , .product-detail-info , .about-page.about-leader, .product-detail-comment {
	
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
	padding: 30px 0;
	 background: #f3f7f8;
    color: #000;
    border-top: 2px solid #eaeaea;
    border-bottom: 2px solid #eaeaea;
}
.product-detail-comment {
    display: none;
}
.product-detail-comment #comments {
	border:none;
}
.about-page.about-leader small, .about-page.about-leader-2   small{
	color: #004e9f;
    font-weight: bold;
}
.about-page.about-leader-2 {
	background-color: #fff;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
	padding: 30px 0;
}
.backgroundColor {
	color:#ff6c00;
}
.about-page .backgroundColor {
    color: #004ea0;
}
.about-page.about-viettel {
	background-color: #004e9f;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
	padding: 30px 0;
}
.about-page.about-events{
	width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding: 0;
    background: #fff;
}
.about-page.about-intro {
	width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding: 0;
	color:#1c2124;
	
}

.about-page.about-intro b, .about-page.about-intro strong {
	color:#000;
}
.about-page img.size-full {
	width:100%;
	height:auto;
	max-width:none;
}
.about-page.about-intro img.size-full {
	width:auto;
	height:auto;
	max-width:100%;
}
.about-page .intro-table1 p {
	margin:0;
}
.about-page .intro-table1 td {
	vertical-align: middle;
	padding:10px;
}
.about-page.about-intro .intro-table2 tr {
	border-top:1px dotted #eaeaea;
}
.about-page.about-intro .intro-table2 td {
	padding:10px;
	vertical-align: top;
}
.about-page.about-intro .col-intro2 {
	border: 1px dotted #004ea0;
    border-left: 0;
	padding-top:20px;
}
.about-page.about-intro .col-intro2 p {
	margin:0;
}
.about-page.about-intro .col-intro2 .intro-table3 b {
	font-weight:500;
}
.about-page.about-intro .col-intro2 .intro-table3 h3 {
	margin:0;
	color:#ff6c00;
	font-weight:bold;
}

.about-page.about-intro .col-intro2 .intro-table3 img.size-full {
	    margin: 10px;
    margin-top: 0;
    height: 40px;
    width: auto;
}
.about-page.about-intro .col-intro2 .intro_slogan .col-6 {
	    border: 1px dotted #eaeaea;
    border-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
	padding-left: 0;
    padding-right: 0;
}
.intro_slogan {
	    text-align: center;
    color: #004e9f;
    font-style: italic;
    font-weight: bold;
}
.intro_slogan td {
	padding:0 10px;
	vertical-align: top;
}
.intro_slogan h3 {
	font-size:15px;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:5px;
}
.intro_slogan_banner {
	padding:10px 0;
}

.borderrightnone {
	border-right:0 !important;
}
.about-page.about-intro .intro_map {
	margin-top:20px;
	background: #c5893f;
}
.about-page.about-intro .intro_map img.size-full {
	width:100%;
	height:auto;
	max-width:none;
}
.intro-table2 h3 {
	margin:0;
	color:#ff6c00;
}
div.col-intro1 {
	border:1px dotted #004ea0;
	padding-top:20px;
}
.about-page.about-award {
	width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding: 0;
    background: #f3f7f8;
}
.about-page.about-award i.fas.fa-medal {
	font-size:40px;
	margin-bottom:10px;
}
.about-page.about-award .yellow-medal i.fas.fa-medal , .about-page.about-award .yellow-medal h3 , .about-page.about-award .yellow-medal{
	color:#ffff00;
}
.about-page.about-award .bronze-medal i.fas.fa-medal , .about-page.about-award .bronze-medal h3, .about-page.about-award .bronze-medal {
	color:#fff;
}
.about-page.about-award .silver-medal i.fas.fa-medal , .about-page.about-award .silver-medal h3 , .about-page.about-award .silver-medal{
	color:#fff;
}
.about-page.about-award  li.yellow-medal ,
.about-page.about-award  li.bronze-medal,
.about-page.about-award  li.silver-medal {
  margin-bottom: 10px;
    padding: 10px;
    min-height: 210px;
    background: #004ea0;
}
.about-page.about-award  .col-sm >h3 {
	color:#004e9f;
}

.about-page.about-award h1 {
	color:#ff6c00;
	font-weight:bold;
	padding:30px 0;
}
.about-page.about-events h3 {
	width:100%;
	display:block;
	text-align:center;
	padding:30px 0;
	font-size:30px;
	color:#004e9f;
}
.about-page.about-events img {
	width:100%;
	display:block;
	height:auto;
}
.product-prices-info , .product-detail-intro, .product-detail-support {
	width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
	padding-top:30px;
}
.product-detail-support {
	padding: 30px 0;
	background-color: #efefef;
	text-align:center;
}
.product-detail-support a{
	color: #fff;
    text-transform: none;
    margin-bottom: 20px;
    min-width: 200px;
}

.about-page {
    float: left;
    width: 100%;
}
.product-detail-info nav {
width:100%;
}
.header-more-info {
	text-align: right;
    padding-top: 5px;
    background: #01509e;
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.mobile_button_phone {
           /* bottom: 50%; */
    position: relative;
    /* right: 15px; */
    /* z-index: 100; */
    background: none;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    /* background-size: 100% 100%; */
    display: inline-block;
    line-height: 20px;
    height: 20px;
    text-align: right;
    font-weight: 400;
}

.mobile_button_phone:hover {
	text-decoration:none;
	color:#000;
}
.product_hotline {
	cursor: pointer;
    font-family: 'Roboto', sans-serif;
	 font-size: 15px;
	line-height: 30px;
}
.product-detail-ul-checkout {
	display:block;
	margin-top:30px;
}
.product-detail-ul-checkout li {
	display:inline-block;
	padding-right:20px;
}
.product_hotline::before {
	line-height:30px;
	font-weight:bold;
   
    font-family:  "Font Awesome 5 Free";
    text-align: center;
	color:#ff6c00;
	
	position:relative;
	float:left;
	content: "\f2a0";
    font-size: 18px;
	padding-right:5px;
}
.search_header {
	float:left;
	width:20px;
	height:45px;
	margin:0 15px;
}
.search_header::before {
	line-height:30px;
    font-family:  "Font Awesome 5 Free";
    text-align: center;
	color:#FFF;
	position:relative;
	float:left;
	content: "\f002";
    font-size: 15px;
	line-height:45px;
}
.mobile_button_phone::before {
	    line-height: 20px;
    font-weight: normal;
    font-family:  "Font Awesome 5 Free";
    text-align: center;
    color: #fff;
    position: relative;
    /* display: inline; */
    content: "\f2a0";
    font-size: 18px;
    padding-right: 10px;
}

.facebook-messages {
    position: fixed;
    bottom: -300px;
    right: -47px;
    z-index: 999999;
}
.facebook-messages-outer {
    position: relative;
}
#facebook-minimize {
    background: #3b5998;
    font-size: 14px;
    color: #fff;
    padding: 3px 10px;
    position: absolute;
    top: -34px;
    left: 1px;
    border: 1px solid #e9eaed;
    cursor: pointer;
    z-index: 99999;
}
#st-facebook {
    opacity: 0;
}
.fb_iframe_widget {
    display: inline-block;
    position: relative;
}
.fb_iframe_widget span {
    display: inline-block;
    position: relative;
    text-align: justify;
    
}
.fb_iframe_widget iframe {
    position: absolute;
}
.entry-meta.hs-post-info .byline, .entry-meta.hs-post-info >a {
	display:none;
}
.contact_ul {
	padding:10px 40px;
	text-align:center;
}
.contact_ul li {
	padding:5px 0;
}
.form_contact_page input[type="text"], .form_contact_page input[type="tel"], .form_contact_page input[type="email"]{
	width:100%;
}
#primary .um-header {
	border:none;
}



.hs-main-navigation #menu-main-menu > li.menu-item-home.current-menu-item >a::before,
.hs-main-navigation #menu-main-menu > li.menu-item-home:hover >a::before {
	color:#fff;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
.documents-list-area-sidebar .list-group-item {
	/* font-family: 'Roboto Slab', serif; */

}
.support-list-area-sidebar .list-group-item {
	font-family: 'Roboto', sans-serif;
	text-transform:none;
	font-size:13px;
	padding:5px 10px 5px 0;
}
.search-group {
	    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0;
    padding-right: 10px;
    background: border-box;
    background: #004ea0;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    margin: auto;
    float: none;
   
}
.col-3 .search-group {
	    background: none;
    padding-left: 0;
}
.col-3 .search-group .form-control {
	border: 1px solid #004ea0;
    
}

.product-list-search {
	 margin-bottom: 20px;
	 width:50%;
}

#hs-top-footer{
	background: #004e9f url(images/footer_bg.jpg) left bottom no-repeat;
	color: #dfdfdf;
	padding: 30px 0 20px;
}
#hs-top-footer b {
	color:#fff;
}
#hs-top-footer i {
	color:#00adee;
}
.hs-top-footer{
	
}

.hs-footer{

}

.hs-footer ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.hs-footer ul li{
	padding: 2px 0 10px 15px;
	position:relative;
}
.hs-footer ul li::before {
	width: 2px;
    content: "\f111";
    font-family:  "Font Awesome 5 Free";
    text-align: center;
    position: absolute;
    left: 0px;
    display: block;
    height: 25px;
    margin-top: -1px;
    font-size: 5px;
    line-height: 25px;
}
.hs-footer1 {
	/* text-align: right; */
}
.hs-footer2 p {
	margin:0;
}
.hs-footer1 ul li::before {
	    line-height: 30px;
    
    content: "\f0e0";
    font-family:  "Font Awesome 5 Free";
    text-align: center;
    color: #f5cd52;
    font-size: 13px;
    position: relative;
    display: inline-block;
    padding-right: 10px;
    width: 20px;
}
.hs-footer1 ul li.mail-f::before {	   
    content: "\f0e0";   
}
.hs-footer1 ul li.mail-f a {
	
}
.hs-footer1 ul li.phone-f::before {	   
    content: "\f2a0";   
}

#hs-colophon .hs-footer  .widget-title {
	padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    position: relative;
    color: #f5cd52;
}
#hs-colophon .hs-footer  .widget-title::after {
	display: block;
    width: 30px;
    height: 2px;
    content: '';
    background: #ff6d00;
    position: absolute;
    bottom: -1px;
    left: 0;
    border-color: #fff;
}
.hs-footer6 ul li::before {
	line-height:30px;
	
    content: "\f167";
    font-family:  "Font Awesome 5 Free";
    text-align: center;
	color:#fff;
	font-size:25px;
	position:relative;
}
.hs-footer6 ul li.facebook-f::before {
	content: "\f082";
}
.hs-footer6 ul li.youtube-f::before {
	content: "\f167";
}
.hs-footer6 ul li.google-f::before {
	content: "\f1a0";
}
.hs-footer6 ul li.twitter-f::before {
	content: "\f099";
}

.hs-footer6 ul li {
	    position: relative;
    display: inline-block;
    padding: 0;
    margin-right: 10px;
    float: left;
    width: 30px;
}


.hs-footer6 ul li  a {
	    width: 30px;
    height: 30px;
    position: absolute;
    overflow: hidden;
    text-indent: -9999px;
    top: 0;
    left: 0;
}
.hs-footer6 ul li.hotline-f {
	display:block;
	width:100%;
	    margin-top: 20px;
}
#hs-colophon  .hs-footer6 ul li.hotline-f a {
	color:#f5cd52;
}
.hs-footer6 ul li.hotline-f::before {
	content: "\f2a0";
    font-size: 25px;
	float:left;
}


.hs-footer6 ul li.hotline-f a {
	text-indent: 0;
    position: relative;
    width: auto;
    height: auto;
    left: 30px;
    font-size: 20px;
    top: 0;
    line-height: 30px;
    font-weight: bold;
}
#hs-bottom-footer{
	background: #343d49;
	padding: 15px 0;
	color: #676767;
	line-height: 1.2;
	font-size: 13px;
	border-top: 1px solid #eaeaea;
}

.hs-site-info a{
	border-bottom: 1px dotted #AAA;
}

.hs-copy-right{
	text-align: center;
    color: #fff;
    font-style: italic;
}

.hs-site-info{
	float: right;
}

.homepage-panel-links .dropdown-wrapper {
    width: 50%;
    margin: 0 auto;
}
.homepage-panel-links .dropdown-wrapper-inner {
    margin-left: -60px;
}
.homepage-panel-links .dropdown-label {
    float: left;
    width: 27%;
    margin: 5px 1rem 0 0;    
    text-align: right;
    display: inline-block;
    font-size: 18px;
}
.homepage-panel-links .dropdown-content {
    background-color: #fdfdfd;
    border: 1px solid #f5f6f8;
    width: 70%;
    display: inline-block;
    position: relative;
    
    margin: 0;
    text-align: left;
    font-size: 15px;
}
.homepage-panel-links .dropdown-content .inner .inside-label {
    text-align: left;
    padding: 0.5em 15px;
    color: #212121;
    font-style: italic;
}
.homepage-panel-links .pane-node-field-homepage-links {
	display:none;
}
.homepage-panel-links .dropdown-content .search-form label {
	width: 100%;
    margin-bottom: 0;
}
.homepage-panel-links .dropdown-content .search-form .search-field{
	width: 100%;
    border: none;
}
.homepage-panel-links .dropdown-content .search-form .search-submit{
	position: absolute;
    right: 0;
    top: 0;
}
.homepage-panel-links .dropdown-content .inside-label:hover:after {
    transform: rotate(45deg);
}
.homepage-panel-links .dropdown-content .inside-label:after {
    background: url(images/plus-circle.png) no-repeat center center;
    width: 44px;
    height: 44px;
    content: "";
    display: block;
    position: absolute;
    right: -55px;
    top: 0px;
    cursor: pointer;
}
.homepage-panel-links .dropdown-content .inner .field-item a {
    padding: 10px 15px;
    border-bottom: 1px solid #eaeff2;
    display: block;
}
.paragraphs-items {
    float: left;
    margin: 0;
    width: 100%;
}
.homepage-panel-links .dropdown-content .inner .field-item {
    text-align: left;
    background-color: #fdfdfd;
}
.homepage-panel-links .dropdown-content .inner .field-item {
    text-align: left;
    background-color: #fdfdfd;
}
/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/
.error404 .error-404{
	display: block;
	text-align: center;
	font-size: 200px;
	color: #F6F6F6;
	line-height: 1.2;
}

.error404 .oops-text{
	text-align: center;
}

#hs-back-top{
	background: #004ea0;
    font-family: 'Roboto', sans-serif;
    position: fixed;
    right: 20px;
    bottom: 50px;
    height: 36px;
    width: 36px;
    color: #FFF;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
    font-size: 20px;
    border-radius: 36px;
}

#hs-back-top.hs-hide{
	display: none;
}

#hs-back-top:hover{
	background: #000;
}

/*--------------------------------------------------------------
## Odometer CSS
--------------------------------------------------------------*/
.odometer.odometer-auto-theme, 
.odometer.odometer-theme-default {
  display: block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, 
.odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transf0000orm: 
  tr0anslateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.odometer.odometer-auto-theme .odometer-value, 
.odometer.odometer-theme-default .odometer-value {
  text-align: center;
}

.hs-toggle-menu{
	display: none;
}

.dropdown-item:focus, .dropdown-item:hover {
	background:#292929;	
}
.modal .modal-title{
	color:#000;
	font-weight:bold;
	text-overflow: ellipsis; 
overflow: hidden; 
white-space: nowrap;
}

.modal .modal-content {
	background: #fff;
}
/*================RESPONSIVE CSS==================*/
@media screen and (max-width: 1180px){
	.about-intro-detail-videos , .about-intro-detail {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.about-intro-detail-videos {
		text-align: center;
	}
	.about-intro-detail {
		text-align: left;
	}
	.about-intro-detail .col-sm-8 {
		
	}
	#hs-news6-section {
		padding-bottom:0;
	}
	#hs-counter-data-section {
		display:none;
	}
	#hs-logo-section .hs-container {
		width:100% !important;
		padding:0;
	}
.hs-main-navigation #menu-main-menu >li >.sub-menu {
	    border-top: 1px solid #004ea0;
    background:#292929;
    padding: 0;
	width:100%;
	position:relative;
	left:0;
}
.hs-main-navigation ul   ul.sub-menu >li .sub-menu {
	background:#383838;
	    width: 100%;
    left: 0;
    position: relative;
}
.hs-main-navigation ul ul a {
	color:#fff;
}
	.hs-container{
		width: auto;
		padding: 0 15px;
	}

	.hs-main-navigation .hs-menu{
		background: rgba(255, 255, 255, 0.95);
        float: none;
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        border-top: 1px solid #004ea0;
        opacity: 0;
        transform: translateY(20px);
        transition: all 0.3s ease;
        z-index: -11;
        visibility: hidden;
	}
	.hs-main-navigation .hs-menu.show{
	        opacity: 1;
        transform: translateY(0);
        z-index: 11;
        visibility: initial;
	}
	

	.hs-main-navigation li{
		float: none;
		display: inline-block;
	}

	.hs-main-navigation ul ul li{
		display: block;
	}

	.hs-main-navigation a,
	.page-template-home-template .hs-main-navigation .current_page_item > a, 
	.page-template-home-template .hs-main-navigation .current-menu-item > a, 
	.page-template-home-template .hs-main-navigation .current_page_ancestor > a,
	.home.blog .hs-main-navigation .current_page_item > a, 
	.home.blog .hs-main-navigation .current-menu-item > a, 
	.home.blog .hs-main-navigation .current_page_ancestor > a{
		color: #fff;
	}
	
	

	.user-dropdown-menu {
		float:right;
	}
	.hs-toggle-menu span{
		position: relative;
        height: 2px;
        width: 30px;
        margin: 0 auto;
        background: #084F9D;
        display: block;
        top: 50%;
        
        box-shadow: 0 10px 0 0 #084F9D, 0 -10px 0 0 #084F9D;
	}

	.hs-slide-caption{
		width: 100%;
		margin-left: 0;
		left: 0;
		padding: 0 50px;
	}

	.hs-slide-cap-title,
	.hs-slide-cap-desc{
		padding: 10px 0;
	}

}

@media screen and (max-width: 1180px) and (min-width: 767px) {
	.entry-figure {
		text-align: center;
		margin-bottom: 15px;
		width: 49%;
		float: left;
		margin-right: 2%;
	}
	.about-heading-href {
		display: block;
	}
	.entry-figure + .entry-header {
		background: none;
		position: relative;
		margin-top: 0;
		width: 49%;
		padding: 0;
		float: left;
	}

	#hs-site-branding >a {
		position: relative;
		bottom: 0;
	}
	.back_link_button_first, #header_white_line, #branding-trigger {
		display: none;
	}

	.hs-counter.col-sm-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.hs-news6-section-1 , .hs-news6-section-2 , .hs-news4-section-2 , .hs-news4-section-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.hs-news4-section-2 {
		margin-top:30px;
	}
	#hs-news4-section .col-sm-4 .hs-blog-wrap .home-blog-post {
		width:100%;
	}
	.hs-content-div iframe {
		width:100% !important;
	}
	
	.hs-counter-note-section.hs-section {
		margin-top:-50px;
	}
}

@media screen and (max-width: 767px){
	.hs-footer2 .col-auto {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.hs-counter-count {
		font-size:30px;
	}
	.category .hentry .entry-figure {
		float: left;
		width: 49%;
		margin-right: 2%;
	}
	.entry-figure + .entry-header {
		float:left;
		width:49%;
	}

.category .hentry {
	margin-bottom:15px;
}
.category .hentry:nth-child(2n+1) {
		margin-bottom:15px;
	}
	.category .hentry:nth-child(2n+1) {
		margin-left:0;
	}
	.hs-portfolio .hs-portfolio-caption{
		opacity: 1;
		background: none !important;
		text-align: right;
		padding: 10px;
	}

	.hs-portfolio-caption h4{
		bottom: 10px
	}

	.hs-portfolio-caption a.hs-portfolio-link,
	.hs-portfolio-caption a.hs-portfolio-image{
		-ms-transform: none; 
	   	-webkit-transform: none; 
	    transform: none;
	    text-align: center;
	    margin: 0;
	}
}

@media screen and (max-width: 580px){
	.metaslider .theme-default .nivoSlider img {
		height:auto !important;
		width:100% !important;
	}
	.hs-slide-cap-title{
		font-size: 20px;
		margin-bottom: 0;
	}
	#hs-top-footer {
		background: #004e9f;
	}

	#hs-counter-data-section {
		display:none;
	}
	a.back_link_button.float-left {
		display: none;
	}
	#hs-site-branding {
		height:50px;
	}
	.hs-counter-wrap >.col-sm-4 {
		margin-bottom: 10px;
	}
	#hs-news4-section .hs-blog-wrap >.col-sm-6 {
		margin-bottom: 10px;
	}
	#hs-news4-section .hs-blog-wrap >.col-sm-6 img {
		width:100%;

	}
	.header-more-info {
		height: 30px;
	line-height: 30px;
	padding-top:0;
	}
	.hs-section-title {
		font-size: 20px;
		margin: 0;
		margin-bottom: 10px;
	}
	.hs-slide-cap-desc{
		display: none;
	}

	.hs-featured-post-wrap{
		margin-left: 0;
	}

	.hs-featured-post{
		float: none;
		margin-left: 0;
		width: auto;
		margin-bottom: 20px;
	}

	.hs-featured-post:last-child{
		margin-bottom: 0;
	}



	.hs-portfolio-inner{
		margin: 5px;
	}

	.hs-team-member-wrap{
		margin-left: 0;
	}

	.hs-team-member{
		width: auto;
		margin-left: 0;
		float: none;
	}

	.hs-blog-post .hs-blog-thumbnail{
		display: none;
	}
.home-post-col-1 .hs-blog-thumbnail {
	position:relative;
}
	.hs-blog-excerpt{
		position: absolute;
		width: 100%;
		border-bottom: 2px solid #FFF;
	}

	.hs-blog-excerpt:after{
		display: none;
	}

	.hs-top-footer{
		margin-left: 0
	}

	.hs-footer{
		width: auto;
		margin-left: 0;
		float: none;
	}
}

@media screen and (max-width: 420px){
	.hs-container{
		padding: 0 10px;
	}

	.hs-portfolio{
		width: 100%;
		margin-bottom: 10px;
	}

	.hs-portfolio-inner{
		margin: 0;
	}
}

@media screen and (min-width: 1181px){
	.hs-main-navigation .hs-menu{
		display: block !important;
	}
}
#hs-about-us-section .more-link {
	display:none;
}
section#hs-team-section {
    background: #fff;
}
.page-template-default.page-id-20 .size-full {
	width:50%;
	height:auto;
}
.into_break_line {
	display: block;
    width: 100%;
    height: 30px;
    clear: both;
}
.hs-about-sec .size-full, .hs-about-sec  b {
	display:none;
}
#hs-blog-section .hs-container {
	width:95%;
}
#hs-team-section .hs-container{
	width:90%;
}

#hs-logo-section .hs-container  {
	width: 90%;
    margin: 0 auto;
    max-width: 1200px;
}
.hs-team-member-image img {
	width:100%;
}
#hs-logo-section {
	background: #dfdfdf;
    padding: 10px;
	max-height:400px;
}
#hs-news6-section {
	background: #dfdfdf;
}
#hs-news6-section .hs-blog-wrap >.col-sm-6 {
	margin-bottom:30px;
}
#hs-news6-section .hs-blog-wrap >.col-sm-6  .hs-counter-note-title {
    display: block;
    height: 45px;
    background: #fff;
    text-align: center;
    line-height: 45px;
    color: #004ea0;
    font-size: 18px;
}

#hs-counter-data-section {
	background:#f1f1f1 url('images/conter_bottom_bg.png') top center no-repeat;
	background-size: 100% auto;
	padding-top: 120px;
	margin-top:-170px;
}
.hs-counter-data-data{
    font-size: 48px;
    color: #fff;
   /* float: left;
    width: 35%; */
    font-family: "roboto slab";
	font-weight: 700;
	display: table-cell;
    vertical-align: middle;
    width: 136px;
}
.hs-counter-data-title{
    /*  float: left;*/
    color: #fff;
    width: 65%;
    font-weight: 400;
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
}
.hs-counter-data-detail {
	margin-bottom: 20px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.h_icon1 {
	width:50px;
	height:50px;
	background:url('images/h_icon1.png') no-repeat center;
	display: inline-block;
}
.h_icon4 {
	width:50px;
	height:50px;
	background:url('images/h_icon4.png') no-repeat center;
	display: inline-block;
	background-size: 42px;
    margin-left: 8px;
}
.h_icon5 {
	width: 48px;
    height: 41px;
    background: url(images/h_icon5.png) no-repeat center;
    display: inline-block;
    background-size: 48px 41px;
    margin-left: -5px;
}
.h_icon6 {
	width: 33px;
    height: 52px;
    background: url(images/h_icon6.png) no-repeat left center;
    display: inline-block;
    margin-bottom: -6px;
}
.h_icon2 {
    width: 50px;
    height: 56px;
    background: url(images/h_icon2.png) no-repeat left center;
    display: inline-block;
    background-size: 48px;
}
.h_icon3 {
	width:50px;
	height:50px;
	background:url('images/h_icon3.png') no-repeat left center;
	display: inline-block;
}
.h_icon7{
	width: 80px;
    height: 50px;
    background: url(images/h_icon7.png) no-repeat left center;
    display: inline-block;
    background-size: 75px;
}
.h_icon8{
	width: 58px;
    height: 70px;
    background: url(images/h_icon8.png) no-repeat left center;
    display: inline-block;
    background-size: 57px;
    margin-bottom: -16px;
}
.hs-counter-data-data.odometer.odometer8 {
    font-size: 2.8em;
}
.odometer4 span.super_top, .odometer5 span.super_top {
    font-size: 32px;
}
.hs-counter-data-data.odometer.odometer6, .hs-counter-data-data.odometer.odometer9, .hs-counter-data-data.odometer.odometer12 {
    text-align: center;
}
.super_bottom {
	height: 20px;
    line-height: 20px;
    position: absolute;
    bottom: -10px;
    left: 0;
    font-weight: bold;
    font-size: 20px;
}
.hs-counter-data-data {
	position: relative;
}
.hs-counter-data-moreinfo {
	text-align: center;
}
.oilpricenettable2 {
    border: none !important;
    background: #fff !important;
	margin: 0 !important;
	border-spacing:0 !important;
}
.col-sm-6 > .oilpricenettable2 >tbody>tr:first-child>td > .oilpricenettable2  > tbody > tr:first-child > td {
    height: 40px !important;
    background: #00adee !important;
    text-align: center !important;
    line-height: 40px !important;
    color: #fff !important;
    font-size: 15px !important;
}
.col-sm-6 > .oilpricenettable2 >tbody>tr:first-child>td > .oilpricenettable2 > tbody  > tr:first-child > td  >span {
	line-height: 40px !important;
    color: #fff !important;
	font-size: 15px !important;
	font-weight: normal !important;
}
#hs-portfolio-section , #hs-blog-section {
	
}

.hs-support {
	float:left;
}
.hs-support img {
	width:100%;
	max-width:none;
}
.hs-support.hs-support1 {
	width:59%;
	margin-right:1%;
}
.hs-support.hs-support2, .hs-support.hs-support3 {
	width:40%;
	
}
.hs-support.hs-support2 {
	margin-bottom:0.5%;
}
#hs-home-support-section .hs-container{
	width:60%;
}
@media screen and (min-width: 1180px){
	.hs-counter-note-title-fix-img{
		float: left;
    width: 100%;
    overflow: hidden;
	}

	.hs-counter-note-title-fix-img img {
		width: auto;
		max-width: none;
		min-height: 186px;
	}
	.hs-counter-note-title-fix-img3 img , .hs-counter-note-title-fix-img4 img {
		min-height: 200px;
	}
}

@media screen and (max-width: 1180px){
	

	.product-detail-header .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
#hs-home-support-section .hs-container{
	width:90%;
}
}

@media screen and (max-width: 767px){
	.product-list-search {
		width:100%;
	}
}
.search-group input {
	background:#fff;
}

.um-login .um-field-c .um-field-checkbox {
	top:0;
	margin-bottom: 10px !important;
}
.document-main-title {
	float: left;
    width: 100%;
    border-bottom: 1px solid #535353;
    padding: 20px 0;
	margin-bottom:0;
}
.document-main-div, .qna-main-div, .guide-main-div{
	float:left;
	width:100%;
}
.guide-list-area  ul.numberingstyle {
	    width: 100%;
    background: none;
    border: none;
	color:#000;
}

.guide-list-area  ul.numberingstyle > li a {
	color:#000;
}
.guide-detail {
	text-align:left;
	padding-top:20px;
	padding-bottom:20px;
}
.guide-detail .hs-main-title {
	text-align:left;
	padding-left:0;
}
.documents-list-area .hentry {
	margin:20px 0 30px 5px;
}
.color-theme {
	color:#ff6c00;
}
.paddingnone {
	padding:0;
}

.document-category-select .nav-link{
	text-align: center;
    border: 1px solid #004ea0;
    border-radius: 5px;
    color:#004ea0;
    font-size: 15px;
}
.document-category-select .nav-link.actived {
	color:#ff6c00;
	border-color:#ff6c00;
}
.document-category-select  .dropdown-menu {
	width:calc(100% - 30px);
	background:#004ea0;
}
.document-category-select  .dropdown-menu .dropdown-item {
	color:#fff;
	font-size:15px;
}
.document-category-select  .dropdown-menu .dropdown-item.actived {
	color:#004ea0;
}
.documents-list-area .document-detail {
	width:100%;
	text-align:center;
	padding-left:10px;
}
.product_register_button {
	width:432px;
	height:49px;
	background:url('images/product_register_button.jpg') no-repeat;
	display:block;
    margin-bottom: 20px;
}
.product_register_button_only {
	width:160px;
	background:#004ea0;
}
.product_register_button_price_div {
    width: calc( 100% - 20px);
    position: absolute;
    bottom: 10px;
    height: 50px;
    line-height: 50px;
    margin: 0;
}
.product_register_button_price_div a {
	width:100% !important;
}
.product-detail-videos {
	margin: 10px 0;
    display: block;
    width: 100%;
    float: left;
	
}
.product-detail-videos  i {
	    font-size: 30px;
    padding-right: 5px;
    line-height: 30px;
    height: 30px;
    float: left;
	color:#ff0000;
}
.product-detail-videos  a {
	font-size: 15px;
    text-transform: uppercase;
    line-height: 30px;
    height: 30px;
    float: left;
	color:#ff6c00;
	font-weight:bold;
}
.product_register_button a {
    height: 49px;
    line-height: 49px;
    text-transform: uppercase;
    color: #fff;
    width: 160px;
    float: left;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
}
.product_register_button a:last-child {
	width:270px;
}
.product_register_button_only a:last-child {
	width:100%;
}
.product_register_button a:hover {
	color:#fff;
	text-decoration:none;
}
.product_hotline_div {
	border: 1px solid #eaeaea;
    padding: 0 10px;
    display: table;
	width:100%;
	position: absolute;
    bottom: 1px;
	line-height:30px;
}
.product_hotline_div label {
	    float: left;
    line-height: 30px;
    margin-right: 10px;
    font-size: 15px;
    margin-bottom: 0;
}
.product-register-form-header {
	text-align: center;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
    font-size: 25px;
    color: #004ea0;
}
.product-register-form-header::after {
    display: block;
    width: 100px;
    height: 5px;
    content: '';
    position: absolute;
    bottom: 0;
    left: calc(50% - 50px);
    border-top: 1px solid #ff6c00;
    border-bottom: 1px solid #ff6c00;
}
.g-recaptcha-product >div {
margin:auto;
}
.product-prices-info .price_div {
	background: #f3f7f8;
    padding: 10px;
    border: 1px solid #eee;
    text-align: center;
    position: relative;
    height: 100%;
    padding-bottom: 60px;
}
.product-prices-info .price_div p {
	margin-bottom:0;
}


.price_div .price_header {
        padding: 10px 0;
   color:#fff;
    position: relative;
    background: #004ea0;
}
.price_div  .header_hidden {
	
}
.price_div .price_header h3 {
	    color: #fff;
    font-weight: bold;
	font-size:24px;
}
.price_detail_desc h3 , .price_detail_desc b, .price_detail_desc strong {
	    color: #ff6c00;
    font-weight: bold;
}

.price_div .price_detail {
	margin-top:10px;
	margin-bottom:15px;
	text-align:left;
}
.price_div .price_detail b, .price_div .price_detail strong,
.product-detail-info .tab-content b, .product-detail-info .tab-content strong
 {
	color: #ff6c00;
}
.price_div .price_detail h3 , .price_div .price_detail h1, .price_div .price_detail h2, .price_div .price_detail h4 {
	font-family:'Roboto', sans-serif;
}
.price_div .price_detail li{
	padding:5px 0;
}
.price_div .price_detail li:before  , .product-detail-info li:before,
.price_detail_desc li:before 
{
	line-height: 30px;
    font-weight: normal;
    font-family:  "Font Awesome 5 Free";
    text-align: center;
    color: #ff6c00;
    position: relative;
    /* display: inline; */
    content: "\f00c";
    font-size: 18px;
    padding-right: 10px;
}
.price_detail_desc ul {
	float: none;
    margin: auto;
    display: table;
}
#product-prices-info .price-table {
	margin-bottom:20px;
}
#product-prices-info .price-table .col-sm  {
	margin-bottom:10px;
}
.price_div .price_header::after{
        content: '';
    position: absolute;
    left: calc(50% - 5px);
    top: 100%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #004ea0;
}
.um-account-tab-company input[type="email"] {
	box-sizing: border-box;
    background: #fff;
}
body .um .um-form input[type=number] {
	width:100%;
}

body .um .um-form input[type=text], body .um .um-form input[type=tel], body .um .um-form input[type=number], body .um .um-form input[type=password], body .um .um-form textarea, .select2-container .select2-choice, .select2-container-multi .select2-choices {
	
}

body .um .um-form input[type=text], body .um .um-form input[type=tel], body .um .um-form input[type=number], body .um .um-form input[type=password], body .um .um-form textarea, body .um .upload-progress, .select2-container .select2-choice, .select2-drop, .select2-container-multi .select2-choices, .select2-drop-active, .select2-drop.select2-drop-above {
    border: 1px solid #eaeaea !important;
}
body .um .um-form input[type=text], body .um .um-form input[type=tel],body  .um .um-form input[type=password],body  .um .um-form textarea {
	color:#004ea0;
}
body  .um .um-field-label {
	color:#000;
}
.um-profile-edit.um-profile-headericon {
    display: none;
}
input#um_account_submit_mytab {
    display: none !important;
}
body .um input[type=submit].um-button, body .um input[type=submit].um-button:focus, body .um a.um-button, body .um a.um-button.um-disabled:hover, body .um a.um-button.um-disabled:focus, body .um a.um-button.um-disabled:active {
	background: #004e9f;
}
body .um-account-main div.um-account-heading , body  .um-account-name a {
	color:#004ea0;
	font-size:25px;
	line-height:30px;
	font-weight:500;
	    font-family: 'Roboto Slab', serif;
		position:relative;
		padding-bottom:10px;
}
body .um-account-main div.um-account-heading::after {
    display: block;
    width: 100%;
    height: 2px;
    content: '';
    background: #004e9f;
    position: absolute;
    bottom: 0;
    left: 0;
    border-color: #fff;
	
}
body  .um a.um-link {
	color:#ff6d00;
	font-size:15px;
}
body .um-account-main {
	width:65%;
}
body .um-account-main label {
    font-size: 15px;
    color: #000;
}
body  .um-account-side li a span.um-account-title {
	color:#004ea0;
}
body .um-account-side li {
    margin-bottom: 5px !important;
    background: none;
    border: 1px solid #004e9f;
	font-family: 'Roboto Slab', serif;
	font-size:15px;
	    border-radius: 5px;
}
body .um-account-side li a span.um-account-icon {
	    color: #004e9f;
}
body  .um-account-side li a:hover {
	background:none;
}
body  .um-account-side li a:hover span , body .um-account-side li a.current span , body .um-account-side li a.current span.um-account-icon, body .um-account-side li a.current:hover span.um-account-icon {
	color:#ff6d00;
	
}
.price_detail ul {
	
}
.price_detail table h1 {
	margin-bottom:0;
}
.ninja-forms-form-wrap {
	text-align:left;
}
.product-detail-info .fab , .product-detail-info .fas
{
	/* border: 1px solid #ff6c00; */
    padding: 10px;
    border-radius: 100%;
    margin-right: 10px;
    font-size: 40px;
    color: #ff6c00;
    width: 62px;
    text-align: center;
    display: block;
    float: none;
    margin: auto;
    margin-bottom: 10px;
}
.product-detail-info h3 {
	 color: #004ea0;
}
.qna-main-div ul.numberingstyle h3 {
	    color: #004ea0;
    line-height: 30px;

}
/*
.product-detail-info ul {
	    padding: 10px;
    background: #292929;
    border: 1px solid #383838;
    margin: auto;
    display: block;
    margin-bottom: 20px;
}
.product-detail-info  ul li{
	counter-increment: listNumbering;
    position: relative;
    padding-left: 30px;
	line-height:30px;
}
.product-detail-info ul li:last-child {
	border:none;
}
.product-detail-info ul li:before {
    content: counter(listNumbering,decimal) '.';
    font-size: 20px;
    position: absolute;
    left: 0;
    font-family: "Times New Roman", Times, serif;
	color:#004ea0;
}
*/
.product-detail-info ul {
	      padding: 10px;
    display: table;
    float: none;
    margin: auto;
    text-align: left;
    
}
.product-detail-info .col-sm {
	margin-bottom: 20px;
}
.product-detail-info  li {
	margin-bottom:10px;
}
.product-detail-info  td, .product-detail-info  th {
	border: 1px solid #585858;
    padding: 5px;
}
.current_languge_en.category-3 .about-heading-href a {
	display:none !important;
}

.current_languge_en #menu-item-5842,
.current_languge_en #menu-item-5843,
.current_languge_en #menu-item-5844 {
	display:none !important;
}
.gallery-other-cat {
	padding-top:40px;
	padding-bottom:40px;
}
.current_languge_en .gallery-other-cat {
	display:none !important;
}
@media screen and (max-width: 767px){

	
	#hs-gallery-section .hs-container >.row .col-sm-6,
	#hs-news6-section
	{

		display: none !important;
	}

	.current_languge_vi #hs-news-section .col-sm-4.news-home-col4-span {
		display: none !important;
	}

	#hs-gallery-section .hs-container >.row .col-sm-6.home-videos-gallery
	{

		display: block !important;
	}


	.document-category-select .dropdown {
		margin:5px 0;
	}
	#hs-site-branding{
	    max-width: 205px;
	    display: flex;
        align-items: center;
	}
	#hs-site-branding img {
		margin-top: 0px;
	}
	.news-home-col4-span .home-blog-post {
		float: left;
		width: 100%;
	}
	/*.owl-theme .owl-controls {*/
	/*	margin-top:-25px;*/
	/*}*/
	.news-home-col8-span .home-blog-post {
		width:50%;
	}
	.hs-counter3 {
		clear:left;
	}
	.news-home-col4-span .home-post-col-1 .hs-blog-excerpt {
		float: left;
		width: 100%;
		position: relative;
	}
	
	
	#user-language-div {
		float: right;
		width: calc(100% - 130px);
		padding-right:50px;
	}
	.mobile_button_phone {
		padding-right:0;
	}
	.user-dropdown-menu .nav-link {
		    margin-top: 5px;
	}
	.language_switch a.active {
		display:none;
	}
	.mobile_button_phone::before {
		padding-right:10px;
	}
	.back_link_button , .mobile_button_phone{
		font-size:13px;
	}
	.search_header {
		line-height:35px;
		float:right;
	}
	.language_switch{
		float:right;
	}
	.search_header::before {
		line-height:35px;
	}
	.language_switch {
		margin-top:3px;
	
	}
}

@media screen and (max-width: 1180px){
	
	.hs-main-navigation #menu-main-menu > li >a {
		    width: 100%;
            padding-left: 0;
            line-height: 33px;
        height: 33px;
	}
	
	.hs-main-navigation #menu-main-menu > li.menu-item-home >a::before , .hs-main-navigation #menu-main-menu > li.menu-item-home >a::after{
		display:none;
	}
	.hs-main-navigation #menu-main-menu > li {
		margin:0;
		float: left;
		width: 100%;
		padding:0;
	}
	.hs-main-navigation #menu-main-menu > li >a {
		 font-size: 15px;
                font-weight: 400;
        text-align: left;
        padding: 0 15px 0 30px;
	}
	.hs-main-navigation ul .fullcol > ul > li >a {
    color: #004ea0;
	}

	.hs-main-navigation #menu-main-menu > li.current_page_item >a::after, .hs-main-navigation #menu-main-menu > li.current-menu-item >a::after, .hs-main-navigation #menu-main-menu > li:hover >a::after, .hs-main-navigation #menu-main-menu > li:hover >a::after, .hs-main-navigation #menu-main-menu > li.current-menu-parent >a::after {
		display:none;
	}
	.hs-main-navigation ul .fullcol > ul.sub-menu >li {
		width:100%;
		margin:0;
	}
	#hs-content {
		top:0 !important;
	}
	.homepage-panel-links .dropdown-label  {
		display:none;
	}
	.homepage-panel-links .dropdown-content {
		width:100%;
	}
	.hs-section-title {
		margin-bottom:20px;
	}
	.hs-slide-cap-button {
		    margin-top: 10px;
	}
	
	
	.hs-footer{
		width:100%;
		margin-bottom: 30px;
		float:left;
	}
.hs-footer:nth-child(2n){
		clear: right;
	}

	.hs-footer:nth-child(2n+1){
		clear: left;
	}
	
	.hs-footer.hs-footer6 {
		width:100%;
	}
	.hs-footer6 ul li.hotline-f {
		    float: left;
    display: inline;
    width: auto;
    margin-top: 0;
	}
	.document-category-select .nav-link {
		    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	}
}

#product_helps .qna_title {
	color: #004ea0;
	font-size:15px;
}


@media screen and (max-width: 767px){
.product-prices-info .price_div  {
	padding:0;
}
.hs-slide-caption {
	padding:0;
}
	.sub_cat_icon span {
		white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
	}
.dropdown-menu.search-dropdow {
	left:0 !important;
}
.product-prices-info  .nav-tabs .nav-link , .product-detail-info .nav-tabs .nav-link{
		font-size: 13px;
	}	
	.product_hotline_div {
		position:relative;
	}

	
.product-detail-info .col-8,
.product-detail-info .col-6,
.product-detail-info .col-4 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 100%;
    max-width: 100%;
	padding-left:0;
	padding-right:0;
}
	#hs-colophon {
    margin-top: 20px;
}

.product-detail-info .nav-tabs .nav-link {
	
}
.product-register-form .col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.product-detail-header .hs-breadcrumbs {
	 white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-detail-intro .col-6 {
	    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	margin-bottom:20px;
}
.product_register_button {
	max-width:100%;
}
.product_register_button a:last-child {
	    width: 180px;
}
	

	#hs-masthead.hs-white{
		background: #FFF !important;
	}

	#hs-masthead.hs-white .hs-site-title a{
		color: #111;
	}

	#hs-masthead.hs-white .hs-site-description{
		color: #333;
	}

	#hs-site-branding{
		width: auto;
	}

	.hs-main-navigation li{
		display: block;
		
	}

	.hs-main-navigation a{
		line-height: 1.5;
		padding: 10px 0;
	}
	

	.hs-main-navigation ul ul{
		position: static;
		box-shadow: none;
		border-top:none;
	}

	.hs-menu > ul > li > a:after{
		display: none;
	}

	.hs-main-header{
		padding: 40px 0 0 0;
		min-height: 200px;
	}
	.product-detail-breadcrumbs {
    margin-top: 10px;
}

	.hs-slide-cap-title{
		font-size: 30px;
		margin-bottom: 10px;
	}

	.hs-slide-cap-desc{
		font-size: 16px;
	}

	#hs-home-slider-section{
		min-height: 0;
	}

	#hs-home-slider-section .bx-wrapper .bx-controls-direction a{
		
	}
	.page-template-home-template #hs-colophon {
		margin-top:0;
	}
	.hs-footer.hs-footer1 {
		width:100%;
		text-align:center;
	}
	.about-heading-href {
		display: none;
	}
	.page-template-about-template #hs-content >div {
		float:left;
		width:100%;
		padding:0 10px;
	}
	.row.sub-manager-main-div, .about-us-manager-div {
		margin:0;
	}
	.row.sub-manager-main-div >div {
		float: left;
		margin: auto;
		width: 50%;
	}
	.about-timeline-div {
		background-size: cover;
	}
	.about-timeline-div #issues > li.selected img {
		height:70px;
	}
	.about-us-manager-div .sub-manager {
		text-align: center;
		margin-bottom: 10px;
		width: 50%;
	}
	div#about-intro-div {
		background-size: cover;
	}
	.about-intro-div .hs-counter {
		width: 50%;
		float: left;
		margin-bottom: 40px;
		margin-left: 0;
		border: none;
	}

	.about-intro-div .hs-counter-count {
		font-size: 40px; 
	}
	.about-intro-div .about-intro-detail {
		text-align:left;
	}
	div#single_primary_post {
		margin-bottom: 50px;
		padding: 0;
		margin-top: 10px;
	}
	.arichive-bao-chi .entry-header .entry-title a {
		font-size: 15px;
		font-weight: 500;
	}
	.nav-tabs .nav-link {
		width:100%;
		margin:0;
		margin-bottom:20px;
	}
	.hs-about-sec,
	.hs-progress-bar-sec{
		width: auto;
		float: none;
	}

	.hs-about-sec{
		margin-bottom: 40px;
	}

	.hs-featured-post{
		width: 48%;
	}

	.hs-featured-post:nth-child(3){
		clear: both;
	}

	.hs-portfolio{
		width: 50%;
	}

	.hs-portfolio-cat-name{
		margin-bottom: 10px;
	}

	.hs-service-left-bg{
		display: none;
	}

	.hs-service-posts{
		width: auto;
		float: none;
		padding-left: 0;
	}

	#hs-service-post-section{
		padding: 60px 0;
	}

	.hs-team-member{
		width: 48%;
		margin-bottom: 30px;
	}

	.hs-team-member:nth-child(3){
		clear: both;
	}

	#hs-team-section{
		padding-bottom: 30px;
	}

	.hs-counter-wrap{
		margin-left: -15px;
	}

	.hs-counter{
		width: auto;
		float: none;
		margin-bottom: 40px;
		margin-left: 0
	}
	.hs-counter.col-sm-4 {
		width: 50%;
		border: none;
		float: left;
	}
	#hs-counter-data-section {
		background: #004e9f;
	}
	#tblStockInfo >tbody >tr >td:nth-child(3), #tblStockInfo >tbody >tr >td:nth-child(4) {
		display:none;
	}
	#tblStockInfo td.d {
		font-size:30px;
	}
	.hs-news6-section-1 img {
		width:100%;
	}
	.hs-counter-data-detail {
		margin-bottom: 10px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    border-bottom: 1px dotted #dfdfdf;
    padding: 0;
	}

	.hs-counter:last-child{
		margin-bottom: 0;
	}

	.hs-blog-post{
		width: 100%;
		float: none;
	}

	.hs-blog-post .hs-blog-thumbnail{
		float: left;
	}
	
	.hs-blog-post .hs-blog-excerpt{
		left: auto;
		right: 0
	}

	.hs-blog-post .hs-blog-excerpt:after {
	    border-color: transparent #F6F6F6 transparent transparent;
	    left: -38px;
	    right: auto;
	}

	.hs-blog-post:nth-child(2n) .hs-blog-thumbnail{
		float: right;
	}

	.hs-blog-post:nth-child(2n) .hs-blog-excerpt{
		right: auto;
		left: 0
	}

	.hs-blog-post:nth-child(2n) .hs-blog-excerpt:after {
	    left: auto;
	    right: -38px;
	    border-color: transparent transparent transparent #F6F6F6;
	}

	.hs-contact-form{
		float: none;
		width: auto;
		margin-bottom: 30px;
	}

	.hs-contact-address{
		float: none;
		width: auto;
	}


	#hs-top-footer{
		padding-bottom: 20px;
	}

	#hs-bottom-footer{
		text-align: center;
	}

	.hs-copy-right{
		float: none;
		margin-bottom: 15px;
	}

	.hs-site-info{
		float: none;
	}

	#primary{
		    width: 100%;
    float: left;
		margin-bottom: 30px;
	}

	#secondary{
		    width: 100%;
    float: left;
	margin-top:30px;
	}
	#single_primary {
		    width: 100%;
    float: left;
	}
	.category .hentry {
		width:100%;
	}
	
	.p_related_post .col-3 {
		-webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.p_related_post .col-3 .relatedcontent {
		margin-bottom:10px;
	}
	.sub_cat_icon {
		width: 25%;
    margin-bottom: 10px;
	}
	.sub_category_main_div {
		padding:0;
	}
	.sub_cat_icon a {
		padding:10px 0;
	}
	.products-list-area .col-4.vtproducts {
		-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	}
	
	.hs-main-navigation #menu-main-menu > li.current_page_item >a::after, .hs-main-navigation #menu-main-menu > li.current-menu-item >a::after, .hs-main-navigation #menu-main-menu > li:hover >a::after, .hs-main-navigation #menu-main-menu > li:hover >a::after, .hs-main-navigation #menu-main-menu > li.current-menu-parent >a::after, .hs-main-navigation #menu-main-menu > li.current_page_ancestor >a::after{
		display:none;
	}
	.hs-main-navigation #menu-main-menu > li.current_page_item >a, .hs-main-navigation #menu-main-menu > li.current-menu-item >a, .hs-main-navigation #menu-main-menu > li:hover >a, .hs-main-navigation #menu-main-menu > li:hover >a, .hs-main-navigation #menu-main-menu > li.current-menu-parent >a, .hs-main-navigation #menu-main-menu > li.current_page_ancestor >a{
		color:#004ea0;
	}
.mobile-hidden {
	display:none;
}
.qna_subcat_main_div .col-9 , .document_subcat_main_div .col-9 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.qna_subcat_main_div .col-9 .col-4, .document_subcat_main_div .col-9 .col-4  {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	margin-bottom:10px;
}
.document-main-div .document-main-title {
	display:none;
}
.document-main-div .col-3.documents-list-area-sidebar {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	margin-bottom:10px;
	display:none;
}
.documents-list-area-sidebar .list-group-item {
    padding: 0;
    width: 18%;
    float: left;
    font-size: 13px;
    text-align: center;
    box-sizing: border-box;
    margin: 1%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.documents-list-area-sidebar .list-group-item i {
    padding-right: 15px;
    font-style: normal;
    display: block;
}
.documents-list-area-sidebar .list-group {
	    display: initial;
}
.col-9.documents-list-area , .col-9.guide-list-area, .col-9.guide-detail{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	margin-bottom:10px;	
	padding-top:20px 10px;
}
.col-3.documents-list-area-sidebar.support-list-area-sidebar {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	margin-bottom:10px;
	display:none;
}
.documents-list-area article >.row , .documents-list-area >.row , .document-main-div >.container >.row{
	margin:0;
	
}
.documents-list-area article >.row .entry-figure {
	padding:0;
	
}
.documents-list-area .hentry {
    margin: 0;
    padding: 0;
}

}

/*edit header old*/
.header-more-info .container{
		display: flex;
		justify-content: center;
		position: relative;
}
.header-more-info .float-right:nth-child(3){
		position: absolute;
	right: 0;
}
.header-more-info .float-right:nth-child(4){
		position: absolute;
	right: 7%;
}
@media screen and (max-width: 768px) {
	.header-more-info .container{
		justify-content: end;

	}
	.header-more-info .float-right{
		position: initial !important;
	}
}


@media screen and (max-width: 1180px) and (min-width: 767px) {
	.about-heading-href {
		display: block;
	}
}
.postid-280 .product-detail-header {
	background-position:top left !important;
}
@media screen and (min-width: 767px)  and ( max-width: 1180px){ 
	#user-language-div {
    
		margin-right: 60px;
	}
	
	.back_link_button_first {
		display: inline;
	}
	.hs-news4-section-1 img {
		width:100%;
	}
	#hs-site-branding img {
		max-height: 40px;
		width: auto;
		margin-top: 0;
	}
	.user-dropdown-menu {
		float:left;
	}
	.mobile-hidden {
		display:none;
	}
	.qna_subcat_main_div .col-9,
	.document_subcat_main_div .col-9 , .document-main-div .col-9.document-main-title{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;				
	}
	.hs-main-navigation li {
    display: block;
    
}
}


label.error {
    font-weight: normal !important;
    color: red !important;
    font-style: italic !important;
}

.row:before, .row:after {display: none !important;}

.about-intro4-div-en .about-us-manager-div {
	display:none;
}

.about-intro4-div-en .about-us-manager-div:last-child {
	display:block;
}


/*edit tin tức home*/
#box_dm{
    position: relative;
}
#title_dm{
        border-radius: 3px;
    border: 1.5px solid #999;
    background: #FFF;
    display: inline-block;
    float: right;
    color: #999;
    
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    cursor: pointer;
    width: 245px;
    padding: 4px 10px 4px 18px;
    position: relative;
}
#title_dm:after{
    content:"";
    display: inline-block;
    width: 8px;
    height: 14px;
    background: url(images/up_ic.svg) center no-repeat;
        position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
}
#list_cate_t{
        position: absolute;
    top: 39px;
    width: 245px;
    right: 0;
    background: #fff;
    
    height: 250px;
    overflow-y: scroll;
    border: 1px solid #999;
    border-top: none;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
    z-index: -1;
}
#list_cate_t.show {
        opacity: 1;
    transform: translateY(0);
    z-index: 11;
}
#list_cate_t a{
        color: #999;
    
    display: block;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    padding: 0px 15px;
    transition: all 0.3s;
    letter-spacing: -1px;
}
#list_cate_t a:hover{
    background: #146cb1;
    color: #fff;
}
/* ==== Bài viết lớn (trái, phải) ==== */
.news-card-lg, .news-card-md {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* ==== Bài nhỏ bên dưới (2 cột) ==== */
.news_slider_home .col-md-5{
        padding-right: 0;
    flex: 0 0 44%;
    max-width: 44%;
}
.news_slider_home .col-md-7{
    flex: 0 0 56%;
    max-width: 56%;
}
.news_slider_home img {
    
    width: 100%;
    border-radius: 12px;
}

.news-card-sm {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}


.bot_news{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 78, 160, 0.00) 0%, #004EA0 100%);
    padding: 20px;
    color: #fff;
}
.bot_news:before{
        content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 140px;
    background: linear-gradient(90deg, rgba(82, 159, 252, 0.35) 0%, rgba(82, 159, 252, 0.65) 60%, #B1E5FE 100%);
    transform: translateX(100%);
    transition: transform 0.6s ease;
    z-index: 0;
}
.bot_news:hover::before {
    transform: translateX(0);
}
.news-date {
    color: #FFF;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 4px;
}
.bot_news .news-title{
    margin-bottom: 10px;
    position: relative;
}
.bot_news .news-title a{
    color: #FFF;

    
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
a.read-more {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    font-weight: 300;
        position: relative;
}
a.read-more:after{
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(images/readmore.svg) center no-repeat;
    margin: 0 0 -2px 6px;
    background-size: contain;
}
.news-meta{
    position: absolute;
    top: 0;
    left: 20px;
    border-radius: 0 0 10px 10px;
    background: #146CB1;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    /* letter-spacing: -1.32px; */
    text-transform: uppercase;
    padding: 2px 14px;
}


.news_slider_home .col-md-7 .col-6:nth-child(2){
    padding-right: 7.5px;
}
.news_slider_home .col-md-7 .col-6:nth-child(3){
    padding-left: 7.5px;
}

.float-right-lang .language-chooser{
    display: flex;
}
.float-right-lang .language-chooser span{
    display: block !important;
        color: #004EA0;
}
.float-right-lang .language-chooser img{
    display: none;
}
.float-right-lang .widget{
    margin: 0;
}
.float-right-lang  .qtranxs_widget ul li{
    margin: 0;
}
@media screen and (max-width: 1441px) {
    #list_cate_t a, #title_dm{
        font-size: 16px;
    }
    #list_cate_t{
            top: 36px;
    }    
    .news-meta{
        font-size: 18px;
    }
    .news-card-md .news-meta {
        font-size: 15px;
    }
   
    .bot_news .news-title a{
        font-size: 21px;
    }
    a.read-more{
        font-size: 13px;
    }
   
    .news-date {
        font-size: 12px;
        
    }
    .news-title a {
        font-size: 17px;
    }
    
    
}
@media screen and (max-width: 1281px) {
    .hs-toggle-menu{
        display: block;
        position: absolute;
        left: 15px;
        top: 50%;
        height: 30px;
        width: 30px;
        cursor: pointer;
        transform: translateY(-50%);
    }
    #hs-site-navigation{
        float: inherit;
        width: auto;
    }
    .float-right-lang{
        position: absolute;
        right: 15px;
    }
    #hs-site-branding{
        padding: 7px 10px;
    }
    
    .news_slider_home .col-md-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .news_slider_home .col-md-5 {
        
        display: none;
    }
    .news_slider_home .news-card-md img {
        width: 100%;
        aspect-ratio: 16 / 9.5;
        object-fit: cover;
    }
    .news_slider_home .news-card-sm img {
        width: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }
    
}
@media screen and (max-width: 769px) {
    #list_post p {
        font-size: 15px;
    }
    #list_post a {
        font-size: 15px;
    }
    .news-card-md .news-meta {
        font-size: 13px;
    }
    .news-card-sm .news-meta{
        font-size: 11px;
    }
    .news-meta {
        font-size: 15px;
    }
    .post-slide .date {
        font-size: 14px;
    }
    .bot_news:before{
        height: 100%;
    }
    .bot_news .news-title a {
        font-size: 18px;
    }
    .bot_news{
        padding: 12px;
    }
    .bot_news .news-title{
        margin-bottom: 5px;
    }
    .news-meta{
        border-radius: 0 0 8px 8px;
        left: 12px;
    }
}
@media screen and (max-width: 640px) {
    #title_dm {
        font-size: 13px;
        width: 140px;
        padding: 4px 0 4px 8px;
    }
    #list_cate_t a{
        font-size: 13px;
        padding: 0 8px;
    }
    #list_cate_t{
        top: 27px;
        padding: 3px 0 0 0;
        height: 165px;
        width: 140px;
    }
    #title_dm{
        height: 30px;
    }
    #title_dm:after{
        right: 10px;
    }
    #list_cate_t {
        top: 30px;
    }
 
}


/*end*/