/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@import url(css/font-awesome.min.css);
@import url(fonts/dinpro/stylesheet.css);

/*************** ADD CUSTOM CSS HERE.   ***************/
h1, h2, h3, h4, h5, h6 {
    font-family: "iCiel DIN Pro", sans-serif;
    line-height: 1.3;
}
.header-main .header-inner { background: url(images/border-bot-menu.png) no-repeat bottom center;     background-size: 100%;}
.has-sticky .stuck .header-inner, #header.no_transparent .header-inner{background: url(images/border-bot-menu2.png) no-repeat bottom center;     background-size: 100%; }
.slide_home h3{font-size: 40px; line-height: 55px;  font-weight: 700; font-family: 'Nexa-XBold';}
.slide_home p{ font-size: 20px; font-family: 'Nexa';}
.nav>li>a{ font-family: "iCiel DIN Pro"; font-size: 12px}
body.home  .has-sticky .stuck .header-inner a , body.home  .has-sticky .stuck .header-inner a  .icon-search, #header.no_transparent .header-inner a  .icon-search , .no_transparent .header-inner a, body.page-id-64   .has-sticky .stuck .header-inner a ,  body.page-id-64  .has-sticky .stuck .header-inner a  .icon-search, body.page-id-62   .has-sticky .stuck .header-inner a ,  body.page-id-62  .has-sticky .stuck .header-inner a  .icon-search, body.home  .has-sticky .stuck .nav>li>a>i.icon-menu,  body.page-id-64  .has-sticky .stuck .nav>li>a>i.icon-menu,  body.page-id-62  .has-sticky .stuck .nav>li>a>i.icon-menu,  #header.no_transparent .header-inner a  .icon-menu{
    color: #000 !important;
}
.header.show-on-scroll, .stuck .header-main{ background: #fff;}
#header.no_transparent .header-inner .header-logo{ display: none;}
#header.no_transparent .header-inner .header-logo-sticky{ display: block !important}
.sectione_doitacpage .ux-logo .ux-logo-link { padding: 0px !important}
.sectione_doitacpage .ux-logo img{     border: 1px solid #006f3b;
    border-radius: 10px;}
.coppy-right{float: left;
    position: relative;
    left: 100%;
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);    font-size: 14px;
    bottom: -180px;
    white-space: nowrap;}
 .coppy-right img {
    margin: 0 5px;    margin-bottom: 0 !important;
}
.col3_footer  img{ width: 48%; float: left;     background: #fff;
    padding: 5px;     margin-bottom: 10px !important; }
.col3_footer  img.wp-image-327{margin-right: 10px}
#footer h3{    text-transform: uppercase;
    padding-bottom: 30px;    color: #4A4A4A;
    font-size: 16px;
    font-weight: bold;}
#footer .col3_footer { padding-right: 0px}
.group-contact-ft {
    margin-bottom: 20px;
}
.item-contact-ft .name {
    font-family: "iCiel DIN Pro";float: left;color: #4A4A4A;margin-bottom: 0px;
}
.item-contact-ft .content {
color: #4A4A4A;    font-family: "Calibri", sans-serif;    margin-bottom: 0px;
}
#footer  p{margin-bottom: 0px; }
#footer .footer_bt{ padding: 55px 0px 20px} 
.news_page .row1_newspage a{ color: #fff}
.title_tuyendung h1{     font-size: 44px;
    font-family: 'Nexa-XBold';}
.title_tuyendung{    padding-bottom: 14%;}
#masthead .flex-right  .header-language-dropdown ul{ background: #00703c;     min-width: 60px; padding: 0px}
#masthead .flex-right  .nav-dropdown.nav-dropdown-default>li>a{  border-bottom: 0px solid #ececec;     font-size: 14px;    padding: 5px 0px;margin: 0 5px;     color: #fff !important;}
#masthead .flex-right  .nav-dropdown.nav-dropdown-default>li>a img{width: 22px}
#masthead .flex-right .header-search-dropdown  .nav-dropdown-default {
    padding: 0;
}
#masthead .flex-right  .header-language-dropdown .image-icon img {
	max-width: 22px;}
#masthead .flex-right .header-language-dropdown .nav-dropdown.nav-dropdown-default>li>a:hover{color: #ffdb5d !important}
#masthead .flex-right .header-search-dropdown  .searchform .button.icon i{ color: #00703c}
#masthead .flex-right .header-search-dropdown   input[type=search]{font-size: 14px; border: 0px solid #ff6f6f; }
#masthead .flex-right .header-search-dropdown form{font-size: 14px; border: 2px solid #ff6f6f; }
#masthead .flex-right  .header-search-dropdown .nav-dropdown{ border:0px solid #ddd}
header#header {
    position: static;
}
.hidden_input{display: none;}
body.home header#header, body.page-id-64 header#header, body.page-id-62 header#header{
    position: absolute;
}

body.page-id-64 .banner .overlay, body.page-id-62 .banner .overlay{ background-image: linear-gradient(#000000a3, #00000052, #00000000, #0000008c, #0000009e);}
.group-category {
    float: left;
    color: #fff;
    padding: 40px 0;
}

.group-category .sec-title-cat .title {
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 10px;
	color: #fff;font-family: 'Nexa-XBold';
}

ul.list-category {
    list-style: none;
    float: left;
    margin-left: -20px;
}

ul.list-category li a {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 20px;
    line-height: 15px;
    height: 35px;
    display: block;
    transition: .15s; color: #fff;    font-family: "iCiel DIN Pro", sans-serif;
}
.section_title_about ul.list-category li a{ font-size: 16px; line-height: 21px;}
.section_title_about ul.list-category li{ margin-bottom: 0px}
.bt_ctf{ overflow:hidden}
.bt_ctf a.clear-btn{    float: right;
    height: 35px;
    padding: 10px 30px;
    line-height: 15px;
    margin-top: 10px;
    background-color: #EFEFEF;
    margin-left: 10px;
    color: #707070;
    font-size: 14px;
    font-weight: bold;
    border-radius: 0;}
ul.list-category li:hover a,ul.list-category li.current_page_item a {
    background-color: #000000bf;
    color: #F5C61F;
}

.item-future-update{
    width: 20%;
    float: left;
}
.item-inside-va {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 175%;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}
.item-inside-va.update{
    margin-left: 0;
    margin-right: 0;
}
.item-inside-va.update .title a{
    padding-right: 40px;
    display: block; color: #fff;font-family: 'Nexa-XBold';
}

.gradient-dt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(#00000000, #00000005, #00000017, #00000057, #0000006b, #000000b8, #000000);
}

.inside-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    padding: 20px 15px;
    transition: .3s;
}

.inside-info .title {
    position: relative;
    font-size: 24px;
    font-family: "Nexa", sans-serif;
    font-weight: 500;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    margin-top: -40px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    line-height: 25px;
    font-weight: bold;
	
}

.inside-info .icon img {
    position: absolute;
    right: 0px;
    bottom: 10px;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -o-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    width: 20px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.inside-info .desc {
    font-size: 16px;
    padding-top: 10px;
}

.item-inside-va:hover .inside-info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.item-inside-va:hover .title span.icon{
    display: none;
}
.item-inside-va:hover .inside-info .title {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    margin-top: 0;
}

.inside-info .title .icon {
    transform: translateX(10px);
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.inside-info .title:hover img {
    -webkit-transform: translate(10px, 50%);
    -moz-transform: translate(10px, 50%);
    -o-transform: translate(10px, 50%);
    -ms-transform: translate(10px, 50%);
    transform: translate(10px, 50%);
}

.award-special {
    color: #4a4a4a;
    text-align: center;
    padding: 0px 20px;
    position: relative;
    background-color: #EFEFEF;
    margin-top: 0px;
    padding-bottom: 0;
}
.award-special .desc {
    font-size: 16px;
    font-weight: 300;font-family: 'Calibri';
}
.section2_giatri .img-inner img{padding: 0 20px;}
.type-award {
    font-size: 11px;
    font-weight: bold;
    font-family: "iCiel DIN Pro", sans-serif;
}

.award-special .title {
    font-size: 22px;
    font-weight: bold;
    color: #006F3B;
    line-height: 25px;
    padding: 30px 0 20px;
}

.award-special .desc {
    font-size: 16px;
    font-weight: 300;
}

.award-special .img {
    bottom: -25%;
    position: absolute;
    left: 0;
    right: 0;
}

.list-win .slick-prev:before, .list-win .slick-next:before, .list-win-c .slick-prev:before, .list-win-c .slick-next:before {
    font-family: "fontawesome";
    font-size: 25px;
    color: #4a4a4a;
}

.list-win .slick-prev, .list-win .slick-next,.list-win-c .slick-prev, .list-win-c .slick-next {
    position: absolute;
    top: -55px;
    right: 0;
}

.list-win .slick-prev,.list-win-c .slick-prev {
    right: 45px;
    left: unset;
}

.list-win .slick-next,.list-win-c .slick-next {
    right: 0;
}

.award-top-update {
    padding-bottom: 40px;
}

.info-detail {
	height: 279px;
	padding: 30px;
    background-color: #EFEFEF;
    box-shadow: 3px 4px 20px 4px #6a6a6a40;
    overflow-y: auto;
}

.about-sec-title.new .title {
    font-size: 44px;
    margin-bottom: 10px;
    padding-left: 15px;
}

.about-sec-title.new ul.list-sidebar-left > li > a {
    font-size: 16px;
    color: #4A4A4A;
}

.sln-top {
    margin-left: -15px;
    margin-right: -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sln-top > img {
    width: 100%;
    display: block;
}

.sln-top .content-new {
    background: #000000a1;
    color: #fff;
    padding: 20px 15px 15px 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.sec-list-new {
    width: 80%;
    float: right;
    padding: 80px 15px 0;
}

.item-top-new {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 400px;
}

body.grid .bot-project-list.new-list {
    /*display: none;*/
}

.content-info {
    position: relative;
}

.parent-about {
    margin-left: -15px;
    margin-right: -15px;
}

.about-sec-title {
    float: left;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #EFEFEF;
    margin-bottom: 30px;
    height: 35px;
    line-height: 20px;
}

.about-sec-title .title {
    font-size: 16px;
    font-weight: bold;
    color: #4A4A4A;
    line-height: 1.5;
}

.about-sec-content {
    width: 80%;
    padding: 0 15px;
    float: right;
}

.about-sec-content .content {
    width: 60%;
    float: left;
    padding: 0 10px;
    color: #4a4a4a;
    font-size: 16px;
}

.about-sec-content .img-content {
    width: 40%;
    float: left;
    padding: 0 10px;
    text-align: center;
    margin-top: 5px;
}

.about-sec-content .all-content {
    margin-left: -10px;
    margin-right: -10px;
    float: left;
    width: calc(100% + 20px);
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 60px;
}

.project-owner {
    width: 60%;
    float: left;
}

.sln-top .content-new .title, .nis-left .title {
    font-size: 24px;
    transition: .3s;
  font-family: 'Nexa-XBold';
}

.nis-left .title:hover {
    color: #006F3B;
}

.sln-top .content-new .title:hover {
    color: #ffdb5d;
}

.bot-project-list.new-list {
    margin-top: 30px;
    display: block;
    float: none;
    width: 100%;
    position: relative;
}

.bot-project-list.new-list.detail-project {
    /*margin-bottom: -60px;*/
}

.sln-top .content-new .desc {
    font-size: 16px;
    margin-top: 20px;
}

.sln-top .content-new .date {
    position: absolute;
    right: 0;
       bottom: -30px;
    font-family: 'Calibri';
    font-size: 16px;
}

.sln-top .content-new .type-name {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    font-weight: bold;
}


.sec-list-item-new {
    width: 100%;
    float: right;
    /*padding: 0 15px;*/
}
body.grid .sec-list-item-new{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

.sec-list-item-new .nis-left .title {
    display: block;
}

.type-name, .date {
    text-transform: uppercase;
}

.sec-list-item-new .nis-left .infomation .name {
    font-weight: bold;
    font-family: "iCiel DIN Pro";
    line-height: 25px;
}

.new-item-sec {
    float: left;
    width: calc(100% + 15px);
    position: relative;
}

.top-project-list .new-item-sec {
    padding: 35px 0;
}

.top-project-list .new-item-sec:first-child {
    padding-top: 0;
}
body.grid .sec-list-item-new{
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 15px);
}
.top-project-list .sec-list-item-new .new-item-sec:not(:first-child) {
    border-top: 1px solid #efefef;
}

.top-project-list .new-item-sec.paginate-grig {
    border-top: 0px;
}

.new-item-sec .nis-right {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 30%;
}

body.grid .new-item-sec .nis-right {
    padding-bottom: 60%;
}

.nis-left {
    width: 50%;
    float: left;
    padding: 0 15px;
    color: #4A4A4A;
}

.nis-left .desc {
    font-size: 16px;
}

.nis-right {
    width: 40%;
    float: right;
}

.nis-left .type-name {
    min-width: 25%;
    float: left;
    font-size: 12px;
    font-family: "iCiel DIN Pro", sans-serif;
}

.nis-left .date {
    float: left;
    font-size: 12px;
    font-family: "iCiel DIN Pro", sans-serif;
}

.nis-left .title {
    min-height: 125px;
}



.mis-right img {
    display: block;
    width: 100%;
}

.date-type {
    padding: 15px 0;
    font-weight: bold;
    color: #BDBDBD;
}

.top-project-list {
}

body.grid .container-sln {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

body.grid .sln-bot {
    margin-right: -25px;
    width: calc(80% + 25px);
    padding-top: 75px;
}

body.grid .sln-top {
    width: 20%;
    float: left;
    min-height: 650px;
}

body.grid .sln-top .about-sec-title {
    width: 100%;
}

.sln-bot {
    float: right;
    width: 80%;
    padding-top: 50px;
}

.btn-show-new {
    font-size: 10px;
    float: left;
    height: 30px;
    line-height: 10px;
    padding: 10px 25px 10px 10px;
    margin-bottom: 10px;
    box-shadow: 0px 1px 3px 1px #a0a0a0;
    color: #4A4A4A;
    cursor: pointer;
    font-family: "iCiel DIN Pro", sans-serif;
    min-width: 140px;
    font-weight: bold;
}

.btn-show-new i {
    margin-right: 10px;
}

.btn-show-new.active {
    background: #006F3B;
    color: #fff;
}

body.grid .sec-list-new {
    margin-left: -10px;
    margin-right: -10px;
    /*padding-bottom: 60px;*/
}

body.grid .sln-top .sec-list-new .item-top-new, body.grid .sln-top .sec-list-new .statistical-project {
    display: none;
}

body.grid .new-item-sec {
    width: 25%;
    float: left;
    padding: 10px;
    padding-bottom: 60px;
}

body.grid .new-item-sec .date-type, body.grid .new-item-sec .desc {
    display: none;
}

body.grid .nis-left {
    position: absolute;
    top: 72%;
    left: 15px;
    padding: 0 5px;
    right: 15px;
    width: auto;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-size: 16px;
    -webkit-line-clamp: 2;
}

body.grid .nis-left .title {
    min-height: unset;
    font-size: 14px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
}

body.grid .container {
    position: relative;
}

body.grid .nis-right {
    width: 100%;
    position: relative;
}

body.grid .sln-bot .border-bot {
    display: none;
}

ul.list-sidebar-left {
    list-style: none;
}

ul.list-sidebar-left li a {
    display: block;
    text-transform: uppercase;
    color: #4A4A4A;
    opacity: .7;
    height: 40px;
    padding: 10px;
    line-height: 22px;
    font-weight: bold;
    font-size: 12px;
    font-family: "iCiel DIN Pro", sans-serif;
}
.page_duan_202x ul.list-sidebar-left li a{ font-size:15px}
.top-project-list ul.sub-menu > li{margin-bottom: 0;}
.top-project-list ul.sub-menu > li > a:hover, .list-sidebar-left li:hover a, .list-sidebar-left li.current-menu-item a{
    color: #006f3b !important;
    opacity: 1;
    background-image: linear-gradient(to right, #efefef, white);
}
ul.list-sidebar-left.index li:hover > a{
    color: #006f3b;
    opacity: 1;
    background-image: linear-gradient(to right, #efefef, white);
}

.sidebar-left-index.bot {
    display: none;
    position: static;
}

.list-sidebar-left .sub-menu {
    list-style: none;
    display: none;
}

.list-sidebar-left li.menu-item-has-children.active .sub-menu {
    display: block;
    padding-left: 15px;    margin-left: 0px; margin-top: 0px
}

.top-project-list ul.list-sidebar-left > li.current-menu-item > a, .top-project-list ul.list-sidebar-left > li.current-menu-parent > a, .top-project-list ul.list-sidebar-left > li:hover > a{
    background-image: linear-gradient(to right, #efefef, white);    color: #006F3B;
}
.gradient-big-project {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(to right, #00000000, #0000009c);
}
.top-project-list ul.list-sidebar-left > li  li.current-menu-item a{     color: #006F3B;}
/*======end-new-page=====*/
/*======project-page=====*/
/*ul.list-sidebar-left > li.menu-item-has-children.active > ul.sub-menu > li.active a{
    color: #006f3b;
    background-image: linear-gradient(to right, #efefef , white);
    }*/
.top-project-list .list-sidebar-left > li.menu-item-has-children > a:after {
    content: "\f107";
    font-family: "fontawesome";
    margin-left: 5px;
}

.top-project-list .list-sidebar-left > li.menu-item-has-children.current-menu-parent > a:after {
    content: "\f106";
}

.list-sidebar-left .sub-menu {
    list-style: none;
    display: none;
}

.list-sidebar-left li.menu-item-has-children.current-menu-parent .sub-menu {
    /*display: block;*/
    padding-left: 15px; margin: 0;
}

ul.sub-menu > li {
    position: relative;
}

.item-top-new .content-project {
    position: absolute;
    width: 55%;
    top: 55%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    margin: auto;
    color: #fff;
    font-size: 27px;
    padding: 30px 15px;
    line-height: 40px;
    font-family: 'Nexa-XBold';
}

.statistical-project {
    border-bottom: 1px solid #707070;
    float: left;
    width: 100%;
}
.statistical-project .item-statistical:first-child{
    width: 18%;
}
.statistical-project .item-statistical {
    width: 27%;
    min-height: 1px;
    float: left;
    color: #4A4A4A;
    padding: 20px 30px 0;
    position: relative;
}

/*.statistical-project .item-statistical.active {*/
    /*border-bottom: 3px solid #F5C61F;*/
/*}*/

.item-statistical.active .number {
    color: #4A4A4A
}

.item-statistical .number {
    font-size: 44px;
    font-weight: bold;
    float: left;
    color: #4a4a4a7a;
    transition: .3s;
    line-height: 60px;
}

.item-statistical:hover .number {
    color: #F5C61F;
    cursor: pointer;
}
.item-statistical:hover{
    border-bottom: 3px solid #F5C61F;
}
.item-statistical .name {
    height: 60px;
    line-height: 15px;
    padding: 20px 0;
    font-size: 18px;
    display: block;
    overflow: hidden;
    padding-left: 10px;
    font-weight: bold;
}

.top-project-list .nis-left .type-name {
    min-width: 50%;
}

.nis-left .infomation .name {
    width: 30%;
    float: left;
    font-weight: 500;
    font-size: 12px;
}

.nis-left .infomation .desc {
    width: 70%;
    float: right;
    font-size: 16px;
    line-height: 1.5;font-family: 'Calibri';
}

.nis-left .infomation p {
    float: left;
    width: 100%;
    padding: 5px 0 0; margin-bottom: 0;
}

.top-project-list .sec-list-item-grid{
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 15px);
}

.top-project-list .sec-list-item-grid{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

.top-project-list .sec-list-item-grid .new-item-sec {
    width: 25%;
    float: left;
    padding: 10px;
    padding-bottom: 60px;
}

.top-project-list .sec-list-item-grid .nis-left {
    position: absolute;
    top: 72%;
    left: 15px;
    padding: 0 5px;
    right: 15px;
    width: auto;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-size: 16px;
    -webkit-line-clamp: 2;
}

.top-project-list .sec-list-item-grid .nis-left .title {
    min-height: unset;
    font-size: 14px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
}

.top-project-list .sec-list-item-grid .nis-right {
    width: 100%;
    position: relative;
}

.top-project-list .sec-list-item-grid .new-item-sec .nis-right {
    padding-bottom: 60%;
}

.slider-for li .content {
    position: relative;
    color: #fff;
    z-index: 3;
}

.slider-for li {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 90vh;
}

.slider-for li .content .desc {
    float: left;
}

.slider-for li .content .desc span {
    width: 30px;
    min-height: 1px;
    background-color: #fff;
    display: -webkit-inline-box;
    margin-right: 5px;
}

.slider-for li .content .title {
    font-size: 28px;
    min-height: 40px;
    font-family: 'Nexa-XBold'; color: #fff
}
.slider-for li:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-image: linear-gradient(#0000000f, #0000000f, #00000000, #0404048f, #272727ad);
}
.slider-for li .content .desc {    margin-bottom: 0px;
    font-weight: 500;
    font-family: "iCiel DIN Pro";
    font-size: 16px;
}

.slider-for li:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-image: linear-gradient(#0000000f, #0000000f, #00000000, #0404048f, #272727ad);
}

#new-main.project-detail .slider-nav .slick-list {
    width: 50%;
    float: right;
}

.list-img-project .slider-nav {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
margin-top: -80px;
float: left;
width: 100%;
}

.list-img-project .slider-nav li {
    padding: 5px 10px;
}

.sec-project {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    /*display: -webkit-box;*/
    /*display: -webkit-flex;*/
    /*display: -moz-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-box-direction: normal;*/
    /*-webkit-flex-direction: column;*/
    /*-moz-box-orient: vertical;*/
    /*-moz-box-direction: normal;*/
    /*-ms-flex-direction: column;*/
    /*flex-direction: column;*/
}

.project-child {
    padding: 0;
    overflow: hidden;
}

.sec-project {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.info-project-child {
    height: 100%;
    width: 100%;
}

.info-project-child:hover .content {
    color: #4A4A4A;
}

.info-project-child:hover .content-defaule > img {
    opacity: 0;
}

.info-project-child:hover .project-child .content-defaule {
    padding-bottom: 80px;
}

.project-child .content img {
    margin-top: 30px;
    width: 20px;
}

.project-child .content-defaule {
    height: 100%;
    width: 100%;
    padding: 35px;
    min-height: 450px;
}

.show-content {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    margin-top: -70px;
}

.info-project-child:hover .content-defaule .content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.info-project-child:hover .show-content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.info-project-child:hover .content img {
    display: none;
}

.info-project-child:hover .show-content {
    margin-top: 0;
}

.info-project-child:hover .content-defaule .content .infomation {
    opacity: 1;
}

.info-project-child .content-defaule .img img {
    display: block;
    width: 100%;
    height: auto;
}

.info-project-child .content-defaule .content {
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0px;
    padding: 35px;
    z-index: 2;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
}

.info-project-child:hover .content-defaule .content {
    height: calc(100% - 80px);
    overflow: auto;
}

.content-defaule {
    position: relative;
    color: #fff;
}

.content-defaule .content .title {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;color: #fff;
}

.content-defaule .content .infomation {
    opacity: 0;
    transition: .3s;
    font-size: 20px;
    color: #4A4A4A;
    margin-top: 20px;font-family: 'Calibri';
}

.content-defaule .content .desc {
    font-size: 24px;
    line-height: 1.2;
    font-family: 'Nexa-XBold';margin-top: 25px;
}

.content-defaule .see-more {
    position: absolute;
    bottom: 35px;
    left: 35px;
    right: 35px;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    -webkit-transform: translate(300px, 0);
    -moz-transform: translate(300px, 0);
    -o-transform: translate(300px, 0);
    -ms-transform: translate(300px, 0);
    transform: translate(300px, 0);
    opacity: 0;
    color: #4a4a4a;
    border-color: #4A4A4A;
    z-index: 0;
}

.info-project-child:hover .content-defaule .see-more {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    z-index: 2;
    opacity: 1;
}

.content-defaule:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    transition: 0.5s;
    background-color: #fff;
    opacity: 0.8;
    -webkit-transform: translate(0, 300px);
    -moz-transform: translate(0, 300px);
    -o-transform: translate(0, 300px);
    -ms-transform: translate(0, 300px);
    transform: translate(0, 300px);
}

.content-defaule:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 1;
    transition: 0.3s;
    background-image: linear-gradient(#00000000, #00000000, #00000000, #00000000, #00000045, #00000099, #000000);
}

.info-project-child:hover .content-defaule:before {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    z-index: 1;
    bottom: 0;
}

.info-project-child:hover .content-defaule:after {
    opacity: 0;
}

.list-img-project .slick-slide img{
    border: 2px solid transparent;
}
.list-img-project .slick-slide.slick-current img {
    border: 2px solid #fff;
}
.list-img-project .slider-for li .content{
    max-width: 42%;
    padding-right: 20px;
}

#new-main.project-detail {
    padding-top: 0;
}

#new-main{margin-top: -30px;}
.item-info-pro {
    padding: 10px;
    float: left;
    width: 100%;
}

.infor-pro-right {
    margin-top: -10px;
}
.background-header-ra{
	background: #000000;
background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.48) 46%, rgba(237, 221, 83, 0) 100%);
	position: absolute; width: 100%; height: 100%;
}
.list-img-project h3.title{ color: #fff;z-index: 9999;    position: relative;}
.item-info-pro .name {

    color: #fff;
    font-weight: bold;
    font-size: 17px;
    font-family: "iCiel DIN Pro";
    line-height: 25px;
}

.item-info-pro .value {

    font-size: 17px;
    color: #fff;    font-family: 'Calibri';
}

.item-info-pro:not(:last-child) {
    border-bottom: 1px solid #efefef91;
}

.joblist-top .title.title-blog {
    margin-top: 0;
    padding-right: 20px;
    font-family: 'iCiel DIN Pro' !important;
    margin: 0;
    font-size: 44px;    text-transform: uppercase;
}

.joblist-top p {
    padding-top: 20px;font-family: 'Calibri';
    font-size: 16px;
    color: #4a4a4a;
}

.list-job {
    list-style: none;
    float: left;
}

.pagination-list.tuyendung {
    padding: 50px 0;
}

.list-job .type-job {
    font-size: 16px;
    font-family: 'Nexa-XBold'; text-transform: uppercase}

.list-job li {
    padding: 15px;
    float: left;
    width: 100%;
    margin-left: -15px;
    transition: .3s;
    border-bottom: 1px solid #e1e1e1;
}

.list-job li:hover {
    background-color: #e1e1e1
}

.item-job-info .item-info-left {
    width: 23%;
    float: left;
}

.item-job-info .item-info-right {
    width: 75%;
    float: right;
    padding-left: 30px;
    position: relative;
    padding-right: 30%;
}

.item-job-info a {
    display: block;
}

.item-job-info a:hover {
    color: #fff;
    background-color: #006F3B
}

.item-job-info img {
    display: block;
    width: 100%;
}

.item-job-info {
    float: left;
    width: 100%;
}

.item-job {
    float: left;
    width: 100%;
}

.type-job {
    font-size: 18px;
    color: #006F3B;
    font-weight: 500;
}

.right-when-form {
    float: right;
    padding-left: 5%;
}

.btn-see-job {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 35px;
    line-height: 15px;
    padding: 10px;
    border: 1px solid #006F3B;
    width: 30%;
    color: #005228;
    background-color: #fff;
    font-weight: bold;    font-family: 'Calibri';

}

.btn-see-job span img {
    width: 20px;
    float: right;
    padding: 3px 0;
}

.form-group-job {
    background-color: #006F3B;
    padding: 30px 20px;
    float: right;
    width: 100%;
    border: 1px solid #707070;
}

.name-form {
    color: #FFF;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;    text-transform: uppercase;
}

.form-group-job .f-control {
    background-color: #fff;
    margin: 10px 0;
    border: 1px solid #707070;
    font-size: 12px;
    font-weight: bold;
    color: #4a4a4a; height: 40px;
}

.group-select {
    position: relative;
    margin: 20px 0;
}
#job_form button[type="submit"]{    background-color: #F5C61F;
    height: 40px;
    display: block;
    padding: 10px 0;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-weight: bold;
    margin-top: 10px;
    width: 80%;
    margin-left: 10%;
    transition: .15s;
    padding-right: 30px;
}
#job_form button[type="submit"]:hover {
    background-color: #d0a200;
}.icon-down-select {
    font-size: 12px;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #4A4A4A; display: none;
}

.find-btn-fill {
    background-color: #F5C61F;
    height: 40px;
    display: block;
    padding: 10px 0;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-weight: bold;
    margin-top: 10px;
    width: 80%;
    margin-left: 10%;
    transition: .15s;
    padding-right: 30px;
}

.find-btn-fill:hover {
    background-color: #d0a200;
}
.btn-see-job .white {
    display: none;
}

.btn-see-job:hover .blue {
    display: none;
}

.btn-see-job:hover .white {
    display: block; background-color: #ffffff00 !important;
}

.btn-back-page {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #4A4A4A;
    font-family: "iCiel DIN Pro";
}

.btn-back-page img {
    padding-right: 10px;
    transition: 0.3s;
    width: 30px;
}

.btn-back-page:hover img {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
}
.title.title-blog {
    font-size: 35px;
    color: #4A4A4A;
    margin: 40px 0;
         font-family: "iCiel DIN Pro" !important;
    font-weight: bold;
    padding-left: 0;    text-transform: uppercase;
}
.title.title-blog.contact{
    margin-top: -10px;
}

.infor-detai-project .infor-pro-left {
    font-size: 16px;
    color: #4a4a4a;
}

.detail-blog {
    color: #4A4A4A;
    padding-bottom: 80px;
}

.new-title-right {
    color: #4a4a4a;
    font-weight: bold;
    font-size: 16px;
    font-family: "iCiel DIN Pro";
}

.info-contact-page {
    padding-left: 40px;
}

.padding-left-form {
    padding-left: 40px;
    margin-top: 10px;
}

.name-new-cty {
    float: left;
    color: #707070;
    font-weight: bold;
}

.date-up {
    float: left;
    padding-left: 40px;
}

.date-follow-chane {
    border-bottom: 1px solid #EFEFEF;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.date-follow-chane.detail-job {
    position: relative;
}
.title-blog, .item-info-pro .value p {
    font-family: "Calibri", sans-serif !important;
}
.follow-ft {
    float: left;
    width: 100%;
    margin-top: 0px
}

ul.list-follow {
    list-style: none;
    margin-left: -10px;
    margin-right: -10px;
    float: left;
}
.follow-ft ul.list-follow li {
    padding: 0 10px;
    float: left; margin-lefT: 0px
}
ul.list-follow li {
    padding: 0 10px;
    float: left; 
}
.item-contact-ft a.content:hover, ul.list-follow li a:hover, .item-award .info .desc:hover {
    color: #006f3b;
}
ul.list-follow li a {
    font-size: 18px;
    transition: 0.3s;
    color: #4A4A4A
}

.item-contact-ft .name {
    width: 90px;
    text-transform: uppercase;
    line-height: 25px;
    font-size: 14px;
    font-weight: bold;    margin-bottom: 0px;
    font-family: "iCiel DIN Pro";
}
.information span {
    width: 100px;
    font-size: 12px;
}

.blog-single .large-8 .information p span {
    font-weight: bold;
    float: left;
    min-width: 120px;
    font-size: 12px;
    font-family: "iCiel DIN Pro";
}
.blog-single .large-8  .content p{ font-family: 'Calibri'; margin-bottom: 5px;}
 .blog-single .large-8  .content p strong{  font-family: 'Calibri-Bold'; }
.information p {
    line-height: 15px;
    float: left; margin-bottom: 0;
    width: 100%;
    padding: 5px 0;
    font-size: 16px;font-family: 'Calibri';
}
.about-ecoba-job{background-color: #EFEFEF;
    padding: 30px;
    color: #4a4a4a;}
.about-ecoba-job .title{font-weight: bold;
    font-size: 18px;
    color: #006F3B;
    margin-bottom: 20px;}
.about-ecoba-job .info {
    margin-bottom: 20px;font-family: 'Calibri';
    text-align: justify;
}
.about-ecoba-job .infomation  {    margin-top: 30px;}
.about-ecoba-job .infomation  .desc{ font-family: 'Calibri';    width: calc(100% - 80px);
    padding-left: 5px;
    float: right;
    font-size: 16px;}
.about-ecoba-job .infomation p {    margin-bottom: 1px;
    float: left;
    width: 100%;
}
.about-ecoba-job .infomation .name {
    width: 80px;
    float: left;
    font-weight: bold;
    color: #4A4A4A;
    font-size: 14px;
    font-family: "iCiel DIN Pro";
    line-height: 25px;    text-transform: uppercase;
}
.form-cv .title {
    font-size: 24px;
    color: #4A4A4A;
    font-weight: bold;    margin-top: 30px;font-family: "iCiel DIN Pro";
}
.form-cv label{font-family: 'Calibri';    font-weight: 500;
    font-size: 16px; }
.form-cv input, .form-cv select{ margin-bottom: 2px}
.form-cv input[type="submit"] {
    display: block;
    background-color: #006F3B;
    color: #fff;
    display: block;
    margin: auto;
    min-width: 100px;font-family: 'Calibri';
    border: 0px;
    padding: 10px;
    border-radius: 5px;
    width: 80px;
    text-align: center;    font-weight: 500;    text-transform: none;
    height: 45px;
    line-height: 26px;
}
.group-follow-chane ul.list-follow {
    float: right;
}
#masthead > .header-inner {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
}
.header-main .nav > li > a {
    color: #000;
}
body.home .header-main .nav > li > a , body.page-id-64 .header-main .nav > li > a, body.page-id-62 .header-main .nav > li > a{
    color: #fff !important;
}
.nav-column li.active>a, .nav-column li>a:hover, .nav-dropdown li.active>a, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav>li>a:hover{
	color: #ffdb5d;
}

.news-layout-1.sln-top{
	margin-left: -15px;
    margin-right: -15px;
}
.news-layout-1.sln-top{
    width: calc(100% + 15px);
    min-height: 0;
}
.news-layout-1.sln-top:before,
.news-layout-1.sln-top:after{
    display: none
}
.news-layout-1.sln-top .sec-list-new{
    width: 75%;
    float: left;
}
.news-layout-1.sln-top .sec-new-top{
    width: 25%;
    float: right;
}
.same-height{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.item-new-top{
    height: calc(50% - 7px);
    color: #fff; position: relative;
}
.item-new-top:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(#00000000, #00000000, #00000000, #0000000f, #000000c7, #000000d9, #000000);
    content: '';
}
.item-new-top:nth-child(1){
    margin-bottom: 14px;
}
.item-new-top.full-background .info{
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    z-index: 1;
    min-height: 75px;
}
.item-new-top.full-background .info .date{
    font-weight: bold;    font-size: 14px;
}
.item-new-top.full-background a{
    position: static;
    margin-top: 5px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-size: 16px;line-height: 1.3;
    -webkit-line-clamp: 2;font-family: 'Calibri';
}
.news-layout-2{
	width: 100%;
    margin-right: 0;
    padding: 30px 0;
}
.group-title .title {
    float: left;
    font-size: 24px;
    color: #4A4A4A;
    width: 500px;
}
.group-title .btn-seemore {
    float: right;
    font-size: 12px;
    font-weight: bold;
    color: #707070;
    padding-right: 30px;
    margin-top: 10px;
}
.item-big-new .info .title:hover, .item-new-update .info .title:hover {
    color: #006F3B;
}
.btn-goto-new .icon {
    position: absolute;
    padding-left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .3s;
}
.btn-goto-new {
    display: block;
    position: relative;
    color: #4A4A4A;
    font-weight: bold;
    font-size: 12px;
    font-family: "iCiel DIN Pro";
}
.btn-goto-new .icon img {
    width: 25px;
}.btn-goto-new.index {
    margin-top: 20px;
    font-size: 16px;
    color: #707070;
}
.btn-goto-new .icon {
    position: absolute;
    padding-left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .3s;
}
.btn-goto-new:hover .icon {
    -webkit-transform: translate(10px, -50%);
    -moz-transform: translate(10px, -50%);
    -o-transform: translate(10px, -50%);
    -ms-transform: translate(10px, -50%);
    transform: translate(10px, -50%);
}
.news-layout-2 .sec-list-item-new{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
.news-layout-2 .item-big-new {
    width: 25%;
    padding: 10px;
    color: #4A4A4A;
}
.full-background {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #e1e1e1;
    position: relative;
}
.item-big-new .img {
    padding-bottom: 60%;
    width: 100%;
    margin-bottom: 20px;
}

.list-blog-aqua {
    float: left;
    padding-top: 20px;
}
.list-blog {
    list-style: none;
}
ul.list-blog li {
    padding: 10px 0;
}

.about-us-top.index {
    margin-left: -20px;
    margin-right: -20px;
}
.about-us-top {
    padding-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.aut-left {
    width: 40%;
    float: left;
    margin-top: -60px;
    background-color: #fff;
    position: relative;
}
.aut-left .content {
    padding: 40px 33px 80px 35px;
    color: #565656;    font-family: 'Calibri';
    text-align: justify;
}

.content.position:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(#00000000, #00000000, #00000000, #00000000, #00000000, #00000099, #000000);
}

.aut-left .content .see-more {
    position: absolute;
    bottom: 0;
    left: 40px;
    right: 40px;
    color: #4a4a4a;
    border-color: #4A4A4A;
}

.see-more img {
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -o-transition: 0.15s;
    -ms-transition: 0.15s;
    transition: 0.15s;
    max-width: 25px;
}
.aut-left .content .title {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
}
.aut-left .content .info {
    font-size: 16px;
    text-align: justify;
    color: #4a4a4a;    font-family: 'Calibri';
}
.aut-right {
    width: 60%;
    float: right;
}

.aut-right-child {
    float: left;
    width: 50%;
	height: 100%;
}
.group-about-right {
    height: 100%;
}

.slider-aboutus {
    position: relative;
    overflow: hidden;
    height: 100%;
}
.slider-aboutus .gradient {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(#00000000, #00000000, #00000000, #0000000f, #0000008c, #000000b8, #000000);
}
.aut-right .content.position {
    position: relative;

}

.aut-right .content .info .title {
    position: absolute;
    bottom: 35px;
    font-size: 32px;
    font-weight: 500;
    color: #fff;
}

.aut-right .content a {
    display: block;
    padding: 35px;
}

.aut-right .content a img {
    display: block;
    width: 100%;
}

.aut-content-show {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    margin-top: -70px;
}

.item-aboutus {
    position: relative;
    height: 100%;
    min-height: 300px;
}
.item-aboutus:before{
        position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background-image: linear-gradient(#00000000, #00000000, #00000000, #0000000f, #0000008c, #000000b8, #000000);
}
.item-aboutus .img img {
    display: block;
    width: 100%;

}

.aut-right-child .content {
    height: 100%;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    transition: 0.3s;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    padding: 20px;
}

.item-aboutus:hover .aut-right-child .content {
    height: calc(100% - 80px);
    overflow: auto;
}

.item-aboutus:hover .content {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.item-aboutus:hover .aut-content-show {
    margin-top: 0;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
.item-aboutus .info {
    color: #fff;
    position: relative;
    font-size: 24px;
    z-index: 1;
    line-height: 1.3;
    font-family: "Nexa", sans-serif;
    margin-top: 20px;
    font-weight: bold;
}
.item-aboutus .title {
    display: none;
}
.number-issue {
    display: none;
}
.number-issue {
    z-index: 1;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-align: right;
    color: #565656;
}

.item-aboutus .see-more {
    color: #005228;
    border-color: #005228;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    font-size: 12px;
    opacity: 0;
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    transition: .3s;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    pointer-events: none;
}

.item-aboutus:hover .see-more {
    pointer-events: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    z-index: 3;
}
.item-aboutus:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    opacity: 0;
    transition: 0.3s;
    transform: translate(0, 200px);
    z-index: -1;
    bottom: 0;
}
.item-aboutus:hover:after {
    bottom: 0;
    opacity: 0.9;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    z-index: 1;
}
.item-aboutus:hover .title {
    display: block;
}
.item-aboutus:hover .number-issue {
    display: block;
}
.item-aboutus:hover .info {
    bottom: unset;
    color: #4a4a4a;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    font-weight: bold;
}
.sec-news-left .sidebar-left-index .title, .title-sec-new {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #4a4a4a;
    font-family: "iCiel DIN Pro", sans-serif;
    display: block;
}
.item-big-new {
    color: #707070;
}
.item-big-new .info .title{
    font-family: "Nexa";
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    height: 3em;
	    text-transform: uppercase;
    font-family: 'Nexa-XBold';
}
.item-big-new .info .desc{
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    
}
.item-big-new .info .date, .item-new-update .date{
    font-size: 12px;
    font-family: "iCiel DIN Pro";
    margin: 5px 0;
    font-weight: bold;
    color: #707070;
}
.full-background{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #e1e1e1;
    position: relative;
}
.full-background a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.item-big-new .img{
    padding-bottom: 60%;
    width: 100%;
    margin-bottom: 20px;
}
.no-liststyle{
    list-style: none;
}
.item-new-update .img{
    padding-bottom: 90px;
    width: 33.33%;
    float: left;
}
.item-new-update .title{
    color: #4A4A4A;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;    text-transform: uppercase;
    font-family: 'Nexa-XBold';
}
.item-new-update .info{
    display: block;
    overflow: hidden;
    padding-left: 15px;
}
.list-new-update >li{
    float: left;
    padding: 5px 0;
    width: 100%;
}
.list-new-update >li:first-child{
    padding-top: 0;
}
.item-video-big{
    width: 100%;
       padding-bottom: 52%;
   margin-bottom: 85px;
}
.item-video-big::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background-image: linear-gradient(#00000000, #00000000, #00000000, #0000000f, #0000008c, #000000b8, #000000);
}
.info-video{
    position: absolute;
    bottom: -80px;
    color: #fff;
    z-index: 1;
	 background: #efefef;
	padding: 8px 15px 5px 15px;
}
.info-video .title{
       width: 100%;
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #4A4A4A;
    line-height: 22px; 
    font-family: 'Calibri';
}
.info-video .time-long{
    width: 60px;
    float: right;
    text-align: right;
    padding:5px  0 0 0;color: #4A4A4A;    font-size: 13px;
}
.icon-play-video{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: auto;
    font-size: 30px;
    color: #fff;
    z-index: 1;
}
.item-video-update .img{
    padding-bottom: 90px;
    width: 33.33%;
    float: left;
}
.item-video-update .img:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .2;
}
.blog_video .item-video-update .icon-play-video i{border: 1px solid #fff;
    background: #000000c7;
    border-radius: 43px;
    padding:7px 7px 7px 10px;
    font-size: 13px;}
 .item-video-big .icon-play-video i{border: 1px solid #fff;
    background: #000000c7;
    border-radius: 43px;
       padding: 13px 13px 13px 18px;
    font-size: 20px;}
.blog_video .item-video-update:hover .icon-play-video i,  .item-video-big:hover .icon-play-video i{    background: #de0808c7;}

.item-video-update .icon-play-video{
    font-size: 20px;
}
.item-video-update{
    background-color: #EFEFEF;
    color: #4A4A4A;
    font-size: 16px;
    position: relative;
}
.item-video-update .info{
    display: block;
    overflow: hidden;
    border-top: 3px solid #70707054;
    padding: 10px;
    padding-left: 20px;
    position: relative;
}
.item-video-update .info .title{
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    font-size: 16px;
    font-family: "Calibri";
    line-height: 1.3;
}
.item-video-update .time-long{
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-weight: 300;
    font-size: 12px;
}
.list-video-update li{
    padding: 5px 0;
    float: left;
    width: 100%;    margin: 0px !important;
}
.banner-bot-tainang {
    position: relative;
    padding: 40px 0;
    min-height: 430px;
    background-size: cover;
}
.banner-bot-tainang .item-own {
    position: relative;
    z-index: 1;
}
.item-own .img {
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    width: 65px;
    float: left;
    margin-right: 10px;
}
.item-own .img img {
    display: block;
    width: 100%;
}
.item-own .info {
    position: absolute;
    left: 70px;
    top: 50%;
    text-align: left;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	color: #fff;
}
.item-own .name {
    font-weight: bold;
    font-family: "iCiel DIN Pro", sans-serif;
    font-size: 16px;
}
.item-own .desc {
    font-size: 16px;
    line-height: 1.3;
}
ul.list-tallen {
    list-style: none;
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

ul.list-tallen {
    margin-left: -10px;
    margin-right: -10px;
    cursor: pointer;
}

ul.list-tallen li {
    width: 50%;
    float: left;
    padding: 10px;
    transition: .3s;
    position: relative;
	margin-left: 0;
    margin-bottom: 0;
}

ul.list-tallen li:nth-child(even) {
    border-right: 0;
}

ul.list-tallen li:nth-child(1), ul.list-tallen li:nth-child(2) {
    border-top: 0;
}

ul.list-tallen li:nth-child(3), ul.list-tallen li:nth-child(4) {
    border-bottom: 0;
}

ul.list-tallen li {
    border: 0.5px solid #efefef;
}

ul.list-tallen li:nth-child(odd) {
    border-left: 0;
}

ul.list-tallen li .item-tallen {
    padding: 60px;
}

#main-tallen .aut-left .content {
    padding: 40px;
}

.item-tallen .icon img {

    transition: .3s;
    width: 100%;
    margin: auto;
}
.item-tallen .icon img.tallen{
    max-width: 80px;
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.group-tallen .item-tallen:hover .icon img.tallen{	filter: grayscale(0%);
    -webkit-filter: grayscale(0%); }
#main-tallen .about-us-top {
    display: unset;
}

.item-tallen.award .content .title {
    margin: 15px 0;
    font-family: "iCiel DIN Pro";
    font-weight: bold;
    display: block;
    min-height: 50px;
}

.item-tallen .title, .item-tallen .content {
    color: #4A4A4A;
    transition: .3s;
}

.group-tallen .item-tallen .title {
    padding: 10px 0;
}
.group-tallen ul.list-tallen{
     margin-left: 0;
     margin-right: 0;
 }
.item-tallen .title {
    font-size: 16px;
    font-family: "iCiel DIN Pro";
    font-weight: bold;
}

.item-tallen:hover .title {
    color: #005228;
}

ul.list-tallen li:hover img {
    filter: none;
    opacity: 1;
}

ul.list-tallen li:hover {
    box-shadow: 1px 3px 7px 1px #0000004f;
}
.content-sec-brand {
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 30px;
	border-bottom: 0;
}
.block_tuyendung_page .sec-left-title  { width: 23%; }
.sec-left-title {
    width: 20%;
    padding: 0 15px;
    float: left;
}
.about-ecoba-cv .sec-left-title {
    padding-right: 0;
    padding-bottom: 20px;
}
.sec-brand-right.job {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.sec-title .title.partner.small {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    text-transform: none;
    padding-right: 10px;
    float: left;
    margin-top: 0px;
    line-height: 1.3;
    font-family: "Nexa";
}
.block_tuyendung_page{margin-top: -100px !important;}
.sec-brand-right {
    width: 80%;
    padding: 0 10px;    float: left;
}
.sec-brand-left .title{ font-size: 16px;
  font-family: 'Nexa-XBold';
    text-transform: uppercase;
    color: #fff !important;}
.block_tuyendung_page .sec-brand-right {
    width: 77%;
    padding: 0 10px;
}
.item-tallen.item-about-firm {
    width: 33.33%;
    float: left;
    padding: 20px;
    background: #fff;
    position: relative;
    transition: .3s;
}
.content-sec-brand.job .item-tallen.item-about-firm {
    border-bottom: 1px solid #efefef; padding: 30px;
}
.item-tallen.item-about-firm .icon {
    float: left;
    max-width: 60px;
}
.item-tallen .icon a {
    display: block;
}
.item-tallen .icon img {

    transition: .3s;
    width: 100%;
    margin: auto;
}
.item-tallen.item-about-firm:hover .icon img {
    filter: none;
    opacity: 1;
}
.item-tallen .title, .item-tallen .content {
    color: #4A4A4A;
    transition: .3s;
}
.item-tallen.item-about-firm .content .title {
        padding-left: 75px;
    padding-right: 61px;
    font-weight: bold;
	font-size: 16px;
    font-family: "iCiel DIN Pro";
	color: #3e3e3e;
    padding-top: 15px;
}
.item-tallen.item-about-firm .content .title:hover{color: #005228;}
.item-tallen.item-about-firm .content .desc {
    float: left;
    padding-top: 30px;
    text-align: justify;    font-family: 'Calibri';
}
.content-sec-brand.job .item-tallen.item-about-firm:hover{    box-shadow: 1px 2px 7px 0px #9c9c9c;}
.list-win li:not(:last-child), .list-win-c li:not(:last-child)  {
    border-right: 1px solid #efefef;
}.item-tallen.award {
    padding: 10px 20px;
    height: 100%;
}.item-tallen .icon img {
    transition: .3s;
    width: 100%;
    margin: auto;
}.item-tallen.award .desc {
    text-align: justify;
    font-size: 16px;
    font-family: "Calibri";
    font-weight: 500;
}.list-win li:hover, .list-win-c li:hover {
    box-shadow: 7px 5px 10px -5px #00000036;
}
.see-more {
    font-size: 12px;
    font-family: "iCiel DIN Pro", sans-serif;
    font-weight: bold;
}.see-more {
    font-size: 16px;
    position: relative;
    display: block;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    text-transform: uppercase;
    color: #005228;
    border-bottom: 1px solid #005228;
    font-weight: 500;
}.see-more {
    font-size: 12px;
    font-family: "iCiel DIN Pro", sans-serif;
    font-weight: bold;
}.see-more .icon-right {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}.see-more img {
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -o-transition: 0.15s;
    -ms-transition: 0.15s;
    transition: 0.15s;
    max-width: 25px;
}.see-more:hover img {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}.row2_home .des{
    font-size: 24px;
    color: #4a4a4a;
    font-weight: bold;  font-family: 'Nexa-XBold';;
}
.row2_home{ border-bottom: 1px solid #EFEFEF;    margin-bottom: 120px;}
.row2_home .large-5{ padding-lefT: 0px;     padding-bottom: 0px;}
.row2_home .large-6{ padding-top: 70px;     padding-bottom: 0px;}
.doitac_home .row1_doitac_home{     border-bottom: 1px solid #efefef;}
.row1_doitac_home a.title{    font-family: "iCiel DIN Pro", sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #4A4A4A;
    margin-top: 20px;
    transition: .15s;}
.row1_doitac_home .large-10{    padding-left: 70px;    padding-bottom: 0px;}
.project-child.services {
    background: #006F3B;
}
.project-child.services .info-services {
    position: relative;
    height: 100%;
}
.project-child.services .info-services .title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 30px 35px;
}

.project-child.services .group-services {
    padding-bottom: 70px;
}
.project-child.services .list-services-menu {
    list-style: none;
    color: #fff;
}
.project-child.services .list-services-menu li a {
    font-size: 24px;
    height: 80px;
    line-height: 0px;
    padding: 35px 35px;color: #fff;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: default;
    display: block;
    font-family: "Nexa", sans-serif;
    font-weight: bold;
}
.list-services-menu li:hover {
    background-color: #005228;
}
.list-services-menu li:hover a {
    -webkit-transform: translate(35px, 0);
    -moz-transform: translate(35px, 0);
    -o-transform: translate(35px, 0);
    -ms-transform: translate(35px, 0);
    transform: translate(35px, 0); 
} 
.project-child.services .list-services-menu li a:before {
    content: "";
    width: 30px;
    min-height: 1px;
    background-color: #fff;
    position: absolute;
    left: 55px;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    top: 57%;
}
.project-child.services .list-services-menu li:hover a:before {
    opacity: 1;
    -webkit-transform: translate(-55px, 0);
    -moz-transform: translate(-55px, 0);
    -o-transform: translate(-55px, 0);
    -ms-transform: translate(-55px, 0);
    transform: translate(-55px, 0);
}
.project-child.services .info-services .see-more {
    position: absolute;
    bottom: 35px;
    left: 35px;
    right: 35px;
    color: #fff;
    border-color: #fff;
}
.project-child.services .see-more .icon-right {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.project-child.services .see-more img {
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -o-transition: 0.15s;
    -ms-transition: 0.15s;
    transition: 0.15s;
    max-width: 25px;
}
.block_duan_home .large-12{ padding: 0px}
.content-defaule .content:hover .show-content  .title{ color:#4A4A4A !important}
.block_duan_home .sec-project .group-services li{     margin-lefT: 0px;}
.chungchi_home .box-text a{
    font-family: "iCiel DIN Pro", sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #4A4A4A;
    transition: 0.15s;
    text-align: center;    line-height: 25px;
}
.block_duan_home{ margin-bottom: 50px}
.chungchi_home .box-text:hover a {     color: #006f3b;}
.chungchi_home .row1_doitac_home {
    border-bottom: 0px solid #efefef;
}
.section_title_about .section-content{     background-image: linear-gradient(to right, #000, #00000026, #00000000);    padding-top: 100px;     padding-bottom: 100px;}
.section1_about h1{     font-size: 16px;
    text-transform: uppercase;}
.section1_about .section-content, .section1_tamnhin .section-content{ padding-top: 30px}
.section1_about .section-content h3{font-size: 28px;
    color: #4a4a4a;
    margin-bottom: 20px;
    font-weight: bold;}
.section1_about .section-content .large-10{    padding-left: 60px;}
.section1_about .section-content .large-10 p{    font-family: 'Calibri';
    font-size: 16px;
    text-align: justify;}
.section1_about .section-content .large-10  .large-7{    padding-right: 50px;}
.section1_about .section-content .large-10  .row_ecoba_1 {border-bottom: 1px solid #e1e1e1;
    margin-bottom: 60px;}
.section1_about .section-content .large-10 .row_ecoba_2 h3{    font-size: 24px;
    padding-right: 20px;
    color: #4A4A4A;
    text-align: justify;
    font-family: 'Nexa-XBold';}
.section1_about .section-content .large-10 .row_ecoba_2 .icon-inner{border-radius: 50%;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    width: 65px;
    float: left;
    margin-right: 10px;}
.section1_about .section-content .large-10 .row_ecoba_2 h4{    font-weight: bold;
    font-family: "iCiel DIN Pro", sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 72px;}
.section1_tamnhin h2{ font-size: 16px; color: #000;}
.section1_tamnhin .section-content h1, .section1_tamnhin .section-content .row_sumenh h2{     font-family: "iCiel DIN Pro", sans-serif; color: #006f3b; font-size: 45px}
.section1_tamnhin .section-content p{    font-size: 24px;font-family: 'Nexa-XBold';    margin-bottom: 5px;}
.section1_tamnhin .section-content .right_tamnhin{padding-left: 100px;}
.section2_giatri .desc p{font-family: 'Calibri';
    font-size: 16px;
    padding-top: 10px;
}
.section2_giatri .row1_section_giatri h1{     font-family: "iCiel DIN Pro", sans-serif; font-size: 16px; text-transform: uppercase;}
.section2_giatri .row1_section_giatri{padding-top: 60px;}
.section2_giatri .row1_section_giatri  p{    font-size: 24px;
    line-height: 1.3;
    color: #4a4a4a;font-family: 'Nexa-XBold';}
.section2_giatri .row1_lsht .large-9 {    padding-left: 90px;
    text-align: center;}
.section2_giatri .border-right-his {
    position: absolute;
    min-width: 3px;
    top: 0;
    bottom: 0;
    left: calc(50% - 1px);
    background: #006F3B;
}
.section_year_lsht .section-bg{position: absolute;
    min-width: 3px;
    top: 0;
    bottom: 0;
    left: calc(50% - 1px);    width: 3px;
    background: #006F3B;}
.section_year_lsht .text_year{
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    -o-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    height: 70px;
    background-color: #005228;
    color: #fff;
    font-weight: bold;
    font-size: 39px;
    line-height: 70px;
    padding: 0 60px;
    min-width: 200px;
}
.section_year_lsht .row_text_ls{ overflow: hidden;
    margin-bottom: 45px;}
.section_year_lsht .left_img_ls{ padding-right: 1px}
.section_year_lsht .right_img_ls{ padding-left: 3px}
.section_year_lsht .right_img_ls p{font-size: 16px;
    color: #4a4a4a; font-family: 'Calibri';     margin-bottom: 5px;}
.section_year_lsht .right_img_ls .title{font-size: 22px;
    color: #006F3B;
    font-weight: bold;
    line-height: 25px;
    padding-bottom: 15px; }
.section_year_lsht .right_img_ls p .icon{    margin-right: 10px;
    color: #3c763d;}
.row2_left_gt .large-3{padding-lefT: 0px}
.row2_left_gt .large-3 .col-inner{color: #4a4a4a;
    text-align: center;
    padding: 30px 0px;
    position: relative;
    background-color: #EFEFEF;
    margin-top: 35px;
    padding-bottom: 0%;}
.type-award {
    font-size: 11px;
    font-weight: bold;
    font-family: "iCiel DIN Pro", sans-serif;
}
.award-special .title{    font-size: 22px;
    font-weight: bold;
    color: #006F3B;
    line-height: 25px;
    padding:20px 0 0px;}
.slick-slider{     clear: both;}
.list-win li, .list-win-c li {
    transition: .3s;
}
.award-top h1{     white-space: nowrap;
    line-height: 25px;
    padding: 10px 0; font-size: 16px;font-family: "iCiel DIN Pro", sans-serif; text-transform: uppercase}
.section1_cctc .tab-panels{    background-color: #fff;
    border-top:1px solid #efefef;
    padding: 30px;}
.section1_cctc .nav-tabs>li>a{    margin-left: 0;
    margin-right: 10px;
    height: 50px;
    line-height: 30px;font-family: "iCiel DIN Pro", sans-serif;
    font-size: 12px;
    font-weight: bold;
    display: block;
    padding: 10px 15px;
    margin-left: 0px;
    background: #EFEFEF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #4A4A4A;
    border: 1px solid #EFEFEF;
    min-width: 215px;
    border-bottom: 0;
    box-shadow: 0 -4px 7px 1px #8281817d;}
.section1_cctc .nav-tabs>li.active>a{    background: #F5C61F;
    color: #fff;}
.section1_cctc .section-content, .section2_thanhvien .section-content{ margin-top: 30px}
.section2_thanhvien .section-content p{    font-family: "Nexa", sans-serif;
    font-size: 18px;     }
.section1_cctc .large-8 .name{font-weight: bold;
    margin-bottom: 0px;
    color: rgb(0, 111, 59);}
.section1_cctc .large-8 .right-own {
    font-size: 16px;
    font-weight: 500;
    font-family: Calibri;
    line-height: 25px;
}
.section1_cctc .large-8 .info {
    font-size: 16px;
    font-family: "Calibri";
    font-weight: 500;
}
.section1_cctc .large-8 .info p{ margin-bottom: 5px}
.section2_thanhvien h3{ font-family: "iCiel DIN Pro", sans-serif;
    line-height: 1.3;
    font-size: 16px;}
.row_ctytv h3{font-size: 16px;
    font-weight: bold;
    font-family: "iCiel DIN Pro";
    color: #4a4a4a;
    margin-bottom: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid #efefef;text-transform: uppercase;}
.row_ctytv .number-count {    margin-right: 20px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    float: left;
	background-color: #005228;}
.row_ctytv a{
    font-family: 'Nexa-XBold';
    font-size: 16px;
    color: #006F3B;
    font-weight: bold;
    padding-bottom: 5px;
}

.section2_thanhvien .section-content .row_ctytv p {font-size: 16px;
    color: #4a4a4a;
    font-weight: 500; font-family: 'Calibri';    line-height: 1.6;     padding-left: 51px;
    text-align: justify;}
.section2_thanhvien .section-content .row_ctytv p.name_company{line-height: 22px; padding-left: 0px;     margin-bottom: 10px;}
.section2_thanhvien .section-content .row_ctytv .icon-box{margin-bottom: 60px;}
.section1_dvupage h3{    font-size: 36px;
    font-family: 'Nexa-XBold';}
.section1_dvupage p{    font-size: 24px;
    font-weight: 300;
    padding-top: 15px;font-family: "Nexa", sans-serif;}
.section2_row_dichvu h4{    width: 15%; text-align: left; 
    line-height: 20px;
    padding: 15px;
    height: 40px;
    color: #fff;
    font-size: 16px;}
.section2_row_dichvu .nav-tabs{    width: 85%;padding-left: 80px;
    float: left;}
.section2_row_dichvu .tabbed-content{margin-top: -75px;}
.section2_row_dichvu .tabbed-content .nav>li>a{font-family: "iCiel DIN Pro", sans-serif;
    font-size: 12px;
    font-weight: bold;
    display: block;
    height: 40px;
    line-height: 20px;
    padding: 10px 15px;
    margin-left: 10px;
    background: #EFEFEF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #4A4A4A;
    border: 1px solid #EFEFEF;    text-transform: none;
    min-width: 215px;
    border-bottom: 0;
    box-shadow: 0 -4px 7px 1px #8281817d;}
.section2_row_dichvu .tabbed-content .nav>li.active>a{    background: #F5C61F;
    color: #fff;
}
.section2_row_dichvu .tab-panels{padding: 50px 0px;}
.section2_row_dichvu .desc p{    text-align: justify;
    color: #4A4A4A;font-family: "Calibri", sans-serif; font-size: 16px}
.section2_row_dichvu .see-more {
    position: absolute;
    left: 0px;
    bottom:-125%;
    min-width: 50%;
}
.section2_row_dichvu  .tab_thauchinh a.see-more{bottom: -72%;}
.row2_loaihinhduan h4{ color: #4A4A4A;     margin-bottom: 2px; padding-lefT: 0px} 
.row2_loaihinhduan .tabbed-content{    margin-top: 0px;}
.row2_loaihinhduan .tab-panels{border-top: 1px solid #0052281f;}
.row2_loaihinhduan .tab_loaihinh .tab:nth-child(1) a{ background: #EFEFEF url(images/icon2.png) no-repeat left; padding-lefT: 50px; background-position-x: 15px;}
.row2_loaihinhduan .tab_loaihinh .tab.active:nth-child(1) a{ background: #F5C61F url(images/icon1.png) no-repeat left; padding-lefT: 50px; background-position-x: 15px;}
.row2_loaihinhduan .tab_loaihinh .tab:nth-child(2) a{ background: #EFEFEF url(images/icon-4.png) no-repeat left; padding-lefT: 50px; background-position-x: 15px;}
.row2_loaihinhduan .tab_loaihinh .tab.active:nth-child(2) a{ background: #F5C61F url(images/icon-3.png) no-repeat left; padding-lefT: 50px; background-position-x: 15px;}
.row2_loaihinhduan .tab_loaihinh .tab:nth-child(3) a{ background: #EFEFEF url(images/icon-6.png) no-repeat left; padding-lefT: 50px; background-position-x: 15px;}
.row2_loaihinhduan .tab_loaihinh .tab.active:nth-child(3) a{ background: #F5C61F url(images/icon-5.png) no-repeat left; padding-lefT: 50px; background-position-x: 15px;}
.row2_loaihinhduan .tab_loaihinh .large-7 p{ margin-bottom: 5px;     line-height: 22px;}
.section2_row_dichvu .tab_duantb .see-more{     bottom: -57%;}
.section2_row_dichvu .tab_duantb1 .see-more{     bottom: -2%;}
.section2_row_dichvu .tab_duantb2 .see-more{     bottom: -2%;}
.blog-archive .about-sec-title, .section4_tuyendung .about-sec-title {
    width: 20%;
    padding: 0 15px;
    float: left;
    position: relative;
}
.sidebar-left-index h3{    text-transform: uppercase;
    color: #4A4A4A;}
.blog-archive .about-sec-title{    border-bottom: 0px solid #EFEFEF;}
.top-project-list .sln-bot.new{     padding-top: 2px;}
.blog-archive .top-project-list .new-item-sec.paginate-grig{ border-top: 0px solid}
.blog-single  .infor-pro-left .info, .blog-single  .infor-pro-left .info p{    font-size: 14px;
    color: #4a4a4a;
    font-family: arial;
    line-height: 25px;}
.title_nangluc h3{ font-family: 'Nexa-XBold';     font-size: 36px;    line-height: 55px;}
.banner-bot-tainang .text-right p{font-size: 24px;
    color: #fff;
    padding-bottom: 30px;
    position: relative;
    z-index: 1;
    line-height: 1.3;
    margin-bottom: 10px;
    text-align: justify;
   font-family: 'Nexa-XBold';}
.banner-bot-tainang .text-right .info p{margin-top: 0px;font-family: 'Calibri'; text-transform: uppercase;
    padding-bottom: 0px;     font-size: 16px;
    line-height: 1.3;}
.banner-bot-tainang .item-own .info{     top: 63%;}
.page-right-sidebar{ padding-top: 60px}
.page-right-sidebar .large-9{ padding-right: 85px;}
.news-layout-1 .sec-list-new{     padding: 0px 15px 0;}

.banner-partner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.banner-partner-gradient {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-image: linear-gradient(#000000a3, #00000052, #00000000, #0000008c, #0000009e);
}

.group-banner .banner-partner .banner-entry {
    padding: 150px 15px 0;
}

.banner-partner .banner-entry .desc {
    font-size: 18px;
    font-family: "Nexa";
}

.banner-partner .banner-entry .desc span.wow {
    font-size: 20px;
    line-height: 1.5;
}

.group-logo-parner {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

.group-banner .banner-entry .group-logo-parner .title {
    font-size: 16px;
    font-weight: bold;
    font-family: "Nexa";
}

.slider-bot-banner .slick-next, .slider-bot-banner .slick-prev, .group-logo-parner .sec-brand-right .slick-next, .group-logo-parner .sec-brand-right .slick-prev {
    opacity: 1;
    pointer-events: all;
    top: unset;
    bottom: 10px;
}

.slider-bot-banner .item-own .info {
    color: #fff;
}

.slider-bot-banner .slick-next:hover:before, .slider-bot-banner .slick-prev:hover:before, .group-logo-parner .sec-brand-right .slick-next:hover:before, .group-logo-parner .sec-brand-right .slick-prev:hover:before {
    color: #006F3B;
}

.sec-brand-right .slick-prev:before, .sec-brand-right .slick-next:before, .slider-bot-banner .slick-prev:before, .slider-bot-banner .slick-next:before {
    font-family: "fontawesome";
    font-size: 25px;
}

.slider-bot-banner .slick-next {
    right: 50px;
}

.slider-bot-banner .slick-prev {
    right: 85px;
    left: unset;
    z-index: 1;
}

.group-logo-parner .sec-brand-right .slick-next {
    transition: .15s;
    left: -204px;
}

.group-logo-parner .sec-brand-right .slick-prev {
    left: -235px;
}

.group-banner .banner-entry .group-logo-parner .title {
    color: #fff;
}
.bot-project-list.new-list {
    margin-top: 30px;
    display: block;
    float: none;
    width: 100%;
    position: relative;clear: both;
}
.bot-project-list.new-list .sec-list-new{padding-top: 0 !important;}
.list-new-bot {
    list-style: none;
    margin-left: -10px;
    margin-right: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.list-new-bot li {
    width: 25%;
    float: left;
    padding: 0 10px;
}
.item-new-bot .title {
    font-family: "Nexa";
    font-size: 14px;
    color: #4a4a4a;
    padding: 0 15px;
    text-align: justify;
    line-height: 1.3;
    display: block;
    font-weight: bold;
}
.news_page .row .col{ padding: 0px}
.row1_newspage h1, .title_cate_news h1{font-size: 36px;
    margin-bottom: 20px;
    text-transform: uppercase;
	font-family: 'Nexa-XBold';padding-top: 30px;}
.news_page .row .col h3{ font-family: 'Nexa-XBold';}
.news_page .row .col a.btn-seemore{    float: right;
    font-size: 12px;
    font-weight: bold;
    color: #707070;
    padding-right: 30px;
    margin-top: 10px;}
.blog-single  .post-sidebar{ padding-right: 15px;}
.blog-single  .post-sidebar .new-title-right{padding-top: 187px;}
.blog-single  .post-sidebar .info a{    font-size: 16px;
    color: #4a4a4a;
    transition: 0.15s;
    font-family: 'Nexa-XBold';
    font-weight: bold;
    display: block;
    line-height: 1.3;
    text-transform: uppercase;
    padding: 7px 15px;}
.blog-single  .post-sidebar .info:hover a{     color: #006F3B;}
.bot-project-list .title a{    font-size: 16px;
    color: #4a4a4a;
    padding: 0 0px;
    text-align: justify;
    line-height: 1.3;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
    font-family: 'Nexa-XBold';}
.bot-project-list .title:hover a{    color: #006F3B;}
.bot-project-list  .list-new-bot .img img{ height: 143px}
.btn-back-page {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #4A4A4A;
    font-family: "iCiel DIN Pro";
}
.blog-single .large-9{ padding-lefT: 15px}
.btn-back-page:hover img {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
}
.btn-back-page img {
    padding-right: 10px;
    transition: 0.3s;
    width: 30px;
}
.blog-single .large-9 h1, .title_nangluc h1{    font-size: 38px;
    color: #4A4A4A;
        font-family: "iCiel DIN Pro"; font-weight: bold;
    padding-left: 0;     text-transform: uppercase; 
    padding-top: 40px;
    padding-bottom: 20px;}
.row_bt_title .entry-category{ width: 40%;
    float: left;}
.row_bt_title{ overflow: hidden; clear: both; border-bottom: 1px solid #EFEFEF;}
.row_bt_title .detail-job{ width: 50%; float: right; padding-bottom: 0px}
.blog-single .large-9 .entry-header-text-top{ padding-bottom: 0px}
.row_bt_title .detail-job ul{margin-bottom: 0px;}
.row_bt_title .entry-category a, .row_bt_title  p.date_tt{    color: #707070;
    font-weight: bold;
    font-size: 16px;
    font-family: "iCiel DIN Pro";}
.blog-single .large-9 p, .blog-single .large-9 span{    font-size: 14px; font-family: arial;}
.blog-single .large-9 .entry-header{     margin-top: 25px;}
.row_bt_title  p.date_tt{ margin-bottom: 0px; float: left;}
.page_nangluc .group-follow-chane ul{    margin-bottom: 0px;}
.page_nangluc .large-3 h3{    padding-top: 165px;}
.page_nangluc .large-3 .info a{font-size: 16px;
    color: #4a4a4a;
    transition: 0.15s;
    font-family: 'Nexa-XBold';
    display: block;
    line-height: 1.3;}
.page_nangluc .large-3 .info:hover a, #post-list h5:hover a{    color: #006F3B;}
.blog-archive .large-12{ padding: 0 0 30px}
.title_cate_news{ margin-bottom: 25px}
#post-list h5{    height: 40px;
    overflow: hidden;}
#post-list h5 a{    font-size: 16px;
    color: #4a4a4a;
    transition: 0.15s;
        font-family: 'Nexa-XBold';
    display: block;text-transform: uppercase;
    line-height: 1.3;}
#post-list .date_tt{    font-size: 12px;
    font-family: "iCiel DIN Pro";
    margin: 5px 0;
    font-weight: bold;
    color: #707070;
    margin-top: 10px;}
#post-list  .box-text{ padding-bottom: 0px}
.block_tuyendung_page .item-tallen img{ max-width: 80px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);}
.text_tuyedung_sec2 p{ font-size: 24px; font-family: 'Nexa-XBold';    margin-bottom: 0px;
}
.btn-show-new.btn-addjob {
    padding: 10px 20px;
    text-align: center;
    line-height: 15px;
    height: 35px;
    margin-top: 10px;
    font-size: 12px;
	    color: #fff;
    font-weight: bold;
    background-color: #006F3B;
    animation: myanimation 1s infinite; text-transform:uppercase;

}
.btn-show-new.btn-addjob:hover {
    animation: none;
    color: #fff;
}
.section2_doingu .large-8{    padding-left: 187px;padding-top: 6%;}
.section3_tuyendung .text-box-content  p.desc{
    font-size: 24px;
    color: #fff;
    padding-bottom: 30px;
    position: relative;
    z-index: 1;
    line-height: 1.3;
    margin-bottom: 10px;
    text-align: justify;
    font-family: "Nexa";
    font-weight: bold;
}
.section3_tuyendung .banner  .fill {background-image: linear-gradient(to right, #00000000, #0000009c);}
.section3_tuyendung  .item-own .name {    color: #fff;    font-weight: bold;
    font-family: "iCiel DIN Pro", sans-serif;
    font-size: 16px;
}
.section3_tuyendung .text-box-content .item-own .desc{    font-size: 16px;
    line-height: 1.3; font-family: "iCiel DIN Pro"; text-transform:uppercase; font-weight:500;     margin-top: 8px;}
.section4_tuyendung .list-new-bot li{     margin-left: 0px !important;}
.section4_tuyendung .section-content{ padding-top:30px}
.joblist-top{ padding-top: 40px;}
.detail-new{ margin-top: 30px}
.row_inf_lhpage{padding-top: 50px;}
.title_lienhepage h1{    font-size: 38px;
    color: #4A4A4A;
    margin:20px 0 30px 0;
    font-family: 'Calibri-Bold';
    padding-left: 0; }
	.row_inf_lhpage p{ font-family: 'Calibri';    margin-bottom: 5px;}
	.row_inf_lhpage .large-5 .info {
    background-color: #006F3B;
    padding: 30px 20px;
    float: right;
    width: 100%;
    border: 1px solid #707070;
}
.row_inf_lhpage .large-5 {    padding-left: 50px;}
.row_inf_lhpage .large-5 h3{ color: #fff; font-family: "iCiel DIN Pro"; font-size: 16px;}
.row_inf_lhpage .large-5 .info, .row_inf_lhpage .large-5 .info a{    color: #fff;
    font-size: 16px;
}
.row_inf_lhpage .large-5 .info span{font-family: 'Calibri-Bold';margin-right: 5px;}
.dt_lhp{padding-top: 20px;}
.fax_lhp{ padding-bottom:20px}
.row_inf_lhpage form input, .row_inf_lhpage form textarea{    background-color: #fff;
    border: 1px solid #70707094;
    margin-top: 15px;
    height: 50px;
    line-height: 20px;
    padding: 15px;}
.row_inf_lhpage form textarea{     height: 200px;}
.row_inf_lhpage form input[type="submit"]{    float: right;
    height: 35px;
    padding: 10px 30px;
    line-height: 15px;
    margin-top: 10px;
    background-color: #EFEFEF;
    margin-left: 10px;
    color: #707070;
    font-size: 14px;
    font-weight: bold;
    border-radius: 0; border: none; font-family: 'Calibri-Bold';}
.row_inf_lhpage form input[type="submit"]:hover, .bt_ctf a.clear-btn:hover{color: #fff;font-family: 'Calibri-Bold';
    background-color: #006F3B;}
	.title_doitac_page h1{    font-size: 44px;
   font-family: 'Nexa-XBold';}
.title_doitac_page p {   font-size: 20px;
    line-height: 1.5;
    font-family: "Nexa";}
.banner_partner{ padding-bottom: 20%}
.slick-slide img{ width: 72%}
.dky_ft input, .dky_ft input:hover{    background: none; margin-bottom: 0px;
    border: none;
    box-shadow: none;}
.dky_ft p{    border-bottom: 1px solid #000;overflow: hidden;}
.dky_ft input{     width: 80%;padding-left: 0px;
    float: left;}
.dky_ft input[type="submit"]{width: 13%;     background: url(images/icon-right56.png) no-repeat right;
    background-size: 75%;
    float: right;
    margin-right: 0px;}
.dky_ft .wpcf7-spinner{ display: none}
.dky_ft input[type="submit"]:hover{-webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);}
.dky_ft input::placeholder{ font-size: 16px; font-family: 'Calibri-Bold';}
.searchform .button.icon {
    margin: 0;
    background: none;
    box-shadow: none;
    color: #000000;  
    border: 1px solid #ddd;
	    border-left: 0px;
}
.header-search-form .searchform input[type="search"]{box-shadow: none;
    border-right: 0px;}
body .header-main .nav > li:hover > a, body .header-main .nav > li.current-menu-item > a{    color: #ffdb5d !important;}
.group-hot-num .name-left .title {
    font-size: 16px;
    font-weight: bold;
    font-family: "iCiel DIN Pro";
    color: #707070;
}.group-hot-num .name-left {
    width: 16%;
    float: left;
    padding-top: 40px;
}.group-hot-num .list-number-hot {
    width: 84%;
    float: right;
}.list-issue-num {
    list-style: none;
    margin-left: -10px;
    margin-right: -10px;
    float: left;
    width: calc(100% + 10px);
}.list-issue-num li {
    float: left;
    width: 25%;
    padding: 0 10px;
}.item-issue-num {
    font-family: "iCiel DIN Pro";
    line-height: 1.2;
    color: #4a4a4a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}.item-issue-num .number {
    width: 50%;
    float: left;
    background-image: url(images/background-circle.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 115px;
    max-width: 115px;
    padding: 40px 10px;
}.item-issue-num .number p {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    line-height: 44px;
}.list-issue-num .content {
    width: 50%;
    float: left;
    padding: 5px 0 5px 5px;
    margin-left: -10px;
    background-color: #fff;
    align-self: center;
    font-weight: bold;
    font-size: 16px;
    max-height: 50px;
    line-height: 1.4;
}
.sp-testimonial-free-section .sp-testimonial-client-testimonial, .sp-testimonial-free-section .sp-testimonial-client-testimonial p{     text-align: justify; font-family: 'Calibri'; font-size: 16px; height: 155px;
    border-bottom: 1px solid #e1e1e1;}
 .sp-testimonial-free-section .sp-testimonial-client-image{     border-radius: 50%;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    width: 65px;
    float: left;
    margin-right: 10px;}
.sp-testimonial-free-section .sp-testimonial-title h3{  
        font-weight: bold;
    font-family: "iCiel DIN Pro", sans-serif; text-align: left;    padding-top: 10px;
    font-size: 16px; }
.sp-testimonial-free-section .sp-testimonial-title p{     font-size: 16px;
    line-height: 1.3; text-transform:uppercase; font-family: 'Calibri'; text-align: left;}
.sec-title .title.partner{    font-family: "iCiel DIN Pro", sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #4A4A4A;
    margin-top: 20px;
    transition: .15s;}
.sp-testimonial-free-section.swiper-initialized{ margin-bottom: 0px}
.row2_loaihinhduan.loaihinhda_en #tab_urban-development .tab_duantb  .see-more{     bottom: -4%;}
.row2_loaihinhduan.loaihinhda_en #tab_industrial-buildings .tab_duantb1  .see-more{     bottom: -373%;}
.row2_loaihinhduan.loaihinhda_en #tab_environmental-solutions .tab_duantb2  .see-more{     bottom: -258%;}
.section2_row_dichvu.section2_dicvu_en .bd_tab .see-more{     bottom: -90%;}
.section2_row_dichvu.section2_dicvu_en #tab_general-contractor .see-more{     bottom: -175%;}
.section2_row_dichvu.section2_dicvu_en #tab_main-contractor .see-more{     bottom: -165%;}
.section2_row_dichvu.section2_dicvu_en #tab_subcontractors .see-more{     bottom: -168%;}
.page-template .btn_apply{             background: #006F3B;
        position: fixed;
        top: 400px;
        right: -25px;
        padding: 0 10px;
        border-radius: 0 0 5px 5px;
        transform: rotate(90deg);
        color: #fff;
        font-weight: 600;
        height: 56px;
        line-height: 56px;}
	.btn_tuyendung_footer,.btn_tuyendung_footer:hover{
	background: #006F3B;
    position: fixed;
    top: 400px;
    right: -62px;
    padding: 0 10px;
    border-radius: 0 0 5px 5px;
    transform: rotate(90deg);
    color: #fff;
    font-weight: 600;
    height: 56px;
    line-height: 56px;    z-index: 99999;
}
.page_duan_202x{ margin-top: -60px;}
.section-list-duan{z-index: 99;}
.section-menu-duan{z-index: 100;}
.section-duan{min-height: 740px;    margin-bottom: 40px;}
.section-bg-duan{min-height: 740px;    background-size: cover !important;}
.section-bg-duan h1{
	color: #fff;
    text-transform: uppercase;
    font-size: 58px;
    position: absolute;
    top: 280px;
}
.page_duan_202x .list-sidebar-left{
	display: flex;
}
.page_duan_202x .list-sidebar-left > li{width: 16%;}
.page_duan_202x .list-sidebar-left > li ul{ margin: 0;padding-left: 0 !important;width: 220px; background: #fff;}
.page_duan_202x .list-sidebar-left > li ul li{ margin-bottom: 1px;}
.page_duan_202x .list-sidebar-left > li:hover ul{display: block;}
.page_duan_202x .col{padding: 0 8px !important;}
.page_duan_202x .list-project .col.large-8 .img {
    height: 594px;
}

.page_duan_202x .list-project .col.large-4 .img {
    height: 289px;
}

.page_duan_202x .list-project .col.large-6 .img {
    height: 436px;
}

.page_duan_202x .project .img {
    position: relative;
    width: 100%;
    display: block;
}
.page_duan_202x .project {
    margin-bottom: 16px; overflow: hidden;
}
.page_duan_202x .project .img::before {
    content: '';
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    z-index: 2;
    left: 0;
    background-image: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0) 99%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.9;
    transition: .4s all ease-in-out;;
}
img.img-background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    z-index: 1;
    pointer-events: none;
    transition: .4s all ease-in-out;;
}

.page_duan_202x .project .fa-duan{
	color: #fff; position: absolute; bottom: 15px; right: 15px; z-index: 9;
}
.page_duan_202x .project .wrap-content {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 50px 35px 30px;
    transition: .4s all ease-in-out;;
}
.cl-white {
    color:#fff;
}
.display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.fz-12 {
    font-size: 12px;
}
.page_duan_202x .project .name {
    margin-bottom: 5px;
	color: #fff;
}

.page_duan_202x .list-project .col.large-8 .name {
    font-size: 36px;
	color: #fff;
}

.page_duan_202x .list-project .col.large-8 .img::after {
    right: 21px;
    bottom: 42px;
}

.page_duan_202x .list-project .col.large-8 .general_location {
    font-size: 20px;
}

.page_duan_202x .list-project .col.large-4 .name {
    font-size: 18px;
}

.page_duan_202x .list-project .col.large-4 .wrap-content {
    padding: 0 50px 20px 20px;
}

.page_duan_202x .list-project .col.large-4 .general_location {
    font-size: 12px;
}

.page_duan_202x .list-project .col.large-4 .img::after {
    right: 14px;
    bottom: 24px;
}

.page_duan_202x .list-project .col.large-6 .name {
    font-size: 26px;
}

.page_duan_202x .list-project .col.large-6 .general_location {
    font-size: 18px;
}

.page_duan_202x .list-project .col.large-6 .img::after {
    right: 21px;
    bottom: 37px;
}
.page_duan_202x .project .wrap-active {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 35px 50px 35px 30px;
    background-image: linear-gradient(to top, #006f3bc4 0%, rgb(0 111 59 / 42%) 100%);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    opacity: 0;
    transition: .4s all ease-in-out;;
}
.page_duan_202x .project:hover .wrap-active {
    opacity: 1;
}
.page_duan_202x .project .wrap-active .inner {
    width: 100%;
}

.page_duan_202x .project .line {
    height: 1px;
    background-color: #ffffff;
    opacity: 0.15;
    width: 100%;
    margin: 18px 0 19px;
}

.page_duan_202x .project .wrap-active img {
    width: 26px;
    height: 26px;
    margin-right: 15px;
    display: block;
}

.page_duan_202x .project .wrap-active .wrap {
    width: calc(100% - 41px);
}

/*.page_duan_202x .project .wrap-active .item {
    width: 140px;
}*/

.page_duan_202x .project:hover .wrap-active {
    opacity: 1;
}

.page_duan_202x .project:hover .wrap-content {
    opacity: 0;
}

.page_duan_202x .project:hover .img::before {
    opacity: 0;
}
.page_duan_202x .list-project .col.large-8 .general_location {
    font-size: 20px;
}
.page_duan_202x .section-list-duan .large-12{ padding-right: 0px !important;     margin-left: 10px !important;}
.project-detail h1{ padding-top: 20%}
.project-detail h1.title{    text-transform: uppercase;    font-size: 30px; color: #fff;     position: relative;} 
.chudautu_single{ background: url(images/icon-11.png) no-repeat left 14px; padding-lefT: 45px}
.diadiem_single{ background: url(images/icon-12.png) no-repeat left 12px; padding-lefT: 45px}
.gdtt_single{ background: url(images/icon-13.png) no-repeat left 14px; padding-lefT: 45px}
.qmda_single{ background: url(images/icon-14.png) no-repeat left 14px; padding-lefT: 45px}
.project-detail h2{    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    color: #006f3b;    padding-top: 25px;}
.project-detail .info{ text-align: center}
.project-detail .info p{    font-size: 15px; margin-bottom: 10px}
.project-detail .row-slider{margin-top: 40px;}
.infor-detai-project .product-small img{ height: 195px}
.slider-nav-reveal .flickity-prev-next-button, .slider-nav-reveal .flickity-prev-next-button:hover{     top: 35px;}
.infor-detai-project .flickity-slider{ } 
@media screen and (min-width: 1440px) {
	
    .item-aboutus {
        min-height: 230px;
    }

    body, .item-new-bot .title, .top-project-list .sec-list-item-grid .nis-left .title, .btn-back-page, .nis-left .infomation .name, .nis-left .type-name, .nis-left .date {
        font-size: 16px;
    }
	 .container {
        width: 1230px;
    }
	.slide_home h3{ padding-top: 60px;}
}
@media only screen and (min-width: 800px) {

	
}
@media only screen and (max-width: 1440px) {
	
	.slide_home h3{ padding-top: 60px;}
	.group-category .sec-title-cat .title {
		font-size:36px;}
}
@media only screen and (max-width: 1366px){.section_title_about ul.list-category li a {
    font-size: 14px;}
	
.bot-project-list .title a {font-size: 14px;}
}
@media only screen and (max-width: 48em) {
	.about-us-top .aut-left{ MARGIN-TOP: -45PX !important}
	.aut-left{     margin-top: 45px;    width: 90%;
    margin: 0 5%;}
	.logo {
        width: 33.33% !important;
    }
	.transparent .header-main {
    height: 56px !important;
}
.header-main .header-inner {
  background: none !important;        box-shadow: 0px 1px 11px #00000040;
}
	.nav>li>a>i.icon-menu {
    font-size: 2.3333em;
}.image-icon img {
    max-width: 20px;
    min-width: 93%;
}
	.nav li.header-language-dropdown{ width: 35px;}
body .header.show-on-scroll, body .stuck .header-main {
    height: 56px !important;
}
body .stuck .header-main .nav > li > a {
    line-height: 37px;
}.slide_home h3 {
        padding-top: 20px;
	font-size: 30px;
    line-height: 40px;
    }
.banner h1 {
    font-size: 2.5em;
}
.sectione_doitacpage .row  .large-3{    flex-basis: 50% !important;
    max-width: 50% !important;}
	.sectione_doitacpage .ux-logo img{     height: auto !important;}
.slide_home p {
	font-size: 16px;}
.aut-left .content .see-more{bottom: 30px; }
	.aut-right, .aut-right-child {
		width: 100%;}
	.item-aboutus, .aut-right-child{     height: auto;}
	.row2_home .large-6 {
		padding-top: 0px;}
	.about-us-top {
		padding-bottom: 0px;}
	.row2_home{ border-bottom: 0px solid #EFEFEF;margin-bottom: 30px;}
	.list-new-update >li{ margin-lefT: 0px}
	.block_duan_home .small-3 {
    flex-basis: 100%;
    max-width: 100%;
	}.project-child.services .list-services-menu li a{font-size: 20px;
        height: 40px;}
.row1_doitac_home .small-6 {
    flex-basis: 25%;
    max-width: 25%;
}.row1_doitac_home .large-10 {
	padding-left: 15px;}
	.chungchi_home .row1_doitac_home .small-6 {
    flex-basis: 50%;
    max-width: 50%;
}
	.row1_doitac_home p{ margin-bottom: 0px}
.row1_doitac_home .box-text.text-center {
    padding-left: 0px;
    padding-right: 0px;
	}.chungchi_home .box-text a{     font-size: 14px;}
	.row2_home .des {
		font-size: 18px;}
	#footer h3,#footer  .col{     padding-bottom: 5px;}
	#footer ul.list-follow{ margin-bottom: 0px}
	.coppy-right {
    float: none;
    position: relative;
    text-align: center;
    left: 0;
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: none;
    font-size: 14px;
    bottom: 0;
    white-space: nowrap;
	}.off-canvas-left .mfp-content, .off-canvas-right .mfp-content{ background-color: #111 !important
	}.nav-sidebar.nav-vertical>li+li {
    border-top: 0px solid #ececec;
}
	.section_title_about .section-content{     padding-top: 50px;
    padding-bottom: 0px;}
	.section_title_about ul.list-category li{ margin-lefT: 0px}
	.section1_about .section-content .large-10 {
    padding-left: 15px;
	}.section1_about .section-content h3 {
		font-size: 20px;}
	.section1_about .large-2 {        padding-bottom: 10px;}
	.section1_about .section-content .large-10 .large-7 {
    padding-right: 15px;
}.section1_about .section-content .large-10 .row_ecoba_2 h3 {
	font-size: 20px;}
.section1_tamnhin .section-content .right_tamnhin, .section2_giatri .row1_lsht .large-9, .section_year_lsht .right_img_ls {
    padding-left: 15px;
	}.section1_tamnhin .section-content h1, .section1_tamnhin .section-content .row_sumenh h2{ font-size: 28px}
	.section1_tamnhin .section-content p, .section2_giatri .row1_section_giatri p {
		font-size: 16px;}
	.inside-info{     bottom: 115px;}
	.item-future-update {
		width: 100%;}
	.section2_giatri .row1_section_giatri h1{ text-align: center}
.section_year_lsht .left_img_ls {
    padding-right: 15px;        padding-bottom: 0px;
}.info-detail {
    height: auto;
	padding: 30px;}
.section2_giatri .row1_section_giatri {
    padding-top: 0px;
}
	.giaithuong-mb .row1_section_giatri h1{ text-align: left;        margin-top: 30px;}
	.giaithuong-mb  .row1_section_giatri p{  text-align: left;}
	.giaithuong-mb .row1_section_giatri .large-3{ padding-bottom: 5px}
	.row2_left_gt .large-3 {
    padding-lefT: 15px;
}.list-win li:not(:last-child), .list-win-c li:not(:last-child) {
    border-right: 0px solid #efefef;margin-left: 0px;
	}.section1_cctc .nav-tabs>li>a{ min-width: 161px}
	.section1_cctc .tab-panels{     padding: 30px 0;}
.section1_cctc .tab-panels .large-8{    border-bottom: 1px solid #efefef;
    margin-bottom: 30px;}
	.section1_dvupage h3{ font-size: 30px}
	.section1_dvupage p {
		font-size: 20px;}
	.section2_row_dichvu h4, .section2_row_dichvu .nav-tabs {
		width: 100%;}
	.section2_row_dichvu .nav-tabs{ padding-lefT: 0px}
.section2_row_dichvu .tabbed-content .nav>li>a {
    font-family: "iCiel DIN Pro", sans-serif;
    font-size: 12px;
    font-weight: bold;
    display: table-caption;
    height: 45px;
    line-height: 20px;
    padding: 7px 4px 0 4px;
    margin-left: 5px;
    background: #EFEFEF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #4A4A4A;
    border: 1px solid #EFEFEF;
    text-transform: none;
    min-width: 80px;
    overflow: hidden;
    border-bottom: 0;
    box-shadow: 0 -4px 7px 1px #8281817d;text-align: center;
}
	.section2_row_dichvu .tabbed-content {
    margin-top: 10px;
}
	.section2_row_dichvu h4{ color: #111; margin-bottom: 15px;
        padding-lefT: 5px;}
.section2_row_dichvu .tab-panels {
    padding: 30px 0 0px;
}.row2_loaihinhduan .tab_loaihinh .tab.active:nth-child(1) a, .row2_loaihinhduan .tab_loaihinh .tab.active:nth-child(2) a, .row2_loaihinhduan .tab_loaihinh .tab.active:nth-child(3) a {
    background: #F5C61F;
    padding-lefT: 0px;
    background-position-x: 0px;
}.row2_loaihinhduan .tab_loaihinh .tab:nth-child(2) a, .row2_loaihinhduan .tab_loaihinh .tab:nth-child(1) a , .row2_loaihinhduan .tab_loaihinh .tab:nth-child(3) a{
    background: #EFEFEF;
    padding-lefT: 0px;
    background-position-x: 0px;
}
.row2_loaihinhduan .tabbed-content .nav>li>a {
    min-width: 108px;height: 50px;
}
	.section2_row_dichvu .see-more{ min-width: 100%;}
	.section2_row_dichvu .tab_duantb .see-more {
    bottom: -15px;
}
	.blog-archive .about-sec-title, .section4_tuyendung .about-sec-title, .sec-list-new, .sln-bot, .nis-left, .nis-right, .list-img-project .slider-for li .content , ul.list-tallen li, .news-layout-2 .item-big-new{
		width: 100%;}
.blog-archive .about-sec-title {
    border-bottom: 0px solid #EFEFEF;
    overflow: hidden;
    height: auto;
}.item-top-new .content-project {
    position: absolute;
    width: 100%;
    top: 75%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-53%);
    right: 0;
    margin: auto;
    color: #fff;
    font-size: 22px;
    padding: 30px 15px;
    line-height: 30px;
    font-family: 'Nexa-XBold';
	}.sec-list-new{     padding: 0px 15px 0;}
	.select-show{padding-left: 30px;}
	.nis-left .title {
    min-height: auto;
	}.new-item-sec .nis-right{ padding-bottom: 69%;margin-top: 20px;}
	.date-type{     padding: 15px 0 0;}
.sec-list-item-new .nis-left .title{
        color: #006F3B;
    }
.list-new-bot li {
	width: 50%;}
.item-info-pro {
	padding: 10px 0;}
	.list-img-project .slider-for li .content{     max-width: 100%;}
.title_nangluc h3{font-size: 30px;
    line-height: 1.3;}
ul.list-tallen li {
    border: 0px solid #efefef;
}ul.list-tallen li .item-tallen {
    padding: 10px;
}
.block1_nangluc .aut-left{margin: 0 2%;
        margin-top: -90px;
        width: 98%;}
.block1_nangluc  .content .desc{ font-family: 'Calibri';}
.block1_nangluc   ul.list-tallen li{         border-bottom: 1px solid #efefef;}
.row_nangluc_ptgd .text-box , .section3_tuyendung .text-box{    width: 91% !important;}
.banner-bot-tainang .text-right p, .sln-top .content-new .title, .nis-left .title{ font-size: 20px}
.banner-bot-tainang .text-right .info p{     font-size: 15px;}
.page-right-sidebar .large-9 {
    padding-right: 15px;
}
.blog-single .large-9 h1, .title_nangluc h1{ font-size: 30px}
.page_nangluc .large-3 h3 {
    padding-top: 0px;
}
.news-layout-1.sln-top .sec-new-top{ display: none}
.news-layout-1.sln-top .sec-list-new{ width: 96%}
.news-layout-1.sln-top {
    margin-left: 0px;
    margin-right: 0px;
}.sln-top .content-new .type-name {        position: relative;
        width: 80%;
        margin-bottom: 0;        margin-top: 10px;}
.sln-top .content-new .date{         font-size: 14px;
        float: left;
        width: 20%;
        margin-bottom: 0px;
        bottom: 0px;}
.row1_newspage h1, .title_cate_news h1, .news_page .row .col h3, .blog-archive .btn-back-page{ padding-left: 15px}
.news_page .row .col h3{ width: 65%;
    float: left;}
.news_page .row .col a.btn-seemore{     padding-right: 47px;}
#post-list{ padding: 0 15px}
ul.list-follow li a {
    font-size: 14px;}
.row_bt_title .detail-job {
    width: 28%;}
.blog-single .large-9 p, .blog-single .large-9 span{     font-size: 13px;}
.row_bt_title .entry-category a, .row_bt_title p.date_tt{ font-size: 14px;}
ul.list-follow li {
    padding: 0 7px;}
.blog-single .post-sidebar .new-title-right {
    padding-top: 50px;
}.title_doitac_page h1, .title_tuyendung h1 {
    font-size: 30px;}
.sec-left-title {
    width: 37%;}
.sec-brand-right {
    width: 61%;}
.sec-brand-left .title {
    font-size: 15px;}
.group-logo-parner .sec-brand-right .slick-prev {
    left: -132px;
}.group-logo-parner .sec-brand-right .slick-next {
    transition: .15s;
    left: -98px;
}
.block_tuyendung_page .sec-left-title {
    width: 71%; margin-bottom: 30px
}.block_tuyendung_page {
    margin-top: -190px !important;
}.block_tuyendung_page .sec-brand-right {
    width: 100%;
    padding: 0 15px;
}.item-tallen.item-about-firm {
    width: 100%;}
	.text_tuyedung_sec2{ padding: 0 20px;}
.section2_doingu .large-8 {
    padding-left: 15px;
    padding-top: 6%;
}
.text_tuyedung_sec2 p, .section3_tuyendung .text-box-content p.desc{ font-size: 20px}
.section3_tuyendung .text-box-content .text{ padding-top: 227px;}
.section3_tuyendung .banner {     height: 500px;}
.section3_tuyendung .banner .fill{        background-image: linear-gradient(to bottom, #00000000, #0000009c);}
.section4_tuyendung .sec-list-new{ padding: 0px}
#main-joblist{     padding: 0 15px;}
.joblist-top .title.title-blog {
        font-size: 32px;
    }.joblist-top p {
    padding-top: 0px;}
.joblist-top .col{ padding-bottom: 0px}
.item-job-info .item-info-left {
    width: 33%;}
.item-job-info .item-info-right {
    width: 67%; padding-right: 0%;padding-left: 15px;position: inherit;}
	.list-job li{     margin-left: 0px;     padding: 15px 0px;}
.item-job-info a.btn-see-job{width: 100%;
        display: inline-table;         margin-top: 25px;}
.btn-see-job{    position: inherit;}
.blog-single .detail-job .large-9{     width: 75%;
    float: left;}
.blog-single .detail-job  .group-follow-chane {width: 25%;
    float: left;}
.row_inf_lhpage .large-5 {
    padding-left: 15px;
}.row_inf_lhpage {
    padding-top: 0;
}.group-hot-num .name-left, .group-hot-num .list-number-hot {
        width: 100%;
    }    .group-hot-num .list-number-hot {
        padding: 20px 0;
    }    .group-hot-num .name-left, .group-hot-num .list-number-hot {
        width: 100%;    
	}.list-issue-num li {
        margin: 5px 0;
        width: 50%;
    }.item-issue-num .number {
        height: 70px;
        width: 70px;
    }.item-issue-num .number {
        padding: 5px;
    }.list-issue-num .content {
        width: calc(100% - 60px);
        font-size: 13px;
        margin-left: -10px;
        padding: 0 5px;
    }    .item-issue-num .number p {
        padding: 10px 0;
        text-align: center;
        font-size: 24px;
    }
.list-issue-num  .content p{ margin-bottom: 0px}
.sp-testimonial-free-section.swiper-initialized{ margin: 0px !important}
.sp-testimonial-free-section .sp-testimonial-client-testimonial, .sp-testimonial-free-section .sp-testimonial-client-testimonial p{ height: auto; margin-bottom: 20px}
#masthead .flex-right .header-language-dropdown ul{     right: 0px;}
.flex-right .mobile-nav .lang-item {        width: 34px;
        margin: 0px;
        padding-right: 0px;
        text-align: center;
        float: right;}
.flex-right .mobile-nav .lang-item-5 img{    width: 16px !important;
            height: 12px !important;}
.section-duan, .section-bg-duan{
    min-height: 200px;}
.section-bg-duan h1 {
    font-size: 35px;
    top: 75px;
    padding-left: 5px;
}.page_duan_202x .list-sidebar-left > li {
    width: 33%;
}.page_duan_202x ul.list-sidebar-left li a {
    font-size: 11px;
}.page_duan_202x .section-list-duan .large-12 {
    padding-right: 0px !important;
    margin-left: 10px !important;
    margin-right: 20px;
}.page_duan_202x .list-project .col.large-4 .img, .page_duan_202x .list-project .col.large-6 .img, .page_duan_202x .list-project .col.large-8 .img{
    height: 260px;
}.page_duan_202x .project .wrap-content {
    display: none;}
.page_duan_202x .project .wrap-active{ display: block; opacity: 1; padding: 35px 15px 35px 15px;}
.page_duan_202x .list-project .col.large-8 .name, .page_duan_202x .list-project .col.large-6 .name{
    font-size: 18px;}
	.page_duan_202x .list-project .col.large-8 .general_location {
    font-size: 13px;
}.page_duan_202x .project .wrap-active .inner {
    width: 100%;
    align-items: flex-end;
    justify-content: flex-end;
    position: absolute;
    bottom: 25px;
}.page_duan_202x .project .wrap-active .inner {
        width: 90%;}
.page_duan_202x .project .wrap-active img {
    width: 20px;
    height: 20px;        float: left;
    margin-right: 10px;}
.fz-12 {
    font-size: 11px;
}.page_duan_202x .list-project .col.large-6 .general_location{ font-size: 12px;}
.page_duan_202x .project .wrap-active{     background-image: linear-gradient(to top, #000000b0 0%, rgba(0, 0, 0, 0) 99%, rgba(0, 0, 0, 0) 100%);}
.slider-for li .content{     bottom: 40px;}
.slider-for li{ min-height: 37vh;}
.slick-slide img {
    width: 100%;
}.list-img-project .slider-nav li {
    padding: 5px 7px;
}
.section-menu-duan .list-sidebar-left #menu-item-280 .sub-menu{     margin-lefT: -103px;}
.display-flex{ display: block}
.page_duan_202x .project .wrap-active .wrap {
    float: left;
    text-align: justify;
}
.project-detail h1.title {
    padding-top: 12%;    font-size: 21px;        overflow: hidden;
        margin-bottom: 50px;
	}.list-img-project .slider-for li .content{ padding-right: 0px}
.project-detail .item-info-pro{ padding-lefT: 50px !important;}
.project-detail .qmda_single {
		background: url(images/icon-14.png) no-repeat left 14px;}
	.project-detail h2{     font-size: 31px;     padding-top: 5px;}
	.project-detail .info{ text-align: justify !important;}
	.item-info-pro .value {
		font-size: 15px;}
.flex-right .header-search-form .searchform-wrapper {    width: 75%;}
#masthead .flex-right .header-search-dropdown .nav-dropdown{ margin-left: -97px;background-color: #ffffff00;}
.searchform .button.icon{ background: #fff; border: 0px solid #ddd !important;}
.infor-detai-project .product-small img {
    height: 120px;
}.slider-nav-reveal .flickity-prev-next-button, .slider-nav-reveal .flickity-prev-next-button:hover {
    top: -4px;
}.slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
    margin-top: -3px;
}
}
/******* CTA********/
@media (min-width: 1px) {
 .devvn_toolbar {
 position: fixed;
 bottom: 150px;
 right: 25px;
 z-index: 99999999;
 }
 .devvn_toolbar ul {
 list-style: none;
 margin: 0;
 padding: 0;
 }
 .devvn_toolbar ul li {
 padding: 0;
 margin: 0;
 list-style: none; margin-bottom: 15px;
 }
 .devvn_toolbar ul li a {
 display: block;
 position: relative;
 }
 .devvn_toolbar ul li a > div{
 width: 42px;
 height: 42px;
 border-radius: 50%;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 margin: 0 0 5px;
 position: relative;
 background-position: 50% 50%;
 background-size: cover;
 overflow: hidden;
 display: flex;
 align-items: center;
 justify-content: center;
 }
 .devvn_toolbar ul li a br {
 display: none;
 }
 .devvn_toolbar ul li a span {
 font-weight: 400;
 color: #333;
 position: absolute;
 top: 50%;
 right: calc(100% + 10px);
 right: -webkit-calc(100% + 10px);
 right: -moz-calc(100% + 10px);
 margin-top: -12.5px;
 font-size: 14px;
 height: 25px;
 line-height: 25px;
 padding: 0 10px;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 white-space: nowrap;
 opacity: 0;
 visibility: hidden;
 }
 .devvn_toolbar ul li a:hover span{
 opacity: 1;
 visibility: visible;
 }
 .devvn_toolbar ul li a span:after {
         left: 101%;
 top: 50%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
 border-color: rgba(136, 183, 213, 0);
 border-right-color: #333;
 border-width: 5px;
 margin-top: -5px;
 }
 .devvn_toolbar ul li a img {
 width: auto;
 height: auto;
 max-width: 40px;
 max-height: 40px;
 margin: 0;
 box-shadow: none;
 border: 0;
 }
 .devvn_contact_quickbuy_li, .devvn_contact_addtocart_li{
 display: none;
 }
 .devvn_toolbar ul li a > div{
 background: transparent !important;
 } 
 .devvn_toolbar ul li a.animation_tada > div {
 animation-name: devvn_tada;
 -webkit-animation-name: devvn_tada;
 animation-delay: 0s;
 -webkit-animation-delay: 0s;
 animation-duration: 1.5s;
 -webkit-animation-duration: 1.5s;
 animation-iteration-count: infinite;
 -webkit-animation-iteration-count: infinite;
 cursor: pointer;
 box-shadow: 0 0 0 0 #c31d1d;
 }
 .devvn_toolbar ul li a.animation_zoom > div {
 animation-name: devvn_zoom;
 -webkit-animation-name: devvn_zoom;
 animation-delay: 0s;
 -webkit-animation-delay: 0s;
 animation-duration: 1.5s;
 -webkit-animation-duration: 1.5s;
 animation-iteration-count: infinite;
 -webkit-animation-iteration-count: infinite;
 cursor: pointer;
 box-shadow: 0 0 0 0 #c31d1d;
 }
.devvn_toolbar  img{width: 40px;
        height: 40px;}
 @-webkit-keyframes devvn_tada {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1)
 }
 10%, 20% {
 -webkit-transform: scale(.9) rotate(-3deg);
 transform: scale(.9) rotate(-3deg)
 }
 30%, 50%, 70%, 90% {
 -webkit-transform: scale(1.1) rotate(3deg);
 transform: scale(1.1) rotate(3deg)
 }
 40%, 60%, 80% {
 -webkit-transform: scale(1.1) rotate(-3deg);
 transform: scale(1.1) rotate(-3deg)
 }
 100% {
 -webkit-transform: scale(1) rotate(0);
 transform: scale(1) rotate(0)
 }
 }
 @keyframes devvn_tada {
 0% {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1)
 }
 10%, 20% {
 -webkit-transform: scale(.9) rotate(-3deg);
 -ms-transform: scale(.9) rotate(-3deg);
 transform: scale(.9) rotate(-3deg)
 }
 30%, 50%, 70%, 90% {
 -webkit-transform: scale(1.1) rotate(3deg);
 -ms-transform: scale(1.1) rotate(3deg);
 transform: scale(1.1) rotate(3deg)
 }
 40%, 60%, 80% {
 -webkit-transform: scale(1.1) rotate(-3deg);
 -ms-transform: scale(1.1) rotate(-3deg);
 transform: scale(1.1) rotate(-3deg)
 }
 100% {
 -webkit-transform: scale(1) rotate(0);
 -ms-transform: scale(1) rotate(0);
 transform: scale(1) rotate(0)
 }
 }
 @-webkit-keyframes devvn_zoom {
 0% {
 transform: scale(.9)
 }
 70% {
 transform: scale(1);
 box-shadow: 0 0 0 15px transparent
 }
 100% {
 transform: scale(.9);
 box-shadow: 0 0 0 0 transparent
 }
 }
 @keyframes devvn_zoom {
 0% {
 transform: scale(.9)
 }
 70% {
 transform: scale(1);
 box-shadow: 0 0 0 15px transparent
 }
 100% {
 transform: scale(.9);
 box-shadow: 0 0 0 0 transparent
 }
 }
 .devvn_toolbar ul li a.animation_swing img{
 animation-name: devvn_swing;
 -webkit-animation-name: devvn_swing;
 animation-iteration-count: infinite;
 -webkit-animation-iteration-count: infinite;
 animation-duration: 1s;
 -webkit-animation-duration: 1s;
 -webkit-animation-delay: 1s;
 animation-delay: 1s;
 animation-timing-function: ease-in;
 -webkit-animation-timing-function: ease-in;
 }
 @-webkit-keyframes devvn_swing {
 20% {
 -webkit-transform: rotate3d(0,0,1,15deg);
 transform: rotate3d(0,0,1,15deg)
 }
 40% {
 -webkit-transform: rotate3d(0,0,1,-10deg);
 transform: rotate3d(0,0,1,-10deg)
 }
 60% {
 -webkit-transform: rotate3d(0,0,1,5deg);
 transform: rotate3d(0,0,1,5deg)
 }
 80% {
 -webkit-transform: rotate3d(0,0,1,-5deg);
 transform: rotate3d(0,0,1,-5deg)
 }
 to {
 -webkit-transform: rotate3d(0,0,1,0deg);
 transform: rotate3d(0,0,1,0deg)
 }
 }
 @keyframes devvn_swing {
 20% {
 -webkit-transform: rotate3d(0,0,1,15deg);
 transform: rotate3d(0,0,1,15deg)
 }
 40% {
 -webkit-transform: rotate3d(0,0,1,-10deg);
 transform: rotate3d(0,0,1,-10deg)
 }
 60% {
 -webkit-transform: rotate3d(0,0,1,5deg);
 transform: rotate3d(0,0,1,5deg)
 }
 80% {
 -webkit-transform: rotate3d(0,0,1,-5deg);
 transform: rotate3d(0,0,1,-5deg)
 }
 to {
 -webkit-transform: rotate3d(0,0,1,0deg);
 transform: rotate3d(0,0,1,0deg)
 }
 }
 body .devvn_toolbar.devvn_toolbar_right {
 left:auto;
 bottom: 10px;
 right: 10px;
 }
 body .devvn_toolbar.devvn_toolbar_right ul li a span {
 right: calc(100% + 10px);
 right: -webkit-calc(100% + 10px);
 right: -moz-calc(100% + 10px);
 left: auto
 }
 .devvn_toolbar.devvn_toolbar_right ul li a span:after {
 left: 100%;
 right: 0;
 transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 -webkit-transform: rotate(180deg)
 }
 }
 @media (max-width: 0px) {
 body.has_devvn_toolbar {
 padding-bottom: 50px;
 }.devvn_toolbar  img{width: 40px;
        height: 40px;}
 .devvn_toolbar {
 background: #fff;
 display: inline-block;
 width: 100%;
 bottom: 0;
 left: 0;
 position: fixed;
 z-index: 99999999;
 height: auto;
 padding: 0;
 border-top: 0;
 visibility: hidden;
 opacity: 0;
 transform: translate3d(0,120%,0);
 -moz-transform: translate3d(0,120%,0);
 -webkit-transform: translate3d(0,120%,0);
 transition: all .3s linear;
 -moz-transition: all .3s linear;
 -webkit-transition: all .3s linear;
 box-shadow: 0 0.5rem 1rem 0 rgb(44 51 73 / 60%);
 padding-bottom: env(safe-area-inset-bottom);
 }
 .show_contactfix .devvn_toolbar {
 transform: translate3d(0,0,0);
 -moz-transform: translate3d(0,0,0);
 -webkit-transform: translate3d(0,0,0);
 visibility: visible;
 opacity: 1;
 } 
 .devvn_toolbar ul {
 list-style: none;
 padding: 0;
 margin: 0;
 border-collapse: collapse;
 width: 100%;
 -js-display: flex;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-flow: row wrap;
 flex-flow: row wrap;
 }
 .devvn_toolbar ul li {
 flex-grow: 1;
 flex-shrink: 1;
 flex-basis: 0;
 text-align: center;
 display: flex;
 margin-bottom: 0;
 }
 .devvn_toolbar ul li a{
 display: block;
 width: 100%;
 outline: none;
 text-decoration: none;
 padding: 5px 3px;
 white-space: nowrap;
 }
 .devvn_toolbar ul li a span {
 font-weight: 400;
 color: #333;
 background: transparent;
 font-size: 3.5vw;
 display: block;
 margin: 2px 0 0 0;
 }
 .devvn_toolbar ul li a img {
 height: 6vw;
 width: auto;
 margin: 0;
 }
 .woocommerce-checkout .devvn_toolbar {
 display: none !important;
 }
 .devvn_toolbar a.devvn_buy_now_style {
 margin: 0;
 border-radius: 0;
 padding: 5px 8px;
 font-size: initial;
 line-height: inherit;
 }
 .devvn_toolbar a.devvn_buy_now_style span {
 margin: 0;
 padding: 0;
 }
 .devvn_toolbar a.devvn_buy_now_style span {
 background: none !important;
 }
 a#devvn_contact_addtocart {
 background: #e03232 !important;
 }
 }
 .mfp-wrap, .mfp-bg {
 z-index: 999999999;
 }  @media (min-width: 1px) {
 .devvn_toolbar ul li a#devvn_contact_1 span:after {
 border-right-color: #13990a;
 }
 .devvn_toolbar ul li a#devvn_contact_1 span{
 color: #ffffff;
 background-color: #13990a;
 }
 .devvn_toolbar ul li a#devvn_contact_1 > div{
 box-shadow: 0 0 0 0 #13990a;
 }
 }
 @media (max-width: 0px) {
 .devvn_toolbar ul li a#devvn_contact_1 span{
 color: #333;
 background-color: #fff;
 }
 .devvn_toolbar ul li a#devvn_contact_1{
 background: #fff;
 }
 } @media (min-width: 1px) {
 .devvn_toolbar ul li a#devvn_contact_2 span:after {
 border-right-color: #00acd3;
 }
 .devvn_toolbar ul li a#devvn_contact_2 span{
 color: #ffffff;
 background-color: #00acd3;
 }
 }
 @media (max-width: 0px) {
 .devvn_toolbar ul li a#devvn_contact_2 span{
 color: #333;
 background-color: #fff;
 }
 .devvn_toolbar ul li a#devvn_contact_2{
 background: #fff;
 }
 }  @media (min-width: 1px) {
 .devvn_toolbar ul li a#devvn_contact_3 span:after {
 border-right-color: #017eff;
 }
 .devvn_toolbar ul li a#devvn_contact_3 span{
 color: #ffffff;
 background-color: #017eff;
 }
 }
 @media (max-width: 0px) {
 .devvn_toolbar ul li a#devvn_contact_3 span{
 color: #333;
 background-color: #fff;
 }
 .devvn_toolbar ul li a#devvn_contact_3{
 background: #fff;
 }.devvn_toolbar  img{width: 40px;
        height: 40px;}
 }