body{
margin:0;padding:0; line-height:1.4; color:#222;
font-family:'Roboto Condensed',sans-serif;
font-weight:400; font-size:15px;
font-smoothing:antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
a{color:#222;text-decoration:none}
a:hover{color:#282870}
img{border: none; max-width: 100%;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:400; }
strong,th{font-weight:700; }
p,figure,figcaption,blockquote,dl,dt,dd,ol,caption,table,tbody,tfoot,thead,tr,th,td,fieldset,embed,object,applet,canvas,caption,embed,hgroup,iframe,output,pre,strike,sub,summary,sup,time,video {border:0; margin:0; padding:0;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
::-webkit-input-placeholder{  color:#666;opacity:100}
:-ms-input-placeholder{ color:#666;opacity:100}
::placeholder{color:#666;opacity:100}
:focus {outline: -webkit-focus-ring-color auto 0;}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{box-shadow:0 0 0 1000px white inset; }
input::-ms-clear{display:none;}
select::-ms-expand{display:none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;}
input, select, textarea, button{font-family:'Roboto Condensed',sans-serif;font-size:15px;font-weight:400; line-height:inherit;outline:none;}
input, select{	height: 40px; padding:0 10px; }
input, select, textarea{
	float:left; width:100%; border:solid 0.5px #e0e0e0; margin:0; box-shadow: none;
	-webkit-appearance:none; -moz-appearance:none; -o-appearance:none;text-overflow:""; appearance:none;
	border-radius:2px;	webkit-border-radius:2px;	-moz-border-radius:2px;
}
input:focus,select:focus,textarea:focus{ 
	border: solid 0.5px #282870; outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px  rgba(102,175,233,.6);
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
select{
	background:url(../images/arow.svg) no-repeat; 
	background-position: right 8px top 50%;padding-right: 24px;
}
textarea{ height: 85px; padding:10px; resize: none;}
button{	background: none; cursor:pointer; border:0; padding: 0; margin:0;}
button:focus{outline:0; }
table{border-collapse: collapse; border-spacing: 0; width: 100%;}
table td,table th{padding:6px;border:solid 1px #e0e0e0;}
.table tr:nth-of-type(2n) {    background-color: #f9f9f9;}
.table thead th {  background-color: #f9f9f9;}
/* Bengin main */
.main { float:left; width:100%; position:relative; margin-bottom:20px; }
.main-content { margin:auto; max-width:1130px; min-width:240px; }
.content-left { float:left; width:71%; position:relative; }
/* Bengin header*/
.header { background:#fff; float:left; width:100%; position:relative; height:100px; box-shadow:0 1px 3px 0 rgba(32,33,36,0.28); -webkit-box-shadow:0 1px 3px 0 rgba(32,33,36,0.28); -moz-box-shadow:0 1px 3px 0 rgba(32,33,36,0.28); }
.main-header { margin:auto; max-width:1130px; min-width:240px; position:relative; }
.header-logo { display:inline-block; top:12px; position:relative; }
.header-logo img { height:77px; }
.header-right { float:right; position:relative; top:30px; }
.item-right { display:inline-block; padding-left:48px; position:relative; max-width:270px; margin-right:40px; }
.fa-icon { position:absolute; left:0; width:40px; height:40px; text-align:center; border:solid 2px #dd3333; border-radius:100%; top:0; font-size:20px; color:#dd3333; display:grid; place-items:center; }
.fontbold { font-weight:700; }
.ptext {    display: grid;}
/* search*/
.btn-search-top { z-index:99; position:absolute; right:0; top:33px; height:36px; }
.icon-search { position:absolute; right:0; width:40px; height:40px; place-items:center; display:grid; color:#666; z-index:9; cursor:pointer; }
.search-icon { background:url(../images/search1.svg) no-repeat; height:36px; width:36px; background-position:center; background-size:16px; display:inline-block; }
.search-icon.dropdown-active1 { background:url(../images/icon_ic-close.svg) no-repeat; height:36px; width:36px; background-position:center; background-size:12px; display:inline-block; }
.btn-icon { width:40px; height:40px; background:#f2f2f2; border-radius:100%; display:inline-block; place-items:center; display:grid; }
.btn-dropdown { cursor:pointer; }
.dropdown-wrapper { background:#fff; display:none; position:absolute; z-index:9991; width:300px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }
.dropdown-form { padding:16px; }
.ul_dropdown a { padding:12px; float:left; width:100%; border-bottom:solid 0.5px #e0e0e0; line-height:1.6; }
.icon-dropdown.dropdown-active1 .icon12 { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }
.dropdown-right { right:0; }
.btn-dropdown.fixmobi { position:absolute; display:none; left:0; height:56px; width:40px; line-height:56px; }
.btn-dropdown.fixmobi .fa { color:#666; }
/* End header*/

/* Bengin nav_header */
.nav_header { background:#323296; float:left; width:100%; position:relative; margin-bottom:16px; }
.nav-bar {     max-width: 1130px;    margin: 0 auto;    padding: 0; }
.nav-item { float:left; position:relative; }
.nav-bar li {    list-style: none;}
.nav-item > a { padding:0 12px; float:left; width:100%; height:56px; line-height:56px; font-size:14px; color:#fff; font-weight:700; text-transform:uppercase; }
.nav-item > a:hover { background:#0076bf; color:#fff; }
.nav-item > a.active { background:#0076bf; color:#fff; }
.nav-bar li:hover > .nav-dropdown { visibility:visible; opacity:1; }
.nav-dropdown li { width:100%; }
.nav-dropdown {    left: 0;    position: absolute;    top: 56px;    z-index: 999;    width: 160px;    background: #fff;    visibility: hidden;    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);    padding: 0;}
.nav-dropdown a { padding:10px 16px; float:left; width:100%; position:relative; border-bottom:solid 1px #e0e0e0; }
.nav-dropdown a:hover { color:#282870; }
.active-sub { color:#282870; }
.imghome {height: 16px;}
.nav-item span {    height: 56px;    line-height: 56px;    color: #fff;    font-weight: bold;    text-transform: uppercase; padding: 0 10px; }
/* End nav_header */

/* Bengin mySidebar */
.pushbar_locked { overflow:hidden; height:100vh; position:fixed; width:100%; }
.pushbar { background:#fff; z-index:99999; position:fixed; will-change:transform; overflow-y:auto; transition:transform 0.5s ease; will-change:transform; }
.pushbar_overlay { z-index:-999; position:fixed; width:100%; max-width:100%; height:100%; min-height:100vh; top:0; left:0; will-change:opacity; opacity:0; will-change:opacity; background:#3c3442; }
.pushbar_locked .pushbar_overlay { opacity:0.8; z-index:999; transition:opacity 0.5s ease; }
.pushbar.from_left { top:0; left:0; width:300px; max-width:100%; height:100%; overflow-x:hidden; transform:translateZ(0) translateX(-100%); }
.pushbar.from_right { top:0; right:0; width:300px; max-width:100%; height:100%; overflow-x:hidden; transform:translateZ(0) translateX(100%); }
.pushbar.from_top { top:0; left:0; width:100%; max-width:100%; transform:translateZ(0) translateY(-100%); }
.pushbar.from_bottom { bottom:0; left:0; width:100%; max-width:100%; transform:translateZ(0) translateY(100%); }
.pushbar.opened { transform:translateX(0px) translateY(0px); }
.close-pushbar-top { position:absolute; text-align:center; left:5px; color:#777; width:36px; height:36px; line-height:36px; border-radius:100%; top:10px; }
.input_pushbar { border:0; padding:0 50px; height:56px; color:#757575; }
.input_pushbar:focus { border:0; }
.pushbar_search { position:absolute; color:#757575; width:36px; height:36px; top:10px; right:5px; }
.btn-pushbar-menu { position:absolute; left:5px; width:36px; height:36px; z-index:99; border-radius:100%; top:12px; }
.btn-search { width:36px; height:36px; z-index:99; text-align:center; line-height:36px; border-radius:100%; display:inline-block; cursor:pointer; }
.btn-pushbar-close { height:48px; position:relative; z-index:99; font-size:30px; cursor:pointer; background:#f2f2f2; width:100%; float:left; }
.icon-bacck { float:left; width:48px; text-align:center; line-height:48px; }
.btn-pushbar-3 { cursor:pointer; position:absolute; left:8px; top:10px; width:36px; z-index:99; height:36px; line-height:36px; text-align:center; border-radius:100%; display:none; }
.pushbar-hide { display:none; }
/* menu-list */

.menu-list {position:relative; width:100%; float:left; font-size:16px; float:left; padding:12px; width:100%; text-transform:uppercase; font-weight:700; border-top:solid 1px #e0e0e0; }
.menu-list:hover { color:#282870; }
.menu-list.active { color:#282870; }
/* End mySidebar */

/*Bengin footer */
.footer { float:left; font-size:14px; line-height:1.5; width:100%; position:relative; background:#0076bf; color:#c2c2f4; padding:24px 0; }
.main-footer { margin:auto; max-width:1100px; min-width:240px; }
.footer-header { float:left; width:100%; position:relative; }
.footer-content { float:left; width:100%; position:relative; }
.footer-title { float:left; width:100%; position:relative; text-transform:uppercase; font-weight:700; padding-bottom:10px; }
.footer p { color:#c2c2f4; }
.footer a { color:#c2c2f4; }
.footer-col1 { float:left; width:210px; margin-right:24px; }
.footer-col2 { float:left; width:25%; padding-right:16px; }
.footer-col3 { float:left; width:39%; padding-right:16px; }
.footer-col4 { float:right; width:160px; }
.nav-c3 {    width: 33.3%;    float: left;    margin: 0;    padding: 0;}
.nav-c3 li {    padding-bottom: 8px;    list-style: none;}
.footer-link { float:left; width:100%; padding-top:16px; border-top:solid 1px #39f; font-size:12px; margin-top:16px; }
.footer-link { text-align:center; }
.footer-link a { display:inline-block; position:relative; margin:0 10px; }
.footer-link a::after { position:absolute; content:""; width:1px; height:10px; background:#c2c2f4; right:-10px; top:4px; }
.maps { width:100%; float:left; text-align:center; }
.maps img { width:100%; height:170px; object-fit:cover; }
.icon-social2 { display:inline-block; width:24px; height:24px; margin-right:10px; border-radius:2px; cursor:pointer; place-items:center; line-height:24px; text-align:center; }
/* icon_footer */
.fb_customer_chat_bubble_animated_no_badge{
    right: 2pt !important;
    bottom: 3pt !important;
}
.icon_footer {  position:fixed; bottom:10px; right:10px; z-index:9; }
.callhotline { background-color:#dd3333; left:10px; border-radius:100%; height:48px; width:48px; line-height:48px; color:#fff; font-size:20px; box-shadow:0 1px 5px 0 rgba(32,33,36,0.50); }
.callhotline .fa { position:relative; color:#fff; font-size:20px; left:16px; }
.fa-hotline {    position: absolute;    background: antiquewhite;    padding: 0 20px 0 36px;    color: red;    border-radius: 0 25px 25px 0;    z-index: -1;    left: 22px;    font-weight: bold;
}
.callhotline img { border-radius: 100%;   height: 48px;    width: 48px;}
.callhotline::before { border-radius:100%; 
	-webkit-border-radius:100%; display:block; width:48px; height:48px; 
	position:absolute; right:0;
	 content:''; box-shadow:0 0 0 rgba(23,143,214,0.4); 
	 -webkit-animation:live-pulse 1s infinite; -moz-animation:live-pulse 1s infinite; -o-animation:live-pulse 1s infinite; animation:live-pulse 1s infinite; }
@-webkit-keyframes live-pulse {
    0% { -webkit-box-shadow:0 0 0 0 rgba(225,6,0,0.5); } 70% { -webkit-box-shadow:0 0 0 10px rgba(225,6,0,0); } 100% { -webkit-box-shadow:0 0 0 0 rgba(225,6,0,0); } 
} 
@keyframes live-pulse {
    0% { -moz-box-shadow:0 0 0 0 rgba(225,6,0,0.5); box-shadow:0 0 0 0 rgba(225,6,0,0.5); } 70% { -moz-box-shadow:0 0 0 10px rgba(225,6,0,0); box-shadow:0 0 0 10px rgba(225,6,0,0); } 100% { -moz-box-shadow:0 0 0 0 rgba(225,6,0,0); box-shadow:0 0 0 0 rgba(225,6,0,0); } 
} 
.ic-email { bottom:120px; }
.ic-email img { height:40px; width:40px; }
.ic-zalo { bottom:70px; }
.ic-zalo img { height:40px; width:40px; }
.ic-face img { height:40px; width:40px; }
.ic-face { bottom:10px; }
/* End footer */

@media only screen and (max-width:1024px) {
    .main-header { padding:0 12px; } 
	.main-content { padding:0 12px; } 
	.main-footer { padding:0 12px; } 
	.nav-item > a { padding:0 12px; } 
	.header-logo { top:18px; } 
	.header-logo img { height:64px; } 
	.footer-col2 { width:20%; } 
	.item-right { margin-right:36px; } 
} 
@media only screen and (max-width:960px) {
.header { height:56px; text-align:center; position:fixed; z-index:99; }
.main { padding-top:68px; }
.main-header { padding:0; }
.banner-home { display:none; }
.content-left { width:100%; }
.header-logo { top:10px; }
.header-logo img { height:36px; }
.header-right { display:none; }
/* search*/
.btn-search-top { right:10px; top:10px; }
.dropdown-wrapper.dropdown-right { top:0; width:100%; left:0; right:0; position:fixed; background:rgba(0,0,0,0.6); height:100%; bottom:0; }
.input-top { padding:0 40px; height:56px; border:0; border-bottom:solid 2px #dd3333; }
.input-top:focus { border:0; border-bottom:solid 2px #dd3333; box-shadow:none; outline:0; }
.icon-search { height:56px; }
.btn-dropdown.fixmobi { display:block; }
/* pushbar*/
.pushbar-hide { display:block; }
.btn-pushbar-3 { display:block; }
/* footer*/
.footer-col1 { float:left; width:100%; margin-right:0; text-align:center; margin-bottom:16px; }
.footer-col2 { width:100%; padding:0; margin-bottom:16px; text-align:center; }
.footer-col3 { display:none; }
.footer-col4 { float:left; width:100%; text-align:center; }
.footer-title { padding-bottom:5px; }
}