/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/
@font-face {
  font-family: silk script;
  src: url(./fonts/UTM-Silk-Script.woff);
}
/* custom all */
:root {
    --cl-pri: #05532C;
    --cl-sec: #FF5A2A;
    --cl-hline: #8BE944;
    --cl-light: #fff;
    --cl-title: #373F41;
    --cl-gra-pri: linear-gradient(90deg, #05532C 0%, #548A2C 100%);
    --cl-gra-sec: linear-gradient(270deg, #FF3900 0%, #C71812 100%);
}

a:hover,
a:focus {
    text-decoration: none;
    color: var(--cl-sec);
}

a:focus {
    outline: none;

}
.page-id-1278 .uabb-post-thumbnail ,.page-id-299  .uabb-post-thumbnail     {
    height: 223px;
    position: relative;
}
.page-id-1278 .uabb-post-thumbnail  img , .page-id-299 .uabb-post-thumbnail  img {
    height: auto !important;
    max-width: 100%;
    position: absolute;
    width: auto!important;
    left: 50%;
    height: 100%!important;
    transform: translateX(-50%);
}
.post-style .fl-post-grid-post{
    width: 33%!important;
    border: none;
}
.post-style .fl-post-grid-text{
    padding: 15px 0;
}
.post-style  .fl-post-grid-meta{
    color: var(--cl-pri);
font-size: 16px;
}
.post-style  .fl-post-grid-image {
    height: 223px;
    overflow: hidden;
    position: relative;
}
.slider-all-slider::after {
    content: "";
    background: linear-gradient(2.89deg, #05532C 7.17%, rgb(142 198 65 / 0%) 59.23%, rgb(142 198 65 / 0%) 98.39%);
    width: 100%;
    height: 60%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.post-style  .fl-post-grid-image img {
    height: auto !important;
    max-width: 100%;
    position: absolute;
    width: auto!important;
    left: 50%;
    height: 100%!important;
    transform: translateX(-50%);
    transition: all 2s;
}
.page-title-slider  .owl-nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 16px;
    font-size: 50px;
    color: #Fff;
}
.owl-next {
    float: right;
}
.post-style  .fl-post-grid-image:hover img,.single_related .fl-post-thumb:hover img,.project-item .fl-post-thumb:hover img{
    transform: translateX(-50%) scale(1.3)!important;
    transition: all 2s;
}
.page-title-slider {
    position: relative;
    margin-bottom: 20px;
}
.page-title-slider .content-page-title{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
}
/* header css */
.fl-page-nav-centered-inline-logo .fl-page-nav ul.navbar-nav:last-child {
    margin-right: 0;
    justify-content: space-between;
    display: flex;
}
.fl-module-content:before,.fl-module-content:before,.fl-post-grid:before, .fl-post-grid:after{
    display: none!important
}
.post-style .fl-post-grid-post {
    width: 31.3%!important;
    display: block;
    position: unset!important;
}
.post-style .fl-post-grid {
    width: 100%!important;
    display: flex;
    height: auto!important;
    flex-flow: row wrap;
    gap: 2%;
}
.fl-page-nav .navbar-nav,
.fl-page-nav .navbar-nav a {
    font-size: 17px;
}

.fl-page-nav-centered-inline-logo {
    text-align: center;
    z-index: 9;
    position: fixed;
    background: transparent;
    top: 0;
    width: 100%;
}

.fl-page-nav-centered-inline-logo>.container {
    background-color: var(--cl-pri);
}

.fl-page-nav-wrap .navbar-nav li>a,
.fl-page-nav-centered-inline-logo .fl-page-nav-search a.fa-search {
    color: var(--cl-light);
    font-weight: 600;
}

.fl-logo-centered-inline {
    background-color: var(--cl-light);
    width: 200px;
    margin: 0 50px;
}

.fl-page-nav-wrap .navbar-nav li.current-menu-ancestor>a,
.fl-page-nav-wrap .navbar-nav li.current-menu-parent>a,
.fl-page-nav-wrap .navbar-nav li.current-menu-item>a,
.fl-page-nav-wrap .navbar-nav li>a:hover,
.fl-page-nav-wrap .navbar-nav li>a:focus {
    color: var(--cl-sec);
font-weight: 600;
}
.tax-type_media .fl-post-title {
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.fl-page-nav-centered-inline-logo .fl-logo-centered-inline .fl-page-header-logo {
    position: absolute;
}

.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal {
    padding-top: 0;
}

.fl-page-nav-centered-inline-logo .fl-logo-centered-inline .fl-page-header-logo {
    position: absolute;
    background: var(--cl-light);
    padding: 8px;
    top: -35px;
}

/* .project-template-default.single .fl-page-nav-centered-inline-logo .fl-logo-centered-inline .fl-page-header-logo,
.recruit-template-default.single .fl-page-nav-centered-inline-logo .fl-logo-centered-inline .fl-page-header-logo,
.post-type-archive-recruit .fl-page-nav-centered-inline-logo .fl-logo-centered-inline .fl-page-header-logo {
    top: 0;
} */

.wpml-ls-item-en::before {
    content: "";
    position: absolute;
    right: -1px;
    height: 15px;
    top: 6px;
    background-color: var(--cl-light);
    width: 2px;
}

#search-2 input[type=text].fl-search-input {
    background-color: var(--cl-light);
    border: 1px solid var(--cl-pri);
    height: 45px;
    padding-left: 50px;
    color: var(--cl-pri);
    border-radius: 0;
    font-weight: 400;
    font-size: 16px;
}

#search-2 .search-form button {
    display: none;
}

.wpml-ls-item-en {
    position: relative;
}

#search-2 .fl-widget-title {
    display: none;
}

#search-2 form {
    position: relative;
}

#search-2 form::before {
    content: "\f002";
    font-family: 'FontAwesome';
    position: absolute;
    left: 13px;
    top: 7px;
    font-size: 21px;
    color: var(--cl-pri);
}

#search-2 input[type=text].fl-search-input {
    width: 100%;
}

.wpml-ls-link:hover span {
    color: var(--cl-hline) !important;
}

.fl-page-nav-wrap .navbar-nav>li.current-menu-item>a::before,
.fl-page-nav-wrap .navbar-nav>li>a:hover::before {
    content: "";
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    height: 2px;
    bottom: 9px;
    background-color: var(--cl-sec);
    width: 30px;
}

.fl-page-nav ul.sub-menu {
    border-color: var(--cl-pri);
}

.fl-page-nav ul li .sub-menu li.current-menu-item,
.fl-page-nav ul li .sub-menu li:hover {
    background-color: var(--cl-pri);

}

.fl-page-nav ul.sub-menu {
    padding: 0;
}

.fl-page-nav ul li .sub-menu li:hover a,
.fl-page-nav ul li .sub-menu li.current-menu-item a {
    color: #fff
}

.wpml-ls-link {
    padding: 0px 7px !important;
    line-height: 1.4 !important;
}

.wpml-ls-legacy-list-horizontal a span {
    color: var(--cl-light);
}

.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal {
    width: fit-content;
    display: inline-block;
    margin-bottom: 0;
}

#banner-home .fl-row-content-wrap {
    height: 90vh;
}

#banner-home .fl-rich-text,
#banner-home .fl-rich-text h1,
#banner-home .fl-rich-text h2 {
    color: var(--cl-light);
}

#banner-home .fl-post-carousel-navigation {
    right: unset;
    left: -86px;
}

#banner-home .fl-post-carousel-navigation .carousel-next {
    right: unset;
    left: 40px;
}

#banner-home .fl-col-content>.fl-col-group {
    background-color: var(--cl-light);
}

#banner-home .fl-post-carousel-grid .fl-post-carousel-post {
    border: none;
}

#banner-home .fl-post-carousel-navigation a {
    opacity: 1;
}

.fl-post-carousel-navigation .fl-post-carousel-svg-container i {
    font-size: 32px;
    color: var(--cl-light);
}

.new-post-home-tite {
    background-image: var(--cl-gra-sec);
}

.new-post-home .fl-post-carousel {
    padding: 0;
}

.new-post-home .fl-post-carousel-grid .fl-post-carousel-text {
    padding: 10px;
    display: flex;
}

.new-post-home-tite p {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 20px;
}

.new-post-home .fl-post-carousel-grid .fl-post-carousel-title {
    font-size: 15px;
    line-height: unset;
    margin: 0;
    font-weight: 500;
    padding: 0;
}

.new-post-home-tite .fl-module-content {
    margin: 15px;
}

.conntent-banner h2 {
    margin-top: 0;
    font-size: 36px;
}

.conntent-banner h1 {
    font-size: 65px;
    line-height: 1;
    margin-bottom: 0;
    text-shadow: 3px 4px 4px #05532ca1;
}
#banner-home .fl-rich-text h1{
        color: #05532c;
        font-family: 'silk script';  
        text-shadow: 1px 1px 1px #ffffff;
    }

.single_related .fl-post-thumb {
    height: 322px;
    position: relative;
}
.single_related .fl-post-thumb img {
    height: auto !important;
    max-width: 100%;
    position: absolute;
    width: auto;
    left: 50%;
    height: 100%!important;
    transform: translateX(-50%);
}
.search-results .fl-post-header {
    margin-bottom: 0;
}
.search-results .cat-navigation {
    text-align: center;
    width: 100%;
    display: flow-root;
}
.search-results .fl-post-content,.search-results  .post-edit-link {
    display: none;
}
.search-results .fl-post {
    margin-bottom: 0;
    border-bottom:none;
    padding-bottom: 20px
}

.search-results .fl-post .fl-post-title{
    font-size: 18px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2; 
    -webkit-box-orient: vertical;
    min-height: 62px;
}
.search-results  .fl-post-thumb {
    height: 322px;
    position: relative;
}
.search-results  .fl-post-thumb img {
    height: auto !important;
    max-width: 100%;
    position: absolute;
    width: auto;
    left: 50%;
    height: 100%!important;
    transform: translateX(-50%);
}
#tv-home>.fl-row-content-wrap .fl-col-group:nth-child(2) .fl-col-content{
min-height: 275px;
}
.new-post-home .fl-post-carousel .fl-post-carousel-post {
    width: 33.33%;
    width: fit-content !important;
}
.project-item .fl-post-thumb {
    height: 322px;
    position: relative;
}
.new-post-home .fl-post-carousel-grid .fl-post-carousel-meta {
    padding-bottom: 0;
    padding-right: 15px;
    position: relative;
    color: #9b9b9b;
    font-size: 17px;
}

.new-post-home .fl-post-carousel-grid .fl-post-carousel-meta:after {
    content: "";
    height: 18px;
    width: 1px;
    background-color: #000;
    position: absolute;
    right: 7px;
    top: 2px;
}

.new-post-home-tite p {
    margin-bottom: 0;
}

.new-post-home .fl-post-carousel-grid .fl-post-carousel-text {
    flex-direction: row-reverse;
}

.new-post-home .fl-post-carousel-grid .fl-post-carousel-text::before {
    content: "\f344";
    font-family: dashicons;
    display: inline-block;
    line-height: 1;
    padding-left: 13px;
    color: var(--cl-sec);
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    height: 20px;
    font-size: 20px;
    vertical-align: top;
    text-align: center;
    transition: color .1s ease-in;
}

#banner-home>.fl-row-content-wrap>.fl-node-content {
    margin-top: 100px;
}

.btn-light.fl-module-button a.fl-button {
    background: var(--cl-light);
    color: var(--cl-pri);
    border-radius: 0 !important;
    border: 1px solid var(--cl-pri);
    position: relative;
    z-index: 2;
}

.btn-light.fl-module-button .fl-button-text {
    background: var(--cl-gra-pri);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.btn-light.fl-module-button .fl-button i.fl-button-icon-after {
    color: var(--cl-pri) !important;
}

#service-home .uabb-imgicon-wrap .uabb-image-content img {
    display: inline;
    max-width: 100%;
    border-radius: inherit;
    box-shadow: none;
    width: auto !important;
    height: 72px !important;
    box-sizing: content-box;
}

#service-home .uabb-module-content {
    padding: 20px;

}

#service-home .uabb-infobox-text {
    color: var(--cl-light);

}

#service-home .uabb-infobox-title {
    color: var(--cl-light);
    position: relative;
}

#service-home .uabb-infobox-text-wrap {
    z-index: 2;
    position: relative;
}

#service-home .uabb-infobox-title::before {
    content: "";
    position: absolute;
    bottom: -4px;
    height: 2px;
    width: 30px;
    background-color: var(--cl-hline);
}

.service-home-1 .uabb-module-content.uabb-infobox {
    background-image: url(/wp-content/uploads/2022/06/dannag.png);
    position: relative;
}

.service-home-2 .uabb-module-content.uabb-infobox {
    background-image: url(/wp-content/uploads/2022/06/sv2.jpg);
    position: relative;
}

.service-home-3 .uabb-module-content.uabb-infobox {
    background-image: url(/wp-content/uploads/2022/06/sv1-3.jpg);
    position: relative;
}

.service-home-4 .uabb-module-content.uabb-infobox {
    background-image: url(/wp-content/uploads/2022/06/sv3.jpg);
    position: relative;
}

.service-home-1 .uabb-module-content.uabb-infobox::before,
.service-home-3 .uabb-module-content.uabb-infobox::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0.9;
    background: var(--cl-gra-pri);
    right: 0;
}

.service-home-2 .uabb-module-content.uabb-infobox::before,
.service-home-4 .uabb-module-content.uabb-infobox::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0.9;
    background: var(--cl-gra-sec);
    right: 0;
}

.icon-title .fl-photo-img-svg img {
    height: 16px;
    width: 16px;
}

.icon-title .fl-photo-img-svg {
    background: var(--cl-gra-pri);
    width: fit-content;
    padding: 13px;
    border-radius: 50%;
    line-height: 1;
    margin: auto;
}

.icon-title-light .fl-photo-img-svg img {
    height: 16px;
    width: 16px;
}

.icon-title-light .fl-photo-img-svg {
    background: var(--cl-light);
    width: fit-content;
    padding: 13px;
    border-radius: 50%;
}

.title-light .uabb-module-content h3.uabb-heading,
.title-light .uabb-module-content .uabb-separator-parent h3 {
    color: var(--cl-light);
}

.icon-title-light .fl-photo-img-svg {}

.btn-light.fl-module-button {
    position: relative;
}

.uabb-module-content .uabb-separator-parent h3 {
    font-weight: 400;
    color: var(--cl-sec);
}

.logo-dt-home .uabb-image-carousel .slick-slide img {
    width: auto !important;
    height: 105px !important;
    margin: auto;
    filter: grayscale(1);
    opacity: 0.8;
}
.logo-dt-home .uabb-image-carousel .slick-slide img:hover {
    transition: all 0.3s;
    filter: grayscale(0);
    opacity: 1;
}
.uabb-module-content .uabb-separator-parent .uabb-separator-line {
    display: none;
}
.uabb-image-carousel-item  .uabb-image-carousel-captionm,.uabb-photo-gallery-item  .uabb-photo-gallery-caption{
 background-color: var(--cl-pri);   
}
.uabb-image-carousel-item  .uabb-image-carousel-caption-hover{
    bottom: -40px;

}
.logo-dt-about .uabb-photo-gallery-content{
    padding-bottom: 20px;
}
.uabb-image-carousel-item .uabb-image-carousel-content,.uabb-image-carousel.slick-initialized .slick-slide{
    overflow:visible;
}
.uabb-image-carousel-item {

    padding-bottom: 40px!important;
}
/* .logo-dt-about .uabb-photo-gallery-content img{
    filter: grayscale(1);
    opacity: 0.8;
}
.logo-dt-about .uabb-photo-gallery-content img:hover{
    transition: all 0.3s;
    filter: grayscale(0);
    opacity: 1;
} */
.uabb-module-content h3.uabb-heading {
    color: var(--cl-title);
    font-size: 40px;
    position: relative;
}

.btn-pri.fl-module-button a.fl-button {
    background: var(--cl-gra-pri);
    border-radius: 0 !important;
    border: none;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    box-shadow: 4px 4px 8px rgba(139, 233, 68, 0.24);
}

.btn-pri.fl-module-button .fl-button-text {
    color: var(--cl-light) !important;
}

.btn-pri.fl-module-button .fl-button i.fl-button-icon-after {
    color: var(--cl-light) !important;
}

.icon-title .fl-photo-align-center .fl-photo-img-svg {}

#themanh-home .uabb-imgicon-wrap .uabb-image-content img {
    display: inline;
    max-width: 100%;
    border-radius: inherit;
    margin-bottom: 10px;
    box-shadow: none;
    width: auto !important;
    height: 72px !important;
    box-sizing: content-box;
}

.tm-1 .uabb-module-content.uabb-infobox,
.tm-3 .uabb-module-content.uabb-infobox {
    background: var(--cl-light);
    padding: 20px;
}

#themanh-home .uabb-infobox-title::before {
    content: "";
    position: absolute;
    bottom: -4px;
    height: 2px;
    width: 30px;
    background-color: var(--cl-pri);
}

#themanh-home .tm-2 .uabb-infobox-title::before {
    background-color: var(--cl-light);
}

.tm-2 .uabb-module-content.uabb-infobox {
    background: var(--cl-gra-pri);
    padding: 20px;
}

.tm-1 .uabb-module-content.uabb-infobox .uabb-infobox-title,
.tm-3 .uabb-module-content.uabb-infobox .uabb-infobox-title {
    color: var(--cl-pri);
}

.tm-2 .uabb-module-content.uabb-infobox .uabb-infobox-title,
.tm-2 .uabb-module-content.uabb-infobox .uabb-infobox-text {
    color: var(--cl-light);
}

#themanh-home .fl-row-content-wrap,
#themanh-home .uabb-infobox-title {
    position: relative;
}

.bgr-style-1 .fl-row-content-wrap::before {
    content: "";
    background-color: #F6F8F3;
    position: absolute;
    opacity: 0.5;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
}

#themanh-home .uabb-module-content.uabb-infobox {
    z-index: 2;
}

.search-results .fl-post .fl-post-title {
    font-size: 22px;
}

#themanh-home .uabb-imgicon-wrap .uabb-image-content img {
    display: inline;
    max-width: 100%;
    border-radius: inherit;
    box-shadow: none;
    width: auto !important;
    height: 72px !important;
    box-sizing: content-box;
}

#themanh-home .fl-module-uabb-heading {
    position: relative;
}

#themanh-hom .infobox-photo-above-title .uabb-imgicon-wrap {
    margin-bottom: 20px;
}

.text-brd .fl-rich-text p {
    font-size: 50px;
    -webkit-text-stroke: 2px var(--cl-pri);
    color: #0a572c;
    font-family: roboto;
    font-weight: 700;
    margin-bottom: 0;
}

.ts-title .fl-rich-text {
    background: var(--cl-gra-pri);
    text-align: center;
    color: var(--cl-light);
    font-weight: bold;
    padding: 5px 0;
    margin-bottom: 0;
}

.ts-title .fl-rich-text p {
    margin-bottom: 0;
}

.ts-number .fl-rich-text p {
    font-size: 38px;
    background: var(--cl-gra-pri);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

.ts-number .fl-rich-text {
    text-align: center;
}

.danhhieu-home .uabb-image-carousel-caption {
    background-color: var(--cl-light);
    color: var(--cl-title);
    font-size: 17px;
}

.uabb-image-carousel .slick-prev i,
.uabb-image-carousel .slick-next i,
.uabb-image-carousel .slick-prev i:hover,
.uabb-image-carousel .slick-next i:hover,
.uabb-image-carousel .slick-prev i:focus,
.uabb-image-carousel .slick-next i:focus {
    font-size: 37px;
    background-color: transparent;
}

.bgr-style-2 .fl-row-content-wrap::before {
    content: "";
    background: url(/wp-content/uploads/2022/06/Pattern.png);
    position: absolute;
    opacity: 0.3;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
}

.bgr-style-2 .fl-row-content-wrap {
    background: var(--cl-gra-pri);
}

.post-home-right .uabb-thumbnail-position-left .uabb-post-thumbnail {
    width: 30%;
}

.post-home-right .uabb-post-wrapper .uabb-blog-post-content {
    width: 70%;
    padding: 20px !important;
}

.post-home-right h3.uabb-post-heading {
    font-size: 17px;

}

.post-home-right h3.uabb-post-heading {
    font-size: 20px;
}

.post-home-right .uabb-blog-posts-description,
.post-home-left .uabb-blog-posts-description {
    padding-top: 10px;
    word-wrap: break-word;
}

.post-home-right .uabb-post-wrapper .uabb-blog-post-content {
    padding: 20px !important;
}

#tv-home .uabb-imgicon-wrap .uabb-image-content img {
    display: inline;
    max-width: 100%;
    border-radius: inherit;
    box-shadow: none;
    width: auto !important;
    height: 72px !important;
    box-sizing: content-box;
}

#tv-home>.fl-row-content-wrap .fl-col-group:nth-child(2) .fl-col-content {
    position: relative;
}
.uabb-photo-gallery-item .uabb-photo-gallery-caption{
    font-size: 12px;
    padding: 10px 5px;
}
#tv-home>.fl-row-content-wrap .fl-col-group:nth-child(2) .fl-col-content::after {
    content: "";
    background: var(--cl-gra-pri);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.8;
}

#tv-home>.fl-row-content-wrap .fl-col-group:nth-child(2) .fl-col-content .uabb-infobox-content {
    position: relative;
    z-index: 1;
    color: var(--cl-light);
}

#tv-home>.fl-row-content-wrap .fl-col-group:nth-child(2) .fl-module-info-box .fl-module-content {
    padding: 30px;
}

#tv-home>.fl-row-content-wrap .fl-col-group:nth-child(2) .fl-module-info-box .fl-module-content .uabb-infobox-title {
    color: var(--cl-light);
    padding-top: 20px;
}

#footer * {
    color: var(--cl-light);
}

.footer-top>.fl-col-content {
    text-align: center;
    padding-top: 30px;
    margin: 10px;
    background: linear-gradient(90deg, #05532C 0%, #85C555 100%);
    box-shadow: 4px 4px 8px rgba(139, 233, 68, 0.24);
}

#footer .fl-col-group {
    margin-top: 10px;
    margin-bottom: 10px;
}

.footer-top .icon-title-light .fl-photo-img-svg {
    margin-left: 0;
}

.footer-contact ul {
    list-style: none;
    padding-left: 0;
}

.footer-contact ul li {
    list-style: none;
    position: relative;
    padding-top: 5px;
    padding-left: 30px;
    font-size: 18px;
}

.menu-dk a{
    padding-left: 0!important;
}
.lef-0{
padding-left: 0!important;
}
.footer-contact ul li i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-36%);
}

#menu-menu-footer li {
    display: block;
    float: none;
    font-size: 18px;
}

.footer-top .fl-rich-text {
    font-size: 18px;
    font-weight: bold;
}

.title-footer {
    font-size: 20px;
    font-weight: bold;
}

.contact-form-footer input {
    background-color: transparent;
    color: var(--cl-light);
    height: 50px;
    margin-bottom: 10px;
    border-radius: 0 !important;
}

.contact-form-footer input::placeholder,
.contact-form-footer textarea::placeholder {
    color: var(--cl-light);
}

.contact-form-footer textarea {
    background-color: transparent;
    color: var(--cl-light);
    height: 90px;
    border-radius: 0 !important;
}

input[type=submit],
input[type=submit]:hover,
input[type=submit]:focus {
    background: var(--cl-gra-pri);
    border-radius: 0 !important;
    border: none;
    color: var(--cl-light);
    text-transform: uppercase;
    box-shadow: 4px 4px 8px rgb(139 233 68 / 24%);
}

#footer .fl-col-group:nth-child(1) {
    margin-right: -10px;
    margin-left: -10px;
}

.content-recruit li {
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
}

.content-recruit ul {
    padding-left: 22px;
}

.modal-header {
    border-bottom: 0;
}

#text-2 {
    margin-bottom: 0;
}

button:hover {
    background: unset;
    border: none;
}

#footer .fl-col-group:nth-child(3) {
    border-top: 2px solid #7d7b7b;
    margin-top: 0;
    padding-top: 10px;
}

.fl-page-footer-wrap {
    background-color: rgba(13, 39, 28, 1);
}

#footer>.fl-row-content-wrap {
    padding: 0;
}

.shap {
    display: none;
}

/* custom slider about */
.timeline-slider {
    margin: 0 20px;
    padding: 30px;
    position: relative;
    background-size: cover;
    background-position: center;
}

.timeline-slider::before {
    content: "";
    position: absolute;
    height: 100%;
    left: 0;
    opacity: 0.9;
    top: 0;
    width: 100%;
    background: var(--cl-gra-pri);
}

.title-timeline h3 {
    background: var(--cl-pri);
    color: #ffffff;
    padding: 15px 150px 15px 20px;
    font-size: 35px;
    position: relative;
    text-transform: uppercase;
    width: fit-content;
    margin: -40px 0 20px -40px;
}

.content-80 .fl-rich-text {
    width: 80%;
    margin: auto;
}

#tamnhin-sumenh-giatricotloi img,
#tamnhin-sumenh-giatricotloi .fl-photo-content {
    width: 100%;
}

#menu-menu-about,#menu-menu-about-en {
    display: flex;
    justify-content: space-between;
}

#menu-menu-about li a,#menu-menu-about-en li a {
    color: #676767;
    font-size: 18px;
}

#menu-menu-about li a:hover ,#menu-menu-about-en li a:hover {
    color: var(--cl-sec);
}

#menu-menu-about li+li::before,#menu-menu-about-en li+li::before {
    content: "";
    background-color: #c0c0c0;
    height: 22px;
    width: 2px;
    position: absolute;
    left: -16px;
    bottom: 9px;

}

.title-timeline h3::before {

    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: -79px;
    top: 0%;
    border-bottom: 79px solid var(--cl-pri);
    border-right: 79px solid transparent;

}

.content-tl * {
    color: var(--cl-light);
}

.content-tl {
    text-align: justify;
}

.timeline .owl-stage-outer {

    padding-top: 100px;
}

.timeline.owl-carousel button.owl-dot {
    height: 20px;
    width: 20px;
    background-color: #CCCCCC !important;
    border-radius: 50%;
}

.timeline .owl-dots {
    display: flex;
    width: 1340px;
    margin: auto;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.timeline .owl-dots::before {
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    top: 9px;
    z-index: -1;
    background: #cccc;
}

.timeline.owl-carousel button.owl-dot.active,
.owl-carousel button.owl-dot:hover {
    background: var(--cl-gra-pri);
    border: 3px solid white;
    outline: 2px solid var(--cl-pri);
}

.timeline.owl-carousel .owl-item .img-timeline img {
    display: block;
    width: auto;
    height: 350px;
}

.logo-dt-about .uabb-photo-gallery-content img {
    width: auto !important;
    height: 65px !important;
    margin: 20px auto 20px;
}

.logo-dt-about .uabb-photo-gallery-content {
    object-fit: cover;
}

.logo-dt-about .uabb-photo-gallery {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.content-page-title h1.title {
    color: var(--cl-light);
    position: relative;
    text-transform: uppercase;
}

.content-page-title h1.title::before {
    content: "";
    background-color: var(--cl-hline);
    height: 5px;
    width: 123px;
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
}

.breadcrumb-container {
    margin: 30px auto 20px;
}

.fl-heading {
    text-transform: uppercase;
    background: var(--cl-gra-pri);
    font-size: 35px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page-title {
    position: relative;
}

.gap-line {
    width: 55px;
    height: 5px;
    background: var(--cl-gra-pri);
    margin: auto;
}

.page-title::before {
    content: "";
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.page-title::after {
    content: "";
    background: linear-gradient(2.89deg, #05532C 7.17%, rgb(142 198 65 / 0%) 59.23%, rgb(142 198 65 / 0%) 98.39%);
    width: 100%;
    height: 60%;
    position: absolute;
    left: 0;
    bottom: 0
}

#menu-about {
    z-index: 9999;
}

#menu-about .fl-row-content {
    background: var(--cl-light)
}

.info-project ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-flow: row wrap;
}

.info-project ul li {
    width: 50%;
    padding: 10px;
}

.title-info-project {
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
}

.content-info-project {
    text-align: right;
    font-size: 18px;
}

.info-project ul li:nth-child(4n) {
    background-color: #ECF5DF;
}

.info-project ul li:nth-child(4n-1) {
    background-color: #ECF5DF;
}

.project-img img {
    width: 100%;
}

.project-title {
    font-size: 18px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 51px;
}

.title-archive-project {
    font-size: 40px;
    color: var(--cl-pri);
    margin-top: 0;
   
    text-transform: uppercase;
}
.custom-menu-media{
    background-color: var(--cl-pri);
    padding: 10px 20px;
    color: var(--cl-light);
    width: fit-content;
    margin: auto;
    margin-bottom: 20px;
    border-radius: 4px;
}
.project-item {
    margin-bottom: 30px;
}

.project-item .fl-post-thumb {
    margin-bottom: 15px;
}

.project-item .fl-post-header {
    margin-bottom: 15px;
}

.pagenavi {
    text-align: center;
    display: block;
    justify-content: center;
    margin-bottom: 30px;
    clear: both;
}

.pagenavi .page-numbers,
.uabb-blogs-pagination .page-numbers,.fl-builder-pagination li a {
    font-size: 16px;
    margin: 5px;
    padding: 10px 15px !important;
    background: var(--cl-light) !important;
    color: var(--cl-pri) !important;
}

.prev.page-numbers,
.next.page-numbers {
    font-size: 16px;
    line-height: 25px;
}

.pagenavi .page-numbers.current,
.pagenavi .page-numbers:hover,
.uabb-blogs-pagination li a.page-numbers:hover,
.uabb-blogs-pagination li span.current,.fl-builder-pagination li .current {
    background: var(--cl-gra-pri) !important;
    color: var(--cl-light) !important;
    padding: 10px 15px !important;
}

.title-single-project {
    font-size: 22px;
    font-weight: bold;
}

.heading-content-project {
    color: var(--cl-pri);
    font-size: 40px;
    text-align: center;
}

.related-project {
    background-image: url(http://525vn378.chiliweb.org/wp-content/uploads/2022/06/Pattern-2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
}

.single_related.item {
    margin: 15px;
}

.related-project {
    margin-top: 50px;
}

.related-project .owl-nav {
    position: absolute;
    top: 50%;
    width: 105%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.related-project .heading-content-project {
    margin-top: 0;
}

.related-project .fl-post-header {
    padding: 20px;
}

.related-project .fl-post-thumb {
    margin-bottom: 0;
}

.related-project .owl-next {
    float: right;
}

.related-project .owl-nav button span {
    font-size: 40px;
}

.type_project-du-an-tieu-bieu {
    background-color: var(--cl-light);
}

.single-project .content-project {
    text-align: justify;
}

.project-template-default .h-breadcrumb span>span>span,
.recruit-template-default .h-breadcrumb span>span>span {
    font-size: 0;
}

.project-template-default .h-breadcrumb span>span>span>span,
.recruit-template-default .h-breadcrumb span>span>span>span {
    font-size: 16px;
}

.tax-type_project .h-breadcrumb span>span>span {
    font-size: 0;
}

.tax-type_project .h-breadcrumb span>span>span>span {
    font-size: 16px;
}

.search-tt input[type=text].fl-search-input {
    background-color: var(--cl-light);
    border: 1px solid var(--cl-pri);
    height: 45px;
    padding-left: 50px;
    color: var(--cl-pri);
    border-radius: 0;
    font-weight: 400;
    font-size: 16px;
}

.search-tt form {
    position: relative;
}

.search-tt form::before {
    content: "\f002";
    font-family: 'FontAwesome';
    position: absolute;
    left: 13px;
    top: 7px;
    font-size: 21px;
    color: var(--cl-pri);
}

.uabb-blog-posts-description {
    text-align: justify;
}

.post-tt-nb .uabb-thumbnail-position-left .uabb-post-thumbnail img {
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
}

.post-tt-nb .uabb-thumbnail-position-left .uabb-post-thumbnail {
    height: 350px;
}

.all-select-type-project {
    float: right;
    background-color: var(--cl-light);
    list-style: none;
    border: 1px solid var(--cl-pri);
    text-align: center;
    padding: 10px 40px;
    text-transform: uppercase;
    color: var(--cl-pri);
    position: relative;
}

.uabb-blog-post-content .uabb-post-meta,
.uabb-post-meta .uabb-cat-links a {
    color: var(--cl-pri);
    font-weight: 400;
    text-transform: uppercase;
}

.select-type-project {
    position: absolute;
    background: var(--cl-pri);
    list-style: none;
    display: none;
    text-align: left;
    width: 101%;
    color: var(--cl-light);
    padding: 10px 20px;
    top: 41px;
    z-index: 99;
    left: -1px;
}

.select-type-project a {
    color: var(--cl-light);
}

.select-type-project li {
    padding: 5px;
    margin: 2px;
}

.select-type-project li:hover,
.select-type-project li.active {
    background-color: var(--cl-light);
    width: 100%;
}

.select-type-project li:hover a,
.select-type-project li.active a {
    color: var(--cl-pri);
}

.all-select-type-project:hover .select-type-project {
    display: block;
}

.no-results-project {
    margin: 20px;
}

input[type=text].fl-search-input {
    padding: 20px;
    border: 1px solid var(--cl-pri);
    color: var(--cl-pri);
    border-radius: 0 !important;
    width: 50%;
}

.post-tt-nb .uabb-post-wrapper .uabb-post-heading {
    font-size: 32px;
}

.uabb-post-wrapper .uabb-post-heading {
    font-size: 22px;
}

.search-form {
    display: flex;
}

.search-form button {
    background-color: var(--cl-pri);
    border-radius: 0;
    border-color: var(--cl-pri);
}

.uabb-post-meta.uabb-blog-post-section {
    word-wrap: break-word;
    padding-top: 5px;
}

.uabb-blog-posts-description {
    padding-top: 1em;
}

.post-tt .uabb-blog-post-content {
    padding: 20px 0 !important;
}

.search-tt button {
    display: none;
}

.search-tt input[type=text].fl-search-input {
    width: 100%;
}

.tt-post .uabb-post-wrapper .uabb-blog-post-content {
    padding: 20px 0 !important;
}

.fl-sidebar-right {
    padding-left: 0;
}

.fl-content-left {
    border: none;
}

.fl-content-left {
    margin-top: 0;
}

.share-social {
    float: right;
    width: fit-content;
    color: var(--cl-pri);
}

.share-social .fl-builder-content {
    padding: 0;
    display: inline-block;

}

.uabb-blog-posts .uabb-post-thumbnail img {
    width: 100%;
}

.fl-post-meta a,
.fl-post-date {
    text-transform: uppercase;
    color: var(--cl-pri);
}

.share-social .uabb-icon-wrap .uabb-icon i::before,
.share-social .uabb-icon-wrap .uabb-icon i {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    color: var(--cl-pri) !important;
    line-height: 20px !important;
}

.share-social .uabb-social-share-horizontal .uabb-social-share-link-wrap {
    margin-bottom: 0;
}

.related-post-content h3 {
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 0;
}

.related-post-content {
    margin-left: 15px;
    ;
}

.related-post-cate,
.related-post-date {
    text-transform: uppercase;
    color: var(--cl-pri);
    font-size: 13px;
}

.img-related-post img {
    margin-right: 10px;
    margin-bottom: 0;

}

.fl-post .fl-post-header h1.fl-post-title {
    font-size: 40px;
    line-height: 1.2;
}

.sidebar-related-post li {
    display: flex !important;
    flex-flow: row wrap;
}
.related-post-content{
 
        width: 65%;
  
}
.related-post-content h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.img-related-post{
    width: 30%;
}

#text-3 .fl-widget-title,#text-8 .fl-widget-title {
    font-size: 24px;
    color: var(--cl-pri);
}

.archive.category .share-social {
    display: none;
}

.archive.category .fl-post-title {
    font-size: 22px;
}

.archive.category .fl-post-header {
    margin-bottom: 0;
}

.archive.category .fl-post-more-link {
    display: none;
}

.archive.category .fl-archive .fl-post {
    border-bottom: none;
    padding-bottom: 0px;
}

.archive.category .fl-post-content {
    text-align: justify;
}

.cat-navigation {
    text-align: center;
}

.cat-navigation li span,
.cat-navigation li a {
    border: none;
    padding: 7px 15px !important;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus,
.pagination>li>a.current,
.pagination>li>span.current {
    background: var(--cl-gra-pri) !important;
    color: var(--cl-light) !important;
    padding: 7px 15px !important;
    border-radius: 0;
}

.related-project .fl-post-header {
    background-color: var(--cl-light);
}

.pagination>li>a {
    color: var(--cl-title);
}

.text-np {
    display: none;
}

.archive.category .h-breadcrumb>span>span>span {
    font-size: 0;
}

.archive.category .h-breadcrumb>span>span>span .breadcrumb_last {
    font-size: 20px;
}

.archive.category .fl-content {
    margin: 20px 0;
}

#footer input:focus,
#footer textarea:focus {
    color: var(--cl-title);
    background-color: var(--cl-light);
}

.wpcf7-not-valid-tip {
    margin-bottom: 10px;
    color: var(--cl-sec);
}

.recruit-item article {
    display: flex;
}

.recruit-item .fl-post-thumb {
    width: 100%;
}

.recruit-item .fl-post-header {
    margin-left: 30px;
}

.readmore-recruit,
.btn-recruit,
.btn-recruit:hover,
.btn-recruit:focus {
    background: var(--cl-gra-pri);
    border-radius: 0 !important;
    border: none;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    color: var(--cl-light);
    box-shadow: 4px 4px 8px rgb(139 233 68 / 24%);
    padding: 13px 30px;
    margin-top: 30px;
    display: block;
    width: fit-content;
}

.recruit-post-date {
    color: var(--cl-pri);
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block;
}

.info-recruit ul {
    display: flex;
    flex-flow: row wrap;
    gap: 30px;
    list-style: none;
    padding-left: 0;
    margin-bottom: 30px;
}

.info-recruit ul li {
    color: #717171;
    position: relative;
}

.info-recruit ul li+li::before {
    content: "|";
    font-size: 17px;
    position: absolute;
    left: -17px;
}

.select-type-recruit li.active a,
.select-type-recruit li:hover a {
    color: var(--cl-sec);
}

.modal-content {
    background-color: #F5F5F5;
}

.title-recruit h1 {
    color: var(--cl-pri);
    font-size: 40px;
}

.select-type-recruit {
    display: flex;
    flex-flow: row wrap;
    gap: 30px;
    list-style: none;
    padding-left: 0;
    margin-bottom: 30px;
}

.select-type-recruit li {
    position: relative;
}

.select-type-recruit li+li::before {
    content: "|";
    font-size: 17px;
    position: absolute;
    left: -17px;
}

.select-type-recruit a {
    color: var(--cl-title);
    font-size: 16px;
}

.btn-recruit {
    margin-bottom: 50px;
}

.form-tuyen-dung input {
    border: none;
    border-radius: 0;
    height: 40px;
}

.form-tuyen-dung input::placeholder {
    color: var(--cl-title);
}

.wpcf7-form-control-wrap.tel-833,
.wpcf7-form-control-wrap.email-933 {
    width: 49%;
    display: inline-block;
    margin-bottom: 20px;
}

.form-tuyen-dung .form_label {
    width: 48%;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 20px;
}
.wpcf7 input[type="file"] {
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    margin-top: 10px;
}
.form-tuyen-dung .wpcf7-submit {
    text-align: center;
    display: block;
    margin: auto;
}

.wpcf7-form-control-wrap.tel-833Æ  {
    margin-right: 2%;
}

.modal-header .close {
    margin-top: -35px;
    color: var(--cl-pri);
    font-size: 30px;
    opacity: 1;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 22px;
    text-align: center;
    color: var(--cl-pri);
}

button:hover,
input[type=button]:hover,
input[type=submit]:hover {
    color: var(--cl-light);
}

.wpcf7-form-control-wrap.email-933 {
    margin-left: 2%;
}

span.cv {
    position: relative;
}





span.img-d::after {
    content: "\f0c1";
    position: absolute;
    left: 0;
    font-family: 'FontAwesome';
    color: #666666;
    opacity: 0.6;
    text-align: center;
    cursor: pointer;
    top: 0;
}

span.img-d>input {
    visibility: hidden;
}

.content-recruit {
    text-align: justify;
}

.lightboxed {
    cursor: pointer;
}

div#lightboxed--cache {
    position: fixed;
    left: -99999999px;
}

div#lightboxed--container {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9001;
}

div#lightboxed--stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

div#lightboxed--content {
    position: absolute;
    top: 0;
    left: 0;
}

div#lightboxed--content .lightboxed--frame {
    position: absolute;
    top: 0;
    left: 0;
}

div#lightboxed--content .lightboxed--frame img,
div#lightboxed--content .lightboxed--frame iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 0;
}

div#lightboxed--content .lightboxed--frame .lightboxed--caption {
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    padding: 20px;
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    font-size: 19px;
    color: #fff !important;
    text-align: center;
    width: fit-content;
}

div#lightboxed--thumbs {
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

div#lightboxed--thumbs .lightboxed--thumb {
    float: left;
    overflow: hidden;
    border-radius: 2px;
    cursor: pointer;
}

div#lightboxed--thumbs .lightboxed--thumb .lightboxed--thumb_border {
    position: relative;
    width: 100%;
    height: 100%;
    transition: 500ms background;
}
.fl-post-thumb,.fl-photo-content {
    overflow: hidden;
}
.uabb-blog-posts .uabb-post-thumbnail img,.fl-post-thumb img,.info-home .fl-photo-content img{
    transform: scale(1);
    transition: all 2s;
}
.uabb-blog-posts .uabb-post-thumbnail img:hover,.fl-post-thumb img:hover,.info-home .fl-photo-content:hover img{
    transform: scale(1.3);
    transition: all 2.5s;
}
div#lightboxed--thumbs .lightboxed--thumb.lightboxed--active .lightboxed--thumb_border {
    transition: 500ms filter;
    filter: opacity(0.5);
}

div#lightboxed--thumbs .lightboxed--thumb img {
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover;";
}

div#lightboxed--bttn_close {
    position: absolute;
    top: 10px;
    right: 10px;
    background-image: url(/wp-content/uploads/2022/06/cancel-1.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 100%;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    cursor: pointer;
}

div#lightboxed--bttn_next {
    display: none;
    position: absolute;
    top: 50%;
    right: 10px;
    background-image: url(/wp-content/uploads/2022/06/right-chevron.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 50%;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    cursor: pointer;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

div#lightboxed--bttn_prev {
    display: none;
    position: absolute;
    top: 50%;
    left: 10px;
    background-image: url(/wp-content/uploads/2022/06/right-chevron.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 0%;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    cursor: pointer;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transform: rotate(180deg);
}

.media-item-img .media-title a {
    font-size: 18px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 77px;
}

.media-item-img .fl-post-thumb {
    margin-bottom: 10px;
}

.icon-play a {
    position: relative;
}

.icon-play {
    position: absolute;
    z-index: 999;
    left: 50%;
    width: 69px;
    top: 38%;
    transform: translate(-50%, -50%);
}

.video-lig a::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #00000066;
    position: absolute;
    left: 0;
    top: 0;
}

.video-lig a::after {
    content: url(/wp-content/uploads/2022/06/play-button.png);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 20%;
    transform: scale(0.6);
    top: 20%;
}

.video-lig a {
    position: relative;
    height: 100%;
    display: block;
}

.media-download,
.media-read-more {
    background: var(--cl-gra-pri);
    border-radius: 0 !important;
    border: none;
    color: var(--cl-light);
    text-transform: uppercase;
    box-shadow: 4px 4px 8px rgb(139 233 68 / 24%);
    padding: 10px 20px;
}

.table-stt {
    width: 10%;
    text-align: center;
}

.media-download:hover,
.media-download:focus,
.media-read-more:focus,
.media-read-more:hover {
    color: #Fff;
}

.table-name {
    width: 65%;

}

td.table-name {
    padding: 15px !important;
}
.tax-type_project .fl-post-content{
    display: none;
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    vertical-align: middle;
}

.table-download {
    text-align: center;
}

.table-file-me thead {
    background: var(--cl-pri);
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
}

.table-file-me thead th {
    font-size: 18px;
    font-weight: 400;
}

.table-file-me {
    font-size: 17px;
}

.select-type-media li+li::before {
    content: "|";
    font-size: 17px;
    position: absolute;
    left: -17px;

}

.select-type-media li a {
    font-size: 17px;
    color: var(--cl-light);
}

.select-type-media li.active a,
.select-type-media li:hover a {
    color: var(--cl-sec);
}

.select-type-media li {
    position: relative;

}
.content-light .fl-rich-text{
    color: var(--cl-light);
}
.select-type-media {
   
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    gap: 30px;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0px;
}

.fl-page-nav ul.sub-menu {
    width: 330px;
}

.fl-page-nav ul li .sub-menu li {
    border-bottom: 1px solid var(--cl-pri);
}

.fl-page-nav ul li .sub-menu li a {
    color: var(--cl-pri);
}

#contact-page {
    margin-bottom: -150px;
    z-index: 2;
    position: relative;
}

#contact-page .fl-row-content-wrap .fl-col-group {
    background-color: var(--cl-light);
}

#contact-page ul {
    padding-left: 0;
}

#contact-page ul li {
    list-style: none;
    position: relative;
    padding-top: 20px;
    padding-left: 0px;
    font-size: 18px;
    color: var(--cl-pri);
}

#contact-page ul li a {
    color: var(--cl-pri);
}

.info-contact-page {
    padding: 50px;
}

.page-id-847 .page-title,
.page-id-847 .breadcrumb-container,
.error404 .breadcrumb-container,
.error404 .page-title {
    display: none;
}

.submit-comled,
.page-404 {
    color: var(--cl-light);
}

.submit-comled h2,
.page-404 h2 {
    color: var(--cl-light);
}

.fl-page-footer-widgets {
    border-top: none;
}

.page-404 h1 {
    color: var(--cl-light);
    font-size: 160px;
}

.page-404 {
    width: 50%;
    margin: auto;
}
.gtcl-right .fl-col-content > .fl-module {
    display: none;
}
.gtcl-right .fl-col-content > .fl-module.show-active{
    display: block;
}
.gtcl-left .fl-col-group > .fl-col{
    border: 1px solid #e1e1e1;
    background-color: #fff;
}
.gtcl-left .fl-col-group > .fl-col:hover{
    background-image: radial-gradient(circle 101px at center,#f15b25 0,#c62128 100%);
}

.gtcl-left .fl-col-group:nth-child(1) > .fl-col:nth-child(2n){
    background-color: #f8f8f8;
}
.gtcl-left .fl-col-group:nth-child(2) > .fl-col:nth-child(2n+1){
    background-color: #f8f8f8;
}
.gtcl-left .fl-col-group > .fl-col img{
    width: auto!important;
    height: 40px!important;
}
.gtcl-left .fl-col-group > .fl-col .uabb-infobox-left-right-wrap{
    text-align: center;
}
.gtcl-left .fl-col-group > .fl-col .uabb-infobox-left-right-wrap .uabb-infobox-title{
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 12px;
    font-size: 20px;
}
.gtcl-left .fl-module-info-box .uabb-infobox-module-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 4;
    cursor: auto;
    pointer-events: none;
}

.gtcl-left .fl-col-group > .fl-col:hover .uabb-infobox-title{
    color: var(--cl-light);
    }
    .gtcl-left .fl-col-group > .fl-col:hover  img{
        filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(198deg) brightness(109%) contrast(101%);
    }
    .gtcl-right .fl-col-content > .fl-module img{
        width: auto!important;
        height: 50px!important;
    }
    .gtcl-right .fl-col-content > .fl-module .uabb-infobox-left-right-wrap{
        text-align: center
        ;
    }
    .gtcl-right  .fl-col-content {
        margin-left: 50px;
            background-color: #f8f8f8;
            border: 1px solid #e1e1e1;

    }
    #tamnhin-sumenh-giatricotloi .fl-rich-text,#vision-mission-corevalues .fl-rich-text {
        text-shadow: 3px 4px 5px rgb(0 0 0 / 15%);
        color: #fff;
    }
    #tamnhin-sumenh-giatricotloi .fl-rich-text h3,#vision-mission-corevalues .fl-rich-text h3{
        color: var(--cl-light);
    }
    #gtcl{
        position: relative;
    }
    #gtcl::before{
        content: url(/wp-content/uploads/2022/06/i-3-tri.png);
        position: absolute;
        right: 0;
        top: -197px;
    }
    #blt .fl-row-fixed-width{
        position: relative;
        z-index: 2;
    }
    .cs-hdqt p {
        color: var(--cl-pri);
        background: #fff;
        border: 1px solid #05532c;
        font-size: 26px;
        margin: auto;
        width: fit-content;
        padding: 10px 20px;
        font-weight: 600;
    }
   .img-br {
        border: 2px solid #FFF;
    margin-top: -1px;
    }
    .media-item-img .fl-post-thumb{
        height: 223px;
        position: relative;
        overflow: hidden;
    }
    
    .media-item-img .fl-post-thumb img {
            height: auto !important;
            max-width: 100%;
            position: absolute;
            width: auto;
            left: 50%;
            height: 100%!important;
            transform: translateX(-50%);
        }
        .media-item-img .fl-post-thumb img:hover{
            height: 120%!important;
            transition: all 3s;
        }
    .fl-page-content{
        margin-bottom: 30px;
    }
    .fl-post.thu_vien.type-thu_vien .fl-post-header{
        padding:0 20px!important ;
        text-align: center;
    }
    #footer .fl-row-content > .fl-col-group:first-child{
        display: none;
    }
    .count-home .fl-module-content{
        margin: 10px;
    }
    .count-home h2.uabb-number-string {
        font-size: 50px;
        color: #fff;
    }
    .count-home  .uabb-number-after-text {
        font-size: 17px;
        color: #fff;
        font-weight: 700;
    }
   .project-img  .owl-nav{
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    }
    .project-img .owl-prev, .project-img .owl-next{
background-color: var(--cl-pri)!important;
color: #fff;
position: absolute;
    }
    .project-img .owl-prev{
        left: -50px;

    }
    .project-img .owl-next{
        right: -50px;
    }
    .project-img .owl-prev span, .project-img .owl-next span{
        color: var(--cl-light);
        font-size: 27px;
        padding: 1px 12px 6px;
        line-height: 25px;
        display: block;
    }
  

.fl-page-footer-widgets-container.container{
max-width:100%;
	width:100%;
	overflow: hidden;
}
.uabb-image-carousel-content .uabb-image-carousel-caption{
    background-color: var(--cl-pri);
}
#text-4{
margin-bottom:0;
}
#footer a:hover{
    color:var(--cl-sec);
}
.share-social.en .uabb-social-share-horizontal .uabb-social-share-link-wrap {
    margin-bottom: 0!important;
}
.share-social.en .fl-builder-content {

    float: right;
}
/* end header css *


/* page css */

/* end page css */

/* footer css */

/* end footer css */

/* responsive css */
@media (min-width:768px) and (min-width:1600px) {

    .project-item .fl-post-thumb{
        height: 322px;
        position: relative;
    }
    .project-item .fl-post-thumb img {
        height: auto !important;
        max-width: 100%;
        position: absolute;
        width: auto;
        left: 50%;
        height: 100%!important;
        transform: translateX(-50%);
    }
    .projectr-home .uabb-post-thumbnail  {
        height: 484px;
        position: relative;
        overflow: hidden;
    }
    .projectr-home .uabb-post-thumbnail img {
        height: auto !important;
        max-width:unset;
        position: absolute;
        width: auto!important;
        left: 50%;
        height: 100%!important;
        transform: translateX(-50%)!important;
    }
    .projectr-home .uabb-post-thumbnail img:hover{
        height: 120%!important;
        transition: all 3s;
    }
}
@media (max-width:768px) {
    .post-style .fl-post-grid-post {
        width: 100%!important;
    }
    .gtcl-left .fl-col-group > .fl-col{
    float: left;
    clear: none;
    width: 33%!important;

    }
    .copy-footer p,.copy-chili p,#footer .adv-icon-right{
        text-align: left!important;
    }
    
    .gtcl-right{
        margin-top: 40px;
    }
    .gtcl-left .fl-col-group > .fl-col .uabb-infobox-left-right-wrap .uabb-infobox-title {
        font-size: 13px;
    }
    .gtcl-left .fl-module-info-box .fl-module-content{
        margin: 5px;
    }
    .page-404 h1 {
        color: var(--cl-light);
        font-size: 160px;
    }

    .page-404 {
        width: 100%;
        margin: auto;
    }

    .select-type-media li+li::before {
        display: none;
    }

    .info-contact-page {
        padding: 0px;
    }

    .table-name {
        width: 53%;
    }

    .media-download,
    .media-read-more {
        padding: 5px 10px;
        font-size: 14px;
        margin-bottom: 5px;
        display: block;
    }

    .title-single-project {
        font-size: 18px;
    }

    .select-type-media {
        gap: 10px;
    }

    .title-info-project {

        font-size: 15px;
    }

    .single_related.item {
        margin: 0;
    }

    .fl-page-nav-centered-inline-logo>.container {
        background-color: var(--cl-light);
    }

    .fl-page-header-primary .fl-logo-img {
        padding: 5px;
    }

    .fl-page-nav-centered-inline-logo .fl-page-header-logo {
        padding-left: 0;
    }

    .recruit-item article {
        display: block;
    }

    .recruit-item .fl-post-header {
        margin-left: 0;
    }

    .readmore-recruit,
    .btn-recruit,
    .btn-recruit:hover,
    .btn-recruit:focus {
        margin-top: 0px;
    }

    .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav .navbar-toggle {
        top: 20px !important;
        color: var(--cl-pri);
    }

    #menu-menu-chinh-2 li a {
        padding-left: 0;
    }

    .title-recruit h1 {
        margin-top: 0;
    }

    .title-archive-project {
        color: var(--cl-title);
        font-size: 27px;
        margin-bottom: 10px;
    }

    .fl-page-nav-wrap .navbar-nav>li.current-menu-item>a::before,
    .fl-page-nav-wrap .navbar-nav>li>a:hover::before {
        right: 88%;
    }

    .tax-type_media.term-video-hoat-dong-cua-cong-ty #lightboxed--content {
        height: 200px !important;
    }

    .icon-title .fl-photo-align-center .fl-photo-img-svg {
        margin-left: 0;
    }

   

    .tax-type_media.term-video-hoat-dong-cua-cong-ty div#lightboxed--content {
        top: 36%;
    }

    .footer-top {
        width: 46% !important;
        clear: none;
        float: left;
        margin: 2%;
    }

    .footer-top .fl-module-content {
        margin: 10px;
    }

    .conntent-banner h1 {
        font-size: 80px;
    }

    #banner-home>.fl-row-content-wrap>.fl-node-content {
        margin-top: 30px;
    }

    #banner-home .fl-rich-text,
    #banner-home .fl-rich-text h1,
    #banner-home .fl-rich-text h2 {
        text-align: center;
    }

    .new-post-home .fl-post-carousel .fl-post-carousel-post {
        width: 360px !important;
    }

    .new-post-home .fl-post-carousel-grid .fl-post-carousel-title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        /* number of lines to show */
        line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .uabb-post-wrapper .uabb-blog-post-content {
        padding: 5px;
    }

    .post-home-left h3.uabb-post-heading {
        font-size: 18px;
    }

    .uabb-thumbnail-position-left .uabb-post-thumbnail.uabb-crop-thumbnail img {
        margin-left: 0;
        width: 100%;
    }

    .cs-antuong-content .fl-col-content .fl-col-group {
        display: flex;
    }

    .ts-number .fl-rich-text p {
        font-size: 28px;
    }

    .post-home-right .uabb-thumbnail-position-left .uabb-post-thumbnail,
    .post-home-right .uabb-post-wrapper .uabb-blog-post-content {
        width: 100%;
    }

    .fl-post-carousel {
        padding: 0px !important;
    }

    .page-title {
        height: 30vh !important;
    }

    .content-page-title h1 {
        font-size: 37px;
    }

    .content-80 .fl-rich-text {
        width: 100%;
    }

    .fl-heading {
        font-size: 29px;
    }

    .title-timeline h3 {
        padding: 15px;
        font-size: 25px;
    }

    .title-timeline h3::before {
        right: -64px;
        border-bottom: 65px solid var(--cl-pri);
        border-right: 65px solid transparent;
    }

    .timeline.owl-carousel .owl-item .img-timeline img {
        width: 100%;
        height: auto;
    }

    .owl-dots {
        width: 100%;
    }

    #menu-menu-about,#menu-menu-about-en {
        flex-flow: row wrap;
        justify-content: start;
    }

    #menu-menu-about li+li::before,#menu-menu-about-en li+li::before {
        left: -3px;
    }

    .uabb-image-carousel .slick-prev i,
    .uabb-image-carousel .slick-next i {
        font-size: 28px !important;
    }

    .logo-dt-about .uabb-photo-gallery-content img {
        width: auto !important;
        height: 80px !important;
    }

    .project-template-default .fl-page-content {

        overflow-x: hidden;
    }

    .related-project .owl-nav {
        width: 100%;
    }

    .post-tt-nb .uabb-post-wrapper .uabb-post-thumbnail,
    .post-tt-nb .uabb-thumbnail-position-left .uabb-blog-post-content {
        width: 100%;
    }

    .post-tt-nb .uabb-post-wrapper .uabb-blog-post-content {
        padding: 20px 0 0;
    }

    .post-tt-nb .uabb-post-wrapper .uabb-post-heading {
        font-size: 22px;
    }

    .fl-post .fl-post-header h1.fl-post-title {
        font-size: 30px;
        line-height: 1.2;
    }

    .fl-node-62a1ba8ab97b0 .fl-col {
        clear: none;
        width: 50% !important;
        float: left;
        margin-left: auto;
        margin-right: auto;
        /* width: auto !important; */

    }
}
@media (min-width: 992px){
.fl-page-nav-centered-inline-logo .fl-page-nav-search {
    margin-right: -76px;
}}
/* custom lang */
html[lang="en-US"] #service-home .uabb-infobox-title{
    font-size: 19px!important;
}
.none,.mfp-bottom-bar .mfp-counter{
    display: none!important;
}
.search-full{
    display: none;
    transition: opacity 3s;
    opacity: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    background: linear-gradient(90deg,rgba(0,0,0,.7) 100%,rgba(0,0,0,.5));
    z-index: 9999;
}
.search-full.show{
    opacity: 1;
    transition: opacity 3s; 
}
.search-full form{
    position: absolute;
    top: 50%;
    width: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

}
.search-full input[type=text].fl-search-input::placeholder{
    color: #fff;
}
.search-full input[type=text].fl-search-input {
    width: 100%;
    color: #fff;
    font-size: 18px;
    border: none;
    border-bottom: 1px solid #fff;
    opacity: 1;
    background-color: transparent;
    box-shadow: none;
    position: relative;
}
.search-full button{
    position: absolute;
    background: transparent;
    border: none;
    right: 0;
    top: 0;
    font-size: 20px;
}