/*
Theme Name: Oxygen
Theme URI: https://laborator.co/themes/oxygen/
Author: Laborator
Author URI: https://laborator.co/
Description: Oxygen &ndash; is a WooCommerce theme, built exclusively for online shopping and offers great variety of options to customize the look and feel of the theme via theme options panel. Activate it and let the fun begin. Connect with Laborator on: <a href="https://themeforest.net/user/laborator">Envato</a> &bull; <a href="https://twitter.com/thelaborator">Twitter</a> &bull; <a href="https://www.facebook.com/laboratorcreative">Facebook</a> &bull; <a href="https://www.instagram.com/laboratorcreative/">Instagram</a>
Version: 5.11
License: GNU General Public License version 3.0
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: oxygen
*/
@font-face {
        font-family: 'AVANTGA2';
    src:   url('fonts/AVANTGA2.ttf') format('truetype');
}
@font-face {
        font-family: 'AVGARDD_2';
    src:   url('fonts/AVGARDD_2.TTF') format('truetype');/* In nghiêng*/
}
@font-face {
        font-family: 'AVGARDDO_2';
    src:   url('fonts/AVGARDDO_2.TTF') format('truetype');/* In nghiêng*/
}
@font-face {
    font-family: 'AVGARDN_2';
    src:   url('fonts/AVGARDN_2.TTF') format('truetype');/* Thường k bold*/
}
@font-face {
    font-family: 'unicode.avantgd';
    src:   url('fonts/unicode.avantgd.ttf') format('truetype');/* bold*/
}
@font-face {
        font-family: 'AvertaStdCY-Bold';
    src:   url('fonts/Intelligent Design - AvertaStdCY-Bold_1.otf') format('truetype');/* In nghiêng*/
}
@font-face {
        font-family: 'AvertaStdCY-Regular';
    src:   url('fonts/Intelligent Design - AvertaStdCY-Regular_3.otf') format('truetype');/* In nghiêng*/
}
p, div, span, li{  font-family: Arial, Helvetica, sans-serif;}
.wpb_single_image .vc_single_image-wrapper.vc_box_border{ padding: 2px !important}

.title_project{    position: absolute;
    top: 0;
    left: 0;
   width: 99.5%;
    height: 99.5%;
    padding-top: 28%;
    margin: 2px 2px 2px 2px;
}

.title_project2{    position: absolute;
    top: 0;
    left: 0;
    width: 99%;
    height: 49%;
    padding-top: 28%;
    margin: 2px 2px 12px 9px; 
}
.title_project3{    position: absolute;
    top: 50%;
    left: 0;
   width: 98.5%;
    height: 48.8%;
    margin: 7px 2px 0px 8px;
}
.title_project4{    
	/*position: absolute;
    top: 0;
    left: 0;
       width: 98%;
    height: 99%;
    padding-top: 28%;
    margin: 2px 2px 2px 2px;*/
	position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    height: auto;
    margin: 2px 2px 2px 2px;
}
.title_project4 h3{
	text-align: center;
    margin-top: calc(37vh - 50px) !important;
    height: 30px;
}
.title_project4 p{
	text-align: center;
    margin-top: calc(50vh - 50px);
    height: 30px;
    position: absolute;
    width: 100%;
}
.title_project5{    
	position: absolute;
    top: 0;
    left: 0;
   width: 98%;
    height: 99%;
    padding-top: 28%;
    margin: 2px 2px 2px 6px;
}
.title_project6{    
	position: absolute;
    top: 0;
    left: 0;
   width: 98%;
    height: 99%;
    padding-top: 28%;
    margin: 2px 2px 2px 8px;
}
.title_project0 h3{    z-index: 999;
    position: absolute;
    width: 100%;
    clear: both;}
.title_project0 h3 a{ font-size: 42px; color: #fff}
.title_project0 p{    font-size: 17px;
    color: #fff;     padding-top: 60px;}
.title_project0:hover .wpb_wrapper::before{opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);}
.title_project0 .wpb_wrapper::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}
.title_project .wpb_wrapper::before{    width: 95%;
    height: 93%;}
.title_project2 .wpb_wrapper::before{  width: 90%;
    height: 85%;}
.title_project3 .wpb_wrapper::before{  width: 90%;
    height: 85%;}
.title_project4 .wpb_wrapper::before{  width: 90%;
    height: calc(80vh - 130px);}
.title_project5 .wpb_wrapper::before{  width: 90%;
    height: 85%;}
.title_project6 .wpb_wrapper::before{  width: 90%;
    height: 85%;}

.text_whoweare p{ color: #fff}
.page-container h3 a{font-family: 'AvertaStdCY-Regular';font-size: 30px;}
.page-container h3 a 
.title_small{ font-size: 22px;}
.breadcrumbs_wrapper a{font-family: 'AvertaStdCY-Regular'; font-size: 14px}
.text_whoweare h4,.text_whoweare h4 a{font-family: 'AvertaStdCY-Regular'; font-size: 22px;    margin-bottom: 20px;}
.text_whoweare p{ line-height: 25px}
.list_social_contact li span, .ultimate-layouts-container h3.ultimate-layouts-title.white-style a{    font-family: 'AvertaStdCY-Bold'; }
.css-portfolio-page .effect-bg-hover-1 .bg-item p{ font-family: Arial, Helvetica, sans-serif}
.page-id-143 .ultimate-layouts-container h3.ultimate-layouts-title.white-style a{font-family: 'AvertaStdCY-Regular';font-weight: 500; font-size:24px}
.page-id-143 article:hover h3.ultimate-layouts-title.white-style a{ font-weight: 600;}
.text_whoweare{ padding: 0 3%; color: #fff}
.whoweare_page  .vc_col-sm-3 { width: 24.2333333333%;}
.whoweare_page .col_whoweare-2{ margin: 0 1%}
.whoweare_page .col_whoweare-4{ margin-lefT: 1%}
.portfolio-details .wpb_single_image{ margin-bottom: 14px !important}
.portfolio-details  .vc_col-sm-6:first-child .vc_column-inner{ padding-right: 7px;}
.portfolio-details  .vc_col-sm-6:last-child .vc_column-inner{ padding-left: 7px;}
/*.Project_page_top_left .wpb_single_image  img{ height:802px; width: 100%}
.Project_page_top_right  .wpb_single_image  img{ height:394px; width: 100%}
.Project_page__bottom  .wpb_single_image  img{ height:390px; width: 100%}*/
.text_whoweare a{ color: #fff}
.text_whoweare a:hover{ color: #fff; font-weight: bold}
.ultimate-layouts-container .ultimate-layouts-absolute-gradient{ background: none !important;     top: 0% !important;}
.ultimate-layouts-container .ultimate-layouts-item:hover .ultimate-layouts-absolute-gradient{ background: #00000096 !important;     top: 0% !important;}
.page-id-143  .pic-main{ padding-top: 0px !important}
.page-id-143 .top-menu-centered{ display: none !important}
.Project_page_top_right .title_project3:hover{top: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 2px 2px 0px 3px;
    background: #0000009e; padding-top: 28%}
.Project_page_top_right  .title_project2:hover{  top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 28%;
    margin: 2px 0px 0px 3px;
    background: #0000009e;}
.Project_page__bottom_left .title_project4:hover{     width: 100%;  height:76.2%;background: #0000009e; 
    margin: 2px 0px 0px 0px;}
.Project_page__bottom_center .title_project4:hover, .Project_page__right_right .title_project4:hover{ width: 100%;  height: 76.2%;background: #0000009e; 
    margin: 2px 0px 0px 0px;}
.Project_page__bottom_right  .title_project4:hover{ width: 100%;
    height: 76.2%;
    background: #0000009e;
    margin: 2px 0px 0px 0px;;} 
.Project_page__bottom_center  .title_project5:hover{    width: 99%;
    height: 780%;
    padding-top: 28%;
    margin: 2px 0px 0px 4px;
    background: #0000009e;}
.Project_page__bottom_right .title_project6:hover{    width: 99%;
    height: 780%;
    padding-top: 28%;
    margin: 2px 0px 0px 6px;
    background: #0000009e;}
.Project_page_top_left .title_project:hover{    width: 100%;
    height: 100%;
    padding-top: 28%;
    margin: 0px;
    background: #00000096;margin: 2px 3px 0px 0px;}
	.ultimate-layouts-container .ultimate-layouts-absolute-gradient{ opacity: 0 !important}
.single_post .detail_project_block .wpb_single_image, .pic-main .wpb_single_image{ margin-bottom:14px !important}
.single_post  .detail_project_block .vc_col-sm-6:first-child .vc_column-inner,  .pic-main .vc_col-sm-6:first-child .vc_column-inner{
    padding-right: 7px;
}
.single_post .detail_project_block .vc_col-sm-6:last-child .vc_column-inner, .pic-main .vc_col-sm-6:last-child .vc_column-inner{
    padding-left: 7px;
}
.pic-main.main .col-lg-12{ padding: 0px !important}
.ultimate-layouts-lightbox-slider, .ultimate-layouts-container .ultimate-layouts-metas-st2>.ultimate-layouts-metas-wrap, .ultimate-layouts-container .ultimate-layouts-icon-lightbox>span{ display: none !important}
.ultimate-layouts-lightbox .ultimate-layouts-lightbox-content .ultimate-layouts-lightbox-source {
    width: 100% !important;
	max-width: 95% !important;}
.ultimate-layouts-lightbox .ultimate-layouts-lightbox-content {
    position: absolute;
    top: 80px !important;
    left: 0;
	bottom: 100px !important;}
.ultimate-layouts-lightbox .ultimate-layouts-lightbox-content .ultimate-layouts-lightbox-source img {
    max-width: 100% !important;
    max-height: calc(100vh - 0px) !important;
    max-height: -webkit-calc(100vh - 0px) !important;
    max-height: -ms-calc(100vh - 0px) !important;
	max-height: -moz-calc(100vh - 0px) !important;}
.ultimate-layouts-container .ultimate-layouts-control-pop>*{    width: 100% !important;
    height: 800px !important;}
.ultimate-layouts-container .ultimate-layouts-control-pop{ left:0 !important; right: 0 !important}
.ultimate-layouts-container .ultimate-layouts-control-pop>*:hover, .ultimate-layouts-container .ultimate-layouts-control-pop>*, .ultimate-layouts-container .ultimate-layouts-icon-lightbox:hover>span span:nth-child(1), .ultimate-layouts-container .ultimate-layouts-icon-lightbox:hover>span span:nth-child(2), .ultimate-layouts-container .ultimate-layouts-icon-lightbox:hover>span span:nth-child(1):before, .ultimate-layouts-container .ultimate-layouts-icon-lightbox:hover>span span:nth-child(1):after{    background-color: #fff0 !important;}
.ultimate-layouts-lightbox .ultimate-layouts-lightbox-content .ultimate-layouts-lightbox-caption{ max-width: 100% !important}
.margin_center_content{ width: 1140px; margin: 0 auto !important; }
.margin_center_content h1,.news_header_p h1, .baivietlienquan h2{ color: #fff; font-size: 35px; font-family: 'AvertaStdCY-Bold';margin-top: 20px !important;
    margin-bottom: 25px !important;}
.baivietlienquan h2{ text-transform: uppercase}
.submenu{font-size: 16px; font-family: 'AvertaStdCY-Regular';font-weight: 100;}
.margin_center_content p{font-size: 18px;font-family: 'AvertaStdCY-Regular';
    color: #fff;}
.whoweare_page  .wpb_single_image img{width: 461px;
    height: 461px;
    object-fit: cover;
 object-position: 50% 50%;}
.call_top_contact{    text-align: center;
    z-index: 200;
    position: fixed;
    top: calc(50% - 230px);
    left: 44%;}
.call_top_contact span{ font-size: 24px}
.hotline_top .img_hl {width: 100%;
    text-align: center;
    height: 130px;
    line-height: 150px;}
 .call_top_contact .img_hl a img{ height: 70%;
        transition: 0.5s 0s ease-in-out;}
 .call_top_contact a:hover img {
        height: 100%;
       transition: 0.5s 0s ease-in-out;
    }
 .call_top_contact .hotline_top:hover span {
        transform: scale(1.2);
    }
.tintuc_dsdesign .vc_gitem-zone{    background-size: contain !important; 
    object-fit: cover; background-size: 100% !important;
    background-repeat: no-repeat !important;
    object-position: 50% 50%;   background-color: #fff0 !important;}
.tintuc_dsdesign .vc_gitem-animated-block .vc_gitem-zone{  height: 318px;   }
.tintuc_dsdesign .vc_grid-item h4{    text-transform: uppercase;font-family: 'AvertaStdCY-Bold';
    color: #fff;
    font-size: 18px;} 
.tintuc_dsdesign .vc_grid-item p{ font-size: 16px; font-family: 'AvertaStdCY-Regular';color: #FFFFFF}
.page-container .aboutus_page { margin-lefT: 0px !important; margin-right: 0px !important}
.tintuc_dsdesign  .vc_column-inner{    padding: 0% 5%;}
.tintuc_dsdesign  .vc_column-inner .vc_gitem_row .vc_gitem-col{ padding: 10px 0px !important}
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat{ background: none !important}
.vc_btn3.vc_btn3-size-md{ text-transform: uppercase; padding-lefT: 0px !important;  font-family: 'AvertaStdCY-Regular';}
/*.single-portfolio .vc_col-sm-8 { padding-lefT: 38px;}*/ 
.tintuc_dsdesign .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_default>li>a, .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_default>li>span, .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_default_dark>li>a, .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_default_dark>li>span, .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_default_light>li>a, .vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_default_light>li>span{     min-width: 25px; min-height: 25px;     padding: 0px 13px;
    line-height: 25px;font-size: 13px;}
.blog .single_post{     width: 1140px;
    margin: 0 auto !important;}
.blog .single_post .news_header_p{     margin-bottom: 25px;}
.baivietlienquan ul{ margin-lefT: 0px !important; padding-left: 0px !important}
.right_bvlq{    padding-left: 30px;}
.blog .single_post .post_details h3, .blog .single_post .post_details h3 a{ margin-top: 0px;     font-size: 30px; font-family: 'AvertaStdCY-Bold';margin-bottom: 10px; color: #ffff;}
.right_bvlq p{    color: #ffff;
    font-size: 17px; font-family: 'AvertaStdCY-Regular';}
.right_bvlq a{    color: #A0A0A0;font-family: 'AvertaStdCY-Regular';
    text-transform: uppercase;
    font-size: 16px;}
.tintuc_dsdesign .vc_btn3-container.vc_btn3-left{ margin-bottom: 0px !important}
.lienhe_port .list_social_port .icon_zalo{    padding: 15px 8px !important;}
.lienhe_port .list_social_port .port_phone {     padding: 16px 12px !important;}
.lienhe_port .list_social_port .port_face {     padding: 16px 16px !important;}
.blog .single_post .post-content>div{ font-size: 16px} 
.tintuc_dsdesign .vc_grid-item h4 a{font-family: 'AvertaStdCY-Bold';}
.Project_page__bottom  .block_duan_3{ width: 24.2222%}
.Project_page__bottom .Project_page__bottom_center{ margin: 0 1%;}
.Project_page__bottom .Project_page__bottom_right{ margin-right: 1%}


.hotline_header{
	text-align: center;
}	
.hotline_header p{
	    color: #f00;
    font-size: 21px;
    font-weight: 600;
    margin-top: 23px;
}
.menu_hamb50{width: 50%;}
.hotline_header_mobile p{
	font-size: 14px;
    font-weight: 600;
    color: #f00;
    margin-top: 18px;
}
@media only screen and (max-width: 1700px){ 
.Project_page__bottom_left .title_project4:hover{     width: 100%; }
.Project_page__bottom_center .title_project4:hover{ width: 100%;}
.Project_page__bottom_right  .title_project4:hover{   width: 100%;}
	.title_project4 h3 {
    text-align: center;
    margin-top: calc(30vh - 50px) !important;
    height: 30px;
}.Project_page__bottom_center .title_project4:hover, .Project_page__right_right .title_project4:hover, .Project_page__bottom_right .title_project4:hover, .Project_page__bottom_left .title_project4:hover{     height: 57.3%;}
	.title_project4 .wpb_wrapper::before {
		width: 85%;}
	.title_project4 .wpb_wrapper::before {
		    height: calc(62vh - 134px);
} 
@media only screen and (max-width: 1450px) {.title_project4 .wpb_wrapper::before {
    width: 88%;
    height:calc(61vh - 115px);
}
	.Project_page__bottom_right  .title_project4:hover{   width: 100%;  margin: 2px 0px 0px 0px;}
	    .Project_page__bottom_center .title_project4:hover {
                   width: 100%;
            margin: 2px 0px 0px 0px
    }    .Project_page__bottom_center .title_project4:hover, .Project_page__right_right .title_project4:hover, .Project_page__bottom_right .title_project4:hover, .Project_page__bottom_left .title_project4:hover {
        height: 57.8%;
    }
}
@media only screen and (max-width: 1370px){    .Project_page__bottom_center .title_project4:hover {
                   width: 100%;
            margin: 2px 0px 0px 0px;
    }.Project_page__bottom_right  .title_project4:hover{margin: 2px 0px 0px 0px;}
	.title_project4 h3 {
        text-align: center;
        margin-top: calc(33vh - 50px) !important;
        height: 30px;
    }        .Project_page__bottom_center .title_project4:hover, .Project_page__right_right .title_project4:hover, .Project_page__bottom_right .title_project4:hover, .Project_page__bottom_left .title_project4:hover {
            height: 65.1%;
        }      .title_project0 .wpb_wrapper::before{         left: 21px;}
	        .title_project4 .wpb_wrapper::before {
            width: 87%;
            height: calc(68vh - 115px);
        }
	}

@media only screen and (min-width: 1270px) and (max-width: 1440px) {
        .blog .single_post .post-content h2{ margin-top: 0px}
        .blog .single_post .post-content p { margin-bottom: 15px;}
}
@media only screen and (max-width: 1290px){
.Project_page__bottom_left .title_project4:hover {
        width: 100%;
    }    .Project_page__bottom_right .title_project4:hover {
        margin: 2px 0px 0px 0px;
    }    .Project_page__bottom_center .title_project4:hover {
        width: 100%;
        margin: 2px 0px 0px 0px;
    }.title_project4 .wpb_wrapper::before {
            width: 87%;
            height: calc(62vh - 115px);
        }        .Project_page__bottom_center .title_project4:hover, .Project_page__right_right .title_project4:hover, .Project_page__bottom_right .title_project4:hover, .Project_page__bottom_left .title_project4:hover {
            height: 58.4%;
        }.page-container h3 a {
    font-family: 'AvertaStdCY-Regular';
    font-size: 26px;
}.page-container h3 a .title_small {
    font-size: 18px;
}
}
@media only screen and (max-width: 1025px){
	.title_project4 .wpb_wrapper::before {width: 84%;}
	.Project_page__bottom_left .title_project4:hover {
        width: 98.1%;
    }    .Project_page__bottom_center .title_project4:hover {
        width: 97.7%;
        margin: 2px 0px 0px 4px;
    }    .Project_page__bottom_right .title_project4:hover {
        margin: 6px 0px 0px 6px;
    }
}
@media screen and (max-width: 764px){ 
	.oxygen-top-menu>.wrapper>.top-menu-centered>.main .logo{ text-align:left !important; justify-content: left !important}
	body.home .breadcrumbs_wrapper{ display:none !important;     padding-left: 13px;}
	.breadcrumbs_wrapper{ padding-left:13px}
.home .breadcrumbs_header_mobile{ display:none !important}
.nav_in_home ul a, #menu-main-menu a{ text-align:center;     font-size: 21px !important;}
.breadcrumbs_wrapper{ line-height: 43px}
.whoweare_page .vc_col-sm-3{ width: 100%}
.whoweare_page .col_whoweare-2{ margin: 0px !important}
.whoweare_page .col_whoweare-4{ margin-left: 0px !important}
.text_whoweare {
    padding: 0 7%;
    color: #fff;
}.logo-element span img{     width: 240px !important;}
.menu_hamburger .hamburger{ top: 28px}
.logo-element span{ padding-bottom: 13% !important}
#menu-main-menu .sub-menu li a{font-size: 15px !important;}
.breadcrumbs_wrapper {
    line-height: 40px !important; }
.css-portfolio-page .effect-bg-hover-1 .bg-item h3 a {
    font-size: 18px !important;
    font-weight: 500;
}.tlp-portfolio ul li, #menu-main-menu .sub-menu li{ text-align:center}
#menu-main-menu .sub-menu li{ padding-left: 0px !important}
.Project_page_top_left .wpb_single_image img , .Project_page_top_right .wpb_single_image img, .Project_page__bottom .wpb_single_image img {
    height: auto;}
.menu_mobile_absolute ul li a .fa-plus:before {
 /* content: "\f067";*/
     content: "\f107";
    font-size: 22px;
}
.menu_mobile_absolute ul li a .fa-minus:before {
    content: "\f106";font-size: 22px;
}
.menu_mobile_absolute ul li#menu-item-278 a{ padding-left:0px !important}
/*.menu_mobile_absolute ul li#menu-item-278.sub-visible a{ padding-left:58px !important}
*/.menu_mobile_absolute ul li#menu-item-278.sub-visible ul li a{ padding-left:0px !important}
	.top-menu-centered .col-sm-2{     margin-right: 25px;}
	.margin_center_content, .blog .single_post {
		width: 100%;}
	.margin_center_content .vc_column_container>.vc_column-inner{ padding-lefT: 0px !important; padding-right: 0px !important}
	.margin_center_content h1, .news_header_p h1, .baivietlienquan h2{     font-size: 24px;}
	.tintuc_dsdesign .vc_gitem-animated-block .vc_gitem-zone {
    height: 208px;
}
	.tintuc_dsdesign .vc_gitem-post-data{    margin-bottom: 0px; }
	.tintuc_dsdesign .vc_grid-item h4{ font-size: 22px}
	.blog .single_post{padding: 0 15px;}
	.call_top_contact {
		text-align: center;
        z-index: 200;
        position: relative;
        top: 0px;
        left: 0; 
    /*text-align: center; 
    z-index: 200;
    position: fixed;
    top: calc(50% - 340px);
    left: 23%;*/
	}.call_top_contact a img{ max-width: 30%;}
	.call_top_contact span{     color: #fff;
    line-height: 10px;}
	.call_top_contact span {
    font-size: 21px;
}
	.blog .single_post .post-content p, .right_bvlq p {
		font-size: 13px;}
	.news_header_p span{     font-size: 15px;}
	.blog .single_post .post_details h3, .blog .single_post .post_details h3 a{font-size: 15px}
	.right_bvlq {
    padding-left: 15px;        width: 65%;
        float: right;
}
	.baivietlienquan ul li {
		display: block;        width: 100%;        margin-bottom: 20px;
        overflow: hidden;
        cleaR: both;}
	.baivietlienquan ul li .post-thumbnail {
		width: 35%;}
	.baivietlienquan .readmore_bvlq{ display: none}
	.margin_center_content p {
		font-size: 16px;}
	.block_duan_3 { height: auto;
	}.title_project4 h3{    margin-top: calc(35vh - 45px) !important;}
	
	/*body.home .menu_hamburger .navs_header_hamb{ display: none !important}*/
	    .oxygen-top-menu>.wrapper>.top-menu-centered>.main .logo {
        padding: 4px 5px 23px 5px !important;
    }.nav_in_home ul li, #menu-main-menu li {
    padding: 4px 30px !important;
	}.project_page .wpb_wrapper .wpb_single_image{     margin-top: 0px;}
	.home .lienhe_port, body.page-id-1430  .lienhe_port, body.single-post .lienhe_port,  body.page-id-153  .lienhe_port, body.page-id-1424 .lienhe_port , body.page-id-99 .lienhe_port, body.page-id-46  .lienhe_port { display: none}
.Project_page__bottom .block_duan_3 {
    width: 100%;
}
.page-container .Project_page__bottom {
        margin: 0 4%; 
        max-width: 92%;            lefT: 0px !important;
    }
.title_project0 .wpb_wrapper::before {
            left: 15px;width: 90% !important;
        }
	    .project_page .title_project4 .wpb_wrapper::before {
        height:93% !important;
    }        .Project_page__bottom_center .title_project4:hover, .Project_page__right_right .title_project4:hover, .Project_page__bottom_right .title_project4:hover, .Project_page__bottom_left .title_project4:hover {
            height: 97.4%;
        }
}
.tintuc_dsdesign .vc_gitem-post-data-source-post_excerpt{
	display: -webkit-box;
  -webkit-line-clamp: 2; /* Hiển thị tối đa 2 dòng */
  -webkit-box-orient: vertical; /* Xếp văn bản theo chiều dọc */
  overflow: hidden; /* Ẩn nội dung bị tràn */
}

.video-wptangtoc {
	position:relative;
	overflow:hidden; 
	padding-bottom:56.25%;
	height:0;
	max-width: 100% !important;
}
.video-wptangtoc iframe, .video-wptangtoc object, .video-wptangtoc embed {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
}
.video {max-width: 100%;}