@import "reset.css";
@import "fonts.css";
#back-to-top{
    background-color: #fab702;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    position: fixed;
    right: 50px;
    bottom: 80px;
    z-index: 999;
    opacity: 0;
    width: 40px;
    height: 40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:opacity ease 0.3s;
}
#back-to-top.show{opacity:1;}
.logo {
    padding: 10px 0;
}
.logo img {
}
.header-main {
    background: #1D3455;
}
.header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-nav ul ul, .language ul {
    position: absolute;
    top: 50px;
    width: 240px;
    z-index: 2;
    transition: all ease 0.3s;
    visibility: hidden;
    opacity: 0;
}
.header-nav ul ul {
    left: 0;
}

.language ul {
    width: 160px;
}
.header-main img {
    height: 24px;
}
.btn-none {
    background: transparent;
    border: none;
}
.btn-search {
    margin-right: 20px;
    padding: 8px 10px;
}
.btn-search:hover {
    background: #FCAF17;
}
.language {
    height: 40px;
    display: flex;
    align-items: center;
    position: relative;
}
.language span, .language li {
    cursor: pointer;
}
.language span {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    position: relative;
}
.language span:after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    color: #fff;
    margin-left: 5px;
}
.header-nav {
    width: calc(100% - 140px);
}
.header-nav li {
    position: relative;
}
.header-nav li a, .language ul li {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.header-nav li li a, .language ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #1D3455;
    display: block;
    padding: 10px 15px
}
.header-nav li li:last-child a, .language ul li:last-child {
    border-bottom: transparent;
}
.header-nav li li a:hover {
    background: rgba(29, 52, 85, 1);
    color: #fff;
}
.header-nav , .header-nav > ul, .header-nav > ul >li,
.header-nav > ul > li > a {
    height: 100%;
}
.header-nav > ul > li > a {
    border-left: 1px solid #fff;
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 25px;
}
.header-nav > ul > li:first-child > a {
    border: none;
}
.header-nav > ul > li:hover > a {
    border-color: #1D3455;
}
.header-nav > ul > li:hover + li > a {
    border-color: #1D3455;
}
.header-nav > ul > li:hover > a, .header-nav > ul > li.active > a, .language ul li:hover {
    /*background: #FCAF17;*/
    color: #FCAF17;
}
.header-nav ul ul a, .language ul li {
    background: rgba(252, 175, 23, 0.8);
}
.header-nav li:hover ul, .language ul.active {
    top: 57px;
    visibility: visible;
    opacity: 1;
}
.banner-item {
    position: relative;
}
.banner-item > img {
    object-fit: cover;
    height: 673px;
    width: 100%;
}
.banner-logo {
    display: none;
    margin-bottom: 55px;
}
.banner-logo img {
    height: 270px;
    margin: 0 auto;
}
.banner-abs {
    background: rgba(29, 52, 85, 0.6);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60px;
    z-index: 2;
}
.banner-text {
    max-width: 60%;
    margin: 0 auto;
    text-align: center;
}
.banner-text h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
    padding: 10px 0;
}
.slick-slider {margin-bottom: 0}
.slider-banner .slick-arrow {
    display: none !important;
}
.slick-dots {
    position: absolute;
    bottom: 10px;
    z-index: 2;
}
.slick-dots li {
    margin: 0 10px;
}
.slick-dots li button {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    height: 16px;
    width: 16px;
    position: relative;
}
.slick-dots li button:before {
    display: none;
}
.slick-dots li button:after {
    content: '';
    background: transparent;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    position: absolute;
    left: 4px;
    top: 4px;
}

.slick-dots .slick-active button:after {
    background: rgba(0, 0, 0, 0.8);
}
.title-index {
    margin-bottom: 40px;
    line-height: 1;
}
.title-index span {
    color: #1D3455;
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
    position: relative;
}
.title-index span:before {
    background: #FCAF17;
    content: '';
    height: 5px;
    width: 80px;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.about .desc {
    max-width: 100%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 2;
    text-align: justify;
}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    height: 45px;
    width: 160px;
    text-transform: uppercase;
}
.btn-x {
    background: #1D3455;
    color: #fff;
}
.btn-x:hover {
    background: #FCAF17;
    color: #1D3455;
}
.field-item {
    /*flex: 0 0 20%;*/
    /*max-width: 20%;*/
    flex: 1;
    overflow: hidden;
}
.field-image {
    position: relative;
}
.field-image:before {
    content: '';
    display: block;
    padding-bottom: 120%;
}
.field-image .img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.field-image .img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.field-text {
    background: rgba(29, 52, 85, 0.8);
    display: flex;
    align-items: flex-end;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 100%;
    transition: all ease 0.3s;
}
.field-logo {
    text-align: center;
}
.lg-hover {
    display: none;
}
.fl-tx {
    display: flex;
    justify-content: center;
    align-content: space-between;
    flex-wrap: wrap;
    height: 60%;
    padding: 10px;
}
.fl-tx p, .fl-tx h4{
    color: #fff;
    font-size: 16px;
    text-align: justify;
    opacity: 0;
    visibility: hidden;
    margin-bottom: 20px;
    transition: all ease 0.3s;
}
.field-item:hover .field-text {
    background: transparent;
}
.field-item:hover .fl-tx{
    background: url("../images/bg-lv.png") no-repeat center bottom;
}
.field-item:hover  .field-logo {
    opacity: 0;
    visibility: hidden;
}
.field-item:hover .lg-hover {
    display: inline-block;
}
.field-item:hover .lg {
    display: none;
}
.field-item:hover .fl-tx p {
   margin-bottom: 0;
    visibility: visible;
    opacity: 1;
}
.field-item:hover .fl-tx h4 {
    visibility: visible;
    opacity: 1;
}
.field-item h4 {
    margin-top: 20px;
    text-align: center;
}
.field-item h4 a {
    color: #1D3455;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    text-transform: uppercase;
}
.field-item:hover h4 a {
    color: #FCAF17;
}
.field-flex {
    display: flex;
}
.news-main {
    height: 100%;
    position: relative;
}
.news-main .zoom {
    height: 100%;
}
.news-main .zoom img {
    object-fit: cover;
    max-height: 320px;
    width: 100%;
}
.news .news-main .zoom img {
    height: 100%;
    max-height: 346px;
}
.rq-page .news-main .zoom img {
    max-height: none;
}
.news-main .news_title {
    background-image: linear-gradient(to bottom, rgba(29, 52, 85, 0.1), rgba(29, 52, 85, 0.9));
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 0 30px 20px 30px;
    height: 112px;
    display: flex;
    align-items: flex-end;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.3s;
}
.news_title h2 {
    line-height: 1;
}
.news_title h2 a {
    color: #FCAF17;
    font-weight: bold;
    font-size: 18px;
}
.news-main:hover .news_title{
    opacity: 1;
    visibility: visible;
}
.news-list a {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    padding-left: 25px;
    position: relative;
}
.news-list a:before {
    background: #1D3455;
    content: '';
    height: 8px;
    width: 8px;
    position: absolute;
    left: 0;
    top: 8px;
}
.news-list li {
    padding: 5px 20px;
    transition: all ease 0.3s;
}
.news-list {
    border: 1px solid #000;
    border-left: none;
    height: 100%;
}
.news-list li:hover {
    background: #FCAF17;

}
.news-list li:hover a {
}
.news-cd .news-list{
    border-left: 1px solid #000;
    border-right: none;
}
.logo-slider {
    margin-top: 20px;
}
.logo-slider a {
    display: inline-flex !important;
    align-items: center;
    height: 85px;
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
    overflow: initial;
    justify-content: center;
}
.social a {
    color: #fff;
    font-size: 22px;
    margin-right: 30px;
}
footer {
    background: #1D3455;
}
.ft-logo {
    margin: 20px 0;
    text-align: center;
}
.ft-logo img {
    display: inline-block;
    height: 70px;
    margin: 0 auto;
}
footer h2 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: left;
}
.ft-flex {
    color: #fff;
    display: flex;
    font-size: 15px;
    margin-bottom: 18px;
}
.ft-flex span {
    flex: 0 0 90px;
    max-width: 90px;
}
.social {
    margin-top: 20px;
}
.ft-nav, .chart, .company-info  {
    padding-top: 30px;
}
.chart iframe {
    max-height: 297px;
}
.ft-nav li {
    margin-bottom: 10px;
}
.ft-nav li:last-child {
    margin-bottom: 0;
}
.ft-nav li a {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
.ft-nav li a:hover {
    color: #FCAF17;
}
.copyright {
    border-top: 1px solid #fff;
    color: #fff;
    font-size: 13px;
    margin-top: 30px;
    padding: 15px 0;
}
.about-page {
    position: relative;
}
.about-page:before {
    /*background: linear-gradient(to bottom, rgba(29, 52, 85, 0.05), rgba(29, 52, 85, 0.9));*/
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2;
}
.about-page img, .blog-detail-page img {
    object-fit: cover;
   height: 530px ;
    width: 100%;
}

.about-page span {
    display: none;
    background: rgba(255, 255, 255, 0.8);
    color: #1D3455;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    text-transform: uppercase;
    padding: 15px;
}
.about-flex ul{
    display: flex;
    align-items: center;
    width: 100%;
}
.about-flex ul li {
    flex: 1 0 auto;
    position: relative;
}
.about-flex ul li:hover ul {
    display: flex;
}
.about-nav a {
    border-bottom: 1px solid #1D3455;
    color: #1D3455;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 0;
    width: 100%;
    position: relative;
}
.about-flex li:last-child a:hover:before,
.about-flex li:last-child.active a:before,
.about-flex li:first-child a:hover:before,
.about-flex li:first-child.active a:before{
    background: #FCAF17;
}
.about-nav a:hover, .about-flex > ul > li.active > a {
    color: #FCAF17;
    border-bottom-color: #FCAF17;
}
.about-flex ul ul {
    position: absolute;
    left: 0;
    top: 55px;
    z-index: 2;
    display: none;
    min-width: 380px;
}
.about-flex ul ul a {
    color: #000000;
    border: none;
}
.about-flex ul ul a:before {
    display: none;
}
.about-flex ul ul li {
    padding-right: 20px;
}
.about-flex ul ul li:last-child {
    margin-right: 0;
}
.about-flex ul ul li.active a {
    color: #FCAF17;
}
.about-flex li:first-child a:before, .about-flex li:last-child a:before {
    background: #1D3455;
    content: '';
    height: 1px;
    width: calc(100% + 145px);
    position: absolute;
    top: 54px;
}
.about-flex li:first-child a:before {
    right: 0;
}
.about-flex li:last-child a:before {
    left: 0;
}
/*Tuyendung*/

.pd0{
    padding: 0;
}
h2{
    color: #1D3455;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}
.btn-lg{
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
}
.btn-text-normal{
    text-transform: none;
}
.mgt-40{
    margin-top: 40px;
}
.mgt-60{
    margin-top: 60px;
}
.color-main{
    color: #1D3455;
}
input{
    border: 1px solid #cccccc;
    border-radius: 4px;
    height: 40px;
    width: 100%;
    padding: 0 15px;
}
.input-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #000000;
}
.input-text::-moz-placeholder { /* Firefox 19+ */
    color: #000000;
}
.input-text:-ms-input-placeholder { /* IE 10+ */
    color: #000000;
}
.input-text:-moz-placeholder { /* Firefox 18- */
    color: #000000;
}

.data-recruitment tr th{
    font-size: 16px;
    background: #FDBA21;
    padding: 10px 5px;
}
.data-recruitment{
    border:1px solid #cccccc;
    width: 100%;
}
.data-recruitment tr th,
.data-recruitment tr td{
    border:1px solid #cccccc;
    text-align: center;
}
.data-recruitment tr td{
    padding: 10px 15px
}
.data-recruitment tr .col-item1{
    max-width: 40%;
}
.data-recruitment tr td .data-col1{
    text-align: left;
}

.recruitment-description p{
    font-size: 16px;
    line-height: 1.6;
    margin-top: 10px;
}
.recruitment-description h2{
    margin-bottom: 0;
}
.recruitment-description p + h2{
    margin-top: 30px;
}
.recruitment-summary{
    display: flex;
    flex-wrap: wrap;
}
.rcm-item .label,
.rcm-item .detail{
    border: 1px solid #ffffff;
    background: #FDBA21;
    display: block;
    font-size: 16px;
    padding: 10px 10px 10px 30px;
}
.rcm-item .label{
    font-weight: bold;
    text-transform: uppercase;
}
.rcm-item{
    display: flex;
}
.rcm-item1{
    width: 60%;
}
.rcm-item1 .label{
    width: 40%;
}
.rcm-item1 .detail{
    width: 60%;
}
.rcm-item2{
    width: 40%;
}
.rcm-item2 .label{
    width: 60%;
}
.rcm-item2 .detail{
    width: 40%;
}
.fieldset{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 10px;
}
.fieldset .field{
    padding: 0 10px;
    margin-bottom: 15px;
}
.fieldset .field:not(.w100p){
    width: 50%;
}
.fieldset .w100p{
    width: 100%;
}
.upload-file{
    border: 1px solid #cccccc;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 15px;
    height: 40px;
}
.upload-file input[type="file"]{
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}
.upload-file input[type="file"] + span{
    color: #FDBA21;
}
.form .action-toolbar{
    display: flex;
    align-items: flex-end;
}
.form .action-toolbar .btn{
    margin-left: 20px;
}
.cv__guide{
    padding-top: 35px;
}
.cv__guide a{
    color: #000000;
}
.check-robot img{
    max-height: 75px;
}
.cv__guide h2{
    margin-bottom: 15px;
}
.cv__guide p{
    font-size: 16px;
    line-height: 1.6;
}
.sub-title {
    margin-bottom: 10px;
}

.about-nav{
    margin-bottom: 60px;
}
.library-image-item{
    margin-bottom: 20px;
}
.blog-photo {
    width: 100%;
}
.library-image-item img, .blog-photo img {
    object-fit: cover;
    height: 246px;
    width: 100%;
}
.library-image-item h3{
    font-size: 16px;
    line-height: 1.6;
    font-weight: bold;
    text-align: center;
    padding-top: 12px;
}
.library-image-item a{
    color: #212529;
}
.library-image-item a:hover{
    color: #c49a6c;
}
.lib-image-title{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 25px;
}
.recent-list .blog-photo img {
    height: 57px;
    object-fit: cover;
}
.pages-title{
    color: #1D3455; 
    font-size: 24px;
    font-weight: bold;
}
.contact-content a{
    color: #212529;
}
.contact-content h2{
    font-size: 22px;
    margin-bottom: 15px;
}
.contact-content p{
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 5px;
    display: flex;
}
.contact-content p label {
    flex: 0 0 85px;
    width: 80px;
}
/*End Tuyendung*/
.about-content h1 {
    color: #1D3455;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    max-width: 60%;
    margin: 0 auto 30px auto;
    line-height: 1.5;
}
.about-info h4 {
    color: #1D3455;
    font-size: 20px;
    font-weight: bold;
}
.about-content {
    padding-bottom: 30px;
}
.about-content .col-md-7, .about-content .col-md-5 {
    flex: 0 0 50%;
    max-width: 50%;
}
.about-info li, .about-content p {
    font-size: 16px;
    margin-top: 15px;
    line-height: 1.5;
}
.about-info li:not(:last-child) {
    margin: 11px 0;
}
.about-info li {
    display: flex;
}
.about-info li span {
    font-weight: bold;
    flex: 0 0 170px;
    text-align: left;
}
.about-content .col-md-12.mgt-30 {
    margin-top: 10px;
}
.ls-content ul li {
    display: flex;
}
.ls-content li span {
    color: #1D3455;
    font-size: 20px;
    font-weight: bold;
    flex: 0 0 135px;
    max-width: 135px;
    position: relative;
}
.ls-content li span:before {
    background: #F9AE40;
    border-radius: 50%;
    content: '';
    height: 10px;
    width: 10px;
    position: absolute;
    right: -5px;
    top: 12px;
    z-index: 2;
}
.ls-content li p:hover {
    color: #1D3455;
}
.ls-text p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 15px;
}
.ls-text {
    border-left: 1px solid #1B3254;
    padding-left: 30px;
    padding-bottom: 20px;
}
.ls-text p:last-child {
    margin-bottom: 0;
}
.tn-item {
    border: 1px solid #1D3455;
    border-radius: 10px;
    padding: 30px 60px 20px 60px;
    position: relative;
    margin-bottom: 60px;
}
.tn-item:last-child {
    margin-bottom: 0;
}
.tn-item h2 {
    background: #FCAF17;
    border: 1px solid #1D3455;
    border-radius: 7px;
    display: inline-flex;
    font-size: 16px;
    padding: 10px 20px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: -24px;
    transform: translateX(-50%);
}
.col-md-6:last-child .tn-item-item {
    margin-bottom: 0;
}
.tn-item p {
    font-size: 16px;
    text-align: center;
}
.tn-item-item {
    margin-bottom: 30px;
}
.lv-item .row {
    margin: 0;
}
.lv-img {
    position: relative;
}
.lv-img a{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2;
    transition: all ease 0.3s;
}
.lv-img a img {
    height: 120px;
}
.lv-item:hover .lv-img a {
    background: rgba(255, 255, 255, 0.7);
}
.lv-item:hover .lv-img a .lg-hover {
    display: inline-block;
}
.lv-item:hover .lv-img a .lg {
    display: none;
}
.lv-item .col-md-6 {
    display: flex;
    align-items: center;
}
.lv-content {
    padding: 0 90px;
    text-align: center;
}
.lv-content p {
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
}
.lv-content .btn-x {
    border-radius: 10px;
}
.lv-item:hover .font-24-b {
    color: #FCAF17;
}
.lv-item:nth-child(2n) .col-md-6:first-child {
    order: 2;
}
.sd-desc {
    background: #FCAF17;
    font-size: 18px;
    line-height: 2;
    margin: 60px 0;
    text-align: justify;
    padding: 30px 0;
}
.sd-list {
    padding: 0 60px;
}
.sd-list ul {
    display: flex;
    flex-wrap: wrap;
}
.sd-list ul li {
    display: flex;
    align-items: center;
    flex: 0 0 50%;
    max-width: 50%;
}
.sd-list li img {
    max-height: 100%;
}
.sd-list li > a {
    border: 1px solid #ccc;
    border-bottom: none;
    border-right: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 160px;
    max-width: 160px;
    height: 100px;
    padding: 10px;
}
.sd-list p a {
    color: #231F20;
    font-size: 16px;
}
.sd-list p a:hover {
    color: #FCAF17;
}
.sd-list p {
    border: 1px solid #ccc;
    border-bottom: none;
    flex: 0 0 calc(100% - 160px);
    max-width: calc(100% - 160px);
    height: 100%;
    display: inline-flex;
    align-items: center;
    padding: 0 20px;
}
.sd-list li:nth-child(2n) > a {
    border-left: none;
}
.sd-list li:last-child > a, .sd-list li:last-child p,
.sd-list li:nth-last-child(2) > a, .sd-list li:nth-last-child(2) p {
    border-bottom: 1px solid #ccc;
}
.hd-flex {
    display: flex;
    justify-content: center;
    /* flex-wrap: wrap; */
    flex-wrap: nowrap;
}
.hd-item {
    cursor: pointer;
    margin-top: 60px;
    /* padding: 0 10px; */
    padding: 0px;
}
.hd-item .hd-cache h4 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}
.modal .hd-item .hd-cache h4 {
    height: auto;
}
.hd-img span {
    display: block;
    border: 2px solid #FCAF17;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    height: 120px;
    width: 120px;
}
.hd-img span img {
    border-radius: 50%;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.hd-cache {
    padding: 10px;
}
.about-hd .hd-item:hover .hd-cache {
    background: #FCAF17;
    color: #1D3455;
}
.hd-cache:hover p, .hd-cache:hover h4 {
    color: #1D3455;
}
.hd-cache .font-24-bn, .hd-cache .font-24-b {
    font-size: 16px;
    text-transform: none;
}
.modal-c .modal-dialog {
    max-width: 900px;
}
.modal-c .modal-content {
    border: none;
    padding: 0 60px 30px 60px;
}
.modal-c .hd-flex {
    border-bottom: 1px solid #FCAF17;
    width: 100%;
}
.hd-content {
    margin-top: 20px;
}
.hd-content p {
    color: #000000;
    font-size: 16px;
    margin-bottom: 15px;
}
.hd-content p strong {
    color: #1D3455;
    font-size: 18px;
}
.sd-img {
    text-align: center;
}
/*Tuyendung*/

.pd0{
    padding: 0;
}
h2{
    color: #1D3455;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}
.btn-lg{
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
}
.btn-text-normal{
    text-transform: none;
}
.mgt-40{
    margin-top: 40px;
}
.mgt-60{
    margin-top: 60px;
}
.color-main{
    color: #1D3455;
}
input{
    border: 1px solid #cccccc;
    border-radius: 4px;
    height: 40px;
    width: 100%;
    padding: 0 15px;
}
.input-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #000000;
}
.input-text::-moz-placeholder { /* Firefox 19+ */
    color: #000000;
}
.input-text:-ms-input-placeholder { /* IE 10+ */
    color: #000000;
}
.input-text:-moz-placeholder { /* Firefox 18- */
    color: #000000;
}

.data-recruitment tr th{
    font-size: 16px;
    background: #FDBA21;
    padding: 10px 5px;
}
.data-recruitment{
    border:1px solid #cccccc;
    width: 100%;
}
.data-recruitment tr th,
.data-recruitment tr td{
    border:1px solid #cccccc;
    text-align: center;
}
.data-recruitment tr td{
    color: #000;
    font-size: 16px;
    padding: 10px 15px
}
.data-recruitment tr .col-item1{
    max-width: 40%;
}
.data-recruitment tr td .data-col1{
    text-align: left;
}
.data-recruitment tr td .data-col1 a {
    color: #000;
    font-size: 16px;
}
.data-recruitment tr td .data-col1 a:hover {
    color: #FDBA21;
}
.recruitment-description p{
    font-size: 16px;
    line-height: 1.6;
}
.recruitment-description h2{
    margin-bottom: 0;
}
.recruitment-description p + h2{
    margin-top: 30px;
}
.recruitment-summary{
    display: flex;
    flex-wrap: wrap;
}
.rcm-item .label,
.rcm-item .detail{
    border: 1px solid #ffffff;
    background: #FDBA21;
    display: block;
    font-size: 16px;
    padding: 10px 10px 10px 30px;
}
.rcm-item .label{
    font-weight: bold;
    text-transform: uppercase;
}
.rcm-item{
    display: flex;
}
.rcm-item1{
    width: 60%;
}
.rcm-item1 .label{
    width: 40%;
}
.rcm-item1 .detail{
    width: 60%;
}
.rcm-item2{
    width: 40%;
}
.rcm-item2 .label{
    width: 60%;
}
.rcm-item2 .detail{
    width: 40%;
}
.fieldset{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 10px;
}
.fieldset .field{
    padding: 0 10px;
    margin-bottom: 15px;
}
.fieldset .field:not(.w100p){
    width: 50%;
}
.fieldset .w100p{
    width: 100%;
}
.upload-file{
    border: 1px solid #cccccc;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 15px;
    height: 40px;
}
.upload-file input[type="file"]{
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}
.upload-file input[type="file"] + span{
    color: #FDBA21;
}
.form .action-toolbar{
    display: flex;
    align-items: flex-end;
}
.form .action-toolbar .btn{
    margin-left: 20px;
}
.cv__guide{
    padding-top: 35px;
}
.cv__guide a{
    color: #000000;
}
.check-robot img{
    max-height: 75px;
}
.cv__guide h2{
    margin-bottom: 15px;
}
.cv__guide p{
    font-size: 16px;
    line-height: 1.6;
}
.sub-title {
    margin-bottom: 10px;
}

.about-nav{
    margin-bottom: 30px;
}
.library-image-item{
    margin-bottom: 20px;
}
.library-image-item h3{
    font-size: 16px;
    line-height: 1.6;
    font-weight: bold;
    text-align: center;
    padding-top: 12px;
}
.library-image-item a{
    color: #212529;
}
.library-image-item a:hover{
    color: #FCAF17;
}
.lib-image-title{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}
.pages-title{
    color: #1D3455; 
    font-size: 24px;
    font-weight: bold;
}
.contact-content a{
    color: #1D3455;
}
.contact-content h2{
    font-size: 22px;
    margin-bottom: 10px;
}
.contact-content p{
    color: #1D3455;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 10px;
}
.blog-item{
    transition: .3s all ease;
}
.post-item-detail {
    background: #F1F1F1;
    padding: 10px;
}
.blog-item:hover{
    background: #FCAF17;
}
.blog-headline{
    color: #1D3455;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
.blog-shortdes{
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 15px;
}
.blog-headline a{
    color: #1D3455;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 68px;
}
.blog-link{
    color: #1D3455;
    font-size: 15px;
    font-weight: bold;
}
.blog-link:hover, .blog-headline a:hover {
    color: #FCAF17;
}
.blog-headline a:hover {
    font-weight: bold;
}
.blog-item .col-md-8{
    display: flex;
    align-items: center;
}
.cate-blog-list a{
    background: #FCAF17;
    color: #1D3455;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 20px;
    display: block;
}
.cate-blog-list li{
    margin-bottom: 10px;
}
.right-sidebar h2{
    font-size: 20px;
    margin-bottom: 15px;
}
.recent-list li{
    display: flex;
    margin-bottom: 20px;
}
.recent-list .blog-photo{
    width: 80px;
}
.recent-list .blog-headline{
    font-size: 13px;
    line-height: 1.55;
    margin: -3px 0 0;
    padding-left: 15px;
    width: calc(100% - 80px);
}
.blog-detail .title h1 {
    color: #1D3455;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}
.blog-detail-title{
    color: #FCAF17;
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    max-width: 910px;
    margin: 0 auto;
    right: 0;
    font-size: 32px;
    display: flex;
    align-items: center;
    text-align: center;
    height: 100%;
}
.blog-detail-page{
    position: relative;
}

.blog-detail-page:before {
    display: none;
    background: rgba(29, 52, 85, .5);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.blog-detail-content p{
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 10px;
}
.blog-detail-content img{
    margin-bottom: 10px;
}
.full-content {
    text-align: left;
}
.full-content img{
    max-width: 100%;
}
.blog-detail-content * {
    font-family: 'Bai Jamjuree' !important;
}
/*End Tuyendung*/
.tt-item {
    margin-top: 50px;
    padding: 0 10px;
}
.tt-item div {
    height: 125px;
}
.tt-item div img {
    max-height: 100%;
}
.tt-item .font-24-b {
    font-size: 16px
}
.tt-item .font-18-bn {
    font-size: 15px;
}
.about-flex-center ul {
    justify-content: center;
}
.about-flex-center li a:before {
    display: none;
}
.about-flex-center ul li {
    flex: none;
}
.about-flex-center > ul > li  > a {
    padding: 15px 20px;
}
.about-nav-2 {
    position: relative;
}
.about-nav-2:before {
    background: #1D3455;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
}
.about-nav-2 li.active ul {
    display: flex;
}
.about-nav-2 {
    margin-bottom: 0;
}
.about-nav-2 .about-flex ul ul a {
    color: #1D3455;
}
.about-nav-lv2 {
    margin-bottom: 30px;
}
.about-nav-lv2 ul {
    display: flex;
    align-items: center;
}
.about-nav-lv2 li {
    flex: 1 0 auto;
    margin-right: 30px;
}
.about-nav-lv2 li a {
    color: #1D3455;
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
    padding: 20px 0;
    width: 100%;
}
.about-nav-lv2 li a:hover, .about-nav-lv2 li.active a {
    color: #FCAF17;
}
.pj-item {

    margin-bottom: 30px;
}
.pj-cache {
    background: #E5E5E5;
    padding: 10px 20px;
}
.pj-cache p {
    font-size: 16px;
}
.pj-cache h2 {
    margin-bottom: 10px;
}
.pj-cache h2 a {
    font-size: 18px;
    height: 48px;
    overflow: hidden;
}
.xt {
    color: #1D3455;
    font-size: 16px;
}
.pj-gallery {
    background: #1D3455;
    padding: 30px 0;
}
.pj-gallery .item {
    margin: 0 15px;
}
.pj-slider .item img {
    object-fit: cover;
    height: 180px;
    width: 100%;
}
.pj-slider .slick-list {
    margin: 0 -15px;
}
.pj-slider .slick-arrow:before {
    display: none;
}
.pj-slider .slick-arrow {
    width: 40px;
}
.pj-slider .slick-next {
    right: -70px;
}
.pj-slider .slick-prev {
    left: -70px;
}
.pj-content {
    padding-top: 60px;
}
.pj-text {
    max-width: 60%;
    margin: 0 auto;
}
.pj-text h1 {
    color: #1D3455;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
}
.pj-flex {
    border: 1px solid #1D3455;
    border-bottom: none;
    display: flex;
    width: 100%;
}
.pj-flex:last-child {
    border-bottom: 1px solid #1D3455;
}
.pj-flex > span {
    border-right: 1px solid #1D3455;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    flex: 0 0 240px;
    max-width: 240px;
    padding: 20px;
}
.pj-flex div {
    padding: 20px;
    width: 100%;
}
.pj-flex div p, .pj-flex div strong {
    font-size: 16px;
}
.about-cd table th {
    color: #1D3455;
}
.link-nr img {
    height: 30px;
}
.pagination.mgt-60 {
    margin-top: 30px;
}
.pagination a {
    background: #fff;
    border: 1px solid rgba(15, 20, 31, 0.3);
    display: flex;
    width: 45px;
    height: 45px;
    justify-content: center;
    align-items: center;
    color: #0f141f;
    font-size: 15px;
    font-weight: 500;
}
.pagination a.active, .pagination a:hover {
    background: #FCAF17;
    border-color: #FCAF17;
    color: #fff;
    font-weight: 600;
}
.pagination .list-inline-item:not(:last-child) {
    margin-right: 20px;
}
.pdt-60 {
    padding-top: 30px;
}
.view-pdf {
    margin: 0 auto;
    max-width: 80%;
}
.view-pdf  iframe {
    height: 800px;
}
.cd-detail h1 {
    font-size: 24px;
    font-weight: bold;
}
.pdf-item {
    margin-top: 30px;
}
.pdf-item h4 a {
    font-size: 16px;
}
.pdf-item .mgb-20 {
    margin-bottom: 10px;
}
.rq-page {
    padding-bottom: 30px;
}
.rq-page .news {
}
.rq-page .news-list li {
    padding: 7px 0 7px 20px;
}
.rq-page .news-list li a:before {
    display: none;
}
.rq-page .news-list {
    border: none;
    height: auto;
    padding: 0 90px;
}
.rq-page .news-list h2 {
    margin-bottom: 0;
    padding-left: 20px;
}
.rq-page .news-list li {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}
.rq-page .news-list li:before {
    background: #FCAF17;
    content: '';
    height: 8px;
    width: 8px;
    position: absolute;
    left: 0;
    top: 15px;
}
.rq-page .news-list li a {
    padding: 0;
}
.rq-page .news-list li:hover {
    background: transparent;
}
.rq-page .news-list li:hover a {
    font-weight: 500;
}
.rq-page .news-main {
    border: none;
}
.n-page .news:nth-child(2n) .col-md-6:first-child {
    order: 2;
}
/*.n-page .news:nth-child(2n) .col-md-6:last-child .news-list {*/
/*    padding: 0 15px 0 0;*/
/*}*/
.n-page .news:nth-child(2n) .news-list h2 {
    text-align: right;
}
.rq-page .news-list a {
    text-align: justify;
}
.logo-slider .slick-arrow {display: none !important;}
.about-ls, .about-sd, .about-hd, .blog-list, .about-cd,
.library-images, .recruitment-content, .blog-detail, .about-lv, .projects-page, .cd-detail,
.about-tt, .pj-content{
    padding-bottom: 30px;
}
.search-hd {
    position: absolute;
    width: 300px;
    right: -50px;
    z-index: 1000;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 6px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 30%);
    display: none;
    top: calc(100% + 10px);
    background: #fff;
    padding: 10px;
}
.search-fr {
    position: relative;
}
.search-fr input {
    background: rgba(0, 0, 0, 0.07);
    width: 100%;
    height: 38px;
    border: none;
    padding-right: 35px;
    font-size: 14px;
}
.search-fr button {
    border: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    color: #1D3455;
    font-size: 16px;
}
.search-b {
    position: relative;
}
.search-hd:before {
    content: '';
    position: absolute;
    bottom: 100%;
    width: 0;
    height: 0;
    right: 80px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
}
.search-fr input::-webkit-input-placeholder {   color: #1D3455;}
.search-fr input::-moz-placeholder {   color: #1D3455;}
.search-fr input:-ms-input-placeholder {   color: #1D3455;}
.pdfobject-container { height: 700px; border: 1px solid rgba(0,0,0,.1); }
#pdf a {
    display: none;
}
.field-logo img {
    height: 60px;
}
.about-nav li a:before {display: none !important;}
.about-nav {
    position: relative;
}
.about-nav:before {
    background: #1D3455;
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0px;
}
.field.pd-60 {
    padding: 40px 0;
}
.news-cd {
    padding: 70px 0;
}
.logo-list.pd-60 {
    padding-top: 70px;
}
.map iframe {
    height: 400px;
}
.social-blog > img {
    height: 20px;
}
.about-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.about-img img {
    max-width: 50%;
}
.video-detail iframe {
    height: 600px;
}
.logo {
    height: 86px;
    transition: all ease 0.3s;
}
.fixed-header {
    left: 0;
    top: 0;
    right: 0;
    position: fixed;
    z-index: 99999;
}
.fixed-header .logo {
    height: 0;
    opacity: 0;
    visibility: hidden;
    padding: 0;
}
.sticky-top {
    top: 40px
}
.map-abs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    pointer-events: none;
}
.contact-add {
    /*height: 440px;*/
    margin: 30px 0;
}
.map-abs iframe {
    pointer-events: auto;
    height: 440px;
}
.map-abs .row {
    margin: 0;
}
.map-abs .row > div {
    padding: 0;
}
.contact-content {
    padding-top: 30px;
}
.about-nav-lv2.fixed {
    border-bottom: 1px solid #1D3455;
    margin: 0;
}
.about-nav.fixed a, .about-nav-lv2.fixed a {
    font-size: 14px;
    padding: 9px 0;
}
.scroll-page .about-nav.fixed a {
    padding: 9px 10px;
}
.news-11 .news_title h2 {
    margin-bottom: 10px;
}
.blog-items .col-md-3 {
    margin-bottom: 30px;
}
.date_t {
    margin-bottom: 5px;
}
@import "reset.css";
@import "fonts.css";
#back-to-top{
    background-color: #fab702;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    position: fixed;
    right: 50px;
    bottom: 80px;
    z-index: 999;
    opacity: 0;
    width: 40px;
    height: 40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:opacity ease 0.3s;
}
#back-to-top.show{opacity:1;}
.logo {
    padding: 10px 0;
}
.logo img {

}
.header-main {
    background: #1D3455;
}
.header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-nav ul ul, .language ul {
    position: absolute;
    top: 50px;
    width: 240px;
    z-index: 2;
    transition: all ease 0.3s;
    visibility: hidden;
    opacity: 0;
}
.header-nav ul ul {
    left: 0;
}

.language ul {
    width: 160px;
}
.header-main img {
    height: 24px;
}
.btn-none {
    background: transparent;
    border: none;
}
.btn-search {
    margin-right: 20px;
    padding: 8px 20px;
}
.btn-search:hover {
    background: #FCAF17;
}
.language {
    height: 40px;
    display: flex;
    align-items: center;
    position: relative;
}
.language span, .language li {
    cursor: pointer;
}
.language span {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    position: relative;
}
.language span:after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    color: #fff;
    margin-left: 5px;
}
.header-nav {
    width: calc(100% - 140px);
}
.header-nav li {
    position: relative;
}
.header-nav li a, .language ul li {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.header-nav li li a, .language ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #1D3455;
    display: block;
    padding: 10px 15px
}
.header-nav li li:last-child a, .language ul li:last-child {
    border-bottom: transparent;
}
.header-nav li li a:hover {
    background: rgb(252 175 23);
    color: #1D3455;
}
.header-nav , .header-nav > ul, .header-nav > ul >li,
.header-nav > ul > li > a {
    height: 100%;
}
.header-nav > ul > li > a {
    border-left: 1px solid #fff;
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 25px;
}
.header-nav > ul > li:first-child > a {
    border: none;
}
.header-nav > ul > li:hover > a {
    border-color: #1D3455;
}
.header-nav > ul > li:hover + li > a {
    border-color: #1D3455;
}
.header-nav > ul > li:hover > a, .header-nav > ul > li.active > a, .language ul li:hover {
    /*background: #FCAF17;*/
    color: #FCAF17;
}
.header-nav ul ul a, .language ul li {
    background: rgba(255, 255, 255, 0.8);
}
.header-nav li:hover ul {
    top: 57px;
    visibility: visible;
    opacity: 1;
}
.language ul.active {
    top: 49px;
}
.banner-item {
    position: relative;
}
.banner-item > img {
    width: 100%;
}
.banner-logo {
    margin-bottom: 55px;
}
.banner-logo img {
    height: 270px;
    margin: 0 auto;
}
.banner-abs {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}
.banner-text {
    max-width: 60%;
    margin: 0 auto;
    text-align: center;
}
.banner-text h2 {
    color: #fff;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    text-align: center;
}
.slick-slider {margin-bottom: 0}
.slider-banner .slick-arrow {
    display: none !important;
}
.slick-dots {
    position: absolute;
    bottom: 10px;
    z-index: 2;
}
.slick-dots li {
    margin: 0 10px;
}
.slick-dots li button {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    height: 16px;
    width: 16px;
    position: relative;
}
.slick-dots li button:before {
    display: none;
}
.slick-dots li button:after {
    content: '';
    background: transparent;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    position: absolute;
    left: 4px;
    top: 4px;
}

.slick-dots .slick-active button:after {
    background: rgba(0, 0, 0, 0.8);
}
.title-index {
    margin-bottom: 40px;
    line-height: 1;
}
.title-index span {
    color: #1D3455;
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
    position: relative;
}
.title-index span:before {
    background: #FCAF17;
    content: '';
    height: 5px;
    width: 80px;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.about .desc {
    max-width: 100%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 2;
    text-align: justify;
}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    height: 45px;
    width: 160px;
    text-transform: uppercase;
}
.btn-x {
    background: #1D3455;
    color: #fff;
}
.btn-x:hover {
    background: #FCAF17;
    color: #1D3455;
}
.field-item {
    flex: 0 0 20%;
    max-width: 20%;
}
.field-image {
    position: relative;
}
.field-image:before {
    content: '';
    display: block;
    padding-bottom: 120%;
}
.field-image .img {
    position: absolute;
    top: 0;
    left: -50%;
    right: 0;
    height: 100%;
    width: 200%;
    z-index: 1;
    transform: skew(5deg);
}
.field-image .img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.field-text {
    background: rgba(29, 52, 85, 0.8);
    display: flex;
    align-items: flex-end;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 100%;
    transition: all ease 0.3s;
}
.field-logo {
    text-align: center;
}
.lg-hover {
    display: none;
}
.fl-tx {
    display: flex;
    justify-content: center;
    align-content: space-between;
    flex-wrap: wrap;
    height: 60%;
    padding: 10px;
}
.fl-tx p{
    color: #fff;
    font-size: 16px;
    text-align: justify;
    opacity: 0;
    visibility: hidden;
    margin-bottom: 20px;
    transition: all ease 0.3s;
}
.field-item:hover .field-text {
    background: transparent;
}
.field-item:hover .fl-tx{
    background: url("../images/bg-lv.png") no-repeat center bottom;
}
.field-item:hover  .field-logo {
    opacity: 0;
    visibility: hidden;
}
.field-item:hover .lg-hover {
    display: inline-block;
}
.field-item:hover .lg {
    display: none;
}
.field-item:hover .fl-tx p {
    margin-bottom: 0;
    visibility: visible;
    opacity: 1;
}
.field-item h4 {
    margin-top: 20px;
    text-align: center;
}
.field-item h4 a {
    color: #1D3455;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    text-transform: uppercase;
}
.field-item:hover h4 a {
    color: #FCAF17;
}
.field-flex {
    display: flex;
}
.news-main {
    height: 100%;
    position: relative;
}
.news-main .zoom {
    height: 100%;
}
.news-main .zoom img {
    object-fit: cover;
    max-height: 320px;
    width: 100%;
}
.news .news-main .zoom img {
    height: 100%;
    max-height: 346px;
}
.rq-page .news-main .zoom img {
    max-height: 320px;
}
.news-main .news_title {
    background: url("../images/bg-news.png") no-repeat bottom center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 0 30px 20px 30px;
    height: 112px;
    display: flex;
    align-items: flex-end;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.3s;
}
.news_title h2 {
    line-height: 1;
}
.news_title h2 a {
    color: #FCAF17;
    font-weight: bold;
    font-size: 18px;
}
.news-main:hover .news_title{
    opacity: 1;
    visibility: visible;
}
.news-list a {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    padding-left: 25px;
    position: relative;
}
.news-list a:before {
    background: #1D3455;
    content: '';
    height: 8px;
    width: 8px;
    position: absolute;
    left: 0;
    top: 8px;
}
.news-list li {
    padding: 5px 20px;
    transition: all ease 0.3s;
}
.news-list {
    border: 1px solid #000;
    border-left: none;
    height: 100%;
}
.news-list li:hover {
    background: #FCAF17;

}
.news-list li:hover a {
}
.news-cd .news-list{
    border-left: 1px solid #000;
    border-right: none;
}
.logo-slider {
    margin-top: 20px;
}
.logo-slider a {
    display: inline-flex !important;
    align-items: center;
    height: 85px;
    flex: 0 0 calc(50% / 2);
    max-width: calc(50% / 2);
    overflow: initial;
    justify-content: center;
    width: 292px;
}
.logo-slider .slick-current {
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
    width: calc(100vw / 2);
}
.social a {
    color: #fff;
    font-size: 22px;
    margin-right: 30px;
}
footer {
    background: #1D3455;
}
.ft-logo {
    margin: 20px 0;
    text-align: center;
}
.ft-logo img {
    display: inline-block;
    height: 70px;
    margin: 0 auto;
}
footer h2 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: left;
}
.ft-flex {
    color: #fff;
    display: flex;
    font-size: 15px;
    margin-bottom: 10px;
}
.ft-flex span {
    flex: 0 0 90px;
    max-width: 90px;
}
.social {
    margin-top: 20px;
}
.ft-nav, .chart  {
    /*padding-top: 110px;*/
}
.chart, .chart * {
}
.ft-nav li {
    margin-bottom: 15px;
}
.ft-nav li:last-child {
    margin-bottom: 0;
}
.ft-nav li a {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
.ft-nav li a:hover {
    color: #FCAF17;
}
.copyright {
    border-top: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
    padding: 15px 0;
}
.about-page {
    position: relative;
}
.about-page span {
    background: rgba(255, 255, 255, 0.8);
    color: #1D3455;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    text-transform: uppercase;
    padding: 15px;
}
.about-flex ul{
    display: flex;
    align-items: center;
    width: 100%;
}
.about-flex ul li {
    flex: 1 0 auto;
    position: relative;
}
.about-flex ul li:hover ul {
    display: flex;
}
.about-nav a {
    border-bottom: 1px solid #1D3455;
    color: #1D3455;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 0;
    width: 100%;
    position: relative;
}
.about-flex li:last-child a:hover:before,
.about-flex li:last-child.active a:before,
.about-flex li:first-child a:hover:before,
.about-flex li:first-child.active a:before{
    background: #FCAF17;
}
.about-nav a:hover, .about-flex > ul > li.active > a {
    color: #FCAF17;
    border-bottom-color: #FCAF17;
}
.about-flex ul ul {
    position: absolute;
    left: 0;
    top: 55px;
    z-index: 2;
    display: none;
}
.about-flex ul ul a {
    color: #000000;
    border: none;
}
.about-flex ul ul a:before {
    display: none;
}
.about-flex ul ul li {
    margin-right: 20px;
}
.about-flex ul ul li:last-child {
    margin-right: 0;
}
.about-flex ul ul li.active a {
    color: #FCAF17;
}
.about-flex li:first-child a:before, .about-flex li:last-child a:before {
    background: #1D3455;
    content: '';
    height: 1px;
    width: calc(100% + 145px);
    position: absolute;
    top: 54px;
}
.about-flex li:first-child a:before {
    right: 0;
}
.about-flex li:last-child a:before {
    left: 0;
}
/*Tuyendung*/

.pd0{
    padding: 0;
}
h2{
    color: #1D3455;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}
.btn-lg{
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
}
.btn-text-normal{
    text-transform: none;
}
.mgt-40{
    margin-top: 40px;
}
.mgt-60{
    margin-top: 60px;
}
.color-main{
    color: #1D3455;
}
input{
    border: 1px solid #cccccc;
    border-radius: 4px;
    height: 40px;
    width: 100%;
    padding: 0 15px;
}
.input-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #000000;
}
.input-text::-moz-placeholder { /* Firefox 19+ */
    color: #000000;
}
.input-text:-ms-input-placeholder { /* IE 10+ */
    color: #000000;
}
.input-text:-moz-placeholder { /* Firefox 18- */
    color: #000000;
}

.data-recruitment tr th{
    font-size: 16px;
    background: #FDBA21;
    padding: 10px 5px;
}
.data-recruitment{
    border:1px solid #cccccc;
    width: 100%;
}
.data-recruitment tr th,
.data-recruitment tr td{
    border:1px solid #cccccc;
    text-align: center;
}
.data-recruitment tr td{
    padding: 10px 15px
}
.data-recruitment tr .col-item1{
    max-width: 40%;
}
.data-recruitment tr td .data-col1{
    text-align: left;
}

.recruitment-description p{
    font-size: 16px;
    line-height: 1.6;
    margin-top: 10px;
}
.recruitment-description h2{
    margin-bottom: 0;
}
.recruitment-description p + h2{
    margin-top: 30px;
}
.recruitment-summary{
    display: flex;
    flex-wrap: wrap;
}
.rcm-item .label,
.rcm-item .detail{
    border: 1px solid #ffffff;
    background: #FDBA21;
    display: block;
    font-size: 16px;
    padding: 10px 10px 10px 30px;
}
.rcm-item .label{
    font-weight: bold;
    text-transform: uppercase;
}
.rcm-item{
    display: flex;
}
.rcm-item1{
    width: 60%;
}
.rcm-item1 .label{
    width: 40%;
}
.rcm-item1 .detail{
    width: 60%;
}
.rcm-item2{
    width: 40%;
}
.rcm-item2 .label{
    width: 60%;
}
.rcm-item2 .detail{
    width: 40%;
}
.fieldset{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 10px;
}
.fieldset .field{
    padding: 0 10px;
    margin-bottom: 15px;
}
.fieldset .field:not(.w100p){
    width: 50%;
}
.fieldset .w100p{
    width: 100%;
}
.upload-file{
    border: 1px solid #cccccc;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 15px;
    height: 40px;
}
.upload-file input[type="file"]{
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}
.upload-file input[type="file"] + span{
    color: #FDBA21;
}
.form .action-toolbar{
    display: flex;
    align-items: flex-end;
}
.form .action-toolbar .btn{
    margin-left: 20px;
}
.cv__guide{
    padding-top: 35px;
}
.cv__guide a{
    color: #000000;
}
.check-robot img{
    max-height: 75px;
}
.cv__guide h2{
    margin-bottom: 15px;
}
.cv__guide p{
    font-size: 16px;
    line-height: 1.6;
}
.sub-title {
    margin-bottom: 10px;
}

.about-nav{
    margin-bottom: 60px;
}
.library-image-item{
    margin-bottom: 20px;
}
.library-image-item h3{
    font-size: 16px;
    line-height: 1.6;
    font-weight: bold;
    text-align: center;
    padding-top: 12px;
}
.library-image-item a{
    color: #212529;
}
.library-image-item a:hover{
    color: #c49a6c;
}
.lib-image-title{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 25px;
}
.pages-title{
    color: #1D3455;
    font-size: 24px;
    font-weight: bold;
}
.contact-content a{
    color: #212529;
}
.contact-content h2{
    font-size: 22px;
    margin-bottom: 15px;
}
.contact-content p{
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 5px;
    display: flex;
}
.contact-content p label {
    width: 80px;
}
/*End Tuyendung*/
.about-content h1 {
    color: #1D3455;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    max-width: 60%;
    margin: 0 auto 30px auto;
    line-height: 1.5;
}
.about-info h4 {
    color: #1D3455;
    font-size: 20px;
    font-weight: bold;
}
.about-content {
    padding-bottom: 30px;
}
.about-content .col-md-7, .about-content .col-md-5 {
    flex: 0 0 50%;
    max-width: 50%;
}
.about-info li, .about-content p {
    font-size: 16px;
    margin-top: 15px;
    line-height: 1.5;
    text-align: justify;
}
.about-info li:not(:last-child) {
    margin: 11px 0;
}
.about-info li span {
    font-weight: bold;
    width: 170px;
}
.about-content .col-md-12.mgt-30 {
    margin-top: 10px;
}
.ls-content ul li {
    display: flex;
}
.ls-content li span {
    color: #1D3455;
    font-size: 20px;
    font-weight: bold;
    flex: 0 0 135px;
    max-width: 135px;
    position: relative;
}
.ls-content li span:before {
    background: #F9AE40;
    border-radius: 50%;
    content: '';
    height: 10px;
    width: 10px;
    position: absolute;
    right: -5px;
    top: 12px;
    z-index: 2;
}
.ls-content li p:hover {
    color: #1D3455;
}
.ls-text p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 15px;
}
.ls-text {
    border-left: 1px solid #1B3254;
    padding-left: 30px;
    padding-bottom: 20px;
}
.ls-text p:last-child {
    margin-bottom: 0;
}
.tn-item {
    border: 1px solid #1D3455;
    border-radius: 10px;
    padding: 30px 60px 20px 60px;
    position: relative;
    margin-bottom: 60px;
}
.tn-item:last-child {
    margin-bottom: 0;
}
.tn-item h2 {
    background: #FCAF17;
    border: 1px solid #1D3455;
    border-radius: 7px;
    display: inline-flex;
    font-size: 16px;
    padding: 10px 20px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: -24px;
    transform: translateX(-50%);
}
.col-md-6:last-child .tn-item-item {
    margin-bottom: 0;
}
.tn-item p {
    font-size: 16px;
    text-align: center;
}
.tn-item-item {
    margin-bottom: 30px;
}
.lv-item .row {
    margin: 0;
}
.lv-img {
    position: relative;
}
.lv-img a{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2;
    transition: all ease 0.3s;
}
.lv-img a img {
    height: 120px;
}
.lv-item:hover .lv-img a {
    background: rgba(255, 255, 255, 0.7);
}
.lv-item:hover .lv-img a .lg-hover {
    display: inline-block;
}
.lv-item:hover .lv-img a .lg {
    display: none;
}
.lv-content {
    height: 100%;
    padding: 60px 90px;
    text-align: center;
}
.lv-content p {
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
}
.lv-content .btn-x {
    border-radius: 10px;
}
.lv-item:hover .font-24-b {
    color: #FCAF17;
}
.lv-item:nth-child(2n) .col-md-6:first-child {
    order: 2;
}
.sd-desc {
    background: #FCAF17;
    font-size: 18px;
    line-height: 2;
    margin: 60px 0;
    text-align: justify;
    padding: 30px 0;
}
.sd-list {
    padding: 0 60px;
}
.sd-list ul {
    display: flex;
    flex-wrap: wrap;
}
.sd-list ul li {
    display: flex;
    align-items: center;
    flex: 0 0 50%;
    max-width: 50%;
}
.sd-list li > a {
    border: 1px solid #ccc;
    border-bottom: none;
    border-right: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 160px;
    max-width: 160px;
    height: 100px;
}
.sd-list p a {
    color: #231F20;
    font-size: 16px;
}
.sd-list p a:hover {
    color: #FCAF17;
}
.sd-list p {
    border: 1px solid #ccc;
    border-bottom: none;
    flex: 0 0 calc(100% - 160px);
    max-width: calc(100% - 160px);
    height: 100%;
    display: inline-flex;
    align-items: center;
    padding: 0 20px;
}
.sd-list li:nth-child(2n) > a {
    border-left: none;
}
.sd-list li:last-child > a, .sd-list li:last-child p,
.sd-list li:nth-last-child(2) > a, .sd-list li:nth-last-child(2) p {
    border-bottom: 1px solid #ccc;
}
.hd-flex {
    display: flex;
    justify-content: center;
    /* flex-wrap: wrap; */
    flex-wrap: nowrap;
    /* overflow-x: auto; */
    padding-left: 40px;  /* đẩy toàn bộ item vào trong */
    padding-right: 40px; /* nếu muốn cân đối 2 bên */
    box-sizing: border-box;
}
.hd-item {
    cursor: pointer;
    margin-top: 60px;
    padding: 0 15px;
}
.hd-img span {
    display: block;
    border: 2px solid #FCAF17;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    height: 100px;
    width: 100px;
}
.hd-img span img {
    border-radius: 50%;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.hd-cache {
    padding: 10px;
}
.about-hd .hd-item:hover .hd-cache {
    background: #FCAF17;
    color: #1D3455;
}
.hd-cache:hover p, .hd-cache:hover h4 {
    color: #1D3455;
}
.hd-cache .font-24-bn, .hd-cache .font-24-b {
    font-size: 16px;
    text-transform: none;
}
#modalHd .modal-dialog {
    max-width: 900px;
}
#modalHd .modal-content {
    border: none;
    padding: 0 60px 30px 60px;
}
#modalHd .hd-flex {
    border-bottom: 1px solid #FCAF17;
    width: 100%;
}
.hd-content {
    margin-top: 20px;
}
.hd-content p {
    color: #000000;
    font-size: 16px;
    margin-bottom: 15px;
}
.hd-content p strong {
    color: #1D3455;
    font-size: 18px;
}
/*Tuyendung*/

.pd0{
    padding: 0;
}
h2{
    color: #1D3455;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}
.btn-lg{
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
}
.btn-text-normal{
    text-transform: none;
}
.mgt-40{
    margin-top: 40px;
}
.mgt-60{
    margin-top: 60px;
}
.color-main{
    color: #1D3455;
}
input{
    border: 1px solid #cccccc;
    border-radius: 4px;
    height: 40px;
    width: 100%;
    padding: 0 15px;
}
.input-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #000000;
}
.input-text::-moz-placeholder { /* Firefox 19+ */
    color: #000000;
}
.input-text:-ms-input-placeholder { /* IE 10+ */
    color: #000000;
}
.input-text:-moz-placeholder { /* Firefox 18- */
    color: #000000;
}

.data-recruitment tr th{
    font-size: 16px;
    background: #FDBA21;
    padding: 10px 5px;
}
.data-recruitment{
    border:1px solid #cccccc;
    width: 100%;
}
.data-recruitment tr th,
.data-recruitment tr td{
    border:1px solid #cccccc;
    text-align: center;
}
.data-recruitment tr td{
    color: #000;
    font-size: 16px;
    padding: 10px 15px
}
.data-recruitment tr .col-item1{
    max-width: 40%;
}
.data-recruitment tr td .data-col1{
    text-align: left;
}
.data-recruitment tr td .data-col1 a {
    color: #000;
    font-size: 16px;
}
.data-recruitment tr td .data-col1 a:hover {
    color: #FDBA21;
}
.recruitment-description p{
    font-size: 16px;
    line-height: 1.6;
}
.recruitment-description h2{
    margin-bottom: 0;
}
.recruitment-description p + h2{
    margin-top: 30px;
}
.recruitment-summary{
    display: flex;
    flex-wrap: wrap;
}
.rcm-item .label,
.rcm-item .detail{
    border: 1px solid #ffffff;
    background: #FDBA21;
    display: block;
    font-size: 16px;
    padding: 10px 10px 10px 30px;
}
.rcm-item .label{
    font-weight: bold;
    text-transform: uppercase;
}
.rcm-item{
    display: flex;
}
.rcm-item1{
    width: 60%;
}
.rcm-item1 .label{
    width: 40%;
}
.rcm-item1 .detail{
    width: 60%;
}
.rcm-item2{
    width: 40%;
}
.rcm-item2 .label{
    width: 60%;
}
.rcm-item2 .detail{
    width: 40%;
}
.fieldset{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 10px;
}
.fieldset .field{
    padding: 0 10px;
    margin-bottom: 15px;
}
.fieldset .field:not(.w100p){
    width: 50%;
}
.fieldset .w100p{
    width: 100%;
}
.upload-file{
    border: 1px solid #cccccc;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 15px;
    height: 40px;
}
.upload-file input[type="file"]{
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}
.upload-file input[type="file"] + span{
    color: #FDBA21;
}
.form .action-toolbar{
    display: flex;
    align-items: flex-end;
}
.form .action-toolbar .btn{
    margin-left: 20px;
}
.cv__guide{
    padding-top: 35px;
}
.cv__guide a{
    color: #000000;
}
.check-robot img{
    max-height: 75px;
}
.cv__guide h2{
    margin-bottom: 15px;
}
.cv__guide p{
    font-size: 16px;
    line-height: 1.6;
}
.sub-title {
    margin-bottom: 10px;
}

.about-nav{
    margin-bottom: 30px;
}
.library-image-item{
    margin-bottom: 20px;
}
.library-image-item h3{
    font-size: 16px;
    line-height: 1.6;
    font-weight: bold;
    text-align: center;
    padding-top: 12px;
}
.library-image-item a{
    color: #212529;
}
.library-image-item a:hover{
    color: #FCAF17;
}
.lib-image-title{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
}
.pages-title{
    color: #1D3455;
    font-size: 24px;
    font-weight: bold;
}
.contact-content a{
    color: #1D3455;
}
.contact-content h2{
    font-size: 22px;
    margin-bottom: 10px;
}
.contact-content p{
    color: #1D3455;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 10px;
}
.blog-item{
    background: #F1F1F1;
    transition: .3s all ease;
}
.blog-item:hover{
    background: #FCAF17;
}
.blog-headline{
    color: #1D3455;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
.blog-shortdes{
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 15px;
}
.blog-headline a{
    color: #212529;
}
.blog-link{
    color: #1D3455;
    font-size: 16px;
    font-weight: normal;
}
.blog-item .col-md-8{
    display: flex;
    align-items: center;
}
.cate-blog-list a{
    background: #FCAF17;
    color: #1D3455;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 20px;
    display: block;
}
.cate-blog-list li{
    margin-bottom: 10px;
}
.right-sidebar h2{
    font-size: 20px;
    margin-bottom: 15px;
}
.recent-list li{
    display: flex;
    margin-bottom: 20px;
}
.recent-list .blog-photo{
    width: 80px;
}
.recent-list .blog-headline{
    font-size: 13px;
    line-height: 1.55;
    margin: -3px 0 0;
    padding-left: 15px;
    width: calc(100% - 80px);
}
.blog-detail-title{
    color: #FCAF17;
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    max-width: 910px;
    margin: 0 auto;
    right: 0;
    font-size: 32px;
    display: flex;
    align-items: center;
    text-align: center;
    height: 100%;
}
.blog-detail-page{
    position: relative;
}
.blog-detail-page:before {
    background: rgba(29, 52, 85, .5);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.blog-detail-content p{
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 10px;
}
.blog-detail-content img{
    margin-bottom: 10px;
}
.full-content{}
/*End Tuyendung*/
.tt-item {
    margin-top: 50px;
    padding: 0 10px;
}
.tt-item div {
    height: 125px;
}
.tt-item div img {
    max-height: 100%;
}
.tt-item .font-24-b {
    font-size: 16px
}
.tt-item .font-18-bn {
    font-size: 15px;
}
.about-flex-center ul {
    justify-content: center;
}
.about-flex-center li a:before {
    display: none;
}
.about-flex-center ul li {
    flex: none;
}
.about-flex-center > ul > li  > a {
    padding: 15px 20px;
}
.about-nav-2 {
    position: relative;
}
.about-nav-2:before {
    background: #1D3455;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
}
.about-nav-2 li.active ul {
    display: flex;
}
.about-nav-2 {
    margin-bottom: 0;
}
.about-nav-2 .about-flex ul ul a {
    color: #1D3455;
}
.about-nav-lv2 {
    margin-bottom: 30px;
}
.about-nav-lv2 ul {
    display: flex;
    align-items: center;
}
.about-nav-lv2 li {
    flex: 1 0 auto;
    margin-right: 30px;
}
.about-nav-lv2 li a {
    color: #1D3455;
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
    padding: 20px 0;
    width: 100%;
}
.about-nav-lv2 li a:hover, .about-nav-lv2 li.active a {
    color: #FCAF17;
}
.pj-item {

    margin-bottom: 30px;
}
.pj-cache {
    background: #E5E5E5;
    padding: 10px 20px;
}
.pj-cache p {
    font-size: 16px;
}
.pj-cache h2 {
    margin-bottom: 10px;
}
.pj-cache h2 a {
    font-size: 18px;
}
.xt {
    color: #1D3455;
    font-size: 16px;
}
.pj-gallery {
    background: #1D3455;
    padding: 30px 0;
}
.pj-gallery .item {
    margin: 0 15px;
}
.pj-slider .slick-list {
    margin: 0 -15px;
}
.pj-slider .slick-arrow:before {
    display: none;
}
.pj-slider .slick-arrow {
    width: 40px;
}
.pj-slider .slick-next {
    right: -70px;
}
.pj-slider .slick-prev {
    left: -70px;
}
.pj-content {
    padding-top: 60px;
}
.pj-text {
    max-width: 60%;
    margin: 0 auto;
}
.pj-text h1 {
    color: #1D3455;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
}
.pj-flex {
    border: 1px solid #1D3455;
    border-bottom: none;
    display: flex;
    width: 100%;
}
.pj-flex:last-child {
    border-bottom: 1px solid #1D3455;
}
.pj-flex > span {
    border-right: 1px solid #1D3455;
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    flex: 0 0 240px;
    max-width: 240px;
    padding: 20px;
}
.pj-flex div {
    padding: 20px;
    width: 100%;
}
.pj-flex div p, .pj-flex div strong {
    font-size: 16px;
}
.about-cd table th {
    color: #1D3455;
}
.link-nr img {
    height: 30px;
}
.pagination.mgt-60 {
    margin-top: 30px;
}
.pagination a {
    background: #fff;
    border: 1px solid rgba(15, 20, 31, 0.3);
    display: flex;
    width: 45px;
    height: 45px;
    justify-content: center;
    align-items: center;
    color: #0f141f;
    font-size: 15px;
    font-weight: 500;
}
.pagination a.active, .pagination a:hover {
    background: #FCAF17;
    border-color: #FCAF17;
    color: #fff;
    font-weight: 600;
}
.pagination .list-inline-item:not(:last-child) {
    margin-right: 20px;
}
.pdt-60 {
    padding-top: 30px;
}
.view-pdf {
    margin: 0 auto;
    max-width: 80%;
}
.view-pdf  iframe {
    height: 800px;
}
.cd-detail h1 {
    font-size: 24px;
    font-weight: bold;
}
.pdf-item {
    margin-top: 30px;
}
.pdf-item h4 a {
    font-size: 16px;
}
.pdf-item .mgb-20 {
    margin-bottom: 10px;
}
.rq-page .news {
    /*margin-bottom: 30px;*/
}
.rq-page .news-list li {
    padding: 15px 0;
}
.rq-page .news-list {
    border: none;
    height: auto;
}
.rq-page .news-list h2 {
    margin-bottom: 0;
    padding-left: 20px;
}
.rq-page .news-list a:before {
    background: #FCAF17;
}
.rq-page .news-list li:hover {
    background: transparent;
}
.rq-page .news-list li:hover a {
    font-weight: 500;
}
.rq-page .news-main {
    border: none;
}
.n-page .news:nth-child(2n) .col-md-6:first-child {
    order: 2;
}
.n-page .news:nth-child(2n) .news-list h2 {
    text-align: right;
}
.rq-page .news-list a {
    text-align: justify;
}
.logo-slider .slick-arrow {display: none !important;}
.about-ls, .about-sd, .about-hd, .blog-list, .about-cd,
.library-images, .recruitment-content, .blog-detail, .about-lv, .projects-page, .cd-detail,
.about-tt, .pj-content{
    padding-bottom: 30px;
}
.search-hd {
    position: absolute;
    width: 300px;
    right: -50px;
    z-index: 2;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 6px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 1px 6px 0 rgb(0 0 0 / 30%);
    display: none;
    top: calc(100% + 10px);
    background: #fff;
    padding: 10px;
}
.search-fr {
    position: relative;
}
.search-fr input {
    background: rgba(0, 0, 0, 0.07);
    width: 100%;
    height: 38px;
    border: none;
    padding-right: 35px;
    font-size: 14px;
}
.search-fr button {
    border: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    color: #1D3455;
    font-size: 16px;
}
.search-b {
    position: relative;
}
.search-hd:before {
    content: '';
    position: absolute;
    bottom: 100%;
    width: 0;
    height: 0;
    right: 80px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
}
.search-fr input::-webkit-input-placeholder {   color: #1D3455;}
.search-fr input::-moz-placeholder {   color: #1D3455;}
.search-fr input:-ms-input-placeholder {   color: #1D3455;}
.pdfobject-container { height: 700px; border: 1px solid rgba(0,0,0,.1); }
#pdf a {
    display: none;
}
.field-logo img {
    height: 60px;
}
.about-nav li a:before {display: none !important;}
.about-nav {
    position: relative;
}
.about-nav:before {
    background: #1D3455;
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0px;
}
.field.pd-60 {
    padding: 40px 0;
}
.news-cd {
    padding: 70px 0;
}
.logo-list.pd-60 {
    padding-top: 70px;
}
.map iframe {
    height: 600px;
}
.social-blog > img {
    height: 20px;
}
.about-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.about-img img {
    max-width: 50%;
}
/*css moi nhe*/
.n_text h4 {
    color: #1D3455;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all ease 0.5s;
}
.n_item:hover h4 {
    color: #FCAF17;
}
.n_text p {
    font-size: 16px;
    line-height: 1.5;
    text-align: justify !important;
}
.n_text h5 {
    color: #1D3455;
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0  5px 0;
    text-transform: uppercase;
}
.n_item {
    margin-bottom: 50px;
}
.n_image img {
    object-fit: cover;
    height: 265px;
    width: 100%;
}
.n_box {
    height: 100%;
    position: relative;
}
.n_box:before {
    background: #FCAF17;
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    top: -25px;
}
.n_item:first-child .n_box:before {
    display: none;
}
.about_n {
    margin-top: 50px;
}
@media screen and (max-width: 767px) {
    .n_text {
        margin-top: 20px;
    }
    .n_box:before {
        display: none;
    }
}
@media screen and (max-width: 767px){
    .contact-content {
        padding-top: 0;
    }
    .contact-content .ft-logo {
        margin-top: 0;
    }
    .video-detail iframe {
        height: 350px;
    }
    .map-abs {
        position: static;
    }
    .contact-add {
        height: auto;
    }
    .map-abs iframe {
        height: 300px;
    }
}
.banner-text {
    max-width: 70%;
    margin: 0;
    text-align: left;
    padding-bottom: 120px;
}
.banner-text h2 {
    text-align: left;
}
.banner-abs {
    background: linear-gradient(to bottom, rgba(29, 52, 85, 0.05), rgba(29, 52, 85, 0.9));
    align-items: flex-end;
}
.banner-text .desc p {
    color: #fff;
    font-size: 16px;
}
.slider-banner .slick-dots .slick-active button:after {
    display: none;
}
.slider-banner .slick-dots {
    max-width: 1170px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 60px;
    text-align: left;
}
.slider-banner .slick-dots li {
    margin: 0 20px 0 0;
    width: 30px;
}
.slider-banner  .slick-dots li button {
    border-radius: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
.slider-banner .slick-dots li {
    height: 6px;
}
.slider-banner .slick-dots .slick-active  button {
    background: #FCAF17;
}
.header-logo img {
    filter: brightness(0) invert(1);
    height: 56px;
}
.header-nav {
    width: 100%;
}
.header-nav > ul > li > a {
    height: 100%;
    padding: 0 15px;
}
.header-right {
    height: 100%;
}
.header-main {
    padding-top: 30px;
    transition: all ease 0.5s;
}
.fixed-header .header-main {
    padding: 0;
}
.fixed-header {
    background: rgba(255, 255, 255, 0.8);
}
.fixed-header .header-logo img {
    filter: none;
}
.fixed-header .header-nav > ul > li > a {
    color: #1D3455;
}
.header-nav > ul {
    justify-content: space-between;
}
.about .title-index span {
    color: #FCAF17;
}
.about .title-index span:before {
    display: none;
}
.about .title-index {
    margin-bottom: 20px;
}
.ab_item {
    padding: 30px 0;
}
.ab_item h2 {
    color: #FCAF17;
    font-size: 50px;
    font-weight: normal;
    margin-bottom: 10px;
}
.ab_item h4 {
    font-size: 18px;
}
.field {
    overflow: hidden;
}
.field-flex {
    transform: skew(-5deg);
}
.field-item .field-image {
    height: 416px;
}
.field-item:first-child {
    margin-left: -50px;
}
.field-item:first-child, .field-item:last-child {
    flex: 0 0 calc(20% + 50px);
    max-width: calc(20% + 50px);
}
.field-text .fl-tx {
    height: auto;
    padding: 10px 30px;
    transform: skew(5deg);
}
.field-item:hover .fl-tx {
    background: transparent;
}
.field-text {
    display: flex;
    align-items: center;
}
.field-text {
    background: rgba(29, 52, 85, 0.6);
}
.field-item:nth-child(2n+1) .field-text {
    background: rgba(252, 175, 23, 0.6);
}
.field-item:first-child .field-text .fl-tx {
    padding-left: 80px;
}
.field-item:last-child .field-text .fl-tx {
    padding-right: 80px;
}
.field-item:hover .field-text {
    background: rgba(29, 52, 85, 1);
}
.field-item:nth-child(2n+1):hover .field-text {
    background: rgba(252, 175, 23, 1);
}
.field-item h4 {
    color: #fff;
    font-size: 18px;
}
.n_main .n_img {
    height: 450px;
    width: 100%;
}
.n_abs {
    background: rgba(29, 52, 85, 0.75);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 600;
}
.n_cate {
    background: #fff;
    position: absolute;
    top: 0;
    left: 30px;
    z-index: 3;
    width: 102px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    padding: 10px 5px;
    pointer-events: none;
}
.n_abs:hover {
    /*background: rgba(252, 175, 23, 1);*/
    background: rgba(29, 52, 85, 1);
    color: #fff;
}
.news-11 .col-md-7 .col-md-6:first-child .n_abs,
.news-11 .col-md-7 .col-md-6:last-child .n_abs {
    background: rgba(252, 175, 23, 0.75);
}
.news-11 .col-md-7 .col-md-6:first-child .n_abs:hover,
.news-11 .col-md-7 .col-md-6:last-child .n_abs:hover {
    background: rgba(252, 175, 23, 1);
    color: rgba(29, 52, 85, 1);;
}
.news_box .row, .in-list .row {
    margin: 0 -8px;
}
.news_box .row > div, .in-list .row > div {
    padding: 0 8px;
}
.n_items .n_img {
    height: 217px;
}
.news_box .col-md-7 .col-md-6:nth-child(3),
.news_box .col-md-7 .col-md-6:nth-child(4) {
    margin-top: 16px;
}
.in-right .news-list {
    border: none;
}
.in-right .news-list a:before {
    display: none;
}
.in-right .title-index span {
    color: rgba(252, 175, 23, 1);
}
.in_r {
    background: rgba(29, 52, 85, 0.8);
    padding: 30px 0 10px 0;
}
.in-right {
    background: url("../images/bg-in.png") no-repeat center /cover;
}
.in-right .news-list a {
    color: #fff;
    font-weight: normal;
    font-size: 15px;
}
.in-right .news-list a:hover {
    font-weight: 500;
}
.in-flex {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
    height: 100%;
}
.in-flex > div {
    padding: 0 8px;
}
.f-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    height: calc((100% - 16px) / 2);
}
.f-item:nth-child(1), .f-item:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 16px;
}
.f-cache {
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 20px 5px;
}
.f {
    color: #1D3555;
    font-weight: bold;
    text-align: center;
}
.f-image img {
    height: 40px;
}
.f h3 {
    font-weight: bold;
    margin: 15px 0 10px 0;
    font-size: 16px;
    text-transform: uppercase;
}
.f .timer {
    font-size: 32px;
}
.f p {
    margin-top: 5px;
    font-size: 18px;
}
.f-item:nth-child(1) .f p, .f-item:nth-child(2) .f p{
    font-size: 22px;
}
 .f-cache:hover{
    background: rgba(252, 175, 23, 1);
}
.f-cache:hover * {
    color: #fff;
}
@media screen and (min-width: 768px){
    header {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 999;
    }
    header .header-main {
        background: transparent;
        border-bottom: 1px solid transparent;
    }
    .logo {
        display: none;
    }
    .header-nav > ul > li > a {
        border: none;
    }
    .header-logo:hover img {
        filter: none;
    }
}
.cot_3 {
    color: #fff;
    font-size: 15px;
    padding-top: 30px
}
.cot_3 p {
    margin-bottom: 10px;
}
.t_1, .t_2 {
    color: #00FF00;
    font-size: 22px;
}
.t_1 {
    font-size: 34px;
}
.t_3 strong {
    font-size: 20px;
}
.t_4, .t_3 {
    margin-top: 10px;
}
.search-b img {
    filter: brightness(0) invert(1);
}
.fixed-header .search-b img {
    filter: none;
}
.fixed-header .language span, .fixed-header .language span:after {
    color: #1D3555;
}
.h_flex {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}
.header-right {
    flex: 0 0 140px;
    max-width: 140px;
}
.fixed-header .header-main {
    border-color: #ddd;
}
.fixed-header .header-nav > ul > li > a:hover {
    color: #FCAF17;
}
.ab_flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.in_r .news-list li:last-child {
    display: none;
}
.btn-search:hover {
    background: transparent;
}
.rq-page .news-list li {
    padding: 7px 0 7px 20px;
}
.t_22 {
    color: red;
    font-size: 20px;
}
.t_21 {
    color: #00FF00;
    font-size: 22px;
}
.t_11, .t_12, .t_13, .t_14 {
    font-size: 30px;
    font-weight: bold;
}
.t_11 span, .t_12 span, .t_13 span, .t_14 span {
    font-size: 20px;
}
.t_11 {
    color: #0072bc
}
.t_12 {
    color: #d056df;
}
.t_13 {
    color: #00FF00;
}
.t_14 {
    color: red;
}
.t_11 p:last-child, .t_12 p:last-child, .t_13 p:last-child, .t_14 p:last-child {
    font-size: 20px;
    font-weight: normal;
}

#modalAds .modal-dialog {
    max-width: 600px
}

.modal.fade .modal-dialog {
    transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    transition: transform 1s ease-out, -webkit-transform 1s ease-out
}

#modalAds .close {
    top: -10px;
    right: -10px;
    position: absolute;
    font-size: 15px;
    height: 25px;
    width: 25px;
    background: #fcaf17;
    color: #fff;
    opacity: 1;
    border-radius: 50%;
    padding: 5px 9px
}
.field-item:first-child, .field-item:last-child, .field-item  {
    max-width: none;
    flex: 1 1 0 ;
}
.field-item:first-child {
    margin-left: -18px;
}
.field-item:last-child {
    margin-right: -18px;
}
.field-item .field-image {
    height: 340px;
}
.blog-detail-content p * {
    font-size: 16px !important;
    line-height: 1.5 !important;
}