@charset "utf-8";
body{font-family: 'Roboto', sans-serif;}
.navbar-brand span{letter-spacing:1px}
.text-style{font-size:16px;letter-spacing:0}
.index-about article{padding-right:30px}
.nav-link{display: flex;display: -webkit-flex;display: -ms-flexbox;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;-ms-flex-align: center;padding:.6rem;height:100%;}
/* .en-linh{line-height:45px} */
.nav-item{width:calc((100% - 150px) / 5)}
.index-banner h1 span{font-size:1.2rem;text-align:center}
.tit{font-size:20px}
.mj-title span:nth-of-type(1){font-size:1.8rem}
.per-tit+.project-list{border-bottom: 1px solid #6aa9ea;padding-bottom: 10px;}
.per-tit+.project-list:last-of-type{border-bottom:none}
.per-tit{font-size:1.25rem;margin-bottom:15px;/* display:table; */position:relative;padding-left:20px;font-weight: 600;}
.per-tit:before{position:absolute;content:'';width:5px;height: 80%;background-color:#2c7ed1;bottom: 2px;left:0;}
.project-list-en li{width:50%;}
.project-list li{font-size: 17px;}
.project-list li:nth-of-type(odd){padding-right:10px}
.sys-bk{margin-bottom: 0;}


/* Index */
/* Service */
.service-box .index-service-item{display:-webkit-box;display:-ms-flexbox;display:flex}
.service-box .index-service-item .hb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.service-box .index-service-item .button{margin-bottom:0!important}
/* System */
.sys-text li{position:relative;padding-left: 24px;}
.sys-text li:before{position:absolute;content:"\f138";font-family: 'Font Awesome 5 Free';font-weight: 900;color: #51c7c7;left: 0;}
/* Page */
.system article h3:before {height: 100%;}

/* Footer */
.footer-top i{/* font-size:40px */}
.ft-info-box-en{padding-left:20px}
.ft-info-en .ft-right{border-bottom: 1px solid #3f8bd8;padding-bottom: 10px;margin-bottom: 10px;}
.copyright{text-align:right;margin-top: 20px;color: #14497f;}
footer .copyright a{color: #14497f;}
/* footer .ft-info ul li{-ms-flex-wrap:wrap;flex-wrap:wrap}
footer .ft-info ul li b{display:block;font-weight:400;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}
footer .ft-info ul li a{margin-left:0}
footer .ft-info .ft-right{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} */
@media (min-width:768px){
/*     footer .ft-info .ft-right{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} */
}
@media (min-width:1024px){footer .ft-info .ft-right{margin:0 30px 0 0}
}
@media (min-width:1280px){footer .ft-info ul li{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
footer .ft-info .ft-right{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
}
@media (max-width: 991px) {
.nav-item{width:100%}
.navbar-nav li br{display:none}
.en-linh{line-height:initial}
.navbar-nav .nav-link{padding:15px 0}
.index-banner h1 span{font-size:1rem;line-height:initial;padding-top:15px}
.project-list{width:100%}
.project-list-en li{width:100%}
.project-list li:nth-of-type(odd){padding-right:0}
.project-list:nth-of-type(3), .project-list:nth-of-type(4){border-top: none;padding-top: 0;}
.ft-info-box-en{padding-left:0;}
}
@media (max-width: 768px){
    .footer-top i{/* font-size:20px */}
    .mj-title span:nth-of-type(1){font-size: 1.5rem;}
    .per-tit{font-size: 1.15rem;}
}