@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=vietnamese');
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');

.container {
    max-width: 1200px;
    margin: 0 auto;
}

body {
    font-family: "Roboto";
    font-weight: 400;
    color: #000;
    font-size: 14px;
    background-color: #000;
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/Montserrat/Montserrat-Thin.ttf');
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Montserrat/Montserrat-Light.ttf');
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Montserrat/Montserrat-Regular.ttf');
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Montserrat/Montserrat-Medium.ttf');
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/Montserrat/Montserrat-SemiBold.ttf');
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Montserrat/Montserrat-Bold.ttf');
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/Montserrat/Montserrat-ExtraBold.ttf');
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/Montserrat/Montserrat-Black.ttf');
}

@font-face {
    font-family: "HelveticaNeue";
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/HelveticaNeue-UltraLight.otf');
}

@font-face {
    font-family: "HelveticaNeue";
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/HelveticaNeue-Light.otf');
}

@font-face {
    font-family: "HelveticaNeue";
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/HelveticaNeue.otf');
}

@font-face {
    font-family: "HelveticaNeue";
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/HelveticaNeue-Medium.otf');
}

@font-face {
    font-family: "HelveticaNeue";
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/HelveticaNeue-Bold.otf');
}

@font-face {
    font-family: "HelveticaNeue";
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/HelveticaNeue-CondensedBlack.otf');
}

:focus {
    outline: none !important;
}

.scrool_tbtop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: none;
    z-index: 990;
    opacity: 0.8;
}
.scrool_tbtop img{width: ;}
.supports{ position: fixed;
    right:32px;
    border-radius: 5px;
    width: auto;
    z-index: 150;
    bottom: 20%;
    padding: 10px 0;}
.supports ul{list-style: none;margin: 0;}
.supports ul li{margin: 5px 0;}
.supports ul li:first-child{margin-bottom: 10px;}
.supports ul li a{    border: none;position: relative;z-index: 99;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    max-height: 54px;
    text-decoration: none;}
.supports ul li a .icon{width: 40px;height: 40px;border-radius:50%;display: block; background-repeat: no-repeat;background-size: 40px;margin: 0 auto;background-position: center center}
.supports ul li a .icon_zalo{background-image: url(../images/zalo_ic.png) !important;}
.supports ul li a .icon_call{background-image: url(../images/phone_ic.png) !important;}
.supports ul li a .icon_mess{background-image: url(../images/mess_ic.png) !important;}
.supports ul li a .icon_cart{background-image: url(../images/cart_ic.png) !important;}
.supports_mb{display: none;}

.scrool_tbtop:hover {
    opacity: 1;
}

/*menu*/
.menu-all {
    position: fixed;
    /*background: #000;*/
    z-index: 3;
    padding: 0px 40px;
    top: 0px;
    width: 100%;
    z-index: 999;
    transition: all .6s ease;


}

.tb_menu {
    float: left;
    position: relative;

}

.tb_menu_logo {
    position: relative;
    width: 152px;
    height: 82px;
    float: left;
    display: block;
    margin-right: 25px;
}

.tb_menu_logo img {
    max-width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
}

.tb_menu_open {
    font-size: 18px;
    color: #FFF;
    font-weight: 500;
    line-height: 1.167;
    background: transparent url('../images/ic-5.png') no-repeat left center;
    padding-left: 46px;
    float: left;
    margin-top: 25px;
    cursor: pointer;
    position: relative;
}

.tb_menu_open.show {
    color: #000;
    background: transparent url('../images/ic-5n.png') no-repeat left center;
}

.tb_menu_open.active {
    /*background: transparent url('../images/ic-9.png') no-repeat left center;*/
    background: transparent;
    /*padding-left: 37px;*/
    opacity: 0.8;
    color: #FFF !important;
}

.tb_menu_open.show:after, .tb_menu_open.show:before {
    border-top: #000 solid 2px;
}

.tb_menu_open:after, .tb_menu_open:before {
    border-top: #FFF solid 2px;
    content: "";
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s linear 0s;
    width: 36px;
}

.tb_menu_open:after {
    top: 19px;;
    width: 24px;
}

.tb_menu_open:hover:after {
    width: 36px;
}

.tb_menu_open.active:before {
    transform: rotate(135deg);
    border-color: #FFF;
}

.tb_menu_open.active:after {
    transform: rotate(45deg);
    top: 50%;
    width: 36px;
    border-color: #FFF;
}

.open_menu {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0px;
    z-index: 998;
    display: none;
}

.open_menu_all {
    padding: 140px 0 0 70px;
    width: 100%;
    max-width: 390px;
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
}
.ct_menu_all{
    float: left;
    width: 100%;
    height: 100%;
}
.menu-open-fix {
    left: 0;
}

.open_menu_title {
    font-size: 48px;
    color: rgb(255, 255, 255);
    line-height: 0.75;
    padding-left: 10px;
}

.open_menu_title:after {
    background: rgba(255, 255, 255, 0.502);
    width: 118px;
    height: 1px;
    content: '';
    display: block;
    margin: 30px auto 30px -10px;
}

.open_menu_list {
    margin: 0;
    padding: 0;
}

.open_menu_list li {
    list-style: none;
    margin-bottom: 25px;
}

.open_menu_list li a {
    display: inline-block;
    font-size: 16px;
    color: rgb(152, 152, 152);
    text-transform: uppercase;
    transition: 0.85s;
    background: transparent;
    position: relative;
    overflow: hidden
}

.open_menu_list li a:before {
    display: block;
    width: 17px;
    height: 8px;
    background: transparent url('../images/ic-10.png') no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    transition: 0.75s;
    z-index: 2;
    content: '';
    margin: auto;
}

.open_menu_list li a:hover:before {
    left: 0;
}

.open_menu_list li a:hover {
    text-decoration: none;
    padding-left: 38px;
    color: #fff;
}

.open_menu_list li a.active,.open_menu_list li.current-menu-item a{
    text-decoration: none;
    padding-left: 38px;
    color: #fff;
}

.open_menu_list li a.active:before,.open_menu_list li.current-menu-item a:before {
    left: 0;
}

.open_menu_bot {
    padding-left: 70px;
    width: 100%;
    position: absolute;
    bottom: 45px;
    left: 0;
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 1.5;
}

.open_menu_body {
    padding-bottom: 88px;
}

.tb_language_search {
    float: right;
    display: flex;
    padding-top: 23px;
}
.tb_search{
    width: 19px;
    height: 20px;
    background: transparent url("../images/ic-8.png") no-repeat center center;
    float: left;
    text-indent: -9999px;

}
.tb_search.scr{
    background: transparent url("../images/ic-8-bl.png") no-repeat center center;
}

.widget_polylang ul {
    margin: 0;
    padding: 0;
}

.widget_polylang ul li {
    list-style: none;
    display: inline-block;
    margin-left: 12px;
}

.widget_polylang ul li a {
    display: block;
    opacity: 0.5;
}

.widget_polylang ul li.current-lang a{
    opacity: 1;
}
.widget_polylang ul li a img{height: 19px !important;width: auto !important;}


/*home*/
.tbhome_banner {
    float: left;
    width: 100%;
    height: 100vh;
    background: transparent;
    position: relative;
}

.tbhome_banner {
    position: relative;
    z-index: 1;
}

.tbhome_banner_slide {
    width: 100%;
    height: 100%;
}

.tbhome_banner .swiper-slide {
    z-index: 2;
    padding: 0 15px;
}

.tbhome_banner .swiper-slide:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.tbhome_box {
    position: absolute;
    bottom: 190px;
    right: calc((100% - 1170px) / 2);
    z-index: 4;
    display: flex;
    align-items: center;
}

.tbhome_box .swiper-button-next, .tbhome_box .swiper-button-prev, .tbhome_box .swiper-pagination {
    position: unset;
}

.tbhome_banner_content {
    position: absolute;
    z-index: 4;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    left: 0;
}

.tbhome_banner_content h2, .tbhome_banner_content h1 {
    font-size: 50px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.42);
    float: left;
    width: 100%;
}

.tbhome_banner_content span {
    font-size: 24px;
    color: rgb(255, 255, 255);
    text-align: center;
    float: left;
    width: 100%;
    opacity: 1;
}

.btn_homebnner {
    border-width: 1px;
    border-color: rgba(161, 161, 161, 0.502);
    border-style: solid;
    background-color: rgba(5, 5, 5, 0.502);
    min-width: 130px;
    font-size: 15px;
    text-align: center;
    color: rgb(255, 255, 255);
    border-radius: 0;
    padding: 12px 5px;
    transition: 0.85s;
}

.btn_homebnner:hover {
    color: #fff;
    background-color: rgba(59, 82, 57, 0.502);
}

.tbhome_service {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.502);
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 100%;
}

.main_service {
    display: flex;
}

.service_item {
    width: 25%;
    padding: 0 5px;
    display: flex;
    justify-content: center;
    height: 120px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.service_item:last-child {
    border-right: none;
}

.service_item:hover {
    text-decoration: none;
}

.service_item_img {
    display: block;
    float: left;
    align-items: center;
    display: flex;
    margin-right: 15px;
}

.service_item_title {
    display: flex;
    align-items: center;
}
.service_item_title p{
    margin: 0
}

.service_item_txt {
    display: block;
    font-size: 14px;
    color: rgb(196, 196, 196);
    line-height: 1.2;
}

.service_item_number {
    display: block;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
}

.service_item_number b {
    font-size: 30px;
    font-weight: 700;
}

.tbhome_box .swiper-button-next:after, .tbhome_box .swiper-container-rtl .swiper-button-prev:after, .tbhome_box .swiper-button-prev:after, .tbhome_box .swiper-container-rtl .swiper-button-next:after {
    display: none;
}

.tbhome_box .swiper-button-next, .tbhome_box .swiper-button-prev {
    width: 10px;
    height: 16px;
    background-size: 10px 16px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0;
}

.tbhome_box .swiper-button-next {
    background-image: url('../images/ic-next.png');
    transform: rotate(180deg);
}

.tbhome_box .swiper-button-prev {
    background-image: url('../images/ic-next.png');
}

.tbhome_box .swiper-pagination-bullet {
    width: 38px;
    height: 38px;
    background: transparent;
    border: 1px solid transparent;
    opacity: 1;
    color: #fff;
    font-size: 14px;
    margin: 0 15px;
    padding-top: 7px;
}

.tbhome_box .swiper-pagination-bullet-active {
    border: 1px solid #fff;
}

.tbhome_box .swiper-button-next.swiper-button-disabled, .tbhome_box .swiper-button-prev.swiper-button-disabled,
.tbhome_box .swiper-button-next.swiper-button-disabled, .tbhome_box .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}


/*About-Us*/
.tbabout_banner {
    float: left;
    width: 100%;
    position: relative;
    height: 100vh;
    padding: 0 0;
    overflow: hidden;
}
.tbabout_banner img{
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    min-height: 200px;
}

.tbabout_banner:after {
    background: rgba(0, 0, 0, 0.3);
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

/*tbabout_tab*/
.tbabout_tab {
    float: left;
    width: 100%;
    background: #fff;
}

.tbabout_tab .nav-tabs {
    flex-wrap: nowrap;
    display: flex;justify-content: center;
    width: 100% !important;
    border: 0;
    overflow-x: auto;
}

.tbabout_tab .nav-tabs .nav-item,.tbabout_tab .nav-tabs .menu-item {
    margin-bottom: 0;
    width: 25%;
    flex-shrink: 0;
}

.tbabout_tab .nav-tabs .nav-link,.tbabout_tab .nav-tabs .menu-item>a {
    border: 0;display: block;
    border-radius: 0;
    font-size: 14px;
    color: #000;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    padding: 43px 5px 31px;
    position: relative;
    height: 100%;
    white-space: nowrap;
    border-bottom: 3px solid rgba(0, 0, 0, 0.102);
}

.tbabout_tab .nav-tabs .nav-link:after,.tbabout_tab .nav-tabs .menu-item>a:after {
    border-radius: 1px;
    background-color: rgb(0, 131, 187);
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 3px;
    content: '';
    display: none;
}

.tbabout_tab .nav-tabs .nav-item.active .nav-link, .tbabout_tab .nav-tabs .nav-link.active, .tbabout_tab .nav-tabs .nav-link:hover,.tbabout_tab .nav-tabs .menu-item>a:hover,.tbabout_tab .nav-tabs .menu-item.current-menu-item>a{text-decoration: none;
    color: rgb(0, 131, 187);
}

.tbabout_tab .nav-tabs .nav-item.show .nav-link:hover:after, .tbabout_tab .nav-tabs .nav-link.active:after,.tbabout_tab .nav-tabs .nav-item.active .nav-link:after, .tbabout_tab .nav-tabs .nav-link:hover:after,.tbabout_tab .nav-tabs .menu-item>a:hover:after,.tbabout_tab .nav-tabs .menu-item.current-menu-item>a:after {
    display: block;
}

/*tbabout_content*/
.tbabout_content {
    float: left;
    width: 100%;
    background: #fff url('../images/bg-intr-box1.jpg') no-repeat bottom center;
    padding-top: 50px;
    overflow-x: hidden;
}

.tbabout_content.tab_lsht {
    background: #fff url('../images/bgb-lsht.png') no-repeat bottom center;
}


.introduce_row {
    margin-bottom: 70px;
}

.introduce_left {
    float: left;
    width: 50%;
    padding-right: 90px;
}

.introduce_right {
    float: left;
    width: 50%;
}


.introduce_right img {
    width: 100%;
}
.introduce_right .img,.introduce_right .video{position: relative;width: 100%;overflow: hidden;padding-top: 60%;}
.introduce_right .img img{height: 100%;width: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.introduce_right .video iframe{width: 100%;height:100%;position: absolute;top: 0;left: 0;}
.introduce_right .owl-carousel .owl-dots{text-align: center;}
.introduce_right .owl-carousel .owl-dots .owl-dot{margin: 0 5px;padding:4px;}
.introduce_right .owl-carousel .owl-dots .owl-dot.active {background-color: #142171;}

.introduce_mark {
    font-size: 16px;
    color: rgb(99, 99, 99);
    text-transform: uppercase;
    line-height: 1.313;
    padding-top: 5px;
    margin-bottom: 6px;
}

.introduce_left h2 {
    font-size: 36px;
    color: rgb(20, 35, 64);
    font-weight: 700;
    line-height: 1.194;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.introduce_txt {
    text-align: justify;
}

.introduce_txt p {
    font-size: 15px;
    color: rgb(36, 36, 36);
    line-height: 1.6;
    margin-bottom: 32px;
}

.introduce_txt_list {
    margin: 0;
    padding: 0;
}

.introduce_txt_list li {
    list-style: none;
    background: transparent url('../images/ic-11.png') no-repeat left 2px;
    font-size: 14px;
    color: rgb(20, 35, 64);
    font-weight: 700;
    line-height: 1.286;
    padding-left: 28px;
    margin-bottom: 18px;
}

.introduce_row2 {
    margin-bottom: 0;padding-bottom: 60px;
}

.introduce_row2 .introduce_left {
    padding-left: 90px;
    padding-top: 57px;
}

.introduce_row2 .introduce_txt p {
    line-height: 1.4;
}

.tbabout_center {
    background: transparent url('../images/bg-intro-box2.jpg') no-repeat bottom center;
    min-height: 532px;
}

.center_content {
    display: flex;
    align-items: flex-end;
}

.center_right {
    float: left;
    width: 550px;
    position: relative;
    text-align: right;
}

.center_right img {
    max-width: 100%;
}

.center_left {
    float: left;
    width: calc(100% - 550px);
    padding-top: 175px;
}

.center_left h3 {
    font-size: 33px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    padding-left: 11px;
    margin-bottom: 22px;
    padding-top: 50px;
}

.center_left_txt {
    padding: 0 90px 50px 30px;
    background: transparent url('../images/ic-13.png') no-repeat left 6px;
}

.center_left_txt p {
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 11;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}

.center_right_nd {
    width: 230px;
    position: absolute;
    left: 0;
    bottom: 50px;
    text-align: left;
}

.center_right_name {
    font-size: 25px;
    font-family: "Prata";
    line-height: 1.2;
    text-align: center;
    color: #ffce65;
    padding: 10px 0 2px;
}

.center_right_name span {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    vertical-align: 4px;
}

.center_right_info {
    font-size: 11px;
    color: rgb(152, 166, 189);
    line-height: 1.455;
    text-align: center;
}

.tbabout_bot {
    background: #ebf3f8;
    padding-bottom: 0px;
}

.tbabout_bot_content {
    width: 100%;
    max-width: 1200px;
    padding: 0px;
    margin: 0 auto 0;
}

.tbabout_bot_vct {

}

.bot_vct_left {
    float: left;
    width: 590px;
    margin-top: -60px;
}

.bot_vct_left img {
    max-width: 100%;
}

.bot_vct_right {
    float: left;
    width: calc(100% - 590px);
    padding: 140px 103px 10px;
}

.bot_vct_left .card-columns {
    column-count: 2;
    column-gap: 25px;
}

.bot_vct_left .card {
    border-width: 1px;
    border-color: rgb(206, 225, 237);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.05);
    min-height: 250px;
    padding: 30px 10px 10px;
    margin-bottom: 25px;
}

.card_first {
    margin-top: -30px;
}

.bot_vct_left .card_2 {
    margin-bottom: 0;
}

.card_img {
    height: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card_title {
    font-size: 18px;
    color: rgb(0, 131, 187);
    line-height: 1.2;
    text-align: center;
    font-weight: 500;
}

.card_title span {
    text-transform: uppercase;
}

.bot_vct_left .card_box_title {
    font-size: 24px;
    color: rgb(20, 35, 64);
    font-weight: 700;
    padding: 33px 0 22px;
}

.vct_right_title {
    font-size: 36px;
    color: rgb(20, 35, 64);
    font-weight: 700;
    margin-bottom: 15px;

}

.vct_right_txt {
    font-size: 15px;
    color: rgb(28, 28, 28);
    line-height: 1.467;
    text-align: justify;
}

.tbabout_bot_ctck {
    background: #ebf3f8;padding-top: 50px;
    padding-bottom: 100px;
}

.bot_ctck_right {
    float: left;
    width: 50%;
    overflow: hidden;
    height: 428px;
    border-radius: 5px;
    background-color: rgb(158, 11, 15);
    box-shadow: 0px 18px 40px 0px rgba(0, 0, 0, 0.08);
}

.bot_ctck_right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.bot_ctck_left {
    float: left;
    width: 50%;
    padding: 86px 75px 20px 68px;
}

.ctck_left_txt {

}

.ctck_left_txt p {
    padding-left: 35px;
    background: transparent url('../images/ic-12.png') no-repeat left 5px;
    font-size: 15px;
    color: rgb(26, 26, 26);
    line-height: 1.333;
    margin-bottom: 22px;
    text-align: justify;
}


/*tb_footer*/
.tb_footer {
    float: left;color: #fff;
    width: 100%;
    padding: 52px 0 40px;
    min-height: 428px;
}
body.home .tb_footer,body.home .tb_footer_coppyright{display: none;}
.tb_footer .widget{float: left;}
.tb_footer .widget .textwidget a{color: #fff;}
.footer_top {
    padding-bottom: 33px;
    background: transparent url(../images/bg-footer-top.png) no-repeat bottom center;
}

.tb_footer .container {
    max-width: 1180px;
}

.footer_top .widget:nth-child(1) {
    width: 21.7%;
    padding-right: 10px;
}

.footer_top .widget:nth-child(2) {
    width: 26.5%;
    padding-right: 10px;
}

.footer_top .widget:nth-child(3) {
    width: 23.7%;
    padding-right: 10px;
}

.footer_top .widget:nth-child(4) {
    width: 28.1%;
}

.footer_top_title {
    font-size: 18px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 17px
}

.tb_footer .textwidget ul {
    margin: 0;
    padding: 0;
}

.tb_footer .textwidget ul li {
    list-style: none;
    margin-bottom: 15px;
}

.tb_footer .textwidget ul li a {
    font-size: 14px;
    color: rgb(255, 255, 255);
    position: relative;
    padding-left: 18px;
}

.tb_footer .textwidget ul li a:before {
    background: #57adf7;
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    left: 0;
    top: 5px;
    position: absolute;
}

.tb_footer .textwidget ul li a:hover {
    text-decoration: none;
    color: #f8c146;
}

.footer_top_search {
    background-color: rgb(8, 41, 70);
    max-width: 310px;
    width: 100%;
    height: 48px;
    margin-bottom: 20px;
    position: relative;
}

.footer_top_search input.input {
    padding: 0 40px 0 20px;
    line-height: 48px;
    font-size: 14px;
    color: #5f7493;
    background-color: transparent;
    border: 0;
    width: 100%;
    z-index: 9 !important;
}

.footer_top_search input.btn-reg-mail {
    background-image: url('../images/ic-14.png');
    background-repeat: no-repeat;
    background-position: center center;background-color: transparent;
    width: 40px;height: 48px;
    font-size: 0;border: none;outline: none;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -9999px;
    z-index: 10;
}

.footer_top_search input::placeholder {
    font-size: 14px;
    color: #5f7493;
}

.footer_search_txt {
    font-size: 14px;
    color: rgb(151, 166, 189);
    line-height: 1.429;
}

.footer_top2 {
    padding-top: 37px;
}

.footer_top2 .widget:nth-child(1) {
    padding-right: 10px;width: 21.7%;
}

.footer_top2 .widget:nth-child(1) img {
    max-width: 100%;
}

.footer_top2 .widget:nth-child(2) {
    width: 43.8%;
    padding-right: 10px;
}

.footer_address {
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 1.5;
}

.footer_address_lh {
    background: transparent url('../images/ic-15.png') no-repeat left 3px;
    padding-left: 25px;
    color: #FFF;
}

.footer_address_mail {
    background: transparent url('../images/ic-16.png') no-repeat left 8px;
}

.footer_address_lh a {
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 2.143;
}

.footer_address_lh a:hover {
    text-decoration: none;
    color: #fff;
}

.footer_top2 .widget:nth-child(3) {
    width: 21.4%;
}


.footer_social {
    display: flex;
}

.footer_social a {
    margin-right: 35px;
    align-items: center;
    display: flex;
}

.footer_top2 .widget:nth-child(4) {
    width: 13.1%;
}

.tb_footer_coppyright {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: rgb(75, 124, 167);
    line-height: 1.75;
    background: #002545;
    padding: 17px 15px 16px;
}
.tb_footer_coppyright *{margin-bottom: 0;}
/*tbabout_dev_tab*/
.tbabout_dev_tab {
    padding-bottom: 78px;
}

.tbabout_dev_tab .nav-tabs {
    border-bottom: 0;
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 10px;
}

.tbabout_dev_tab .nav-tabs .nav-item {
    margin-bottom: 0;
    padding-right: 92px;
    position: relative;
}

.tbabout_dev_tab .nav-tabs .nav-item:after {
    display: block;
    content: '';
    width: 100%;
    border-top: 1px dotted rgba(0, 0, 0, 0.302);
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 0;
}

.tbabout_dev_tab .nav-tabs .nav-item-last {
    padding-right: 0;
}

.tbabout_dev_tab .nav-tabs .nav-link {
    width: 78px;
    height: 78px;
    display: block;
    border-radius: 50%;
    border: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background: #eff4f9;
    position: relative;
    z-index: 2;
    font-size: 15px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
}

.tbabout_dev_tab .nav-tabs .nav-link.nav-item-bg {
    background: transparent url('../images/bg-number.png') no-repeat center center;
    background-size: cover;
}

.tbabout_dev_tab .nav-tabs .nav-item.show .nav-link, .tbabout_dev_tab .nav-tabs .nav-link.active {
    background: #0083bb;
    color: #fff;
}

.tbabout_dev_tab .nav-tabs .nav-item.show .nav-item-bg, .tbabout_dev_tab .nav-tabs .nav-item-bg.active {
    background: transparent url('../images/bg-number-h.png') no-repeat center center;
    background-size: cover;
}

.dev_tab_title {
    font-size: 26px;
    color: rgb(13, 13, 13);
    line-height: 1.538;
    text-align: center;
    margin-bottom: 40px;
}

.dev_tab_left {
    float: left;
    width: 50%;
    padding: 60px 80px 0 42px;
}

.dev_tab_right {
    float: left;
    width: 50%;
    height: 378px;
    overflow: hidden;
    padding: 0 7px 0 25px;
}

.dev_tab_right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.dev_tab_left h3 {
    font-size: 30px;
    color: rgb(0, 0, 0);
    line-height: 1.333;
    margin-bottom: 13px;
}

.dev_tab_txt {
    font-family: Roboto;
    text-align: justify;
}

.dev_tab_txt p {
    font-size: 16px;
    color: rgb(0, 0, 0);
    line-height: 1.5;
}

.gues_slick {
    position: relative;
    padding: 0 30px;
}

.gues_slide {
    padding-bottom: 140px !important;
}

.gues_slide_item {
    height: 30px;
    background: red;
}

.gues_slick .swiper-slide {
    height: 434px;
    padding: 30px 0;
}

.swiper-slide-video {
    position: relative;
    width: 100%;
    height: 100%;
}

.swiper-slide-video:after {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.6);
    z-index: 2;
    top: 0;
    left: 0;
}

/*.swiper-slide img{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}*/
.gues_slick .swiper-slide-active {
    padding: 0;
}

.gues_slick .swiper-slide-active .swiper-slide-video:after {
    display: none;
}

.gues_slide_info {
    display: none;
}

.gues_slick_avt {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    vertical-align: -14px;
    margin-right: 10px;
}

.gues_slick_avt img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.gues_slick_name {
    font-size: 13px;
    color: #86878a;
    line-height: 1.125;
    display: inline-block;
    text-align: left;
}

.gues_slick_name b {
    font-size: 16px;
    display: block;
    font-weight: 500;
    color: #142c5b;
}

.gues_slick_content {
    display: flex;
    position: absolute;
    bottom: 50px;
    width: 100%;
    text-align: center;
    left: 0;
    align-items: center;
    justify-content: center;
}

.gues_slick .swiper-button-next:after, .gues_slick .swiper-container-rtl .swiper-button-prev:after {
    display: none;
}

.gues_slick .swiper-button-prev:after, .gues_slick .swiper-container-rtl .swiper-button-next:after {
    display: none;
}

.gues_slick .swiper-button-next, .gues_slick .swiper-button-prev {
    width: 54px;
    height: 54px;
    background-color: transparent;
    background-size: cover;
    /*background-repeat: no-repeat;*/
    background-position: 54px 54px;
    top: 40%;
    box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.2);

}

.gues_slick .swiper-button-next {
    right: 0;
    background-image: url('../images/ic-22.png');
}

.gues_slick .swiper-button-prev {
    left: 0;
    background-image: url('../images/ic-23.png');
}

.gues_slick .swiper-button-next:hover {
    right: 0;
    background-image: url('../images/ic-20.png');
}

.gues_slick .swiper-button-prev:hover {
    left: 0;
    background-image: url('../images/ic-21.png');
}

.gues_slick .swiper-button-next.swiper-button-disabled, .gues_slick .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}

.gues_slick .swiper-button-next.swiper-button-disabled, .gues_slick .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}

.gues_slick .swiper-pagination-bullet {
    opacity: 1;
    width: 12px;
    height: 12px;
    border: 1px solid #41a8e2;
    background: transparent;
}

.gues_slick .swiper-pagination-bullet-active {
    background: #41a8e2;
}

/*tbabout_mission*/
.tbabout_mission {
    background: #fff url('../images/bg-miss.jpg') no-repeat top center;
    padding: 89px 0 30px;
}

.mission_left {
    float: left;
    width: 46%;
    padding: 0 98px 0 37px;
}

.mission_right {
    float: left;
    width: 54%;
    border-radius: 5px;
}

.mission_row1 .mission_right {
    height: 490px;
    overflow: hidden;
}

.mission_row1 .mission_right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.mission_left h3 {
    font-size: 36px;
    color: rgb(1, 1, 1);
    font-weight: 700;
    margin-bottom: 30px;
    padding-top: 12px;
}

.mission_txt {
    text-align: justify;
}

.mission_txt p {
    font-size: 16px;
    color: rgb(1, 1, 1);
    line-height: 1.313;
    margin-bottom: 18px;
    font-family: Roboto;
}

.mission_txt p b {
    font-weight: 700;
}

.mission_row1 {
    margin-bottom: 100px;
}

.mission_row2 .mission_left {
    background-color: rgb(239, 239, 239);
    padding: 57px 25px 80px 73px;
}

.mission_row2 .mission_right img {
    margin-top: -70px;
    max-width: 100%;
}

.mission_value {
    width: 100%;
    max-width: 1035px;
    margin: 0 auto;
    padding: 45px 0 0;
}

.value_item {
    border-radius: 3px;
    background-color: rgb(242, 242, 242);
    position: relative;
    width: 100%;
    height: 100%;
    padding: 45px 28px 32px 43px;
}

.mission_value .col-md-4 {
    padding-bottom: 30px
}

.value_item_img {
    height: 43px;
    display: flex;
    align-items: center;
    margin-bottom: 13px;
}

.value_item h3 {
    font-size: 26px;
    color: rgb(0, 0, 0);
    font-weight: 500;
    margin-bottom: 21px;
}

.value_item_txt {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1.5;
    text-align: justify;
}

.value_title {
    font-size: 36px;
    color: rgb(0, 0, 0);
    font-weight: 700;
    text-align: center;
    margin-bottom: 27px;
}

.value_item1:before {
    content: '';
    display: block;
    width: 100%;
    background-color: rgb(64, 164, 228);
    position: absolute;
    height: 4px;
    z-index: 43;
    border-radius: 2px;
    top: 0;
    left: 0;
}

.value_item2:before {
    content: '';
    display: block;
    width: 100%;
    background-color: #e3bc21;
    position: absolute;
    height: 4px;
    z-index: 43;
    border-radius: 2px;
    top: 0;
    left: 0;
}

.value_item3:before {
    content: '';
    display: block;
    width: 100%;
    background-color: #56ba3f;
    position: absolute;
    height: 4px;
    z-index: 43;
    border-radius: 2px;
    top: 0;
    left: 0;
}

/*recruitment*/
.tbrecruitment_banner {
    height: 100vh;
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.tbrecruitment_banner img{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.tbrecruitment_banner .tbhome_banner_content {
    padding: 0 15px;
    font-size: 40px;
}

.tbrecruitment_banner .tbhome_banner_content h1 {
    font-size: 40px;
}

.tbrecruitment_banner:after {
    background: rgba(0, 0, 0, 0.2);
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.recruitment_banner {
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    padding: 45px 0;
    width: 100%;
}

.recruitment_menu_list {
    margin: 0;
    padding: 0;
    float: left;
    display: flex;
}

.recruitment_menu_list li {
    list-style: none;
    display: inline-block;
    margin-right: 70px;
    padding: 12px 0;
}

.recruitment_menu_list li a {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 1.313;
}

.recruitment_menu_list li a:hover, .recruitment_menu_list li a.active {
    color: #f7ca40;
    text-decoration: none;
}

.btn_recm_down {
    border-radius: 3px;
    background-color: rgb(0, 131, 187);
    min-width: 195px;
    padding: 12px 20px 12px 37px;
    background-image: url('../images/ic-25.png');
    background-repeat: no-repeat;
    background-position: top 13px left 20px;
    font-size: 14px;
    color: rgb(243, 249, 255);
    line-height: 1.5;
    float: left;
    transition: 0.85s;
}

.btn_recm_down:hover {
    color: rgb(243, 249, 255);
    background-color: #0a4f6d;
}


/*tbrecruitment_news*/
.tbrecruitment_news {
    float: left;
    width: 100%;
    background: #f3faff;
    padding: 52px 0 30px;
}

.recruitment_news_left {
    margin-bottom: 50px;
    padding-top: 70px;
    padding-right: 25px;
}

.recruitment_news_left h3 {
    font-size: 30px;
    color: rgb(0, 0, 0);
    font-weight: 500;
    margin-bottom: 26px;
}

.recruitment_news_txt {
    text-align: justify;
}

.recruitment_news_txt p {
    font-size: 15px;
    color: rgb(0, 0, 0);
    line-height: 1.6;
}

.recruitment_news_right {
    max-height: 534px;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 50px;
}

.recruitment_news_right img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/*tbrecruitment_welfare*/
.tbrecruitment_welfare {
    float: left;
    width: 100%;
    padding: 0 0 30px;
    background: #f3faff;
}

.welfare_title {
    font-size: 36px;
    color: rgb(0, 0, 0);
    font-weight: 500;
    text-align: center;
    margin-bottom: 32px
}

.welfare_list {
    width: 100%;
    max-width: 1194px;
    margin: 0 auto;
    position: relative;
    padding: 0 27px;
}

.welfare_list .swiper-slide {
    height: auto;
}

.welfare_item {
    border-style: solid;
    border-width: 1px;
    border-color: rgba(18, 87, 127, 0.102);
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 100%;
    padding: 33px 40px 7px 38px;
}

.welfare_item_img {
    height: 60px;
    display: flex;
    align-items: center;
    margin-bottom: 22px;

}

.welfare_item h5 {
    font-size: 22px;
    color: rgb(0, 0, 0);
    line-height: 1.2;
    text-align: left;
    font-weight: 500;
    margin-bottom: 18px;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 52px;
}

.welfare_item_txt {

}

.welfare_item_txt p {
    font-size: 14px;
    color: rgb(58, 58, 58);
    line-height: 1.2;
    text-align: justify;
}

.welfare_slide {
    padding-bottom: 50px !important;
}

.welfare_list .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: transparent;
    border: 1px solid #0083bb;
    opacity: 1;
}

.welfare_list .swiper-pagination-bullet-active {
    background: #0083bb;
}

/*tbrecruitment_image*/
.tbrecruitment_image {
    float: left;
    width: 100%;
    background: #f3faff;
}

.image-col1 {
    float: left;
    width: 38.2%;
    padding-right: 5px;
}

.image-col2 {
    float: left;
    width: 20.7%;
    padding-right: 5px;
}

.image-col3 {
    float: left;
    width: 20.7%;
    padding-right: 5px;
}

.image-col4 {
    float: left;
    width: 20.4%;
}

.image_item {
    width: 100%;
    height: 667px;
    overflow: hidden;
}

.image_item2 {
    height: 331px;
    overflow: hidden;
    width: 100%;
}

.image_item2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.image_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.image-col2 .image_item, .image-col4 .image_item {
    height: 331px;
    margin-bottom: 5px;
    overflow: hidden;
}

/*recruitment-news*/
.tbrctnews_search {
    float: left;
    width: 100%;
    padding: 18px 0;
    background: #fff;
}
.tbrctnews_search form ul{width: 1200px;display: flex;flex-wrap: wrap;padding-left: 0;margin: 0 auto;}
.tbrctnews_search form ul li{padding: 0 15px;}
.tbrctnews_search form ul li:first-child{width: 25%;}
.tbrctnews_search form ul li:nth-child(2){width: 33.333333%;}
.tbrctnews_search form ul li:nth-child(3){width: 25%;}
.tbrctnews_search form ul li:nth-child(4){width: 16.666667%;}
.tbrctnews_search form ul li label{width: 100%;}
.tbrctnews_search form ul li .sf-input-select{border-width: 1px;
    border-color: rgb(225, 225, 225);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    width: 100%;
    line-height: 44px;
    height: 46px;
    padding-left: 20px;
    padding-right: 30px;
    font-size: 14px;
    color: rgb(0, 0, 0);
    appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/ic-26.png);
    background-repeat: no-repeat;
    background-position: right 13px center;
    font-family: Arial;
    font-weight: 500;}
.tbrctnews_search form ul li input[type="submit"]{border-radius: 3px;
    background-color: #ffc107;
    border-color: #ffc107;
    width: 100%;
    max-width: 180px;
    height: 46px;
    font-size: 14px;
    color: rgb(0, 0, 0);
    text-align: center;
    padding: 12px 5px 11px;}

.search_slt {
    border-width: 1px;
    border-color: rgb(225, 225, 225);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    width: 100%;
    line-height: 44px;
    height: 46px;
    padding-left: 20px;
    padding-right: 30px;
    font-size: 14px;
    color: rgb(0, 0, 0);
    appearance: none;
    -webkit-appearance: none;
    background-image: url('../images/ic-26.png');
    background-repeat: no-repeat;
    background-position: right 13px center;
    font-family: Arial;
    font-weight: 500;
}

.btn-search {
    border-radius: 3px;
    background-color: #ffc107;
    border-color: #ffc107;
    width: 100%;
    max-width: 180px;
    height: 46px;
    font-size: 14px;
    color: rgb(0, 0, 0);
    text-align: center;
    padding: 12px 5px 11px;
}
.btn-search:hover{
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
}

/*tbrctnews_listnews*/
.tbrctnews_listnews {
    float: left;
    width: 100%;
    background: #f3faff;
    padding: 20px 0 25px;
}

.total_slt {
    border-width: 1px;
    border-color: rgb(225, 225, 225);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    width: 133px;
    line-height: 44px;
    height: 46px;
    padding-left: 20px;
    padding-right: 30px;
    font-size: 14px;
    color: rgb(0, 0, 0);
    appearance: none;
    -webkit-appearance: none;
    background-image: url('../images/ic-26.png');
    background-repeat: no-repeat;
    background-position: right 13px center;
    float: right;
}

.listnews_top {
    margin-bottom: 27px;
}

.listnews_top_total {
    float: left;
    width: calc(100% - 133px);
    font-size: 24px;
    color: #131a21;
    padding-top: 5px;
    font-family: Roboto;
}

.listnews_top_total span {
    color: #0aade9;
}

.tbrctnews_listnews .col-md-6 {
    padding-bottom: 20px;
}

.listnews_item {
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-color: rgb(234, 234, 234);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    position: relative;
    min-height: 215px;
    display: flex;
    padding: 20px;
}

.listnews_item_avt {
    display: block;
    width: 162px;
    min-height: 162px;
    position: relative;
    background: #f5f8fa;
    flex-shrink: 0;
    overflow: hidden;
}

.listnews_item_avt img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 100%;height: auto;
    transition: 0.6s;
}
.listnews_item_avt:hover img {
    transform: scale(1.2);
}

.listnews_item_body {
    padding: 20px 0 0 33px;
    width: calc(100% - 162px);
}

.listnews_item_body h5 {
    margin-bottom: 11px;
}

.listnews_item_body h5 a {
    font-size: 20px;
    color: rgb(14, 17, 20);
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.listnews_item_body h5 a:hover, .listnews_item_avt:hover +div.listnews_item_body h5 a{
    text-decoration: none;
    color: #0083bb;
}

.listnews_item_txt {

}

.listnews_item_txt p {
    font-size: 14px;
    color: rgb(71, 71, 71);
    line-height: 1.714;
    margin-bottom: 0;
}

.btn_listnews_links {
    display: inline-block;
    position: absolute;
    bottom: 14px;
    right: 12px;
    font-size: 14px;
    color: rgb(10, 173, 233);
    font-weight: 500;
    text-transform: uppercase;
}

.btn_listnews_links:hover {
    text-decoration: none;
    color: rgb(10, 173, 233);
    text-decoration: underline;
}

/*tbrctnews_detail*/
.tbrctnews_detail {
    float: left;
    width: 100%;
    background: #f3faff;
    padding: 24px 0 55px;
}

.detail_left {
    float: left;
    width: calc(100% - 375px);
    padding-right: 30px;
    background: transparent;
}

.detail_right {
    float: left;
    width: 375px;
    background: #fff;
    padding: 20px 20px 0;
}

.detail_content {
    background: #fff;
    padding: 30px 30px;
}

.detail_job {
    padding-bottom: 30px;
    border-bottom: 1px solid rgb(231, 231, 231);
}

.detail_job h2 {
    font-size: 30px;
    color: rgb(18, 30, 41);
    font-weight: 700;
}

.detail_job_vt {
    font-size: 16px;
    color: rgb(30, 143, 222);
    line-height: 1.313;
    margin-bottom: 20px;
    display: block;
}

.detail_job_table {
    border: 0;
    background: transparent;
    width: 100%;
    margin-bottom: 25px
}

.detail_job_table tr td {
    font-size: 14px;
    color: rgb(51, 51, 51);
    line-height: 1.857;
    padding-right: 5px
}

.detail_job_table tr td:first-child {
    font-weight: 700;
}

.btn_apply {
    border-radius: 3px;
    background-color: rgb(0, 131, 187);
    width: 100%;
    max-width: 186px;
    font-size: 16px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 12px 5px;
    margin-right: 28px;
}

.btn_apply:hover {
    color: rgb(243, 249, 255);
    background-color: #0a4f6d;
}

.btn_share {
    display: inline-block;
    font-size: 16px;
    color: #888888;
    white-space: nowrap;
}

.btn_share:hover {
    color: #888888;
    text-decoration: none;
}

.detail_wf {
    padding: 20px 0;
    border-bottom: 1px solid rgb(231, 231, 231);
}

.detail_wf h5 {
    font-size: 20px;
    color: rgb(18, 30, 41);
    font-weight: 700;
    margin-bottom: 20px;
}

.wf_list {
    padding: 0;
}

.wf_item {position: relative;
    list-style: none;
    padding-left: 30px;
    width: 50%;
    display: inline-block;
    font-size: 14px;
    color: rgb(18, 30, 41);
    float: left;
}
.wf_item i{position: absolute;left: 0;top: 3px;}
.detail_request {
    padding: 20px 0 0;
}

.detail_request h3 {
    font-size: 20px;
    color: rgb(18, 30, 41);
    font-weight: 700;
    margin-bottom: 15px;
}

.detail_request p {
    margin-bottom: 0;
    font-size: 14px;
    color: rgb(18, 30, 41);
    line-height: 1.714;
}

.detail_right h3 {
    font-size: 20px;
    color: rgb(18, 30, 41);
    font-weight: 700;
    margin-bottom: 32px;
}

.detail_right h3:before {
    background-color: rgb(30, 143, 222);
    width: 3px;
    height: 21px;
    display: inline-block;
    content: '';
    vertical-align: -2px;
    margin-right: 5px;
}

.detail_right_item {
    display: flex;
    margin-bottom: 20px;
}

.detail_right_item .listnews_item_avt {
    float: left;
    min-height: 79px !important;
    width: 79px;
}

.detail_right_item .listnews_item_body {
    width: calc(100% - 79px);
    float: left;
    padding: 0 0 0 10px;
}

.detail_right_item .listnews_item_avt img {
    max-width: 58px;height: auto;
}

.detail_right_item .listnews_item_body h5 a {
    font-size: 16px;
}

.box_btn_apply {
    display: flex;
    align-items: center;
}

/*cho-tay-bac*/
.tbmarket_banner {
    /*background: transparent url('../images/bg-market.jpg') no-repeat center center;*/
}

.tbmarket_banner .tbhome_banner_content h1 {
    font-size: 36px;
}

.tbmarket_banner13 {
    background: transparent url('../images/bg-market13.jpg') no-repeat center center;
}

/*tbmarket_nlgm*/
.tbmarket_nlgm {
    float: left;
    width: 100%;
    padding: 65px 0 30px;
    background: #fff;
}

.tbmarket_nlgm .container {
    max-width: 1170px;
}

.tbmarket_nlgm img {
    width: 100%;
}

.nlgm_content {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 75px;
}

.nlgm_left {
    width: 60.53%;
    border-right: 1px solid rgba(0, 0, 0, 0.102);
    display: flex;
    align-items: center;
    padding: 0 128px 0 69px;
}


.nlgm_right {
    width: 39.47%;
    display: flex;
    align-items: center;
    padding-left: 88px;
}

.nlgm_left_nd {

}

.nlgm_left_nd h2 {
    font-size: 36px;
    color: rgb(29, 62, 100);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 32px;
    max-width: 360px;
}

.nlgm_left_txt {
    text-align: justify;
}

.nlgm_left_txt p {
    font-size: 15px;
    color: rgb(34, 38, 42);
    line-height: 1.6;
    margin-bottom: 25px;
}

.nlgm_right_nd {

}

.nlgm_right_param {
    font-size: 18px;
    color: rgb(126, 126, 126);
    text-transform: uppercase;
    line-height: 1.333;
    margin-bottom: 40px;
}

.nlgm_right_param span {
    font-size: 60px;
    color: rgb(229, 169, 35);
    font-weight: 700;
    display: block;
    margin-bottom: 15px;
}

/*tbmarket_cdac*/
.tbmarket_cdac {
    float: left;
    width: 100%;
    padding: 26px 0 40px;
    background: #fff;
}

.tbmarket_cdac .container {
    max-width: 1170px;
}

.cdac_content {

}

.row-item-project {
    float: left;display: flex;
    transition: 0.5s;
    width: 100%;
}

.cdac_left {
    width: 50%;
    float: left;
    height: 385px;
    overflow: hidden;
}

.cdac_left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.cdac_right {
    float: left;
    width: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 385px;
    flex-direction: column;
    background-color: #FFF;
    text-decoration: none;
}
.row-item-project:nth-child(even){flex-direction: row-reverse;}
.row-item-project:nth-child(even) .row-item-project,.row-item-project:nth-child(even) .cdac_right{float: right;}

.cdac_right:after {
    content: '';
    display: block;
    width: 31px;
    height: 31px;
    position: absolute;
    transform: rotate(45deg);
    left: -16px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #FFF;
}

.cdac_right1:after {
    left: auto;
    right: -16px;
}

.cdac_right_title {
    font-size: 30px;
    color: rgb(18, 24, 30);
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 15px;
    text-align: center;
    transition: 0.5s;
}

.cdac_right_title:hover {
    text-decoration: none;
}

.cdac_right_links {
    font-size: 14px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 1.2;
    opacity: 0;
    background: #23343E;
    padding: 10px 20px;
    display: inline-block;
}

.cdac_right_links:hover {
    text-decoration: none;
}

.cdac_right:hover {
    background: #0583bb;
    text-decoration: none !important;
}

.row-item-project:hover .cdac_right_links {
    opacity: 1;
}

.cdac_right:hover:after, .row-item-project:hover .cdac_right:after, .row-item-project:hover .cdac_right {
    background: #0583bb;
    transition: 0.5s;
}

.cdac_right:hover .cdac_right_title, .cdac_right:hover .cdac_right_links, .row-item-project:hover .cdac_right_title {
    color: #fff;
}

.cdac_right_links:hover, .cdac_right_title:hover{
    opacity: 0.6 !important;
    transition: .5s;
}
.cdac_right:hover .cdac_right_links {
    opacity: 1;
    text-decoration: none;
}

.box_btn_seemore {
    text-align: center;
    padding-top: 35px;
}

.box_btn_seemore a {
    font-size: 14px;
    color: rgb(5, 131, 187);
    text-transform: uppercase;
    line-height: 1.2;
}

.box_btn_seemore a:hover {
    color: rgb(5, 131, 187);
    text-decoration: none;
}

.box_btn_seemore img {
    vertical-align: 2px;
    margin-left: 3px;
}

.cdac_content_all {
    display: none;
}

.cdac_title {
    font-size: 36px;
    color: rgb(29, 62, 100);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 63px;
}

.tbmarket_preview {
    float: left;
    width: 100%;
    background: #fff;
}

.tbmarket_preview .preview-top .swiper-slide {
    height: 587px;
}

.tbmarket_preview .preview-top .swiper-slide img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

.tbmarket_preview .preview-thumbs .swiper-slide {
    height: 121px;
}

.tbmarket_preview .preview-thumbs .swiper-slide img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.tbmarket_preview .preview-thumbs .swiper-slide:after,
.tbmarket_preview .preview-top .swiper-slide:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.602);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.tbmarket_preview .preview-top .swiper-slide.swiper-slide-active:after,
.tbmarket_preview .preview-thumbs .swiper-slide.swiper-slide-thumb-active:after {
    display: none;
}

.tbmarket_preview .preview-thumbs {
    width: 100%;
    max-width: 820px;
    margin-top: 30px;
}

.tbmarket_preview .swiper-button-next:after, .tbmarket_preview .swiper-container-rtl .swiper-button-prev:after {
    display: none;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    display: none;
}

.tbmarket_preview .swiper-button-next, .tbmarket_preview .swiper-button-prev {
    width: 54px;
    height: 54px;
    background-size: cover;
    box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.2);
}

.tbmarket_preview .swiper-button-next {
    background: transparent url('../images/ic-22.png') no-repeat center center;
    right: calc((100% - 1044px) / 2);
}

.tbmarket_preview .swiper-button-prev {
    background: transparent url('../images/ic-23.png') no-repeat center center;
    left: calc((100% - 1044px) / 2);
}

.tbmarket_preview .swiper-button-next:hover {
    background: transparent url('../images/ic-20.png') no-repeat center center;
}

.tbmarket_preview .swiper-button-prev:hover {
    background: transparent url('../images/ic-21.png') no-repeat center center;
}

/*tb-project13-banner*/
.tb-project13-banner {
    background: transparent url('../images/bg-menu.jpg') no-repeat center center;
}

.numb-info-pj-detail:last-child {
    margin-right: 0 !important;
}

.tb-project-detail13 .info-left-pj-detail h2 {
    max-width: 500px;
}

.tb-project-detail13 .info-left-pj-detail span {
    max-width: 420px;
}

.image-col5 {
    float: left;
    width: 33.38%;
    padding-right: 3px;
    height: 438px;
    overflow: hidden;
}

.tbrecruitment_image .image-col5:last-child {
    width: 33.24%;
}

.image-col5 .image_item {
    position: relative;
    height: 100%;
    display: block;
}

.image-col5 .image_item img {
    position: relative;
    z-index: 1;
}

.image-col5 .image_item:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.image_item_title {
    font-size: 24px;
    color: rgb(255, 255, 255);
    position: absolute;
    align-items: center;
    display: flex;
    justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    text-transform: uppercase;
    z-index: 3;
    margin: 0;
}

.image-col5 .image_item:hover:after {
    background: rgba(0, 0, 0, 0.4);
}

.image-col5 .image_item:hover .image_item_title {
    opacity: 1;
}

/*project_tab*/
.project_tab {
    padding: 0;
}

.project_tab .container {
    max-width: 820px;
}

.project_tab .nav-tabs .nav-item {
    width: 33.3333%;
}

.project_tab .cdac_title {
    margin-bottom: 15px;
}

/*project_bot*/
.project_bot {
    float: left;
    width: 100%;
    background: transparent url('../images/bg-pr-bot.jpg') no-repeat center center;
    height: 599px;
    position: relative;
}

.project_bot_links {
    display: flex;
    width: 100%;
    max-width: 540px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: transparent url('../images/bg-double.png') no-repeat center center;
    background-size: cover;
    align-items: center;
    flex-direction: column;
    font-size: 36px;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: center;
    justify-content: center;
}

.project_bot_links span {
    font-size: 72px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
}

.project_bot_links:hover {
    text-decoration: none;
    color: #fff;
}

body {
    background: #FFF;
}

/*news*/
.tb-news-banner {
    /*    background: transparent url("../images/banner-news.jpg") no-repeat center top;
        background-size: cover;
        min-height: 720px;*/
}

.tbabout_banner.tb-news-banner:after {
    background: rgba(0, 0, 0, 0.6);
}

.tb-news-banner .tbhome_banner_content {
    top: 25vh;
}

.tb-news-banner .tbhome_banner_content h1 {
    text-transform: none;
}

.tb-news {
    float: left;
    width: 100%;
    margin-top: -40vh;
    position: relative;
    z-index: 10;
}

.tb-news .container {
    max-width: 1170px;
}

.list-news-sm {
    float: left;
    width: 100%;
    border-right: 1px solid #d1d1d1;
    padding-right: 30px;
    margin-bottom: 60px;
}

.item-news {
    float: left;
    width: 100%;
    padding: 25px 0px;
    border-top: 1px solid #d1d1d1;
    background: #FFF;
}

.img-item-news {
    width: 42%;
    height: 210px;
    float: left;
    overflow: hidden;

}


.img-item-news img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.6s;
}
.img-item-news img:hover {
    transform: scale(1.2);
}
.info-item-news {
    width: 58%;
    float: left;
    padding-left: 25px;
    padding-top: 10px;
}

.date-item-news {
    font-size: 14px;
    color: rgb(147, 147, 147);
    line-height: 20px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.name-item-news {
    font-size: 20px;
    font-weight: 400;
    color: rgb(14, 14, 14);
    line-height: 24px;
    width: 100%;
    float: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 15px;
}

.sum-item-news {
    font-size: 14px;
    color: rgb(102, 102, 102);
    line-height: 20px;
    width: 100%;
    height: 60px;
    float: left;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
}

.link-detail-item-news {
    font-size: 15px;
    color: #0084ff;
    line-height: 19px;
    display: flex;
    align-items: center;
    float: left;
}

.link-detail-item-news i.fa-chevron-right {
    font-size: 12px;
    margin-left: 5px;
    background: transparent url("../images/ic-27.png");
    width: 8px;
    height: 12px;
}

.link-detail-item-news:hover {
    text-decoration: none;
    color: #0083bb;
}

.item-news1 {
    padding: 0px;
    margin-bottom: 45px;
    border-top: none;
}

.item-news1 .img-item-news {
    width: 63%;
    height: auto;
}

.item-news1 .img-item-news img {
    height: 480px;
}

.item-news1 .info-item-news {
    width: 37%;
    padding: 20px 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 480px;
}

.item-news1 .name-item-news {
    -webkit-line-clamp: 4;
    font-size: 26px;
    font-weight: 400;
    color: rgb(26, 26, 26);
    line-height: 32px;

}

.item-news1 .sum-item-news {
    -webkit-line-clamp: 4;
    height: 96px;
    line-height: 24px;
}

.name-item-news:hover, .img-item-news:hover +div .name-item-news{
    text-decoration: none;
    color: #0083bb;
}

.row-pagination {
    float: left;
    width: 100%;
}
.tbmarket_cdac .row-pagination{margin-top: 30px;}
.wp-pagenavi{display: flex;justify-content: center;}
.wp-pagenavi a, .wp-pagenavi span{margin: 0 7px;width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    padding: 0px;
    border-radius: 3px;
    border-width: 1px;
    border-color: rgb(214, 231, 238);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    color: rgb(132, 132, 132);}

.wp-pagenavi span.pages,.wp-pagenavi a.last{display: none;}
.wp-pagenavi a:hover, .wp-pagenavi span.current{    background-color: #0083bb;
    border-color: #0083bb;
    color: #FFF;text-decoration: none;}
.wp-pagenavi a.nextpostslink,.wp-pagenavi a.previouspostslink{border: none;margin: 0;}
.wp-pagenavi a.nextpostslink:hover,.wp-pagenavi a.previouspostslink:hover{background-color: rgb(255, 255, 255);color: rgb(132, 132, 132);}
.row-pagination .page-item {
    margin: 0px 7px;
}

.row-pagination .page-item .page-link, .row-pagination .page-item span {
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    padding: 0px;
    border-radius: 3px;
    border-width: 1px;
    border-color: rgb(214, 231, 238);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    color: rgb(132, 132, 132);

}

.row-pagination .page-item span {
    float: left;
    border: none;
}

.row-pagination .page-item.active .page-link, .row-pagination .page-item .page-link:hover {
    background-color: #0083bb;
    border-color: #0083bb;
    color: #FFF;
}

.row-pagination .page-item-first, .row-pagination .page-item-last {
    margin: 0px;
}

.row-pagination .page-item-first .page-link, .row-pagination .page-item-last .page-link {
    color: rgb(132, 132, 132);
    border: none;
    margin: 0px;
}

.row-pagination .page-item-first .page-link:hover, .row-pagination .page-item-last .page-link:hover {
    color: #0083bb;
    border: none;
    background: transparent;
}


.menu-cat {
    float: left;
    width: 100%;list-style: none;
    margin-bottom: 50px;
    padding-left: 20px;
}

.title-menu-cat {
    float: left;
    width: 100%;
    font-size: 20px;
    color: rgb(24, 24, 24);
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 15px;
}

.menu-cat li >a {
    float: left;
    width: 100%;
    font-size: 16px;
    color: rgb(174, 174, 174);
    text-transform: uppercase;
    line-height: 20px;
    padding: 15px 0px;
    border-bottom: 1px solid #d1d1d1;
}

.menu-cat li.current-menu-item >a,.menu-cat li.current-post-parent >a {
    font-weight: bold;
    color: #000;
    text-transform: none;
    font-size: 20px;
}

.menu-cat li >a:hover {
    text-decoration: none;
    color: #0083bb
}

.news-related {
    float: left;
    width: 100%;
    margin-bottom: 50px;
    padding-left: 20px;
}

.title-news-related {
    float: left;
    width: 100%;
    font-size: 20px;
    color: rgb(24, 24, 24);
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 15px;
}

.item-news-related {
    float: left;
    width: 100%;
    padding: 15px 0px;
    border-bottom: 1px solid #e5e5e5;
}

.item-news-related:last-child {
    border-bottom: none;
}

.img-item-news-related {
    float: left;
    width: 94px;
    height: 70px;
    overflow: hidden;
}

.img-item-news-related img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    transition: 0.6s;
}
.img-item-news-related img:hover {
    transform: scale(1.2);
}
.info-item-news-related {
    float: left;
    width: calc(100% - 94px);
    padding-left: 20px;
}

.name-item-news-related {
    float: left;
    width: 100%;
    font-size: 13px;
    color: rgb(0, 0, 0);
    line-height: 18px;
    max-height: 54px;
    overflow: hidden;
    margin-bottom: 10px;
}

.name-item-news-related:hover, .img-item-news-related:hover +div.info-item-news-related .name-item-news-related{
    text-decoration: none;
    color: #0083bb
}

.date-item-news-related {
    font-size: 12px;
    color: rgb(98, 98, 98);
    line-height: 1.2;
    float: left;
}

/*new detail*/
.tb-new-banner {
    float: left;
    width: 100%;
    margin-bottom: 55px;
    position: relative;
    text-align: center;
}

.tb-new-banner img {
    max-width: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

.tb-new-banner:after {
    background: rgba(0, 0, 0, 0.5);
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.tb-new-detail {
    float: left;
    width: 100%;

}

.new-detail-content {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 0px;

}

.new-detail-content h1 {
    font-size: 36px;
    color: rgb(22, 22, 22);
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 35px;
}

.row-date {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 25px;
}

.date-new-detail {
    background: transparent url("../images/ic-calada.png") no-repeat center left;
    font-size: 16px;
    color: rgb(149, 149, 149);
    line-height: 1.2;
    font-weight: 400;
    padding-left: 30px;
}

.fb-like {
    float: right;
}

.sum-new-detail {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: rgb(22, 22, 22);
    font-style: italic;
    line-height: 22px;
    margin-bottom: 20px;
}

.desc-new-detail {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: rgb(22, 22, 22);
    line-height: 22px;
    margin-bottom: 20px;
}

.desc-new-detail img {
    max-width: 100%;
    height: auto !important;

}

.list-news-other {
    float: left;
    width: 100%;
    margin-bottom: 90px;
}

.item-news-other {
    float: left;
    width: 100%;
    padding: 15px 0px;
    border-bottom: 1px solid #e5e5e5;
}

.date-item-news-other {
    font-size: 14px;
    color: rgb(147, 147, 147);
    line-height: 1.286;
    font-weight: 400;
    margin-bottom: 10px;
}

.name-item-news-other {
    font-size: 18px;
    color: rgb(0, 0, 0);
    line-height: 1.333;
    float: left;
    width: 100%;
    background: transparent url("../images/ic-arr-r.png") no-repeat right 8px;
    padding-right: 100px;
}

.name-item-news-other:hover {
    text-decoration: none;
    color: #0083bb;
    background: transparent url("../images/ic-arr-r-ac.png") no-repeat right 8px;
}


/*contact*/
.tb-contact-banner {
    min-height: 960px;
    padding: 240px 0px 100px;position: relative;
}
.tb-contact-banner:after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.3);}
.tb-contact-banner .container{position: relative;z-index: 2;}
.frm-send-contact {
    float: left;
    width: 100%;
    padding-right: 30px;
}

.frm-send-contact h3 {
    font-size: 30px;
    color: rgb(255, 255, 255);
    line-height: 30px;
    font-weight: 400;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.frm-send-contact form {
    float: left;
    width: 100%;
}

.inp-frm-ct {
    background: transparent;
    font-size: 14px;
    color: rgb(153, 153, 153);
    color: #fff;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    width: 100%;
    float: left;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    margin-bottom: 30px;
}

.t-area-frm-ct {
    background: transparent;
    font-size: 14px;
    color: rgb(153, 153, 153);
    color: #fff;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    width: 100%;
    float: left;
    height: 100px;
    line-height: 20px;
    padding-left: 20px;
    margin-bottom: 30px;
}
.inp-frm-ct::-webkit-input-placeholder,.t-area-frm-ct::-webkit-input-placeholder{color: #fff;}

.btn-frm-ct {
    float: right;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.4);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0.4);
    width: 170px;
    height: 50px;
    font-size: 15px;
    color: rgb(255, 255, 255);
    line-height: 50px;
    text-align: center;
}

.btn-frm-ct:hover {
    background-color: rgba(0, 0, 0, 0.8);
    color: #FFF;
    text-decoration: none;
}

.map-comp {
    float: left;
    width: 100%;
    padding-top: 20px;
    margin-bottom: 40px;
    padding-left: 30px;
}
.map-comp iframe{width: 100%;height: 350px;}

.info-comp {
    float: left;
    width: 100%;
    padding-left: 30px;
}

.name-comp {
    float: left;
    width: 100%;
    font-size: 24px;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    margin-bottom: 30px;
}

.add-comp {
    background: transparent url("../images/ic-location.png") no-repeat left 6px;
    padding-left: 30px;
    float: left;
    width: 100%;
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 20px;
    margin-bottom: 20px;
}

.phone-comp {
    float: left;
    width: 100%;
    color: #FFF;
    margin-bottom: 20px;
    background: transparent url("../images/ic-phone.png") no-repeat left 0px;
    padding-left: 30px;
}

.phone-comp a {
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 20px;

}

.phone-comp a:hover {
    text-decoration: none;
    color: #0083bb;
}

.mail-comp {
    float: left;
    color: #FFF;
    margin-bottom: 20px;
    background: transparent url("../images/ic-mail.png") no-repeat left 4px;
    padding-left: 30px;
    color: rgb(255, 255, 255);
    line-height: 20px;
    margin-right: 50px;
}

.mail-comp:hover {
    text-decoration: none;
}

.website-comp {
    float: left;
    color: rgb(255, 255, 255);
    line-height: 20px;
    background: transparent url("../images/ic-website.png") no-repeat left 2px;
    padding-left: 30px;
}

.swiper-pagination-news {
    justify-content: flex-end;
    display: flex;
    padding-right: 35px;
    padding-bottom: 10px;
}

.slide-img-news .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: 1;
    border-width: 1px;
    border-color: rgb(0, 174, 239);
    border-style: solid;
}

.slide-img-news .swiper-pagination-bullet-active {
    opacity: 1;
    background: rgb(0, 174, 239);
}

/*project detail*/

.tb-project-banner {
    /*min-height: 1050px;*/
}

.tb-project-detail {
    float: left;
    width: 100%;
    padding: 50px 0px 90px;
    overflow: hidden;
}

.tb-project-detail1 {
    float: left;
    width: 100%;
    padding: 50px 0px 0;
}


.info-left-pj-detail {
    float: left;
    width: 100%;
}

.info-left-pj-detail h2 {
    float: left;
    width: 100%;
    font-size: 36px;
    color: rgb(29, 62, 100);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    max-width: 420px;
    margin-bottom: 40px;
}

.info-left-pj-detail h3 {
    float: left;
    width: 100%;
    font-size: 36px;
    color: rgb(29, 62, 100);
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.2;
    /*max-width: 420px;*/
    margin-bottom: 40px;
}

.info-left-pj-detail .content_top {
    float: left;
    width: 100%;
    font-size: 14px;
    color: rgb(28, 31, 33);
    line-height: 1.571;
    /*max-width: 400px;*/
    margin-bottom: 40px;
    text-align: justify;
}

.row-info-left {
    float: left;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.numb-info-pj-detail {
    float: left;
    margin-right: 30px;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

.numb-info-pj-detail .numb {
    float: left;
    width: 100%;
    font-size: 60px;
    color: rgb(229, 169, 35);
    font-weight: bold;
}

.numb-info-pj-detail .numb sub {
    font-size: 30px;
    vertical-align: middle;
    bottom: -6px;
}

.numb-info-pj-detail .lbl {
    font-size: 18px;
    color: rgb(126, 126, 126);
    text-transform: uppercase;
    line-height: 1.333;
    text-align: left;
    margin-bottom: 10px;
}

.info-right-pj-detail {
    float: left;
    width: 100%;
    border-left: 1px solid #e5e5e5;
    padding-left: 40px;
    padding-top: 20px;
    min-height: 350px;
}

.info-right-pj-detail .lbl {
    font-size: 16px;
    color: rgb(154, 154, 154);
    line-height: 1.5;
    float: left;
    width: 100%;
    font-family: Roboto;
}

.info-right-pj-detail .txt {
    font-size: 16px;
    color: rgb(0, 0, 0);
    /*font-weight: bold;*/
    line-height: 1.2;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.info-right-pj-detail a.txt {
    color: #0e75c5;
    font-weight: 400;
    float: left;
    width: 100%;
    word-wrap: break-word;
}

.scroll-wrapper {

}

.info-right-pj-detail .txt.name {
    text-transform: uppercase;
    font-size: 20px;
}

.list-img-pj-detail {
    float: left;display: flex;
    width: 100%;flex-wrap: wrap;
    overflow: hidden;    justify-content: space-between;
    margin-bottom: 40px;
}
.list-img-pj-detail .img-pj{width: 32%;}
.list-img-pj-detail img {
    max-width: 100%;
}

.img-pj {
    height: 308px;
    float: left;
    margin-bottom: 20px;
}

.list-img-second {
    display: flex;
    justify-content: space-between;
}

.list-img-pj-detail.gallery_2 .img-pj {
    width: 49%;
}

.list-img-one .img-pj {
    width: 100%;
    height: auto;
}

.list-img-third {
    display: flex;
    justify-content: space-between;
}

.list-img-third .img-pj {
    width: 32%;
}
.list-img-pj-detail.gallery_2sole .img-pj{width: 63%;}
.list-img-pj-detail.gallery_2sole .img-pj:nth-child(4n+2),.list-img-pj-detail.gallery_2sole .img-pj:nth-child(4n+3){width: 35%;}

.img-pj img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}



.desc-pj-detail {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.desc-pj-detail h3 {
    font-size: 36px;
    color: rgb(29, 62, 100);
    font-weight: bold;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 35px;
    text-align: center;
}

.desc-pj-detail span {
    font-size: 14px;
    color: rgb(28, 31, 33);
    line-height: 1.571;
    text-align: justify;
    max-width: 540px;
    width: 100%;
    margin-bottom: 40px;
    text-align-last: center;
}

.info-contact-pj-detail {
    float: left;
    width: 100%;
    display: flex;
    margin-top: 50px;    justify-content: center;
}

.left-contact {
    width: 50%;
    float: left;
    border-right: 1px solid #e5e5e5;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 20px;
    padding-top: 20px;
}

.left-contact h2 {
    font-size: 30px;
    color: rgb(29, 62, 100);
    font-weight: bold;
    line-height: 1.333;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.left-contact .lbl {
    font-size: 16px;
    color: rgb(126, 126, 127);
    line-height: 20px;
    text-align: center;
    width: 100%;

}

.left-contact .link-ct {
    font-size: 24px;
    color: #0083bb;
    font-weight: bold;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}


.right-reg-email {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 20px;
    padding-top: 20px;
}

.right-reg-email h2 {
    font-size: 30px;
    color: rgb(29, 62, 100);
    font-weight: bold;
    line-height: 1.333;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.right-reg-email .lbl {
    font-size: 16px;
    color: rgb(126, 126, 127);
    line-height: 20px;
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
    max-width: 410px;
    font-family: Roboto;
}

.right-reg-email .btn-popup-reg {
    background-color: rgb(16, 118, 197);
    width: 165px;
    height: 58px;
    font-size: 14px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 58px;
    margin-bottom: 20px;
    text-align: center;
}

.right-reg-email .btn-popup-reg:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(11, 87, 145);
    text-decoration: none;
}

.apply_form_tarea {
    border-width: 1px;
    border-color: rgb(225, 225, 225);
    border-style: solid;
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 120px;
    font-size: 14px;
    color: rgb(136, 136, 136);
    padding: 0 15px;
    margin-bottom: 20px;
    padding-top: 10px;
}

.apply_file_content h3 {
    font-size: 24px;
    color: rgb(20, 44, 91);
    font-weight: bold;
    line-height: 1;
    text-align: center;
    float: left;
    width: 100%;
}

.apply_file_content h4 {
    font-size: 16px;
    color: #6e7a92;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 400;
}

.btn_apply_popup {
    font-weight: 400;
}

#reg-email .apply_file {
    max-width: 850px;
    padding: 0px;
}

#reg-email .apply_file .modal-content {
    border: none
}

#reg-email .apply_file .apply_file_content {
    padding: 0px;
}

.img-popup-reg-email {
    float: left;
    width: 48%;
    height: 100%;
}

.img-popup-reg-email img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#reg-email .apply_file .frm-reg-email {
    float: left;
    width: 52%;
    padding: 40px 45px 20px;
}

#reg-email .apply_file .apply_file_suess {
    float: left;
    width: 52%;
    padding: 40px 45px 20px;
}

/*tb_404*/
.tb_404 {
    float: left;
    width: 100%;
    padding: 100px 0;
}

.tb_404_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tb_404_title {
    width: 100%;
    font-size: 20px;
    color: rgb(0, 0, 0);
    line-height: 1.5;
    text-align: center;
}

.tb_404_title span {
    font-size: 40px;
    color: rgb(97, 97, 97);
    line-height: 1.2;
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 5px;
}

.tb_404_content img {
    max-width: 100%;
}


/*Modal*/
.apply_file {
    max-width: 470px;
    background: #fff;
    border-radius: 0;
    position: relative;
}

.apply_file_content {
    padding: 55px 40px 40px;
}

.apply_file_content h5 {
    font-size: 26px;
    color: rgb(17, 17, 17);
    text-align: center;
    margin-bottom: 30px;
}

.apply_file_form {

}

.apply_form_title {
    font-size: 14px;
    color: rgb(17, 17, 17);
    margin-bottom: 5px;
}

.apply_form_title span {
    color: #ff0000;
}

.apply_form_input {
    border-width: 1px;
    border-color: rgb(225, 225, 225);
    border-style: solid;
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 48px;
    font-size: 14px;
    color: rgb(136, 136, 136);
    padding: 0 15px;
    margin-bottom: 20px;
}

.apply_form_input::placeholder {
    font-size: 14px;
    color: rgb(136, 136, 136);
}

.reg_upload {
    padding-top: 10px;
    margin-bottom: 20px;
}
.reg_upload .wpcf7-form-control-wrap input{opacity: 0;visibility: hidden;}

.custom-file-upload {
    font-size: 13px;
    color: rgb(94, 94, 94);
    line-height: 1.2;
    background: transparent url('../images/ic-popup-up.png') no-repeat left top;
    padding-left: 90px;
    padding-top: 45px;
    min-height: 78px;
    cursor: pointer;
    margin-bottom: 0;
}

.btn_apply_popup {
    border-radius: 3px;
    background-color: rgb(0, 131, 187);
    width: 100%;
    height: 48px;
    line-height: 48px;
    display: block;
    font-size: 16px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    text-align: center;
}

.btn_apply_popup:hover {
    text-decoration: none;
    color: rgb(255, 255, 255);
}

.btn-close {
    width: 92px;
    height: 92px;
    position: absolute;
    top: -36px;
    right: -44px;
    opacity: 1;
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    opacity: 1 !important;
}

.apply_file_suess {
    padding: 70px 30px 80px;
    font-size: 14px;
    color: rgb(17, 17, 17);
    line-height: 1.5;
    text-align: center;
    display: none;
}


.apply_file_suess h5 {
    font-size: 26px;
    font-weight: 500;
    text-align: center;
    color: rgb(17, 17, 17);
    padding-top: 10px;
    margin-bottom: 5px;
}


.sp_contact {
    position: fixed;
    top: 0;
    left: 0;
    transition: 0.5s;
    width: 100%;
    height: 100vh;
    padding: 30px 15px 60px;
    display: none;
    z-index: 1000;
    color: #FFF;
    overflow-y: auto;
    padding: 100px 0 50px;
}

.sp_contact .container {
    max-width: 1030px
}

.sp_contact:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
}

.btn-close-menu {
    position: absolute;
    top: 30px;
    right: 30px;
    display: block;
    width: 27px;
    height: 27px;
    z-index: 2;
}

.box_content_search {
    width: 100%;
    position: relative;
    z-index: 2;
    padding-right: 38px;
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    margin: 0 auto;
}

.box_content_search input {
    border: none;
    padding-left: 10px;
    width: 100%;
    line-height: 48px;
    font-size: 24px;
    background-color: transparent;
    color: #ffffff;
}


.btn-search-tb {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: transparent;
    cursor: pointer;
}

.box_result {
    position: relative;
    z-index: 5;
    padding: 4px 0 0;
    max-height: 70vh;
    overflow-x: auto;
    margin-top: 10px;
}

.box_result_row {
    padding: 26px 0 21px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.box_result_rowlast {
    border-bottom: 0;
}

.box_result_img {
    float: left;
    width: 190px;
    height: 130px;
    overflow: hidden;
}

.box_result_row img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;

}

.box_result_right {
    float: left;
    width: calc(100% - 190px);
    padding: 5px 20px;
}

.box_result_des {
    font-size: 14px;
    color: rgb(175, 175, 175);
    line-height: 1.429;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    max-width: 575px;
}

.box_result_title {
    font-size: 22px;
    color: rgb(255, 255, 255);
    line-height: 1.364;
    font-weight: 500;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    max-width: 450px;
    margin-bottom: 10px;
}

.box_result_title:hover {
    text-decoration: none;
    color: #fff;
}

#ajax-loading {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    left: 40%;
    padding: 15px 20px;
    position: fixed;
    top: 45%;
    z-index: 99999;
}

#bgloading {
    display: none;
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    float: left;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}

.fas {
    content: '';
    width: 6px;
    height: 11px;
    display: inline-block;
}

.fa-chevron-left {
    background: transparent url("../images/ic-pag-prev.png") no-repeat center center;
}

.fa-chevron-right {
    background: transparent url("../images/ic-pag-next.png") no-repeat center center;
}

.bg_video {
    background: url('') no-repeat center top;
    background-size: cover;
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.bg_video a {
    width: 129px;
    height: 129px;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.box_other_edit {
    padding-left: 46px !important;
    margin-bottom: 53px;
}

.box_other_edit.scroll-wrapper > .scroll-content {
    overflow: auto !important;
}

.file-uploaded {
    color: rgb(0, 131, 187);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 250px;
}


.welfare_list .swiper-button-next:after, .tbmarket_preview .swiper-container-rtl .swiper-button-prev:after {
    display: none;
}

.welfare_list:after, .swiper-container-rtl .swiper-button-next:after {
    display: none;
}

.welfare_list .swiper-button-next, .welfare_list .swiper-button-prev {
    width: 54px;
    height: 54px;
    background-size: cover;
    box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.2);
    z-index: 55;
}

.welfare_list .swiper-button-next {
    background: #0083bb url('../images/ic-ccc.png') no-repeat center center;
    right: 0;
}

.welfare_list .swiper-button-prev {
    background: #0083bb url('../images/ic-ccc.png') no-repeat center center;
    transform: rotate(180deg);
    left: 0;
}

.welfare_list .swiper-button-next:hover {
    background: #075373 url('../images/ic-ccc.png') no-repeat center center;
}

.welfare_list .swiper-button-prev:hover {
    background: #075373 url('../images/ic-ccc.png') no-repeat center center;
}


.modal_image .modal-content {
    border: 0;
    border-radius: 0px; 
    background: transparent;
    padding: 0;
}
#box-taingay4.modal_image .modal-dialog {
    max-width: max-content;
    margin-top: 15vh;
}
.modal_image .close1 {
    padding: 16px;
    top: -15px;
    right: -15px;
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    background: #ffffff url("../images/i_close.png") no-repeat center center;
    border-radius: 100%;
    cursor: pointer;
}