@import "reset.css";
@import "fonts.css";
#back-to-top{
    background-color: #c72030;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    position: fixed;
    right: 25px;
    bottom: 60px;
    z-index: 999;
    opacity: 0;
    width: 50px;
    height: 50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:opacity ease 0.3s;
}
#back-to-top.show{opacity:1;}
header {
    background-color: #fff;
    box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.05);
    padding: 25px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 998;
    transition: all ease 0.3s;
}
.header_top {
    border-bottom: 1px solid #e4e5f0;
    padding-bottom: 15px;
}
.btn-none {
    background: transparent;
    border: none;
    padding: 0;
}
.btn-none:focus {
    box-shadow: none;
}
.btn-none:hover {
    color: #d8a848;
}
.search-hd {
    position: absolute;
    width: 300px;
    right: 0;
    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% + 15px);
    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;
    padding-left: 10px;
}
.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: 2px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
}
.search-fr input::-webkit-input-placeholder { color: #285985;}
.search-fr input::-moz-placeholder { color: #285985;}
.search-fr input:-ms-input-placeholder { color: #285985;}
.header_lang, .header_mail {
    margin-left: 15px;
}
.lang img {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    object-fit: cover;
}
.header_nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}
.header_nav li {
    position: relative;
}
.header_nav li a {
    font-size: 14px;
    text-transform: uppercase;
}
.header_bot {
    padding-top: 15px;
}
.header_nav li:hover > a {
    color: #005b8b;
}
.header_nav li.active > a {
    color: #005b8b;
    font-weight: bold;
}
.header_nav li ul {
    position: absolute;
    padding: 8px 0;
    min-width: 200px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    top: calc(100% + 10px);
    transition: all ease 0.3s;
}

.header_nav li ul a {
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    padding: 8px 15px;
    text-transform: capitalize;
}
.header_nav li:hover ul {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
main {
    padding-top: 140px;
}
.banner_slider .swiper-pagination {
    top: 65%;
    bottom: unset !important;
    padding-left: calc((100% - 1420px)/2);
    text-align: left;
}
.banner_slider .swiper-pagination-bullet {
    border-color: #005b8b;
}
.banner_slider  .swiper-pagination-bullet-active{
    background: #005b8b;
}
.banner_item > img {
    width: 100%;
}
.banner_item.swiper-slide > img {
    width: 100%;
    /*transform: scale(1.1);*/
    /*opacity: 0;*/
    /*-webkit-transform-origin: center;*/
    /*-ms-transform-origin: center;*/
    /*transform-origin: center;*/
    /*-webkit-transition: opacity .8s ease-in-out,-webkit-transform 10s;*/
    /*transition: opacity .8s ease-in-out,-webkit-transform 10s;*/
    /*-o-transition: transform 10s,opacity .8s ease-in-out;*/
    /*transition: transform 10s,opacity .8s ease-in-out;*/
    /*transition: transform 10s,opacity .8s ease-in-out,-webkit-transform 10s;*/
    height: calc(100vh - 140px);
    object-fit: cover;
}
.banner_item video {
    height: calc(100vh - 140px);
    object-fit: cover;
    width: 100%;
}
.banner_item.swiper-slide-active img{
    /*transform: scale(1);*/
    /*opacity: 1;*/
}
.banner_item .absolute {
    padding-top: 12%;
}
.desc_p p:not(:last-child) {
    margin-bottom: 10px;
}
.link {
    border: solid 2px #005b8b;
    border-radius: 24px 0;
    color: #005b8b;
    padding: 15px 25px;
}
.link:hover {
    background: #c72030;
    border-color: #c72030;
    color: #fff;
}
.link.link_sm {
    padding: 10px 20px;
}
.link.link_white {
    border-color: #fff;
    color: #fff;
}
.link.link_white:hover {
    background: #fff;
    color: #005b8b;
}
.number_flex {
    color: transparent;
    -webkit-text-stroke: 2px #c72030;
    font-size: 75.8px;
    font-weight: 800;
    line-height: 1;
    max-height: 76px;
}
.index_group_2 .number_flex {
    -webkit-text-stroke: 2px #005b8b;
}
.number_flex:hover {
    color:  #c72030;
}
.index_group_2 .number_flex:hover {
    color: #005b8b;
}
.index_item:first-child, .index_item:nth-child(2) {
    margin-bottom: 60px;
}
.index_item p {
    color: #606264;
}
.index_img {
    height: 76px;
    margin-right: 50px;
    width: 96px;
}
.index_img img {
    max-height: 100%;
}
.number {
    margin-right: 5px;
}

.news_index_left h2 a, .line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news_index_left h2 a {
    padding: 6px 0;
    height: 85px;
}
.news_index_left .desc {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news_index_left {
    background-color: #005b8b;
    padding: 140px 30px 30px calc((100% - 1420px)/2);
    width: calc(40% + 1px);
    height: 520px;
}
.news_index .title {
    position: absolute;
    top: 30px;
    left: calc((100% - 1420px)/2);
    z-index: 2;
}
.news_index_right {
    width: calc(60% - 1px);
}
.news_index_right a {
    display: block;
    width: 100%;
}
.news_index_right img {
    height: 520px;
    width: 100%;
    object-fit: cover;
}
.swiper-button > div {
    margin: unset;
    position: static;
    width: unset;
}
.swiper-button > div:first-child {
    margin-right: 20px;
}
.swiper-button > div:after {
    display: none;
}
.swiper-button_abs {
    position: absolute;
    bottom: 30px;
    left: calc((100% - 1420px)/2);
}
.index_fields_img .zoom-img, .index_fields_img .zoom-img img {
    border-radius: 30px 0 0 0;
}
.index_fields_img .zoom-img:before {
    padding-bottom: 58%;
}
.index_fields_link {
    background-color: #005b8b;
    border-radius: 0 0 24px 0;
    height: 150px;
}
.w-40 {
    width: 40%;
}
.w-60 {
    width: 60%;
}
.news_index_list {
    background: #007ABA;
}
.news_index_list * {
    color: #fff !important;
}
.nindex_list_left {
    display: flex;
    align-items: flex-end;
    padding-left: calc((100% - 1420px)/2);
    padding-right: 30px;
    padding-bottom: 60px;
}
.nindex_list_right  {
    padding-top: 20px;
    position: relative;
    overflow: hidden;
}
.nindex_list_right:after{
    background: #007ABA;
    content: '';
    height: 100%;
    width: 1px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.nindex_list_right:before {
    content: url("../images/bg-news.png");
    position: absolute;
    left: 0;
    top: 0;
}
.nindex_item .zoom-img, .nindex_item .zoom-img img {
    border-radius: 40px 0 0 0;
}
.nindex_item .zoom-img:before {
    padding-bottom: 56%;
}
.nindex_item .desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 72px;
}
.nindex_item_top {
    padding: 20px;
}
.nindex_slider .nindex_item .nindex_item_top {
    padding-top: 0;
}
.nindex_slider .nindex_item {
    border-left: 1px solid #D9D9D9;
}

.nindex_item_top h5 a {
    color: #285985;
    font-size: 16px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 48px;
    text-transform: uppercase;
}
.nindex_list_left .desc {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.nindex_list_left h4 a {
    font-size: 24px;
    /*height: 76px;*/
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    overflow: hidden;
}
.nindex_list_left .link {
    border-color: #fff;
}
.bv_items h4 a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 42px;
}
.bv_items p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.xt i {
    font-size: 14px;
    margin-left: 5px;
}
.date {
    margin-bottom: 20px;
}
.date p {
    color: #939598;
    font-size: 16px;
}
.date span {
    color: #db1f2b;
    font-size: 50px;
    line-height: 1;
}
.pdt-90 {
    padding-top: 90px;
}
.index_doc {
    background: url("../images/bg-doc.png") no-repeat top right /cover;
    min-height: 539px;
}
.link_bg {
    font-size: 14px;
    width: 136px;
    height: 34px;
    background: #db1f2b;
    border: 1px solid #db1f2b;
    color: #fff;
    border-radius: 10px 0;
}
.link_bg:hover {
    background: #005B8B;
    border: 1px solid #005B8B;
    color: #fff;
}
footer {
    background: linear-gradient(73deg, #285985 0%, #2f7dc1 101%);
}
.footer {
    background: url("../images/bg-footer.png") no-repeat bottom right;
}
.copyright {
    margin-top: 40px;
}
.ft_info li {
    margin-bottom: 10px;
}
.ft_info span {
    font-weight: bold;
    margin-right: 10px;
}
.doc {
    margin: 0 20px !important;
    font-weight: normal !important;
}
.col_end_flex {
    display: flex;
}
.ft_nav li a {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}
.col_end_flex > .ft_nav {
    margin-right: 50px;
}
.col_end_flex > .ft_nav li:not(:last-child) {
    margin-bottom: 20px;
}
.ft_col .ft_nav {
    display: flex;
    flex-wrap: wrap;
}
.ft_col .ft_nav li {
    margin-bottom: 10px;
    width: 50%;
}
.ft_search {
    display: flex;
    margin: 20px 0
}
.ft_search > * {
    background: #fff;
    border: none;
    height: 34px;
    margin: 0;
}
.ft_search input {
    border-radius: 10px 0 0 0;
    padding: 0 15px;
    width: 100%;
}
.ft_search button {
    border-radius: 0 0 10px 0;
    flex: 0 0 34px;
    max-width: 34px;
}
.social_flex {
    margin-right: 30px;
    gap: 20px;
}
.ft_end {
    display: flex;
    align-items: flex-end;
}
.main_page {
    background-color: #f3f3f7;
}
.row-30 {
    margin: 0 -15px;
}
.row-30 > div {
    padding: 0 15px;
}
.list_news  .col-md-4 {
    margin-bottom: 30px;
}
.list_news .nindex_item_top {
    border-right: 1px solid #d9d9d9;
}
.link_1bd {
    border-width: 1px;
    padding: 15px 35px;
}
.list_news .xt i {
    color: #005b8b;
}
.breadcrumbs.mgb-60 {
    margin-bottom: 30px;
}
.breadcrumbs {
    flex-wrap: wrap;
}
.breadcrumbs span, .breadcrumbs a {
    color: #939598;
    font-size: 18px;
}
.breadcrumbs a:after {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    margin: 0 10px;
    font-size: 12px;
}
article h1 {
    color: #285985;
    font-size: 30px;
}
.img-fluid {
    width: 100%;
}
.author span {
    color: #939598;
}
.editor p {
    font-size: 18px;
    line-height: 1.3;
}
.editor table td {
    border-right: 1px solid gray;
}
.editor p, .editor span, .editor i {
    height: unset !important;
}
.editor div, .editor p, .editor p *, .qhcd_detail p, .qhcd_detail p * {
    background: transparent !important;
}
.editor p * {
    font-family: inherit !important;
}
.editor p:not(:last-child), .editor > div:not(:last-child) {
    margin: 0 0 15px 0 !important;
}
.editor a {
    color: #285985;
}
.editor img {
    display: block;
    margin: 0 auto;
    max-width: 100% !important;
    height: unset !important;
    /*width: unset !important;*/
    aspect-ratio: unset !important;
}
.news_detail_right h2 {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 15px;
}
.news_rr .nindex_item > * {
    flex: 1;
}
.news_rr .nindex_item {
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}
figure {
    margin: 0 auto 15px auto;
}
.box_video {
    background-color: #005b8b;
}
.abs_title {
    position: absolute;
    top: 40px;
    z-index: 2;
    padding-left: calc((100% - 1420px)/2);
    padding-right: 30px;
    width: 35%;
}
.video_left {
    padding: 0 30px 60px calc((100% - 1420px)/2);
    width: 35%;
}
.video_left * {
    color: #fff !important;
}
.video_img {
    position: relative;
    width: 65%;
}
.video_img:after {
    content: "\f04b";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 50px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.video_img:before {
    padding-bottom: 56%;
}
.video_img, .video_img img {
    border-radius: 40px 0 0 0;
}
.video_item {
    align-items: flex-end;
}
.abs_title a {
    color: #fff;
    font-size: 20px;
}
.header_video {
    background-color: #fff;
    box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.05);
    height: 110px;
}
.header_video h1 {
    color: #c72030;
    font-size: 40px;
}
.hide_header {
    padding-top: 0;
}
.back_home {
    background-color: #005b8b;
    color: rgba(255, 255, 255, 0.2);
    font-size: 60px;
    height: 110px;
    width: 100px;
    margin-right: 20px;
}
.header2_abs {
    position: absolute;
    left: 0;
    top: 0;
}
.header2_abs img {
    height: 28px;
}
.vid_item .video_img {
    width: 100%;
}
.vid_item .video_img:after {
    font-size: 30px;
}
.vid_item .video_img:before {
    padding-bottom: 56%;
}
.time_video {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 2;
}
.videos .col-md-4 {
    margin-bottom: 30px;
}
.fancybox-video {
    display: none;
}
.font-size-72 {
    font-size: 54px;
}
.vl_item .zoom-img:before {
    padding-bottom: 65%;
}
.vl_name {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 50%);
    display: flex;
    align-content: flex-end;
    justify-content: center;
    padding: 60px;
    transition: all ease 0.3s;
    flex-wrap: wrap;
}
.vl_name:hover {
    background: linear-gradient(180deg, rgba(0, 91, 139, 0) 0%, #005B8B 100%);
}
.vl_name span, .vl_name p {
    color: #fff;
    width: 100%;
    text-align: center;
}
.vl_name p {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: all ease 0.3s;
}
.vl_name:hover p {
    height: 72px;
    visibility: visible;
    opacity: 1;
}
.solution {
    background-color: #005b8b;
}
.solu_item_child .zoom-img:before ,
.solu_item_main .zoom-img:before {
    padding-bottom: 44%;
}
.banner_top .zoom-img:before {
    padding-bottom: 30%;
}
.solu_box:nth-child(2n) .col-md-6:first-child {
    order: 2;
}
.solu_box {
    margin-bottom: 20px;
}
.solution_detail_2 .col-md-6 {
    margin-bottom: 30px;
}
.vl_box_bds .vl_item .zoom-img:before {
    padding-bottom: 47%;
}
.cd_about .zoom-img:before {
    padding-bottom: 26%;
}
.doc_link {
    background: url("../images/icon-doc.svg") no-repeat top 2px left;
    color: #414042;
    padding-left: 40px;
}
.cd_share {
    margin-top: 20px;
}
.cdShare_box {
    border-top: 1px solid #e4e5f0;
}
.cdShare_company h2 {
    color: #005b8b;
    font-size: 24px;
    font-weight: bold;
}
.cdShare_company h2 span {
    font-size: 16px;
    font-weight: normal;
}
.cdShare_company p {
    margin-top: 7px;
}
.share_cates .zoom-img {
    padding-bottom: 42%;
}
.share_cates .doc_link {
    height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.share_cates .doc_link:hover, .qhcd_detail a {
    color: #005b8b;
}
.tt {
    border-bottom: 1px solid #e4e5f0;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.share_list li {
    margin-bottom: 20px;
}
.link_blue i {
    font-size: 14px;
    margin-left: 10px;
}
.qhcd_list li {
    border-bottom: 1px solid #e4e5f0;
    padding: 25px 0;
}
.qhcd_list li a {
    background-size: 28px 28px;
    color: #434657;
    font-size: 22px;
}
.qhcd_list li a:hover {
    color: #005b8b;
}
.doc_date {
    border-bottom: 1px solid #e4e5f0;
    padding: 10px 0;
    margin-bottom: 20px;
}
.search_ques {
    border-radius: 25px;
    overflow: hidden;
    width: 100%;
}
.search_ques input, .search_ques button {
    background-color: #f8f8fc;
    height: 50px;
    border: none;
}
.search_ques button {
    color: #ccd2e3;;
    font-size: 24px;
    flex: 0 0 50px;
    width: 50px;
}
.search_ques input {
    text-align: right;
    padding: 0 20px;
    width: 100%;
}
.ques_list a {
    background: none;
    padding-left: 0;
}
.pj_slider {
    margin-left: calc((100% - 1420px)/2);
}
.pj_item .zoom-img:before {
    padding-bottom: 64%;
}
.pj_item .absolute {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 20px;
    pointer-events: none;
}
.pj_nav {
    border-bottom: 1px solid #E4E5F0;
    padding-bottom: 20px;
}
.pj_nav a {
    color: #434657;
    font-size: 24px;
    text-transform: uppercase;
}
.pj_nav a.active {
    color: #2f7dc1;
    font-weight: bold;
}
.project_list .absolute {
    background-image: linear-gradient(to top, rgba(0, 91, 139, 0.9) 0%, rgba(0, 91, 139, 0) 40%);
    font-size: 16px;
    padding: 20px 60px;
    text-align: unset;
}
.project_list .pj_item{
    margin-top: 30px;
}
.font-size-60 {
    font-size: 60px;
}
.pj_cover .zoom-img:before {
    padding-bottom: 30%;
}
.pj_cover {
    border-bottom: 1px solid #E4E5F0;
}
.gallery-main .zoom-img:before {
    padding-bottom: 600px;
}
.gallery-thumbs .swiper {
    height: 600px;
}
.gallery-thumbs .zoom-img:before {
    padding-bottom: 193px;
}
.banner_page .zoom-img:before {
    padding-bottom: 30%;
}
.news_page .nindex_item_top {
    padding-left: 0;
}
.box_video_news .zoom-img:after {
    display: none;
}
.news3_slider {
    margin-left: calc((100% - 1420px)/2);
}
.lib_2 {
    padding: 60px;
}
.lib_2:before {
    border-radius: 100px 0px 0px 0px;
    content: '';
    background: #fff;
    height: 100%;
    position: absolute;
    left: 5%;
    right: 0;
    top: 0;
    z-index: 1;
}
.lib_2 .container {
    position: relative;
    z-index: 2;
}
.doc_2_item {
    font-size: 20px;
    display: flex;
    align-items: center;
}
.doc_2_item span {
    flex: 0 0 92px;
    max-width: 92px;
}
.lib_1_left h2 {
    margin-right: 30px;
    white-space: nowrap;
}
.list_li li {
    border-bottom: 1px solid #e4e5f0;
    padding: 15px 0;
}
.img_item .zoom-img:after {
    display: none;
}
.tv_list .vid_item .video_img:after {
    font-size: 24px;
}
.tv_list .col-md-4 {
    margin-top: 20px;
}
.tv_list .vid_item .video_img:before {
    padding-bottom: 64%;
}
.header_ema h1 {
    color: #005b8b;
    text-transform: unset !important;
}
.header_ema h1 span {
    color: #c72030;
}
.emas .col-md-4:first-child {
    width: 100%;
}
.emas .col-md-4:nth-child(1) .emas_c, .emas .col-md-4:nth-child(2) .emas_c,
.emas .col-md-4:nth-child(3) .emas_c{
    width: 75%;
}
.emas .col-md-4:nth-child(2), .emas .col-md-4:nth-child(3) {
    width: 50%;
}
.emas_item .zoom-img:before {
    padding-bottom: 55%;
}
.emas_item .zoom-img, .emas_item .zoom-img img {
    border-radius: 40px 0 0 0;
}
.emas .col-md-4:first-child .zoom-img:before {
    padding-bottom: 56%;
}
.emas_item .date {
    display: none;
}
.emas .col-md-4 .emas_cache {
    margin-top: 20px;
}
.emas_item h4 a {
    color: #005b8b;
    font-size: 16px;
    font-family: 'Viglacera';
    font-weight: bold;
}
.emas .col-md-4 {
    margin-bottom: 30px;
}
.emas .col-md-4:first-child .date,
.emas .col-md-4:nth-child(2) .date,
.emas .col-md-4:nth-child(3) .date {
    display: inline-block;
}
.emas .col-md-4:first-child .emas_cache,
.emas .col-md-4:nth-child(2) .emas_cache,
.emas .col-md-4:nth-child(3) .emas_cache {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 30px;
    margin: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 50%);
}
.emas .col-md-4:first-child .emas_cache *,
.emas .col-md-4:nth-child(2) .emas_cache *,
.emas .col-md-4:nth-child(3) .emas_cache *{
    color: #fff;
}
.frm_job input, .frm_job button {
    border: none;
    height: 66px;
}
.frm_job button {
    background-color: #c72030;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    height: 60px;
    width: 60px;
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 2;
}
.frm_job input {
    background-color: #dcdee9;
    border-radius: 33px;
    padding: 0 75px 0 15px;
    width: 100%;
}
.job_banner {
    position: absolute;
    top: -150px;
    left: -100px;
    max-width: unset;
}
.jobs {
    padding-top: 120px;
}
.jobs_item {
    border-bottom: 1px solid #e4e5f0;
    padding: 30px 0;
}
.jobs_item p {
    color: #82869e;
    font-size: 18px;
    margin-top: 5px;
}
.jobs_desc {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.jb {
    max-width: 70%;
}
.jb p {
    color: #82869e;
    font-size: 18px;
    margin-bottom: 5px;
}
.jobs_s {
    margin-top: 30px;
}
.jobs_s ul {
    padding-left: 25px;
}
.jobs_s ul, .jobs_s ul li {
    list-style: disc;
}
.jobs_s ul li {
    color: #82869e;
    font-size: 18px;
    margin-top: 10px;
}
.jobs_rel li {
    border-bottom: 1px solid #e4e5f0;
    padding: 15px 0;
}
.jobs_rel li a {
    color: #82869e;
    font-size: 18px;
}
.mgb-5 {
    margin-bottom: 5px;
}
.sticky-top {
    top: 140px;
}
.banner_contact .banner_item .absolute {
    display: flex;
    align-items: center;
    padding-top: 0;
}
.banner_ct li {
    margin-top: 5px;
}
.banner_ct li span {
    width: 120px;
}
.frm_contact input, .frm_contact textarea {
    background: transparent;
    border: none;
    border-bottom: 1px solid #e4e5f0;
    height: 50px;
    width: 100%;
}
.frm_contact .col-5-10 {
    margin-bottom: 20px;
}
.showroom {
    background: #fff url("../images/showroom.png") no-repeat bottom -38px left;
    min-height: 795px;
}
.showroom_item {
    margin-bottom: 30px;
    padding-right: 30px;
}
.showroom_item p {
    color: #434657;
}
.develop_banner .zoom-img:before {
    padding-bottom: 46%;
}
.develop_banner h1 {
    position: absolute;
    bottom: 180px;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    z-index: 2;
    font-size: 48px;
}
.commit2_item li {
    margin-bottom: 10px;
}
.lh-1 {
    line-height: 1.4 !important;
}
.commit_3 {
    background: #fff url("../images/bg-ganket.png") no-repeat top right;
}
.commit4_box {
    display: flex;
    flex-wrap: wrap;
}
.commit4_item {
    background: url("../images/bg-commit.png") no-repeat center /cover;
    height: 294px;
    width: 640px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 30px 150px;
}
.commit4_item .desc_p {
    display: none;
}
.commit4_item p {font-size: 12px;color: #fff}
.commit4_item span {
    margin-bottom: 10px;
    max-width: 380px;
    text-align: center;
    font-size: 22px;
}
.commit4_item:hover .desc_p {
    display: block;
}
.commit4_item:hover {
    background: url("../images/bg-commit-rd.png") no-repeat center /cover;
}
.commit_5 {
    background: url("../images/bg-commit-5.png") no-repeat center right /cover;
    background-attachment: fixed;
    padding: 120px 0;
}
.commit5_left h2 {
    max-width: 350px;
}
.commit5_right p {
    margin-top: 10px;
}
.develop2_banner .zoom-img:before {
    padding-bottom: 35%;
}
.develop2_banner .absolute {
    padding-top: 5%;
}
.develop2 p {
    line-height: 2;
}
.bv_page .develop2_banner .zoom-img:before {
    padding-bottom: 45%
}
.bv_1 {
    position: relative;
    z-index: 2;
    margin-top: -240px;
    padding-left: 60px;
}
.bv1_content {
    background: url("../images/bv-2.png") no-repeat bottom right /cover;
    border-radius: 40px 0;
    min-height: 590px;
    width: 100%;
    padding: 90px 60px;
}
.bv1_inner {
    width: 100%;
}
.bv_1 {
    overflow: hidden;
}
.bv_item {
    background: url("../images/bg-bv.png") no-repeat center left /cover;
    padding: 30px 20px 20px 20px;
    flex: 0 0 476px;
    height: 220px;
    margin-left: -127px;
    display: flex;
    justify-content: center;
}
.bv_item:first-child {
    background: url("../images/bg-bv-1.png") no-repeat center left /cover;
    flex: 0 0 500px;
    height: 230px;
    margin-left: 0;
}
.bv_ii {
    width: 240px
}
.bv_item h4 {
    font-size: 13px;
}
.bv_item p {
    font-size: 11px;
}
.bv_items .zoom-img:before {
    padding-bottom: 59%;
}
.bv_items .zoom-img, .bv_items .zoom-img img {
    border-radius: 40px 0 0 0;
}
.header_video_1 .back_home {
    background: #fff;
    color: rgba(0, 0, 0, 0.1);
}
.his_time {
    color: transparent;
    font-weight: 800;
    font-size: 132px;
    text-transform: uppercase;
    -webkit-text-stroke: 2px #c72030;
    line-height: 1;
}
.his_img {
    max-width: 356px;
    display: none;
}
.his_img.zoom-img:before {
    padding-bottom: 66%;
}
.his_img.zoom-img, .his_img.zoom-img img {
    border-radius: 100px 0;
}
.his_item:nth-child(2n) {
    margin: -100px 0 60px 0;
}
.his_item_1 .his_img {
    display: block;
}
.his_item_1 .his_time {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    z-index: 2;
}
.his_item:nth-child(2n) .col-md-6:first-child {
    order: 2;
}
.his_list:before {
    background: #c72030;
    content: '';
    width: 1px;
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
}
.his_group {
    width: 80%;
}
.his_item {
    position: relative;
}
.his_item:before {
    background: #c72030;
    border-radius: 50%;
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.about_banner h1 {
    color: transparent;
    -webkit-text-stroke: 1px #285985 ;
    font-size: 63px;
}
.about_banner .zoom-img:before {
    padding-bottom: 50%;
}
.a_item {
    position: relative;
    padding: 0 30px;
    min-height: 190px;
}
.a_item > div:first-child {
    /*height: 100px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*opacity: 0.1;*/
    z-index: -1;
}
.hiss {

}
.hiss_img .zoom-img:before {
    padding-bottom: 32%;
}
.hiss, .hiss_img > img {
    border-radius: 100px 0 0 0;
    overflow: hidden;
}
.hiss_cache {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: 100px 0px 0px 0px;
}
.hiss_cache .container {
    position: relative;
    z-index: 4;
}
.hiss img {
    width: 100%;
}
.hiss_slider h4 {
    color: transparent;
    -webkit-text-stroke: 2px #c72030;
    font-size: 75.8px;
    font-weight: 800;
}
.hiss_box {
    position: absolute;
    right: 0;
    top: 0;
    bottom:0;
    z-index: 3;
    width: 60%;
    padding-top: 60px;
}
.hiss_slider {
    background: url("../images/bg-hiss.png") no-repeat bottom left /cover;
    height: 330px;
    padding: 40px 0 0 300px;
}
.hiss_slider .swiper-slide p {
    max-width: 450px;
}
.hot_item  {
    border-right: 1px solid #e4e5f0;
    padding-top: 60px;
}
.hot_item .text-red {
    margin-top: 30px;
}
.hot_cache {
    padding: 0 30px;
}
/*.hot_cache .font-size-18 {*/
/*    min-height: 350px;*/
/*}*/
.hot_item .zoom-img:before {
    padding-bottom: 53%;
}
.hot_item .zoom-img, .hot_item .zoom-img img {
    border-radius: 0px 32px 0px 0px;
}
.hot_slider {
    margin:0 30px 0 calc((100% - 1420px)/2);
}
.hot_slider .hot_item {
    padding-top: 0;
}
.font-800 {
    font-weight: 800;
}
.text-justify {
    text-align: justify;
}
.aw_2 {
    display: flex;
    flex-wrap: wrap;
}
.aw_2 > div {
    width: 50%;
}
.aw_2 > div:first-child {
    width: 100%;
}
.aw2_item {
    display: flex;
    align-items: center;
}
.aw2_item > p {
    height: 190px;
    display: flex;
    align-items: flex-end;
}
.aw_1 {
    width: 35%;
}
.aw_2 {
    width: 65%;
}
.aw_text  {
    width: 50%;
}
.aw_1 .aw_text {
    width: 100%;
}
.award_2 .aw_text p {
    margin-bottom: 5px;
}
.award_2 .aw_text {
    margin-left: 30px;
}
.award_3 .aw2_item {
    flex-wrap: wrap;
}
.award_3 .aw_text {
    margin-top: 20px;
    width: 100%;
}
.distribution > div {
    flex: 1;
}
.distri_left {
    background-color: #005b8b;
    border-radius: 100px 0 0 0;
    padding: 60px 60px 60px calc((100% - 1420px)/2);
}
.distri_right.zoom-img:before {
    padding-bottom: 80%;
}
.distri_title {
    display: flex;
    align-items: flex-end;
}
.distri_title span {
    color: transparent;
    -webkit-text-stroke: 0.5px #fff ;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: -2.4px;
    font-weight: bold;
    line-height: 1;
}
.distri_title span:last-child {
    margin-bottom: 5px;
}
.distri_title span:first-child {
    -webkit-text-stroke: 1px #fff ;
    font-size: 60px;
    margin: 0 20px 0 0;
}
.distri_left p {
    margin-top: 20px;
}
.shops {
    background: url("../images/bg-shop.png") no-repeat center center /cover;
}
.shops_item p {
    margin-top: 10px;
}
.shops_item p strong {
    margin-right: 10px;
}
.shops_item {
    border-bottom: 1px solid #fff;
    padding: 15px 0;
}
.shops h2 {
    font-size: 42px;
}
.shops_nav li {
    margin-bottom: 15px;
}
.shops_nav li a {
    border: solid 1px #fff;
    background-color: #005b8b;
    border-radius: 20px 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 54px;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}
.shops_nav li a.active {
    background: #fff;
    color: #c72030;
}
.row-60 {
    margin: 0 -30px;
}
.row-60 > div {
    padding: 0 30px;
}
.shops_sl span {
    color: #606264;
}
.select_f {
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.select_f select {
    background: transparent;
    border: none;
    color: #005b8b;
    font-size: 18px;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
}
.shops_sl  {
    background: #fff;
    border: solid 1px #fff;
    border-radius: 20px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 54px;
}
.select_f i {
    color: #005b8b;
    font-size: 18px;
}
.shops_arrow a {
    color: #939598;
}
.shops_arrow a:first-child {
    margin-right: 20px;
}
.banner_vil > img {
    width: 100%;
}
.banner_vil .absolute {
    display: flex;
    align-items: center;
}
.vilIndex_box {
    background-color: #214773;
    border-radius: 100px 0;
    padding: 60px 60px 30px 60px;
}
.vilIndex_box .index_item {
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.vilIndex_box .index_item > div {
    margin: 0;
    text-align: center;
    width: 100%;
}
.vilIndex_box .number_flex {
    -webkit-text-stroke: unset;
    color: #fff;
    justify-content: center;
}
.vilIndex_box .index_item p {
    color: #fff;
    margin: 20px 0 10px 0;
}
.vilIndex_box img {
    filter: brightness(0) invert(1);
}
.vil_indexs {
    margin-top: -150px;
    position: relative;
    z-index: 2;
}
.field_item {
    background-color: #214773;
    border-radius: 60px 0;
    overflow: hidden;
}
.field_item > * {
    flex: 1;
}
.field_item .zoom-img:before {
    padding-bottom: 42%;
}
.field_item .zoom-img, .field_item .zoom-img img {
    border-radius: 60px 0;
}
.field_text {
    padding: 30px;
}
.field_text ul, .field_text li {
    list-style: disc;
}
.field_text li {
    margin-top: 10px;
}
.field_text ul {
    padding-left: 20px;
}
.field_item:not(:first-child) {
    margin-top: 30px;
}
.field_item:nth-child(2n) > a {
    order: 2;
}
.f1_text {
    background: #005B8B;
    border-radius: 24px 0px 0px 0px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    height: 410px;
    width: 100%;
    padding: 10px 20px 20px 20px;
}
.f1_img {
    border-radius: 24px 0px;
    position: absolute;
    left: 7px;
    top: 60px;
    z-index: 2;
    overflow: hidden;
    height: 360px;
    width: 100%;
    pointer-events: none;
}
.f1_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.maps .zoom-img:before {
    padding-bottom: 58%;
}
.pdl-60 {
    padding-left: 60px;
}
.city_item .zoom-img:before {
    padding-bottom: 58%;
}
.city_item .zoom-img, .city_item .zoom-img img {
    border-radius: 24px 0;
}
.city_item p {
    margin-top: 10px;
}
.city_group .col-md-4:first-child .zoom-img:before, .city_group .col-md-4:nth-child(2) .zoom-img:before{
    padding-bottom: 67%;
}
.city_group .col-md-4 {
    margin-top: 20px;
}
.city_group .col-md-4:first-child, .city_group .col-md-4:nth-child(2) {
    margin-top: 0;
    width: 50%;
}
.tech {
    background: #fff;
}
.tech_logo span {
    margin-top: 20px;
}
.tech .zoom-img:before {
    padding-bottom: 51%;
}
.tech .zoom-img img, .tech .zoom-img {
    border-radius: 24px 0;
}
.techs2 {
    background: #fff;
}
.techs4 .zoom-img:before {
    padding-bottom: 54%;
}
.sys_text {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.sys_item {
    max-width: 500px;
}
.sys_item  span {
    font-size: 120px;
    line-height: 1;
}
.export {
    background: #fff;
}
.export > img , .vig img{
    width: 100%;
}
.vil2_index {
    background-color: #f3f3f7;
}
.gr_item {
    position: relative;
}
.gr_item span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 272px;
    height: 70px;
    background-image: linear-gradient(76deg, #285985 0%, #2f7dc1 100%);
    border-radius: 24px 0;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 0 20px;
    position: relative;
    z-index: 3;
}
.gr_item span {
    position: relative;
    z-index: 2;
}
.gr_item_2 {
    opacity: 0;
    visibility: hidden;
}
.groups {
    margin-top: -75px;
}
.groups_4 {
    margin-top: -20px
}
.groups_5 {
    gap: 20px;
    margin-top: 30px;
}
.groups_5 > div {
    flex: 1;
}
.gr_item_type2 {
    background-image: linear-gradient(36deg, #285985 0%, #2f7dc1 100%);
    border-radius: 24px 0;
    min-height: 350px;
    padding: 20px;
}
.gr_item_type2 li {
    background: url("../images/icon-khoi.png") no-repeat top 8px left;
    margin-bottom: 20px;
    padding-left: 20px;
}
.gr_item_type2 {
    position: relative;
    padding-bottom: 90px;
}
.gr_item_type2:nth-child(3) li:last-child ,
.gr_item_type2:nth-child(4) li:last-child ,
.gr_item_type2:nth-child(5) li:last-child {
    margin: 0;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    border-top: 1px solid #fff;
    padding-top: 20px;
    background-position: left top 28px;
}
.gr_item_type2:nth-child(3) li:first-child,
.gr_item_type2:nth-child(4) li:first-child,
.gr_item_type2:nth-child(5) li:first-child {
    /*border-bottom: 1px solid #fff;*/
    /*height: 200px;*/
}
.gr_item:before, .gr_item:after, .gr_item_type2:before,
.groups_5:before{
    background: #E4E5F0;
    z-index: 1;
}
.gr_item_1 span:before {
    background: #E4E5F0;
    content: '';
    width: 1px;
    height: 242px;
    position: absolute;
    top: 100%;
}
.gr_item_type2:before {
    content: '';
    height: 15px;
    width: 1px;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translate(-50%, 0);
}
.gr_item_type2:nth-child(3):before {
    display: none;
}
.groups_5 {
    position: relative;
}
.groups_5:before {
    content: '';
    height: 1px;
    position: absolute;
    top: -15px;
    left: 133.5px;
    right: 133.5px;
}
.gr_item_3:before {
    content: '';
    height: 1px;
    width: 300px;
    position: absolute;
    top: 50%;
    left: 100%;
}
.gr_item_3:after, .gr_item_7:after {
    content: '';
    height: 1px;
    width: 60px;
    position: absolute;
    top: 50%;
    left: -60px;
}
.gr_item_5 span:before {
    background: #E4E5F0;
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    height: 1px;
    width: 240px;
}
.gr_item_5 span:after {
    background: #E4E5F0;
    content: '';
    position: absolute;
    left: calc(100% + 240px);
    height: 106px;
    width: 1px;
}
.gr_item_1 span:after {
    background: #E4E5F0;
    content: '';
    height: 1px;
    width: 437.5px;
    position: absolute;
    top: 50%;
    left: 100%;
}
.gr_item_4:before {
    content: '';
    width: 1px;
    position: absolute;
    left: 50%;
    height: 284px;
    top: -68px;
}
.groups_1 {
    margin-bottom: 30px;
}
.groups_3 {
    margin: -20px 0 0 0
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 40px;
}
.swiper-pagination-bullet {
    background: transparent;
    border: 1px solid #fff;
    opacity: 1;
    height: 16px;
    width: 16px;
    margin: 0 10px !important;
}
.swiper-pagination-bullet-active {
    background: #fff;
}
.swiper-button_noafter:after {
    display: none;
}
.nindex_slider .swiper-button {
    top: 42%;
}
.bg-37 {
    background-color: #f3f3f7;
}
.vl_item .swiper-pagination {
    bottom: 20px !important;
}
.solution_detail  .mgb-20 a {
    color: #7d7d7d;
}
.solution_detail .font-size-22 {
    font-size: 18px;
}
.pj_desc {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 30px;
}
.fancybox-video {
    width: 60%;
}
.solution_slider_main .swiper-button_abs {
    bottom: 0;
    right: 0;
    left: unset;
}
.hist_img.zoom-img:before {
    padding-bottom: 55%;
}
.hist_img.zoom-img, .hist_img.zoom-img img {
    border-radius: 20px 0;
}
.hist_desc {
    padding: 20px 40px;
}
.hist_block .row {
    flex-direction: column;
    height: 2680px;
}
.hist_item {
    border-left: 1px solid #005B8B;
    padding-bottom: 60px;
}
.hist_item .font-500 {
    margin: 0;
    line-height: 1;
    padding-left: 40px;
    position: relative;
}
.hist_item .font-500:after {
    border: 1px solid #005B8B;
    border-radius: 50%;
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    left: -11px;
    top: 20px;
}
.hist_item .font-500:before {
    background: #005B8B;
    border-radius: 50%;
    content: '';
    height: 14px;
    width: 14px;
    position: absolute;
    left: -8px;
    top: 23px;
}
.hist_img {
    margin: 20px 0 0 0;
}
.modal_hd {
    margin-top: 60px;
    position: relative;
}
.modal_hd .modal-dialog {
    max-width: unset;
}
.modal_hd .modal-content {
    background:  url("../images/bg-modal.png") no-repeat center, url("../images/bg_modal2.png") no-repeat center /cover;
    margin: 0 auto;
    border: none;
    width: 1291px;
    height: 611px;
}
.btn-close {
    background: url("../images/icon-close.svg") no-repeat center;
    position: absolute;
    left: 13%;
    top: 40px;
    opacity: 1;
}
.btn-close:hover {
    box-shadow: none;
}
.ct_img {
    background: url("../images/bg-ctich.png") no-repeat bottom -10px center;
    height: 200px;
    width: 100%;
    align-items: flex-end;
}
.ct_list {
    background: url("../images/bg-dai.png") no-repeat bottom 57px center;
    max-width: 1120px;
    margin: 30px auto 0 auto;
}
.ct_list .ct_img {
    background: transparent;
}
.ct .font-size-20 {
    font-size: 15px;
}
#ks_modal .ct_list {
    background: url("../images/bg-ngan.png") no-repeat bottom 55px center;
    max-width: 750px;
}
#the-canvas {
    width: 100%;
}
.emas_blog {
    padding: 30px 0;
}
.emas_blog img {
    width: 100%;
}
.gr_item_3, .gr_item_4, .gr_item_7 {
    cursor: pointer;
}
.price-up {
    color: #10b981;
}
.price-down {
    color: #ef4444;
}
.price-neutral {
    color: #6b7280;
}
.text-right {
    text-align: right;
}
.mcp {
    border-top: 1px solid #E4E5F0;
    margin-top: 30px;
    padding-top: 30px;
}
.w-full {
    width: 100%;
}
.mcp .row-30 > div:not(:last-child) {
    border-right: 1px solid #E4E5F0;
}
.mcp .row-30 > div {
    flex: 0 0 23%;
    max-width: 23%;
}
.w-full tr:last-child td {
    padding-bottom: 0!important;
}
.w-full tr:first-child td {
    padding-top: 0!important;
}
.rep.font-size-24 {
    font-size: 18px;
}
.techs4  img {
    aspect-ratio: auto !important;
    width: unset!important;
    height: unset !important;
}
.news_page .nindex_item, .news_block .nindex_item {
    border-right: 1px solid #d9d9d9;
}
.id_cache {
    background: #fff;
    position: relative;
}
.id_cache p {
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 37%;
    font-size: 12px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.3s;
}
.index_fields_link {
    transition: all ease 0.2s;
}
.id_item:hover .index_fields_link {
    background: url("../images/id-1.png") no-repeat right top, url("../images/id-1.png") no-repeat left top;
    margin-right: 37%;
}
.id_item:hover .id_cache p {
    opacity: 1;
    visibility: visible;
}
.eshop {
    background: #C72030;
    color: #fff;
    height: 30px;
    border-radius: 15px;
    margin-left: 15px;
    width: 80px;
}
.eshop img {
    margin-right: 5px;
}
.eshop span {
    font-size: 10px;
    margin-top: 5px;
}
.link_contact {
    background: #C72030;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    height: 60px;
    width: 60px;
    position: fixed;
    right: 20px;
    top: 40%;
    z-index: 999;
}
.link_contact img {
    height: 30px;
}
.eshop:hover, .link_contact:hover {
    background: #005B8B;
}
.about_banner  .absolute {
    padding-top: 0;
    display: flex;
    align-items: center;
}
.about_banner h1 {
    color: #fff;
    -webkit-text-stroke: unset;
}
.awards .desc_p {
    margin-right: 30px;
}

.aw_flex > div {
    flex: 0 0 calc(100% / 5);
    padding: 0 15px;
    text-align: center;
    max-width: calc(100% / 5);
}
.aw_flex {
    font-size: 10px;
}
.aw_img {
    height: 70px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 15px;
}
.aw_img img {
    height: 100%;
}
.aw_item {
    font-family: 'Viglacera';
    margin-bottom: 30px;
}
.aw_item .font-size-20 {
    font-size: 20px;
}
.aw_item strong {
    font-size: 13px;
}
.memberss {
    background-image: url("../images/bg-mem.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 380px;
}
.img-fluid> img {
    width: 100%;
}
.ema1_abs {
    background: url("../images/emagazine/bg-1.png") no-repeat left/cover;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px 170px 30px 100px;
    height: 257px;
    width: 720px;
    z-index: 3;
}
.ema_1 .zoom-img:before {
    padding-bottom: 52%;
}
.container-fluid {
    max-width: 100%;
    padding: 0 100px;
}
.ema_text {
    max-width: 60%;
    margin: 40px auto;
}
.zoom-img-2:before {
    padding-bottom: 57%;
}
.ema_img_3 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 730px;
}
.ema_img_3 .zoom-img {
    width: calc(32% - 10px);
}
.ema_img_3 .zoom-img:before {
    padding-bottom: 67%;
}
.ema_img_3 .zoom-img:last-child {
    margin-top: 5px;
}
.ema_img_3 .zoom-img:first-child {
    width: 68%;
}
.ema_img_3 .zoom-img:first-child:before{
    padding-bottom: 62.4%;
}
.ema_img_3plus .zoom-img {
    width: calc(30% - 20px);
}
.ema_img_3plus .zoom-img:last-child {
    margin-top: 20px;
}
.ema3plus_abs {
    background: url("../images/emagazine/bg-2.png") no-repeat center /cover;
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    max-width: 970px;
    margin: 0 auto;
    height: 222px;
    z-index: 2;
    padding: 0 120px;
    color: #fff;
    display: flex;
    align-items: center;
}
.slogan_text {
    background: url("../images/emagazine/bg-7.png") no-repeat center /cover;
    max-width: 958px;
    height: 320px;
    margin: 30px;
    padding: 30px 60px 30px 120px;
}
.ema3_1 .zoom-img:before {
    padding-bottom: 68%;
}
.ema31_abs {
    background: url("../images/emagazine/bg-4.png") no-repeat center /cover;
    width: 482px;
    height: 86px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 0 60px;
}
.ema_img_4plus .zoom-img:not(:first-child):before {
    padding-bottom: 74%;
}
.ema_img_4plus  .zoom-img {
    width: calc(41% - 10px);
}
.ema_img_4plus  .zoom-img:first-child {
    width: 55%;
}
.ema_img_4plus .ema3plus_abs {
    background: url("../images/emagazine/bg-5.png") no-repeat center /cover;
    height: 108px;
    width: 470px;
    padding: 0 60px;
    justify-content: center;
    bottom: 20px;
    right: 22%;
    left: auto;
}
.ema_img_4plus .zoom-img:last-child {
    margin-top: 0;
}
.ema_img_5plus .zoom-img:first-child {
    width: 100%;
}
.ema_img_5plus .ema_img_3 {
    max-height: unset;
}
.ema_img_5plus .ema3plus_abs {
    margin: unset;
    bottom: -60px;
}
.mgb-90 {
    margin-bottom: 90px;
}
.ema_4 .zoom-img {
    width: 100%;
}
.ema_4 .zoom-img:before {
    padding-bottom: 70%;
}
.ema_4 .zoom-img:nth-child(3),
.ema_4 .zoom-img:nth-child(2) {
    margin: 15px 0;
    width: 49.5%;
}
.ema_4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.news_abs {
    position: absolute;
    width: 100%;
    bottom: 30%;
    z-index: 2;
}
.news_box_2 {
    background: #005B8B;
}
.news_box_1 {
    background: #E4E5F0;
}
.news_box_2 * {
    color: #fff !important;
}
.swiper-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.swiper-buttons > div {
    position: static;
    margin: 0;
    height: unset;
    width: unset;
}
.swiper-buttons > div:first-child {
    margin-right: 20px;
}
.swiper-buttons .swiper-button:after {
    color: #939598;
    font-size: 24px;
}
.swiper-buttons .swiper-button:hover:after {
    color: #005B8B;
}
.news_box_2 .swiper-button:after {
    color: #939598;
}
.news_box_2 .swiper-button:hover:after {
    color: #fff;
}
.news_block_rel h2 {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 40px;
    padding-bottom: 20px;
}
.fancybox-slide>* {
    padding: 12px;
}
.ques_list_2 li {
    width: calc(100% / 3);
    border: none;
    padding: 20px;
    min-height: 140px;
}
.ques_list_2 li:nth-child(2n) {
    background: #fff;
}
.ques_list_2 {
    display: flex;
    flex-wrap: wrap;
}
.gal_text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}
.project_sliders_1 .gal_text {
    background: url(../images/bg-gal.png) no-repeat bottom right;
    color: #fff;
    height: 213px;
    padding: 0 120px 0 180px;
    display: flex;
    align-items: center;
}
.project_sliders_2  .gal_text {
    top: 60px;
    bottom: 60px;
    left: 60px;
    width: 260px;
    background: #fff;
    color: #000;
    border-radius: 36px;
    padding: 20px 5px 20px 20px;
}
.gal_scroll {
    max-height: 100%;
    overflow: auto;
    padding-right: 15px;
}
.gal_scroll::-webkit-scrollbar-track {
    background-color: transparent;
}
.gal_scroll::-webkit-scrollbar {
    background-color: transparent;
    width: 6px;
}
.gal_scroll::-webkit-scrollbar-thumb {
    background-color: #c4c4c4;
    border-radius: 3px;
}
#gd_modal .cc_content  {
    padding-top: 40px;
}
#gd_modal .ct_list {
    background: url(../images/bg-dai.png) no-repeat bottom 58px center;
    max-width: 1120px;
    margin: 20px 0 0 50px;
}
figcaption {
    font-size: 15px;
    font-style: italic;
    margin-top: 10px;
    text-align: center;
}
.rotateZ-180 {
    transform: rotateZ(180deg);
}
.qhcd_detail .desc_p p {
    background: transparent !important;
}
.box_podcast {
    background: #005B8B;
}
.jw-controlbar > * {
    position: static !important;
}
.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer:not(.jw-flag-ads) .jw-controlbar, .jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer:not(.jw-flag-live) .jw-controlbar, .jw-skin-nhac.jw-flag-media-audio.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer:not(.jw-flag-ads) .jw-controlbar, .jw-skin-nhac.jw-flag-media-audio.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer:not(.jw-flag-live) .jw-controlbar {
    margin: 0 ;
    padding: 0 0 0 350px ;
    width: 100% !important;
    display: flex;
    align-items: center;
}
.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-slider-time, .jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-slider-time .jw-slider-container {
    width: 100%;
}
.jw-text-countdown {
    display: none;
}
.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer:not(.jw-flag-ads):not(.jw-flag-live) .jw-controlbar-center-group {
    order: 3;
    padding-right: 60px;
}
.jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-controlbar-right-group {
    order: 2;
    padding-right: 10px;
}
.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer:not(.jw-flag-ads):not(.jw-flag-live) .jw-controlbar-left-group .jw-text-duration {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
}
.podcast_img.zoom-img {
    border-radius: 32px 0px 0px 0px;
    flex: 0 0 350px;
    max-width: 350px;
    padding-bottom: 210px;
}
.podcast_img.zoom-img img {
    border-radius: 32px 0px 0px 0px;
}
.date.text-white {
    margin-bottom: 0;
}
.date.text-white *{
    color: #fff;
}
.podcast_text {
    padding: 10px 20px;
}
.pod_text {
    padding-left: 60px;
}

.podcast_detail .date p {
    line-height: 1;
}
.podcast_detail {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    pointer-events: none;
}
.jwplayer, .jw-preview, .jw-skin-nhac.jw-flag-media-audio:not(.jw-flag-ads-googleima) .jw-media,
.jw-skin-nhac .jw-background-color{
    background: transparent !important;
}
.jw-skin-nhac.jw-flag-media-audio.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer:not(.jw-flag-ads) .jw-controlbar, .jw-skin-nhac.jw-flag-media-audio.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer:not(.jw-flag-live) .jw-controlbar {
    height: 43px;
}
.pd_right {
    flex: 0 0 350px;
    max-width: 350px;
}
.pd_left {
    padding-right: 30px;
    width: 100%;
}
.podcast_video {
    display: none;
}
.podcast_video:first-child {
    display: block;
}
.jw-display-controls.jw-reset {
    display: none !important;
}
.jw-flag-media-audio .jw-preview {
    background: transparent !important;
}
.podcast_slider .swiper-button-next:after,
.podcast_slider .swiper-button-prev:after {
    color: #fff;
}
.podcast_fixed {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    align-items: flex-end;
    display: none;
}
.podcast_fixed.show {
    display: flex;
}
.podcast_fixed > div {
    width: 100%;
}
.group_pod .jw-skin-nhac.jwplayer {
    border-radius: 32px 0 0 0;
}
.group_pod .jwplayer, .jw-preview, .group_pod  .jw-skin-nhac.jw-flag-media-audio:not(.jw-flag-ads-googleima) .jw-media, .group_pod  .jw-skin-nhac .jw-background-color {
    background: #c72030 !important;
}
.podcast_fixed_inner {
    background: #c72030;
    border-radius: 32px 0 0 0;
    padding: 15px 60px 15px 15px;
}
.group_pod .jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-slider-time .jw-progress {
    background: rgba(255, 255, 255, 0.4);
}
.group_pod  .jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-slider-time .jw-buffer {
    background: rgba(255, 255, 255, 0.8);
}
.group_pod  .jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer:not(.jw-flag-ads):not(.jw-flag-live) .jw-controlbar-center-group .jw-slider-horizontal .jw-knob {
    background: rgba(255, 255, 255, 1);
}
.group_pod .jw-skin-nhac.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer .jw-group > .jw-text {
    color: #fff;
}
.group_pod  .jw-skin-nhac .jw-slider-vertical .jw-knob {
    background: #fff;
}
.btn-closePod {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
}
body.hidden {
    overflow: hidden;
}
.jw-flag-time-slider-above:not(.jw-flag-ads-googleima).jwplayer:not(.jw-flag-ads):not(.jw-flag-live) .jw-controlbar-left-group .jw-text-duration {
    display: inline-block;
}
.fancybox-close-small:after {
    color: #fff;
    background: #c72030;
}
html[lang="en"] .vil2_index .font-size-52 {
    font-size: 24px;
}
html[lang="en"] .groups {
    margin-top: -45px;
}
html[lang="en"] #gd_modal .ct_list {
    margin: 20px 0 0 36px;
}
.w-full tr td:last-child {
  text-align: right;
}
.emazine_article figure img {
    height: unset !important;
    width: unset !important;
    max-width: 100% !important;
    aspect-ratio: unset !important;
}
.editor iframe {
    height: 600px !important;
    width: 800px  !important;
}
.mgt-40 {
    margin-top: 50px;
}
.modal_hd_title {
    position: absolute;
    left: 220px;
    z-index: 2;
    top: 80px;
}
#hdqt_modal {
    margin-top: 0;
}
.hot_cache .font-size-18 {
    max-height: 110px;
    overflow: auto;
    padding-right: 15px;
}
.hot_cache .font-size-18::-webkit-scrollbar-track {
    background-color: transparent;
}
.hot_cache .font-size-18::-webkit-scrollbar {
    background-color: transparent;
    width: 6px;
}
.hot_cache .font-size-18::-webkit-scrollbar-thumb {
    background-color: #c4c4c4;
    border-radius: 3px;
}
.ct_list .ct_img img {
    height: 100%;
}
.video_jwplayer_content_wrapper > span {
    display: block;
    margin: 0 auto;
}