@import url("fonts.css");
body { font-family: arial, tahoma, "segoe ui", "Helvetica Neue", Helvetica, Arial, sans-serif !important;    /* min-width: 1349px; */ }

/* global */
@font-face { font-family: "Roboto-Bold"; src: url('../fonts/Roboto-Bold.ttf'); }
@font-face { font-family: "Roboto-Regular"; src: url('../fonts/Roboto-Regular.ttf'); }
@font-face { font-family: "Roboto-Medium"; src: url('../fonts/Roboto-Medium.ttf'); }
.container { width: 1200px !important }
.rel { position: relative }
.red { color: red }
.over-hide { overflow: hidden }
.blue { color: blue }
.back-to-top { position: fixed; z-index: 123; right: -60px; bottom: -60px; text-align: center; color: #EC000A !Important; text-decoration: none !Important; font-weight: bold; font-size: 14px; box-shadow: chartreuse; }

/* menu responsive */

/* mani */
header #responsive-menu { position: relative; z-index: 1; width: 100%; max-height: 100%; z-index: 1234; top: 0; max-height: 420px; overflow-y: auto; -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.4); }
header #responsive-menu .title .wrap { clear: both; width: 22px; float: left; margin-top: 6px; margin-right: 10px; }
header #responsive-menu .title .icon-bar { width: 22px; height: 2px; background: #fff; float: left; clear: both; margin-bottom: 3px; }
header #responsive-menu .title { background: rgb(27, 127, 198); padding-left: 10px; padding: 10px; color: #FFF; font-size: 17px; cursor: pointer; cursor: hand; -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.4); }
header #responsive-menu .content { }
header #responsive-menu .content ul { list-style: none; padding: 0; background: #F9F9F9; }
header #responsive-menu .content > ul { display: none; }
header #responsive-menu .content  .toggle-menu { float: right; background: url(../img/icon-1.png) no-repeat center center; width: 15px; height: 15px; cursor: hand; cursor: pointer; margin-right: 7px; position: absolute; top: 7px; right: 0px; padding: 10px; }
header #responsive-menu .content  .toggle-menu.active { background: url(../img/icon-2.png) no-repeat center center; }
header #responsive-menu .content  ul li a { color: #8A8989; font-size: 16px; padding-left: 5px; }
header #responsive-menu .content  ul li { padding: 8px 0px; border-bottom: 1px solid #ccc; position: relative; cursor: hand; cursor: pointer; }
header #responsive-menu .content  ul li:hover { background: #fff }
header #responsive-menu .content  ul li ul { display: none }
header #responsive-menu .content li li:first-child { border-top: 1px solid #ccc }
header #responsive-menu .content > ul > li ul { position: relative; top: 9px; }
header #responsive-menu .content > ul li ul li {    /* padding-left: 15px; */
text-indent: 10px; }
header #responsive-menu .content > ul li ul li ul li { text-indent: 20px }
header #responsive-menu .content > ul > li > ul > li > ul { }
#form-search.search-menu { margin-top: -6px; }
header #form-search { overflow: hidden; float: right; width: 210px; margin-top: 10px; position: relative; width: 63%; }
#form-search.search-menu input { border: 1px solid rgba(204, 204, 204, 0.32); border-radius: 0; padding: 6px 4px; font-size: 13px; outline: none; width: 100%; }
#form-search.search-menu button { font-size: 16px; margin-top: 7px; margin-right: 4px; }
header #form-search button { position: absolute; right: 3px; top: 1px; padding: 0px 0px; border: 0; color: #121212; font-size: 23px; outline: none; background: none; }

/* end  */
.phantrang { margin-left: 15px }
.anim-05 { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.tooltip-inner { border-radius: 0 !important }
.link-transpare-border:before { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; width: 100%; height: 100%; border: 5px solid rgba(255, 255, 255, 0.6); content: ""; position: absolute; left: 0px; top: 0; }
.global-title h2:after, .title-global h2:after, .global-title h2:before, .title-global h2:before { content: ""; position: absolute; width: 37px; left: -35px; height: 44px; top: -1px; z-index: 1; background: url(../img/fix-title-left.png) no-repeat; opacity: 0; }
#contact .global-title:after, #contact .title-global:after { display: none }
#contact .global-title h2, #contact .title-global h2 { background: transparent }
.global-title:after, .title-global:after, .global-title:before { content: ""; width: 100%; background-color: #f1271d; height: 1px; bottom: 14px; position: absolute; z-index: 1; }
.global-title h2:after, .title-global h2:after { background: url(../img/fix-title-right.png) no-repeat; left: auto; right: -70px; width: 72px; }
.global-title h2, .title-global h2 { margin: 0; font-family: "Roboto-Regular"; text-align: left; text-transform: uppercase; color: #f1271d; font-size: 21px; float: left; z-index: 2; position: relative; margin-bottom: 2px; padding: 0; padding-bottom: 6px; background-color: #fff; padding-right: 10px; }
.title-global, .global-title { margin-top: 16px; margin-bottom: 0px; position: relative; }
.inner-website .global-title, .inner-website .title-global { }
.inner-max-width img { max-width: 100%; height: auto; margin: auto; }
.videoWrapper { position: relative; padding-bottom: 56.25%;    /* 16:9 */ padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* fb rp */
#fbcomments, .fb-comments, .fb-comments iframe[style], .fb-comments span { width: 100% !important; }

/* fb rp */

/* end global */

/*header */

header { top: 0; z-index: 123; width: 100%; background: white; }
header .wrap-top { padding: 0 0; height: 112px; }
header #lang-bar { text-align: right; margin-bottom: 5px; }
header .hotline-social { background: url(../img/hotline.png) no-repeat center left; padding-left: 62px; height: 62px; font-family: Times New Roman; font-size: 17px; text-transform: uppercase; font-weight: bold; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; margin-top: 28px; }
header #form-xsearch { padding: 5px; position: relative; margin-top: 2px; }
header #form-xsearch input { padding: 3px 3px; background-color: #fff; outline: none; border: 1px solid #fff; border-radius: 15px; width: 100%; text-indent: 10px; color: #000; margin: 0 0%; }
header #form-xsearch button { position: absolute; right: 0; background-color: transparent; border: 0; color: #000; font-size: 17px; top: 9px; right: 9px; }
header .hotline-social .hotline { text-indent: 8px;animation: tada 1.2s infinite; }
header .hotline-social span { font-size: 25px; line-height: 26px; margin-right: 0; position: relative; color: #ff0000; }
header .hotline-social span i { font-size: 16px; }
header #social-air {    /* position: absolute; */

    /* top: 10px; */

/* right: 0; */ }
header .banner img {    /* margin:auto */

float: left; }
header .banner { }
header .top-header { background: #fff; position: relative; padding: 3px 0; color: #000; font-size: 12px; font-family: Arial; line-height: 26px; }
header .top-header .wrap-top { display: table; width: 100%; }
header .top-header .wrap-top div { display: table-cell }
header .top-header  div.email { float: left }
header .top-header .wrap-top div.phone { background: url(../img/phone.png) no-repeat left 0; padding-left: 23px; }
header .top-header div.tel { background: url(../img/tel.png) no-repeat left 0; padding-left: 23px; }
header #social-air { text-align: center; float: right; }
header #social-air div:hover { background-position: 0 100% !Important }
header nav { z-index: 12; width: 100%; bottom: 0; position: relative; background: url(../img/menu.png) repeat-x center; }
ul#main-nav .logo { padding-top: 4px; padding-bottom: 4px; }
ul#main-nav { list-style: none; padding: 0; margin-bottom: 0; position: relative; margin-top: 0; z-index: 2; display: table; width: 100%; float: left; }
ul#main-nav li.last { min-width: 142px; max-height: 20px; position: relative; max-width: 203px; padding: 0; margin: 0; display: block; float: right; }
ul#main-nav li.last form { margin: 0; padding: 0; background-color: red; top: 8px; position: absolute; }
ul#main-nav li.last form input { width: 100%; }
ul#main-nav li.last form button { position: absolute; right: 0; }
ul#main-nav li.last form button i { }
ul#main-nav > li:hover > div > a, ul#main-nav li.active > div >a { color: #fff; }
ul#main-nav > li:hover, ul#main-nav li.active { background-color: #00aff1; }
ul#main-nav > li { position: relative; z-index: 1; overflow: hidden; text-align: center; display: table-cell; padding: 0; padding: 0; margin: 0; }
ul#main-nav > li:after, ul#main-nav > li:before { width: 1px; height: 100%; background: url(../img/line.png) no-repeat center right; content: ""; right: 0px; bottom: 0px; position: absolute; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
ul#main-nav > li.last:after, ul#main-nav > li.last:before { display: none }
ul#main-nav > li:after { }
ul#main-nav > li:hover:after, ul#main-nav > li:hover:before, ul#main-nav > li.active:after, ul#main-nav > li.active:before { width: 1px; }
ul#main-nav li { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }

/* icon */
ul#main-nav li a:hover { color: rgb(253, 253, 253) !important; }
header select#navigator { margin: 10px auto; max-width: 400px; border-radius: 0; text-align: center; font-size: 14px; }
header #form-search-v2 { position: absolute; top: 8px; right: 10px; }
header #form-search-v2 form { }
header #form-search-v2 form input { padding: 3px; border: 1px solid transparent; background: rgb(51, 51, 51); border: 0; padding: 5px 8px; background: #333333; color: #fff; border-radius: 14px; width: 210px; padding-right: 20px; outline: none; }
header #form-search-v2 form button { position: absolute; background: transparent; border: 0; color: #fff; top: 6px; right: 4px; outline: none; }
ul#main-nav a { font-family: "Roboto-Bold"; }
ul#main-nav > li a { color: #F9F9F9; font-size: 16px; position: relative;    /* top: 2px; */ font-weight: normal; padding: 10px 0px; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; float: left; width: 100%; text-transform: uppercase; }
ul#main-nav li:hover > a { color: #fff; }
ul#main-nav > li a:hover, ul#main-nav > li.active > a { text-decoration: none; color: #fff; }
ul#main-nav > li ul { list-style: none; padding: 0; position: absolute; top: 100%; width: 1000px; left: 0; max-width: 300px; z-index: 2;    /* opacity: 0; */ text-align: left; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
ul#main-nav > li ul ul { left: 100%; top: 0; }
ul#main-nav > li ul li { padding: 10px 5px; min-width: 250px; position: relative;    /* background: url(../img/nav-bg.jpg); */ background-color: rgb(0, 161, 226); border-bottom: 1px solid rgba(0, 106, 165, 0.11); }
ul#main-nav > li ul li a { line-height: 16px; padding-left: 5px; text-transform: inherit; color: #F5F5F5; padding: 5px !important; font-size: 15px; float: none; }
ul#main-nav > li:hover > ul { display: block !important; opacity: 1; }
ul#main-nav li:hover > ul { display: block !important; }
ul#menu-member .dropdown-menu li { float: none; padding: 2px 0; }
ul#menu-member .dropdown-menu li a { color: #111; font-size: 17px; }
header nav ul #form-search { position: absolute; top: 2px; right: 6px; }
header nav ul #form-search input { border-radius: 0; border: 0; padding: 2px 8px; border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.17); background: none; color: #FFF; width: 240px; height: 28px; padding-right: 20px; outline: none; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.24); background-color: rgba(255, 255, 255, 0); }
header nav ul #form-search button { position: absolute; background: transparent; border: 0; color: #127EB3; top: 3px; right: 7px; outline: none; text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.29); font-size: 19px; }
ul#menu-member { list-style: none; padding: 0; margin: 0; }
ul#menu-member li:first-child:after { content: ""; position: absolute; width: 1px; height: 12px; right: 0; background: rgba(255, 255, 255, 0.71); top: 17px; }
ul#menu-member li.cart { padding: 8px; }
ul#menu-member li.cart img { margin-right: 5px; }
ul#menu-member li.cart span { color: rgb(254, 241, 0); }
ul#menu-member li { float: left; padding: 12px 9px; position: relative; }
ul#menu-member li a { color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 1); }
.brand-inner { }
.brand-inner ul { list-style: none; margin: 0; padding: 0; margin-top: 15px; }
.brand-inner ul li { background: url(../img/dot-pink.png) no-repeat 0px 14px; padding: 5px 0; padding-left: 19px; border-bottom: 1px dashed rgb(2, 130, 37); margin: 9px 0; }
.brand-inner ul li a { font-size: 17px; color: #222; }
#page-wrapper { position: relative; z-index: 23; background-color: #fff; padding-top: 10px;    /* margin-bottom: 10px; */ }
table#giohang input { margin: 5px 0px; font-size: 19px; }
table#giohang input.btn, .xbtn { background: #075992; color: #ffffff; padding: 3px 10px; border: none; margin: 5px 3px; border-radius: 0; padding: 7px 15px; background: #000000; line-height: 15px; text-transform: uppercase; font-size: 12px; position: relative; }
.source-cart { background: url(../img/shop-cart.png) no-repeat; width: 50px; height: 50px; background-size: 50px; position: absolute; right: 20px; top: 30px; position: fixed; }
.source-cart a { font-size: 15px; background: black; border-radius: 50%; width: 20px; height: 20px; float: left; position: relative; left: 37px; text-align: center; color: #fff; font-weight: bold; }
h3.all-cart-price { margin-left: 10px; font-size: 27px; color: rgb(192, 39, 49); }
#social-air a { position: relative; width: 100%; height: 100%; margin: 0px 3px; text-align: center; }
#bottom-page-wrapper { background: #FFD63E url(../img/sm-footer.jpg) no-repeat top center; padding: 20px 0; }
#bottom-page-wrapper .box .inner-box { }
#bottom-page-wrapper .box .inner-box .title { font-size: 20px; font-weight: bold; color: red; text-align: center; }
#bottom-page-wrapper .video-wrap .box .inner-box .content { width: 82%; margin: auto; margin-top: 20px; }
#video-controls { border-radius: 0; border: 1px solid rgb(255, 220, 84); margin-top: -1px; }
#bottom-page-wrapper .box .inner-box .content { }
#bottom-page-wrapper .box { background: url(../img/bg-box.png)no-repeat; width: 576px; height: 478px; padding: 0px 25px; padding-top: 40px; }
footer { padding-bottom: 0; color: #000000; position: relative; background: url(../img/footer.png) no-repeat center; min-height: 435px; }
footer .social { margin: 10px 0 }
footer .social a { margin-right: 14px; }
footer .title-global.center { text-align: center; margin-bottom: 30px; }
footer .title-global.center h2 { text-align: center; z-index: 123; float: none; }
footer .menu-bottom { margin-bottom: 5px; }
footer .menu-bottom ul { padding: 0; list-style: none; margin: 0; }
footer .content-footer { padding-top: 15px; }
footer .menu-bottom ul li a { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; color: #fff }
footer .menu-bottom ul li a:hover { text-decoration: none; color: #77C4F9 }
footer .menu-bottom ul li:after { position: absolute; content: ""; background-color: #fff; width: 1px; height: 10px; right: 0; top: 9px; }
footer .menu-bottom ul > li:first-child { padding-left: 0 }
footer .menu-bottom ul li:last-child:after { display: none }
footer .menu-bottom ul li { float: left; position: relative; padding: 0px 10px; }
footer .title { color: #FFFFFF; font-weight: bold; margin-bottom: 25px; text-transform: uppercase; font-size: 20px; font-family: "Roboto-Bold"; text-align: center }
footer .content.visit { color: #fff; }
footer .content.visit ul { margin: 0; padding: 0; list-style: none; }
footer .content.visit ul li img { margin-right: 6px; }
footer .content.visit ul li { }
footer .copyright { padding: 15px; color: #fff; font-size: 12px; font-family: Arial; background: #106292bd; position: absolute; bottom: 0; width: 100%; }
footer #top-footer { background: url(../img/top-footer.jpg); padding: 40px 0; position: relative; }
footer #top-footer:after { content: ""; position: absolute; left: 0; bottom: -10px; width: 100%; height: 13px; background: url(../img/top-footer-bg.png) repeat-x; }
footer #top-footer .support-item { margin: 0; padding: 0; list-style: none; }
footer #top-footer .support-item li { padding-left: 21px; background: url(../img/people.png) no-repeat 0px 5px; text-transform: capitalize; }
footer #top-footer .support-item li .sp-item { color: #fff; }
footer #top-footer .support-item li .sp-item .name { float: left; width: 85px; position: relative; top: 0px; }
footer #top-footer .support-item li .sp-item .yahoo { float: left; }
footer #top-footer .support-item li .sp-item .skype { float: left; margin: 0px 10px; }
footer #top-footer .support-item li .sp-item .phone { float: left; color: red; font-weight: bold; }
footer #top-footer #form-sub { margin-top: 6px; float: left; width: 100%; position: relative; }
footer #top-footer #form-sub input { width: 100%; padding: 6px 10px; border: 1px solid #ccc; padding-right: 112px; }
footer #top-footer #form-sub button { background-color: #00A2ED; border: 0; padding: 7px 20px; color: #fff; text-transform: uppercase; font-family: Verdana; position: absolute; top: 0px; right: 0; }
footer #content-footer { padding: 40px 0 0 0; }
footer #content-footer ul { width: 100%; }
.video-wrapper iframe { width: 100% !Important; left: 0; right: 0; position: absolute; height: 100% !important; border: 0; }
.video-wrapper { position: relative; padding-bottom: 37.55%; height: 0; }
.map-contact { border: 1px solid rgba(204, 204, 204, 0.31); margin-bottom: 4px; }
.video-wrapper.mini { padding-bottom: 40%; }
.xbanner { position: fixed; top: 0; background: url(../img/header-bg.jpg) no-repeat top center; z-index: 2; }
.gn-menu-wrapper li { text-indent: 10px }
.gn-menu-wrapper li ul { padding-left: 32px; }
.maps_ft iframe{width: 100%;height: 200px;}
.maps_contact iframe{width: 100%;height: 500px;}

/* notify me */
.alert-box-container { position: fixed; bottom: 10px; color: #fff; z-index: 1234; right: 10px; }
.alert-box { padding: 19px 15px; color: #fefefe; position: relative; font: 14px/20px Museo300Regular, Helvetica, Arial, sans-serif; margin-top: 5px; }
.alert-box .msg { padding: 0 20px 0 40px; }
.alert-box p { margin: 0; }
.alert-box .toggle-alert { position: absolute; top: 7px; right: 10px; display: block; text-indent: -10000px; width: 20px; height: 20px; border-radius: 10px; -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1); box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1); background: rgba(0, 0, 0, 0.08) url(../img/alert.png) no-repeat 6px 6px; }
.info-box { background: #2fa9f6 url(../img/info.png) no-repeat 14px 14px; }
.success-box { background: #7EB62E url(../img/success.png) no-repeat 14px 14px; }
.error-box { background: #f64b2f url(../img/error.png) no-repeat 14px 14px; }
.notice-box { background: #f6ca2f url(../img/notice.png) no-repeat 14px 14px; }
.download-box { background: #a555ca url(../img/download.png) no-repeat 14px 14px; }

/*end notify me */

/* media queue */
@media (min-width:1200px) { }
@media (min-width:1365px) {
    .item-product { margin-bottom: 20px; }
    header .logo img { margin-top: 0px; margin-left: 0; }
}
.box_containerlienhe img { max-width: 100% }
@media (max-width:767px) {
    body { overflow-x: hidden }
    header .banner { text-align: center; margin: auto; }
    .xs-hotline { text-align: center; font-size: 24px; margin: 10px; color: #E56E3E; }
    .xs-hotline i { font-size: 17px }
    header #lang-bar { text-align: center; margin-bottom: 5px; }
    .wow { animation-name: none !important; visibility: visible !important; }
    header .top-header .social-tel { padding: 10px 0; }
    footer ul a { font-size: 12px !important; }
    header .top-header div.tel { margin-top: 2px; text-align: left; float: left; }
    header .top-header .social-tel {        /* width:100% */ }
    header .top-header .social-tel .pull-right { float: none !important; padding: 0px 15px; }
    header .top-header #social-air { }
    header #social-air div { float: right }
    header .hotline { float: none !important; margin: auto; text-align: center; }
    .footer-address { text-align: center; padding: 10px 0; border-top: 1px solid rgba(0, 162, 237, 0.41); }
    .copyright { text-align: center !important; color: #fff; }
    .fix-social { }
    .visible-xs.hotline-xs { color: rgb(0, 133, 60);        /* font-weight: bold; */ font-size: 25px; font-family: utm_swissblack; }
    .fix-social #social-air { position: relative; }
    header .banner img { max-width: 96%; margin: auto; text-align: center; float: none; display: inline-block; }
    footer .onlinev { float: none; text-align: center; }
    header .logo { margin: auto !important; float: none; text-align: center; margin: 10px 0; padding: 10px 0; width: 100%; text-align: center; }
    header .logo img { margin: auto; text-align: center; display: inherit; }
    .row-xs, .fix-row { margin-left: -15px; margin-right: -15px; }
    .clearfix-xs { clear: both }
    #content-center { width: 100%; }
    .main-container { margin-top: 60px; position: relative; z-index: 1; }
    .row.imt { margin-left: -10px; margin-right: 5px; }
    .fix-row { margin-left: -15px; margin-right: -15px; }
    #social-air { margin: 10px 0; }
    .container { width: 100%; }
    .zoomContainer { display: none !Important }
    .item-product .wrap-desc { margin: 0 !Important; }
    .item-product .wrap-desc .product-name { }
    .item-product .wrap-desc .pull-left, .item-product .wrap-desc .pull-right { width: 100% }
    .item-product .wrap-desc .add-cart { margin: 5px 0; }
    .item-product .wrap-desc .product-name h2 { font-size: 19px !important; line-height: 21px !important; margin-bottom: 5px !important; }
    .global-title .active:before, .global-title .active:after { display: none }
    .phantrang { margin-left: 5px }
    .fix-haft-row { margin-left: -10px; margin-right: -10px; overflow: hidden; }
}
@media (max-width:991px) {
    header .logo img { margin-top: 20px; }
}
.zoomContainer { z-index: 123 }
.nav-request { background-color: #3B8AB9; margin-top: 5px !Important; -webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.5); }
.nav-request li { padding: 15px 6px !important; text-align: center; }
.nav-request li.active a { color: #111 !Important; }
.nav-request li.active a:hover { }
.nav-request li.active { background-color: #fff; }
.nav-request li a p { margin-bottom: 0; }
.nav-request li a .number { font-size: 13px; text-transform: capitalize; font-weight: normal; text-align: center; }
.nav-request li a { text-shadow: none !Important; }
.from.question { display: none; margin-top: 10px; }
.header-question { font-size: 20px; color: #999; font-style: italic; }
.inbox-question .info { border-bottom: 1px solid #ccc; margin-bottom: 5px; padding-bottom: 0px; }
.inbox-question { border-top: 1px solid #ccc; margin-top: 10px; padding: 10px 0; }
.inbox-question .item-question { margin-bottom: 10px; }
.inbox-question .item-question .q:hover { background: #EEFFDA url(../img/question_a.png) no-repeat 9px 6px; }
.inbox-question .item-question .q { background: #E3ECD2 url(../img/question.png) no-repeat 9px 6px; padding: 6px; padding-left: 60px; border-top: 3px solid #CFDEB2; cursor: hand; cursor: pointer; }
.inbox-question .item-question .a { background: #e9e5d4; padding: 0 10px; display: none; border-bottom: 10px solid #e9e5d4; margin: 10px 0; padding: 10px; }
.fb-page, .fb-page span, .fb-page span iframe[style] { width: 100% !important; }
ul#light-gallery { list-style: none; padding: 0; margin: 0; }
ul#light-gallery li .inner { padding: 3px; -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2); }
.grid-item { margin-bottom: 16px; }
.col-8 { padding-left: 8px; padding-right: 8px }
.row-8 { margin-left: -8px; margin-right: -8px; }
@media (max-width:500px) {
    .box_containerlienhe .header .name { width: 72% !important; }
    .box_containerlienhe .header .name h3 { font-size: 12px !important; }
    .box_containerlienhe .left-position-link { position: absolute !important; bottom: 10px !important; right: 0 !important; left: auto !important; }
}
.service-home .owl-prev { width: 32px !important; height: 32px !important; background: url(../img/next.png) no-repeat !important; position: absolute; top: calc(50% - 27px) !important; left: 21px !important; }
.service-home .owl-next { width: 32px !important; height: 32px !important; background: url(../img/prev.png) no-repeat !important; position: absolute; top: calc(50% - 27px) !important; right: 1154px !important; }
.logo-header { float: left; position: absolute; top: 15px; left: -15px; }
.col10-menu { width: 80% }
.col2-menu { width: 20% }
.content-email { width: 85%; margin: 0 auto; margin-bottom: 20px; }
.pdr { padding-right: 5px; }
.col3 { width: 30% }
.col2 { width: 10% }
.input-footer { border-radius: 0; box-shadow: none; background: #0c266e; border: none; color: #fff; height: 37px; }
.content-email .click_ajax_in { color: #fff; font-family: Arial; font-size: 14px; text-transform: uppercase; background: #f30000; border-radius: 0; font-weight: bold; padding: 7px 30px; }
.pdl { padding-left: 0 }
.pdl1 { padding-left: 5px }
.input-footer::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #fff; font-size: 12px; font-family: Arial }
.global-title-logo { text-align: center; background: url(../img/title-logo.png) no-repeat center; height: 43px; }
.global-title-logo h2 { color: #fff; margin: 0; font-family: "Roboto-Bold"; text-transform: uppercase; font-size: 25px; line-height: 45px; }
.about { padding: 30px 0 0 0; }
.title-about { text-align: center; margin-bottom: 20px; padding-bottom: 20px; background: url(../img/title-about.png) no-repeat center bottom; }
.title-about h2 { margin: 0; text-align: center; font-family: "Roboto-Bold"; text-transform: uppercase; font-size: 25px; color: #f12319 }
.desc-about { font-family: "Roboto-Regular"; line-height: 25px; width: 95%; margin: 0 auto; }
.item-service .name-service { text-align: center; margin: 14px 0 10px 0; }
.item-service .name-service a { color: #0097ce; font-family: Times New Roman; text-transform: uppercase; font-size: 18px; font-weight: bold; }
.item-service .desc-service { line-height: 21px; font-family: Arial; color: #000; font-size: 14px; margin-bottom: 20px; }
#section-congtrinh { background: url(../img/congtrin.png) no-repeat center; min-height: 583px; padding: 6% 0 0 0; }
.title-congtrinh { text-align: center; background: url(../img/title-congtrinh.png) no-repeat center bottom; padding-bottom: 20px; margin-bottom: 20px; }
.title-congtrinh h2 { margin: 0; font-size: 30px; text-transform: uppercase; font-family: "Roboto-Bold"; color: #fff }
.item-congtrinh .name-congtrinh { text-align: left; margin: 0px 0 5px 0; }
.item-congtrinh .name-congtrinh a { font-family: "Roboto-Bold"; color: #3d3d3d; font-family: "Roboto-Medium"; font-size: 17px; }
.content-cotr { background: #fff; padding: 10px; }
.desc-congtrinh { font-family: "Roboto-Regular"; font-size: 14px; color: #000; line-height: 25px; }
#owl-congtrinh .owl-prev, #owl-linhvuc .owl-prev { width: 49px !important; height: 49px !important; background: url(../img/next1.png) no-repeat !important; position: absolute; top: calc(50% - 27px) !important; left: -70px !important; }
#owl-congtrinh .owl-next, #owl-linhvuc .owl-next { width: 49px !important; height: 49px !important; background: url(../img/prev1.png) no-repeat !important; position: absolute; top: calc(50% - 27px) !important; right: -70px !important; }
.title-news { text-align: left; border-bottom: 1px solid #cfcfcf; padding-bottom: 10px; margin-bottom: 20px; }
.title-news h2 { margin: 0; color: #f12319; font-family: "Roboto-Bold"; font-size: 25px; text-transform: uppercase; }
.content-news .name-news { text-align: left; margin: 10px 0 4px 0; }
.content-news .name-news a { font-family: Tahoma; font-size: 12px; color: #2f2f2f; font-weight: bold; }
.content-news .desc-news { font-family: Arial; font-size: 13px; color: #2f2f2f }
.content-news .detail-news { float: left; border: 2px solid #333333; padding: 10px 15px; margin-top: 20px; }
.content-news .detail-news a { color: #2f2f2f; text-transform: uppercase; font-size: 13px; font-family: "SFUFreewayRoman"; }
.content-news .item-news { padding-bottom: 0; }
.border { margin-bottom: 10px; padding-bottom: 10px; }
.pad-news { padding-left: 8px; padding-right: 8px; }
.pdr-news { padding-left: 5px; padding-right: 8px; }
.border { border-bottom: 1px solid #cfcfcf }
#section-news { padding: 40px 0 0 0; }
.item-ykien { border: 1px solid #ebebeb; border-radius: 10px; padding: 10px; margin-bottom: 50px; position: relative; }
.item-ykien .desc-ykien { font-family: Arial; font-size: 13px; font-style: Italic; width: 80%; padding: 15px 0px 5px 30px; line-height: 22px; color: #000; float: left; text-indent: 20px; }
.item-ykien .desc-ykien:after { position: absolute; left: 20px; background: url(../img/icon2.png) no-repeat center top; padding-left: 15px; content: ""; top: 20px; width: 34px; height: 22px; text-indent: 17px; }
.item-ykien.right .desc-ykien:after { left: 135px; }
.item-ykien.right .name-ykien { text-align: left; width: 75%; margin-top: 4px; margin-left: 20%; }
.item-ykien .img-ykien { width: 110px; height: 110px; border-radius: 50%; float: right; position: absolute; right: 20px; bottom: -45px; }
.item-ykien .img-ykien img { width: 110px; height: 110px; border-radius: 50%; float: right; }
.name-ykien { text-align: right; width: 73%; margin-top: 4px; }
.name-ykien a { font-size: 14px; color: #000; font-family: Avo; }
.name-linhvuc { text-align: center; margin: 0px 0 15px 0; }
.name-linhvuc a { color: #3d3d3d; font-family: "Roboto-Medium"; font-size: 18px; text-transform: uppercase; }
.detail-linhvuc { text-align: center; margin-bottom: 15px; }
.detail-linhvuc a { padding: 8px 25px; background: #ed1c24; border-radius: 5px; color: #fff; }
#section-linhvuc { background: url(../img/linhvuc.png) no-repeat center; min-height: 614px; padding: 7% 0 0 0; }
[class*='promo-banner'] .promo-banner-main { width: 33.02614%; float: left; margin-right: 0%; }
.promo-banner-main { position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
[class*='promo-banner'] a:before, [class*='promo-banner'] a:after { content: " "; display: table; }
.promo-wrapp-img { margin: -1px; }
[class*='promo-banner'] .promo-image { -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.promo-image img { transform: matrix(1, 0, 0, 1, 0, 0); }
[class*='promo-banner'] img { width: 100%; display: block; }
.promo-wrapp-content { position: absolute; top: 0; width: 100%; height: 100%; z-index: 2; }
[class*='promo-banner'] a:after { clear: both; }
.promo-wrapp-content:before, .promo-wrapp-content:after { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; content: ''; opacity: 0; -moz-transition: opacity .45s, -moz-transform .45s; -o-transition: opacity .45s, -o-transform .45s; -webkit-transition: opacity .45s, -webkit-transform .45s; transition: opacity .45s, transform .45s; }
.promo-wrapp-content:before { border-top: 1px solid rgba(255, 255, 255, .5); border-bottom: 1px solid rgba(255, 255, 255, .5); -webkit-transform: scale(0, 1); -moz-transform: scale(1, 0); -sand-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(1, 0); transform: scale(0, 1); }
.promo-wrapp-content:after { border-right: 1px solid rgba(255, 255, 255, .5); border-left: 1px solid rgba(255, 255, 255, .5); -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); -sand-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
[class*='promo-banner'] .headings { position: absolute; bottom: 0; left: 0; width: 100%; background-image: linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.22) 33%, rgba(0, 0, 0, 0.44) 66%, rgba(0, 0, 0, 0.65) 99%); }
[class*='promo-banner'] .headings div { padding: 30px 40px; letter-spacing: 1px; }
[class*='promo-banner'] h3 { font-size: 26px; }
[class*='promo-banner'] h3 { margin-top: 10px; font-size: 16px; color: #ffffff; text-shadow: 2px 2px 4px #666; line-height: 105%; font-weight: normal; text-transform: uppercase; font-family: "Roboto-Bold"; text-align: center; }
.promo-item:hover .promo-wrapp-content:before, .promo-item:hover .promo-wrapp-content:after { opacity: 1; -o-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -sand-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
[class*='promo-banner'] .promo-item:hover .promo-image { transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -sand-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); }
[class*='promo-banner'] a { position: relative; display: block; overflow: hidden; border: solid thin #f3f3f3; }
.promo-item { margin-bottom: 20px; }
.promo-banner-list { width: 66.01307%; float: right; margin-right: 0; }
ul, li { margin: 0px; padding: 0px; }
.promo-banner-list li:nth-child(2n+1) { clear: both; }
.promo-banner-list li { width: 49.5%; float: left; margin-right: 0; list-style: none; }
.promo-banner-list li:nth-child(2n) { width: 49%; float: right; margin-right: 0; }
.item-4 { margin-bottom: 10px; }
.title-index { text-align: center; margin-bottom: 0; margin-top: 30px; }
.title-index h2 { color: #0095d5; font-size: 27px; text-transform: uppercase; font-family: Times New Roman; font-weight: bold }
#bx-pager img { margin-left: 5px; }
#bx-pager img, #usual1 { margin-bottom: 10px; }