@import url("fonts.css");
body{font-family:arial,tahoma,"segoe ui","Helvetica Neue",Helvetica,Arial,sans-serif!important}
@font-face{font-family:"Roboto-Regular";src:url('../fonts/Roboto-Regular.ttf')}
@font-face{font-family:"Muli-Regular";src:url('../fonts/Muli-Regular.ttf')}
@font-face{font-family:"Muli-Bold";src:url('../fonts/Muli-Bold.ttf')}
@font-face{font-family:"RobotoCondensed-Regular";src:url('../fonts/RobotoCondensed-Regular.ttf')}
@font-face{font-family:"Lato-Regular";src:url('../fonts/Lato-Regular.ttf')}
@font-face{font-family:"BarlowCondensed-Regular";src:url('../fonts/BarlowCondensed-Regular.ttf')}
.container{}
.rel{}
.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}
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.html) 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.html) 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{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}
.phantrang{margin-left:15px;text-align:center}
.phantrang ul li a.current,.phantrang ul li a:hover{background-color:#E25922;border-color:#E25922;color:#fff}
.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;height:44px;top:-1px;z-index:1;background:url(../img/fix-title-left.png) no-repeat;opacity:0}
#contact .global-title h2,#contact .title-global h2{background:transparent}
.global-title:after,.title-global:after{content:"";width:1px;height:100px;top:0;position:absolute;z-index:1;background:#434343;left:0}
.global-title:before{content:"";width:21px;height:11px;top:13px;position:absolute;z-index:1;background:url(../img/icon6.png) no-repeat center right;left:0}
.global-title h2:after,.title-global h2:after{background:url(../img/fix-title-right.png) no-repeat;left:auto}
.global-title h2,.title-global h2{margin:0;text-align:left;text-transform:uppercase;color:#191919;font-size:30px;float:left;z-index:2;position:relative;padding:0;font-family:"BarlowCondensed-Regular";margin-bottom:10px}
.title-global,.global-title{margin-top:16px;margin-bottom:30px;position:relative;padding-left:30px}
.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%;padding-top:25px;height:0}
.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
#fbcomments,.fb-comments,.fb-comments iframe[style],.fb-comments span{width:100%!important}
header{top:20px;z-index:123;width:100%;position:fixed}
header .wrap-top{padding:0}
header #lang-bar{text-align:right;margin-bottom:5px}
header .hotline-social{color:#B3ADAD}
header #form-xsearch{padding:5px;position:relative;margin-top:15px}
header #form-xsearch input{padding:8px 3px;background-color:#fff;outline:none;border:1px solid #fff;border-radius:5px;width:100%;text-indent:10px;color:#000;margin:0 0%}
header #form-xsearch input::-webkit-input-placeholder{color:#333;font-size:14px;font-family:Roboto-Regular}
header #form-xsearch button{position:absolute;right:0;background-color:transparent;border:0;color:#00417d;font-size:17px;top:14px;right:9px}
header .hotline-social span{font-size:21px;line-height:26px;margin-right:12px;position:relative;top:2px}
header .hotline-social span i{font-size:16px}
header #social-air{}
header .banner img{float:left}
header .banner{}
header .top-header{background:#000000;padding:1px 0;position:relative;padding:5px 0;color:#fff;font-size:12px}
header .top-header .wrap-top{display:table;width:100%}
header .top-header .wrap-top div{display:table-cell}
header .top-header .wrap-top div.email{background:url(../img/email.html) no-repeat left 0;padding-left:23px}
header .top-header .wrap-top div.phone{background:url(../img/phone.html) no-repeat left 0;padding-left:23px}
header .top-header div.tel{background:url(../img/tel.html) no-repeat left 0;padding-left:23px}
header #social-air{text-align:center}
header #social-air div:hover{background-position:0 100% !Important}
header nav{z-index:12;width:100%;bottom:0;position:relative;background-color:#00417d}
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{}
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{height:100%;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{}
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}
ul#main-nav li a:hover{}
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:"Muli-Regular"}
ul#main-nav > li a{color:#F9F9F9;font-size:14px;position:relative;font-weight:normal;padding:30px 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:#ffff32}
ul#main-nav > li ul{list-style:none;padding:0;position:absolute;top:100%;width:1000px;left:0;max-width:300px;z-index:2;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-color:rgb(0,65,125);border-bottom:1px solid #ffffff52}
ul#main-nav > li ul li a{line-height:16px;padding-left:5px;text-transform:inherit;color:#F5F5F5;padding:5px!important;font-size:12px;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.html) 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}
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.html) 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}
#social-air a img{max-width:40px}
#bottom-page-wrapper{background:#FFD63E url(../img/sm-footer.html) 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.html)no-repeat;width:576px;height:478px;padding:0px 25px;padding-top:40px}
footer{padding-bottom:0;color:#000000;position:relative;min-height:400px}
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;margin-bottom:25px;text-transform:uppercase;font-size:25px;font-family:"BarlowCondensed-Regular"}
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{}
.copyright{padding:15px 0;color:#fff;font-size:12px;font-family:Muli-Regular;background:#012648}
footer #top-footer{background:url(../img/top-footer.html);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.html) 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.html) 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-top:5%;padding-bottom:3%}
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.html) no-repeat top center;z-index:2}
.gn-menu-wrapper li{text-indent:10px}
.gn-menu-wrapper li ul{padding-left:32px}
.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.html) no-repeat 6px 6px}
.info-box{background:#2fa9f6 url(../img/info.html) no-repeat 14px 14px}
.success-box{background:#7EB62E url(../img/success.html) no-repeat 14px 14px}
.error-box{background:#f64b2f url(../img/error.html) no-repeat 14px 14px}
.notice-box{background:#f6ca2f url(../img/notice.html) no-repeat 14px 14px}
.download-box{background:#a555ca url(../img/download.html) no-repeat 14px 14px}
.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}
.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}
.map-contact iframe{width:100%}
.breadcrumb-top{margin-top:2%}
.breadcrumb{font-size:14px;color:#333;letter-spacing:0.1px;padding:10px 10px 5px 10px;text-align:left;border:1px solid #eee;background:rgba(245,246,247,0.48);margin-bottom:0}
.breadcrumb ul{list-style:none;margin:0;padding:0}
.breadcrumb ul > li{display:inline-block;position:relative;margin-bottom:5px}
.breadcrumb a{color:#333;font-family:"Roboto-Regular"}
.breadcrumb i{margin:0px 10px;font-size:9px}
.logo-menu{position:absolute;top:-22px;left:0;right:0}
.why-top{padding-top:3%;background:url(../img/border.png) no-repeat center bottom;padding-bottom:5%}
.item-why{position:relative}
.item-why .col-left{float:left;width:33%}
.item-why .col-right{float:left;width:67%}
.item-why .col-right .name-why{text-align:left;margin-bottom:5px}
.item-why .col-right .name-why a{font-family:"Muli-Bold";text-transform:uppercase;font-size:14px;color:#191919}
.item-why .col-right .name-why a:hover{text-decoration:none}
.item-why .col-right .desc-why{color:#191919;font-family:Muli-Regular;font-size:13px}
footer .item-ft{margin-bottom:20px}
footer .item-ft a{color:#fff;font-size:13px;font-family:Muli-Regular}
footer .item-ft a:hover{text-decoration:none}
.title-footer{color:#fff;font-size:13px;font-family:Muli-Regular;margin-bottom:20px}
.title-footer.address{background:url(../img/icon2.png) no-repeat left top;padding-left:20px}
.title-footer.phone{background:url(../img/icon3.png) no-repeat center left;padding-left:20px}
.title-footer.email{background:url(../img/icon4.png) no-repeat center left;padding-left:20px}
.title-footer.web{background:url(../img/icon5.png) no-repeat center left;padding-left:20px}
.title-sr{text-align:left;margin-bottom:20px;margin-left:40px}
.title-sr h2{color:#191919;text-transform:uppercase;margin:0;font-family:"BarlowCondensed-Regular";font-size:30px;position:relative;text-indent:35px}
.service-top{padding-top:3%;padding-bottom:calc(3% - 30px);}
div.sr-name{margin-top:12px;}
div.sr-name p{}
div.sr-name p a{display:inline-block;font-size:16px;text-align:center;font-family:'Muli-Bold';color:#333;}
.title-sr h2:before{position:absolute;left:0;height:85px;width:1px;background:#434343;content:"";left:0;z-index:78}
.title-sr h2:after{position:absolute;height:11px;width:21px;background:url(../img/icon6.png) no-repeat center left;content:"";left:0;top:13px}
.item-sr{position:relative;overflow:hidden}
.item-sr .hover-sr{position:absolute;opacity:0;width:100%;height:100%;background:#09355f99;bottom:-100%;transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;display:flex;justify-content:center;align-items:center;padding:50px}
.item-sr:hover .hover-sr{opacity:1;bottom:0;transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s}
.item-sr .hover-sr .desc-sr{color:#fff;font-size:14px;font-family:Muli-Regular;line-height:25px}
.item-sr .hover-sr .desc-sr .detail-sr{margin-top:15%;margin-bottom:3%}
.item-sr .hover-sr .desc-sr .detail-sr a{border:1px solid #c3c3c3;padding:10px 30px;color:#fff;font-family:Muli-Regular;font-size:13px;font-style:italic}
.item-sr .hover-sr .desc-sr .detail-sr a:hover{text-decoration:none}
.item-news{margin-bottom:20px}
.item-news .col-left-news{float:left;margin-right:38px;width:24%}
.item-news .col-right-news{float:left;width:66%}
.title-sr.news{}
.item-news .col-left-news .name-news{margin-bottom:5px;position:relative}
.content-news{min-height:400px;padding-top:6%;padding-left:10px;padding-right:10px;padding-bottom:2%;height:400px}
.item-news .name-news{margin-top:-3px}
.item-news .name-news a{color:#fff;font-family:Muli-Regular;font-size:15px}
.item-news .col-left-news .date-news{color:#d4d4d4;font-size:12px;font-family:Muli-Regular}
.item-news .col-right-news .desc-news{color:#d4d4d4;font-family:Muli-Regular;font-size:13px;line-height:20px;margin-top:-5px}
.item-news .col-left-news .name-news a:hover{text-decoration:none;color:yellow}
.content-news{position:relative}
.content-news:before{position:absolute;content:"";left:25%;top:30px;background:#fff;height:85%;width:1px}
.item-news .col-left-news .date-news{position:relative}
.item-news .col-left-news .date-news:after{position:absolute;content:"";background:url(../img/icon7.png) no-repeat center right;right:-21px;width:22px;height:6px;top:1px}
.slogan-index{color:#000;font-family:Muli-Regular;font-size:14px;display:none}
.section-product{padding-bottom:3%;padding-top:3%}
.quytrinh-top{min-height:400px;position:relative;overflow:hidden;z-index:789}
.title-qt{text-align:center;margin-bottom:15px}
.title-qt h2{margin:0;text-transform:uppercase;color:#00417d;font-size:30px;font-family:"BarlowCondensed-Regular"}
.slogan-qt{margin-bottom:8%;text-align:center;color:#000;font-size:14px;font-family:Muli-Regular}
.content-qt{background:#00417d;padding-top:3%;padding-bottom:3%;margin-top:-4px;position:relative;z-index:789999999}
.content-qt .desc-index{color:#fff;font-family:Muli-Regular;font-size:14px;width:55%;margin:0 auto;text-align:center;line-height:27px}
.tieuchi-box{bottom:0;width:100%;left:0;right:0;margin:0 auto;height:385px}
.tieuchi-item{position:relative;overflow:hidden;border-radius:50%}
.tieuchi-img{border:5px solid #fff;width:150px;height:150px;border-radius:50%;margin:0 auto;background:#0d0d0d;box-shadow:0px 0px 5px 5px #dbdbdb}
.tieuchi-img:hover{box-shadow:0px 0px 5px 5px #dbdbdb;background:#00417d}
.tieuchi-text{position:absolute;bottom:11px;width:100%;text-align:center;padding:7px 25px 22px 25px;background:url(../img/bg_dm.html) no-repeat center;background-size:100% 100%}
.tieuchi-text h3{margin:0;font-size:14px;color:#ffffff;font-family:Muli-Regular;line-height:36px}
.tieuchi-text h3 a{font-size:14px;color:#ffffff;font-family:Muli-Regular;text-transform:uppercase}
.tieuchi-text h3 a:hover{text-decoration:none;color:yellow}
.flexbox-center{display:flex;align-items:center;justify-content:center}
.flexbox-center img{margin-top:-10px;position:relative;top:-21px}
article.article-portfolio{margin-bottom:20px}
.posts-archive .box-archive,.box-article{padding:6px;transition:all linear 240ms;position:relative;border:1px solid transparent}
.box-content h3.title,.portfolio-item h3.title{height:40px;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;font-family:"Roboto-Regular";-webkit-line-clamp:2;overflow:hidden;margin:0px;font-size:15px;color:#000}
.posts-archive .col-archive:hover .box-archive,.article-portfolio:hover .box-article{box-shadow:0px 15px 80px -30px rgba(0,0,0,0.6);transform:translate3d(0px,-1px,800px) perspective(200px)}
.posts-archive .col-archive:hover svg,.posts-archive .col-archive:hover svg rect,.article-portfolio:hover svg,.article-portfolio:hover svg rect{stroke:#f37121;stroke-width:2px;animation:animate 3s linear infinite;stroke-dasharray:100%}
.col-archive svg,.col-archive svg rect,.article-portfolio svg,.article-portfolio svg rect{position:absolute;top:0;left:0;width:100%;height:100%;fill:transparent}
.box-content{margin-top:15px}
@keyframes animate{
	0%{stroke-dashoffset:200%;stroke-opacity:.8}
	100%{stroke-dashoffset:0%;stroke-opacity:0}
}
.box-article a:hover{text-decoration:none}
header.fixed{top:0}
.mobile-{margin-bottom:3%}
.toolbar{background:#d71010;width:100%;padding:5px;bottom:0px;position:fixed;z-index:500;height:auto;left:0px}
.toolbar ul{display:flex;align-items:center;justify-content:space-between;padding:0px;margin:0}
.toolbar ul li{text-align:center;width:25%;list-style:none}
.toolbar ul li a{display:block;width:100%;cursor:pointer}
.toolbar ul li a .text-social{font-weight:400;color:#fff;font-size:3.5vw}
.toolbar ul li a img{height:6vw;width:auto;margin:0 auto}
.hotline-fixs{position:fixed;bottom:0;left:0;background:#00417d;padding:15px;color:#fff;z-index:789;border-radius:0px 20px 20px 0px}
.hotline-fixs a{color:#fff;font-family:"Muli-Bold";font-size:17px}
#btn-zalo{display:block;width:40px;height:40px;position:fixed;left:16px;bottom:101px;z-index:123}
#btn-zalo i{display:flex;display:-ms-flex;align-items:center;-ms-flex-align:center;width:40px;height:40px;border-radius:50%;background:#0F6CB2;position:relative;z-index:9999}
#btn-zalo i img{vertical-align:middle}
.kenit-alo-circle-fill{width:60px;height:60px;top:-10px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(15,108,178,0.45);opacity:.75;right:-10px}
.kenit-alo-circle{width:50px;height:50px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(255,87,1,.8);opacity:.1;border-color:#0F6CB2;opacity:.5}
@-moz-keyframes shake-anim{
	0%{transform:rotate(0) scale(1) skew(1deg)}
	10%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
	20%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
	30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
	40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
	50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
	100%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes shake-anim{
	0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
	10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
	20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
	30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
	40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
	50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
	100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
}
@-o-keyframes shake-anim{
	0%{-o-transform:rotate(0) scale(1) skew(1deg)}
	10%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
	20%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
	30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
	40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
	50%{-o-transform:rotate(0) scale(1) skew(1deg)}
	100%{-o-transform:rotate(0) scale(1) skew(1deg)}
}
.shake-anim{-webkit-animation:shake-anim 1s infinite ease-in-out;-moz-animation:shake-anim 1s infinite ease-in-out;-ms-animation:shake-anim 1s infinite ease-in-out;-o-animation:shake-anim 1s infinite ease-in-out;animation:shake-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;max-width:100%}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes pulse{
	0%{-webkit-transform:scale(1);transform:scale(1)}
	50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
	100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes pulse{
	0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
	50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
	100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed{display:none!important}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-tooltip{display:none;position:fixed;text-align:center;border-radius:10px;overflow:hidden;font-size:12px;line-height:1;padding:10px;border:1px solid rgba(0,0,0,0.1);box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;z-index:1.0E+30}
.js-facebook-messenger-close-tooltip{width:10px;height:10px;display:inline-block;cursor:pointer;margin-left:10px}
.js-facebook-messenger-box.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
.js-facebook-messenger-box.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.js-facebook-messenger-box{bottom:150px;right:5px}
.js-facebook-messenger-box{background:#0F6CB2}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-box{width:60px;height:60px;display:block;position:fixed;cursor:pointer;text-align:center;line-height:60px;background:#0F6CB2;border-radius:100%;overflow:hidden;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3)}
.js-facebook-messenger-box.rotate svg#fb-msng-icon{transform:rotate(0deg)}
.js-facebook-messenger-box svg#fb-msng-icon{width:30px;height:30px;position:absolute;top:15px;left:15px;opacity:1;overflow:hidden;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out}
.js-facebook-messenger-box.rotate svg#close-icon{transform:rotate(-45deg)}
.js-facebook-messenger-box svg#close-icon{opacity:0;width:20px;height:20px;position:absolute;top:20px;left:20px;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out}
.js-facebook-messenger-container{transform:translateY(50px);bottom:110px;right:35px}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:999999999999999999999999999999}
.js-facebook-messenger-container{position:fixed;opacity:0;border-radius:10px;pointer-events:none;box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);-webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out}
.js-facebook-messenger-top-header{width:300px}
.js-facebook-messenger-top-header{color:#fff;background:#0F6CB2}
.js-facebook-messenger-top-header{display:block;position:relative;width:300px;background:#0F6CB2;color:#fff;text-align:center;line-height:1;padding:10px;font-size:14px;border-top-left-radius:10px;border-top-right-radius:10px}
.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:99999999999999999999999999999999999999999}
.js-facebook-messenger-top-header{color:#fff;background:#0F6CB2}
.js-facebook-messenger-box{background:#0F6CB2}
.js-facebook-messenger-top-header{width:300px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-box{bottom:150px;right:5px}
.js-facebook-messenger-container{transform:translateY(50px);bottom:218px;right:35px}
.js-facebook-messenger-container.open{transform:translateY(0px);opacity:1;pointer-events:all}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0}
.js-facebook-messenger-box.rotate.open svg#close-icon{transform:rotate(0deg)}
.js-facebook-messenger-box.open svg#close-icon{opacity:1}
.menu-mobile ul{list-style-type:none;margin:0;padding:0;overflow:hidden}
.menu-mobile ul li{float:left}
.menu-mobile ul li a{display:block;color:white;text-align:center;padding:22px 12px;text-decoration:none;font-family:"Roboto-Regular"}
.menu-mobile ul li a:hover{background-color:#111}
.item-sr{}
a.search{width:36px;height:27px;position:absolute;z-index:100;background:url(../img/icon_search.png) no-repeat center center;font-size:0;text-indent:-9999px;display:block;padding:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-webkit-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;top:19px;right:5%}
.search-form{background-color:#fff;width:0px;height:35px;position:absolute;display:block;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;top:10px;-webkit-border-radius:20px;-o-border-radius:20px;-ms-border-radius:20px;border-radius:20px;overflow:hidden;border:1px solid rgba(220,220,220,1);opacity:0;right:30px;z-index:23}
.form-row-search{width:100%;height:35px;position:absolute;top:0;left:0}
.form-row-search input[type="text"]{border:none;background:none;width:100%;height:35px;padding:0 10px;font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#333;line-height:35px;position:absolute;display:block;opacity:0.7;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-webkit-border-radius:20px 0 20px 20px;-o-border-radius:20px 0 20px 20px;-ms-border-radius:20px 0 20px 20px;border-radius:20px 0 20px 20px}
.box_search{position:absolute;font-family:'fontB';font-size:15px;color:white;text-transform:uppercase;bottom:66px;right:163px}
#search_frm_vi{position:absolute;right:10px;top:12px}
.banner-top img{width:100%}
.link-text{padding:0;margin:0}
.link-text li{display:inline-block;margin-bottom:15px}
.link-text li a{position:relative;display:inline-block;padding-left:26px;background:url(../img/icon6.png) no-repeat center left}
.mb-4{margin-bottom:30px;}
.d-flex{display:flex;flex-flow:row wrap;}
div.sr-name p{margin-bottom:0;text-align:center;}
.section-news-video{padding-bottom:0px;}
div.box-news{display:flex;flex-flow:row wrap;margin-bottom:14px;}
div.box-news > a{width:34%;}
div.box-news > a img{max-width:100%}
div.box-news .info-news-info{width:66%;padding-left:12px;}
div.box-news .info-news-info h4{margin:auto;margin-bottom:10px;}
div.box-news .info-news-info h4 a{margin-block:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;line-height:23px;font-size:17px;font-family:'Muli-Bold';color:#333;}
div.box-news .info-news-info p{margin-block:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3;line-height:22px;font-family:'Muli-Regular';}
div.slick-pro .slick-arrow{width:40px;height:40px;background:url(../../images/arrow.png) no-repeat center center #00417d;padding:3px;border-radius:50%;}
div.slick-pro .slick-arrow:before{opacity:0;}
div.slick-pro .slick-arrow.slick-prev{left:-4px;z-index:22;top:29%;transform:rotate(180deg);}
div.slick-pro .slick-arrow.slick-next{right:-4px;z-index:22;top:29%;margin:auto;transform:none;}