@charset "utf-8";
@import url(../hn_css/all.css);
@import url(../hn_css/bootstrap.min.css);
@import url(../hn_css/animotion.css);
@import url(../hn_css/animate.min.css);
@import url(../hn_css/aos.css);
@import url(../hn_css/owl.carousel.min.css);
@import url(../hn_css/jquery.fancybox.min.css);
@import url(../hn_css/sweetalert.css);
@import url(//fonts.googleapis.com/css?family=Roboto:400,300,700);
body{font-family:Roboto,'Helvetica Neue',Arial,sans-serif;font-size:14px;background:#fff;line-height:1.8}
.hn-header{background:#293b56;text-transform:uppercase}
.hn-header a{color:#fff}
.hn-header .navbar-brand{padding-top:0;padding-top:2px}
.hn-header .navbar-brand img{max-height:50px}
.navbar-expand-lg .navbar-nav .nav-link{margin-left:1rem;margin-right:1rem;color:#fff}
.navbar{padding:0 1rem}
.btn,.btn:focus{outline:0!important;box-shadow:none!important;-webkit-box-shadow:none!important}
.hn-trangchinh{margin-top:55px}
.hn-box{padding:50px 0}
.hn-box.xanh{background:-webkit-radial-gradient(bottom center,circle farthest-side,#293b56 0,#1cbab9 100%);color:#fff}
.hn-box.xam{background:#f9f9f9}
.hn-box .tieude-box h1,.hn-box .tieude-box h2{margin-bottom:40px;color:#293b56;text-transform:uppercase;font-size:40px}
.hn-box .tieude-box span.quote:before{font-family:"Font Awesome 5 Free";font-weight:800;opacity:.8;padding-right:5px;color:#293b56;content:"\f10d";vertical-align:2em;font-size:12px}
.hn-box .tieude-box span.quote:after{font-family:"Font Awesome 5 Free";font-weight:800;opacity:.8;padding-left:5px;color:#293b56;content:"\f10e";vertical-align:2em;font-size:12px}
.hn-box .noidung-box ul{list-style:none;padding-left:0}
.hn-box .noidung-box ul li{margin:5px 0}
.hn-box .noidung-box ul li:before{font-family:"Font Awesome 5 Free";font-weight:800;opacity:.8;padding-right:5px;color:#4983b4;content:"\f00c"}
.hn-box.xanh ul li:before{color:#ff0}
.hn-box .noidung-box h3{margin-bottom:20px;font-size:35px}
.hn-lydochon .item-lydochon{padding:20px;border-radius:10px;margin:15px 0;border:1px solid #ccc}
.hn-lydochon .item-lydochon h4{color:#293b56;text-transform:uppercase;font-size:20px;font-weight:600}
.imgsodo{max-height:450px}
.hn-solieu .item-solieu{border-right:1px solid #eee}
.hn-solieu .item-solieu .solieu{font-size:40px}
.nav-pills .nav-link{display:inline-block;text-transform:uppercase;margin:0 15px;position:relative;background:#efebe7;cursor:pointer;border-radius:0;padding:8px 15px 7px;color:#293b56}
.nav-pills .nav-link:before{width:0;height:0;border-top:0 solid transparent;border-left:20px solid transparent;border-bottom:40px solid #efebe7;position:absolute;left:-20px;top:0;content:""}
.nav-pills .nav-link:after{width:0;height:0;border-left:0 solid transparent;border-right:20px solid transparent;border-top:40px solid #efebe7;position:absolute;right:-20px;top:0;content:""}
.nav-pills .nav-link.active{background:#293b56;color:#fff}
.nav-pills .nav-link.active:before{border-bottom:40px solid #293b56}
.nav-pills .nav-link.active:after{border-top:40px solid #293b56}
.modal-content{background-color:#293b56;color:#fff;padding:1rem}
.modal-header{border-bottom:0}
.modal-header h5{font-size:1.5rem}
.modal-body .close{padding-left:20px}
.modal-content a{color:#fff}

.hn-danhgia{margin-top:15px;font-size:1rem}
.hn-danhgia .danhgia-guidanhgia .guidanhgia-chonsao .tieudechon{margin-right:1rem;font-weight: 700}
.hn-danhgia .danhgia-guidanhgia .guidanhgia-chonsao span.hnchonsao{cursor:pointer}
.hn-danhgia .danhgia-guidanhgia .guidanhgia-chonsao span.hnchonsao .fas{color:#ccc}
.hn-danhgia .danhgia-guidanhgia .guidanhgia-chonsao span.hnchonsao:hover .fas{color:#ff7d26}
.hn-danhgia .danhgia-guidanhgia .guidanhgia-chonsao span.hnchonsao.khongchon .fas{color:#ccc}
.hn-danhgia .danhgia-guidanhgia .guidanhgia-chonsao span.hnchonsao.dachon .fas{color:#ff7d26}
.hn-danhgia .danhgia-tongdiem .trungbinhdanhgia{font-size: 1.4rem;color:#fd9727}
.hn-danhgia .danhgia-tongdiem .chitietdanhgia{font-style: italic;font-size:.9rem}
.hn-danhgia .danhgia-guidanhgia .guidanhgia-trangthai{display:none;margin:4px 0 0 20px;position:relative;background:#52b858;color:#fff;padding:2px 8px;box-sizing:border-box;border-radius:2px;font-size: .9rem}
.hn-danhgia .danhgia-guidanhgia .guidanhgia-trangthai:after{right:100%;top:60%;border:solid transparent;content:'';height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(82,184,88,0);border-right-color:#52b858;border-width:6px;margin-top:-6px}
.hn-danhgia .danhgia-chitiet{margin-bottom:2rem;display: none;font-size:1rem}
.hn-danhgia .danhgia-chitiet.open{display: block;}
.hn-danhgia .danhgia-chitiet .danhgia-item span{display:inline-table;padding-right:10px}
.hn-danhgia .danhgia-chitiet .danhgia-item span.line{height:10px;width:50%;background-color:#f3f3f3;border-radius:5px;margin-right:10px}
.hn-danhgia .danhgia-chitiet .danhgia-item span.line i{background-color:#f25800;background-image:linear-gradient(90deg,#ff7d26 0,#f25800 100%);border-radius:5px;height:10px;max-width:100%;display:block}


.table>thead>tr>th{padding:5px 12px 4px;background-color:#24344d;font-size:14px;border-top:0;border-bottom:2px solid #385176}
.table>tbody>tr>td{border-top:1px solid #385176;padding:4px 12px 6px;vertical-align:middle}
.table>tbody>tr>td .btn-sm{border-radius:3px;padding:2px 5px;font-size:11px}
table .btn,table .btn:focus{padding:3px 5px;font-size:13px;margin:0}
.table-bordered,.table-bordered td,.table-bordered th{border:1px solid #385176}
.breadcrumb{background-color:transparent;padding:20px 0 0}
.breadcrumb-item+.breadcrumb-item::before{font-family:"Font Awesome 5 Free";font-weight:600;padding-right:.4rem;color:#6c757d;content:"\f0da"}
.hn-item-tintuc{margin-bottom:10px}
.hn-item-tintuc .tintuc-img,.hn-item-tintuc .tintuc-img img{height:160px;max-height:160px}
.hn-item-tintuc .tintuc-tieude{min-height:50px;vertical-align:top;margin-top:10px}
.hn-item-tintuc .tintuc-tieude span.ngaydang{color:#999}
.hn-item-tintuc .tintuc-tieude h4{font-size:15px;margin:10px 0;line-height:1.3rem;font-weight:600}
.hn-xemnoidung .hn-tieude h2{font-size:20px}
.hn-xemnoidung .hn-tieude .ngaydang{display:block;color:#999}
.hn-xemnoidung .hn-chiase{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;margin:15px 0 20px;padding:8px 0 2px}
.hn-xemnoidung .hn-chiase span{width:65px;float:left;text-transform:uppercase;text-align:left;margin-top:5px}
.hn-xemnoidung .hn-chiase span:after{clear:both;content:"";display:block}
.hn-xemnoidung .hn-chiase ul{list-style:none;float:left;padding:0;margin:0}
.hn-xemnoidung .hn-chiase ul li{float:left;box-sizing:border-box;margin-right:7px}
.hn-xemnoidung .hn-chiase ul li .btn{font-size:11px;padding:6px 10px}
.hn-xemnoidung .hn-chiase:after{content:"";display:table;clear:both}
.hn-listtintuc .hn-item-tintuc{margin-bottom:30px;border-bottom:1px solid #eee;padding-bottom:30px}
.hn-listtintuc .hn-item-tintuc img{margin:10px 0}
.hn-listtintuc .hn-item-tintuc h3{padding:0;margin:0;font-size:1.2rem;line-height:1.9rem}
.hn-listtintuc .hn-item-tintuc h3 a{color:#333}
.hn-listtintuc .hn-item-tintuc .ngaydang{margin:5px 0;color:#9b9b9b}
.hn-listtintuc .hn-item-tintuc .mota{font-size:14px;line-height:26px;margin-bottom:10px}
.hn-listtintuc .hn-item-tintuc p{margin-bottom:0}
.hn-tinkhac{margin:30px 0;border-top:2px dotted #eee;padding-top:30px}
.hn-tinkhac>h4{color:#0090ff;font-size:16px;font-weight:400;text-transform:uppercase;margin:5px 0 15px}
.hn-tinkhac .hn-listtinkhac ul{margin-bottom:0;padding-left:0;list-style:none}
.hn-tinkhac .hn-listtinkhac ul li{padding-bottom:3px}
.hn-tinkhac .hn-listtinkhac ul li:before{font-family:"Font Awesome 5 Free";content:"\f0da";opacity:.7;font-weight:900;margin-right:5px}
.hn-tinkhac .hn-listtinkhac a{color:#36414b}
.hn-tinkhac .hn-listtinkhac a:hover{color:#055699}
.hn-tinkhac .hn-listtinkhac ul li span{color:#999}
.hn-cotdoc .item-cotdoc{background-color:#fff;padding:20px;margin-bottom:30px;border:1px solid #eee}
.hn-cotdoc .item-cotdoc .tieude-cotdoc{margin-bottom:10px;text-transform:uppercase;font-size:19px}
.hn-cotdoc .item-cotdoc .tieude-cotdoc h3{display:inline-table;font-weight:700}
.hn-timtheohang img{max-width:100%;display:inline-table}
.hn-tintucmoi .hn-item-tintucmoi{margin:20px 0;border-bottom:1px dotted #eee;padding-bottom:20px}
.hn-tintucmoi .hn-item-tintucmoi:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.hn-tintucmoi .hn-item-tintucmoi img{margin:10px 0}
.hn-tintucmoi .hn-item-tintucmoi p{padding:0;margin:0;font-size:13px}
.hn-tintucmoi .hn-item-tintucmoi p a{color:#333}
.hn-tintucmoi .hn-item-tintucmoi .ngaydang{font-size:12px;color:#9b9b9b;padding-top:5px;display:block}
.hn-footer{background-color:#293b56;padding:30px 0;color:#fff}
.hn-footer .item-footer{margin:10px 0}
.hn-footer .item-footer .form-group{margin-bottom:5px}
.hn-footer .item-footer h3{color:#f3a715;font-size:20px;font-weight:700;margin-bottom:20px}
.hn-footer .item-footer h4{font-size:17px;margin-bottom:5px;font-weight:600}
.hn-footer .item-footer ul.thongtindiachi{list-style:none;padding-left:0;margin-bottom:0}
.hn-copyright{background-color:#213045;padding:10px 0;color:#fff}
.hn-hotline{background:#e88a25;background:-webkit-linear-gradient(left,#e88a25,#d40000);background:-o-linear-gradient(right,#e88a25,#d40000);background:-moz-linear-gradient(right,#e88a25,#d40000);background:linear-gradient(to right,#e88a25,#d40000);color:#fff;border-radius:70px;position:fixed;left:40px;bottom:40px;transition:all .4s;-webkit-transition:all .4s;z-index:9;height:42px;border:2px solid #fff;line-height:38px;background:#e88a25;background:-webkit-linear-gradient(left,#e88a25,#d40000);background:-o-linear-gradient(right,#e88a25,#d40000);background:-moz-linear-gradient(right,#e88a25,#d40000);background:linear-gradient(to right,#e88a25,#d40000);display:inline-block;padding-left:40px;padding-right:15px}
.hn-hotline a{color:#fff;font-size:20px;font-weight:700;text-decoration:none}
.hn-hotline-text{display:inline-block;padding-left:15px;padding-right:5px}
.hn-hotline-title{display:none}
.hn-call{visibility:visible;background-color:transparent;width:90px;height:90px;cursor:pointer;z-index:20}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.infinite{animation-iteration-count:infinite}
.hn-call-circle{width:78px;height:78px;top:20px;left:17px;position:absolute;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(30,30,30,.4);opacity:.1;opacity:.5;background:#f37123;border-color:#fff;border-width:3px}
.hn-call-circle-fill{width:50px;height:50px;top:35px;left:32px;position:absolute;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .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:#f37123;opacity:.75!important}
.hn-call-img-circle{width:25px;height:25px;top:46px;left:43px;position:absolute;background:rgba(30,30,30,.1) url(../hn_img/hn-icon-phone.png) no-repeat center center;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;opacity:.7;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s 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%;background-size:70%;background-color:#d71921}
.hn-hotline .hn-icon-call{position:absolute;left:-39px;top:-41px}
.hn-ketnoi{margin-top:20px}
.hn-ketnoi a{padding:7px;width:30px;height:30px;font-size:14px;color:#fff;display:inline-block;text-align:center;line-height:17px;margin-right:5px}
.hn-ketnoi i{padding-right:0!important}
.hn-ketnoi .facebook{background-color:#4b6daa}
.hn-ketnoi .zalo{background-color:#2d93e2}
.hn-ketnoi .zalo img{max-width:100%;margin-top:-5px}
.hn-ketnoi .twitter{background-color:#269abc}
.hn-ketnoi .youtube{background-color:#e50002}
.hn-ketnoi .viber{background-color:#9d3d8a}
.hn-ketnoi .instagram{background-color:#2f5e86}
.hn-button-hotline{cursor:pointer;background-color:#fac526;color:#fff;top:250px;-webkit-box-shadow:-2px 3px 2px 0 rgba(0,0,0,.12)!important;-moz-box-shadow:-2px 3px 2px 0 rgba(0,0,0,.12)!important;box-shadow:-2px 3px 2px 0 rgba(0,0,0,.12)!important;-webkit-background-clip:padding-box;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-moz-background-clip:padding;border-radius:0 5px 5px 0;background-clip:padding-box;text-transform:uppercase;line-height:18px;font-weight:300;font-size:13px;position:fixed;left:-123px;width:170px;color:#fff;z-index:4;padding:5px 10px;height:50px;transition:.6s}
.hn-button-hotline:before{font-family:"Font Awesome 5 Free";line-height:40px;font-weight:900;content:"\f098";font-size:32px;color:#fff;float:right;margin-left:10px}
.hn-button-hotline p{margin-bottom:0}
.hn-button-hotline span{text-transform:none;display:block;font-weight:700;font-size:17px}
.hn-button-download{cursor:pointer;background-color:#ff0301;color:#fff;top:320px;-webkit-box-shadow:-2px 3px 2px 0 rgba(0,0,0,.12)!important;-moz-box-shadow:-2px 3px 2px 0 rgba(0,0,0,.12)!important;box-shadow:-2px 3px 2px 0 rgba(0,0,0,.12)!important;-webkit-background-clip:padding-box;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-moz-background-clip:padding;border-radius:0 5px 5px 0;background-clip:padding-box;text-transform:uppercase;line-height:18px;font-weight:300;font-size:13px;position:fixed;left:-123px;width:170px;color:#fff;z-index:4;padding:7px 10px 5px;height:50px;transition:.6s}
.hn-button-download:before{font-family:"Font Awesome 5 Free";line-height:35px;font-weight:900;content:"\f381";font-size:25px;color:#fff;float:right;margin-left:10px}
.hn-button-download:hover,.hn-button-hotline:hover{background-color:#2e9731;color:#fff;left:0;transition:.6s}
.hn-button-download p{margin-bottom:0;font-weight:700}
.hn-button-download span{text-transform:none;display:block}
.hn-button-download a,.hn-button-hotline a{color:#fff}
.hn-support{display:none;text-align:center;position:fixed;bottom:0;left:0;right:0;background:linear-gradient(to bottom,#fff 0,#f6f6f6 47%,#ededed 100%);font-size:15px;font-weight:700;z-index:1030;box-shadow:0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset}
.hn-support .support-item{padding:10px}
.hn-support .support-item.call{background-color:#2e9731}
.hn-support .support-item a{color:#2e9731}
.hn-support .support-item.call a{color:#fff}
.iframe-youtube{width:100%;height:500px}
.hn-lendautrang{padding:4px 10px;position:fixed;bottom:70px;right:20px;color:#fff;text-align:center;z-index:999999;font-size:20px}
.hn-doitac{padding:2rem;position:relative}
.hn-doitac .item-doitac{height:90px;max-height:90px;text-align:center;border:1px solid #bdbfc1;padding:10px}
.hn-doitac .item-doitac img{height:70px;max-height:70px;max-width:100%}
.hn-doitac .owl-prev{position:absolute;left:-20px;top:25px}
.hn-doitac .owl-prev:before{font-family:'Font Awesome 5 Free';font-weight:800;padding-right:.4rem;color:#d2ae6d;content:'\f053';font-size:20px}
.hn-doitac .owl-next{position:absolute;right:-30px;top:25px}
.hn-doitac .owl-next:after{font-family:'Font Awesome 5 Free';font-weight:800;padding-right:.4rem;color:#d2ae6d;content:'\f054';font-size:20px}
.hn-thongbao{margin-bottom:30px;background-color:#f9f9f9;padding:0 10px}
.hn-thongbao span{display:inline-table;padding-left:100px;padding-top:7px}
.hn-thongbao span:before{font-family:'Font Awesome 5 Free';font-weight:800;padding-right:.3rem;content:'\f101';color:#666}
marquee{width:100%}
.hn-landinghethan{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.94);z-index:99999}
.hn-landinghethan:target{opacity:1;pointer-events:auto}
.hn-landinghethan .hn-thongbaohethan{color:#fff;position:absolute;top:0;left:0;bottom:0;right:0;border-radius:5px;line-height:32px;margin:6rem auto;text-align:center}
.hn-landinghethan .hn-thongbaohethan img{display:block;max-height:150px;margin:20px auto}
::-webkit-scrollbar{width:5px;height:5px;background-color:#f5f5f5}
::-webkit-scrollbar-thumb{background-color:#999}
@media (min-width:1281px){
	.carousel-item{height:600px;max-height:600px}
	.carousel-item img{height:600px;max-height:600px}
	.iframe-youtube{height:500px}
	.container{max-width:100%}
}
@media (min-width:1025px) and (max-width:1280px){
	.hn-header .btn{margin:5px 0}
	.carousel-item{height:600px;max-height:600px}
	.carousel-item img{height:600px;max-height:600px}
	.iframe-youtube{height:500px}
	.container{max-width:100%}
}
@media (min-width:768px) and (max-width:1024px){
	.carousel-item{height:600px;max-height:600px}
	.carousel-item img{height:600px;max-height:600px}
	.iframe-youtube{height:400px}
}
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){
	.hn-header .btn{margin:5px 0}
	.hn-support{display:block}
	.hn-hotline{display:none}
	.hn-copyright{margin-bottom:50px}
	.carousel-item{height:600px;max-height:600px}
	.carousel-item img{height:600px;max-height:600px}
	.iframe-youtube{height:300px}
}
@media (min-width:481px) and (max-width:767px){
	.hn-header .btn{margin:5px 0}
	.hn-support{display:block}
	.hn-hotline{display:none}
	.hn-copyright{margin-bottom:50px}
	.carousel-item img{height:300px;max-height:300px}
	.iframe-youtube{height:300px}
}
@media (min-width:320px) and (max-width:480px){
	.hn-box img{margin:20px 0}
	.hn-solieu .item-solieu{border:1px solid #eee;padding:10px 0;margin:10px 0}
	.hn-header .btn{margin:5px 0}
	.hn-support{display:block}
	.hn-hotline{display:none}
	.hn-copyright{margin-bottom:50px}
	.carousel-item img{height:250px;max-height:250px}
	.iframe-youtube{height:300px}
}