@font-face {
    font-family: 'FL' ;
    src: url('../fonts/VNF-Futura Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SVN' ;
    src: url('../fonts/SVN-Agency FB.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "OpenSans";
    src: url('../fonts/OpenSans.eot');
    src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans.svg#OpenSans') format('svg'),
        url('../fonts/OpenSans.woff') format('woff'),
        url('../fonts/OpenSans.ttf') format('truetype');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: "OpenSans";
    src: url('../fonts/OpenSans.eot');
    src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans.svg#OpenSans') format('svg'),
        url('../fonts/OpenSans.woff') format('woff'),
        url('../fonts/OpenSans.ttf') format('truetype');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: "OpenSans-Bold";
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg'),
        url('../fonts/OpenSans-Bold.woff') format('woff'),
        url('../fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: "OpenSans-Semibold";
    src: url('../fonts/OpenSans-Semibold.eot');
    src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg'),
        url('../fonts/OpenSans-Semibold.woff') format('woff'),
        url('../fonts/OpenSans-Semibold.ttf') format('truetype');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: "OpenSans-Light";
    src: url('../fonts/OpenSans-Light.eot');
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg'),
        url('../fonts/OpenSans-Light.woff') format('woff'),
        url('../fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: normal;font-style: normal;
}
body{background: none;font-family: "OpenSans";}
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius:10px;border-radius:10px;}
::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:rgba(44, 146, 111,0.8);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,0.4);}
::-webkit-scrollbar:horizontal{height: 3px;}
h1,h2,h3,h4,h5,h6{font-size: 17px;line-height: 25px;margin: 0;padding: 0;}
.clear{clear: both;}
a:hover,a:focus{text-decoration: none;color:#212121;}
ul,ol{margin: 0;padding: 0;list-style: none;}
.noi_dung{line-height:22px;}.noi_dung p{/*line-height:22px;text-align: justify;font-size: 17px;*/}.noi_dung span{line-height:22px;}.noi_dung div{line-height:22px;}.noi_dung li{list-style:inside;line-height: 1.5;}.noi_dung img{max-width:100%;}.noi_dung table{width:100%;}.noi_dung iframe{width:100%;}
.logo-img{line-height: 0;font-size: 0;}
.top_menu_wrapper .ul_top_1 .logo-img{line-height: 0;font-size: 0;}
.ul_top_1{padding: 0px 12%;display: flex;align-items: center;justify-content: center;}
.top_menu_wrapper li a.logo-img{font-size: 0;line-height: 0;}
.top_menu_wrapper li {display: inline-block;}
.top_menu_wrapper li a {display: block;padding: 35px 22px 30px;text-transform: uppercase;font-family: 'SVN';font-size: 20px;color: #000;}
.top_menu_wrapper li.current-menu-item a,.top_menu_wrapper li a:hover {color: #bc8b34;}
.top_menu_wrapper .active a{color: #bc8b34;}
.top_menu_wrapper li a:after,.top_menu_wrapper .active a:after{content: '';display: block;margin: 10px auto 0;height: 2px;width: 0;background: #bc8b34;transition: all .3s ease-in;}
#section1{position: relative;border-top: 3px solid #bc8b34;}
.language li a{display: flex;margin-left: 10px;font-family: "SVN";font-size: 15px; color: #bc8b34;text-transform: uppercase;}
.language{position: absolute;content: "";top: 10px;right: 20px;}
.language li{display: inline-block;}
.language li a img{width: 22;margin-right: 10px;}
.top_menu_wrapper li.current-menu-item a:after,.top_menu_wrapper li a:hover:after,.top_menu_wrapper .active a:after {width: 100%;}
.hotline{position: fixed;top: 42px;right: 0;cursor: pointer;background: #fff;z-index: 10;border-bottom-left-radius: 30px;
border-top-left-radius: 30px;padding-right: 20px;padding-left: 10px;display: flex;}
.hotline a{line-height: 45px;color: #000;}
.hotline a em{font-style: normal;}
.color{color: #bc8b34;font-weight: bold;}
.hotline img{width: auto;height: auto;margin: auto;border-radius: 50px;-webkit-animation: right 0.5s infinite ease-in-out;-moz-animation: right 0.5s infinite ease-in-out;animation: right 0.5s infinite ease-in-out;}
#about_us .box_title{padding: 10px 0 40px;}
.title_border{font-size: 23px;text-transform: uppercase;font-family: 'FL';text-align: center;padding: 60px 0 30px;line-height: 1.3;}
.title_borderaffter:after{    content: '';background-image: url(../images/icon.svg);width: 100px;height: 30px;display: block;
background-size: contain;background-repeat: no-repeat;margin: auto;margin-top: 20px;}
#about_us .bg_all{padding-top: 40px;}
#about_us .number p{color: #919396;font-size: 16px;}
#about_us .number{display: inline-block;text-align: center;padding: 10px 75px;}
#about_us .counter{font-size: 60px;color: #58595B;}
#about_us .counter1{   font-family: 'FL';font-size: 30px;text-transform: initial;color: #58595B;} 
#about_us .name{font-size: 50px;font-weight: bold;text-transform: uppercase;font-family: 'FL';text-align: center;}
#about_us .content{line-height: 28px;color: grey;font-size: 17px;text-align: justify;}
.readmore{text-align: center;margin-top: 25px;}
.readmore a{color: #fff;background: #bc8b34;font-size: 15px;padding: 12px 25px;letter-spacing: 1.5px;text-transform: none;
border-radius: 20px;box-shadow: 1px 3px 6px -2px rgba(17, 17, 17, 0.41);-webkit-box-shadow: 1px 3px 6px -2px rgba(17, 17, 17, 0.41);-moz-box-shadow: 1px 3px 6px -2px rgba(17, 17, 17, 0.41);transition: all .2s linear;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;}
#about_us{padding-bottom: 80px;}
.readmore a:hover{transition: all .2s linear;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;background: #fff;
color: #bc8b34;box-shadow: 0px 1px 10px -3px rgba(17, 17, 17, 0.68);-webkit-box-shadow: 0px 1px 10px -3px rgba(17, 17, 17, 0.68);
-moz-box-shadow: 0px 1px 10px -3px rgba(17, 17, 17, 0.68);}
.ul_img{padding-top: 30px;}
#project1{padding-bottom: 40px;}
.title_pro1{color:#484848;font-size: 48px;margin: 40px 0;font-family: 'FL';text-align: center;display: block;text-transform: uppercase;line-height: 1.2}
.fixed{    box-shadow: 0 0 20px 0.5px rgba(0, 0, 0, .1);
}}
.title_pro{color: #484848; font-size: 48px;margin-top: 60px;font-family: 'FL';text-align: center;display: block;text-transform: uppercase;}
.titlebig:after{content: '';display: block;width: 80%;height: 1px;position: absolute;bottom: 25px;background: #44bca7;z-index: -15;left: 50%;transform: translateX(-50%);background: -webkit-linear-gradient(left, white, #44bca7, white);background: -o-linear-gradient(right, white, #44bca7, white);background: -moz-linear-gradient(right, white, #44bca7, white); background: linear-gradient(to right, white, #44bca7, white);}
#project1 .classa{height: 288px;overflow: hidden; display: block;}
#project1 .classa img{width: 100%;height: 100%;}
#news .classa{    height: 185px;overflow: hidden; display: block;}
#news .classa img{width: 100%;height: 100%;}
.titlebig{text-align: center;position: relative;margin-bottom: 40px;}
#project span {font-size: 17px;color: #6D6E70;margin-top: 25px;margin: 50px 0 0px;display: block;}
#project1 li .bg_contetn{position: relative;margin-bottom: 15px;}
#project1 li .bg_contetn:hover:after {background:transparent;}
#project1 li .bg_contetn:hover .classa{z-index: 10;position: relative;display: block;}
#project1 li .bg_contetn:after {background: rgba(0, 0, 0, .5);height: 100%;width: 100%;top: 0;left: 0;transition: all .3s linear;
-webkit-transition: all .3s linear;-moz-transition: all .3s linear;content: '';display: block;position: absolute;}
#project1 li .content{padding: 10px 10px;position: absolute;bottom: 0;right: 0;left: 0;z-index: 1;color: #fff;transition: padding-left .3s linear;-webkit-transition: padding-left .3s linear;-moz-transition: padding-left .3s linear;}
#project1 li .content a{font-size: 18px;font-family: 'FL';transition: color .3s;z-index: 1111;color: #fff;}
#project1 li .bg_contetn:hover .content {padding-left: 30px;background: rgba(44, 146, 111, 0.66);z-index: 11;}
.content .headertxt:before {content: '';display: block;margin-bottom: 3px;display: block;height: 2px;width: 0px;background: #FFDC15;transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;}
#project1 li .bg_contetn:hover .headertxt:before {width: 40%;}
#news .newll_edit span{display: block;}
#news .newll_edit .time{color: #b5b5b5;padding: 5px 0;}
#news .newll_edit {padding: 5px;}
#news .newll_edit .name a{font-size: 14px;color: #bc8b34;font-weight: 600;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height: 25px;max-height: 75px;text-transform: uppercase;}
#news .newll_edit .name a:hover {color: #bc8b34;}
#news .newll_edit .chuthich{color: #6D6E70;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height: 25px;max-height: 75px;}
#news ul{padding:10px 0 10px;display: flex;flex-wrap: wrap;}
#news .newll_edit  .detail{ font-size: 14px;text-transform: uppercase;color: #bc8b34;font-weight: 600;font-family: 'FL', sans-serif;display: block;padding-top: 10px;}
#news ul li:hover {    transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;box-shadow: 0px 3px 5px 1px rgba(17, 17, 17, 0.2);-webkit-box-shadow: 0px 3px 5px 1px rgba(17, 17, 17, 0.2);-moz-box-shadow: 0px 3px 5px 1px rgba(17, 17, 17, 0.2);}

#contact:before {content: '';width: 100%;height: 100%;background-color: rgba(17, 17, 17, 0.25);position: absolute;top: 0;left: 0;}
#contact{background: url(../images/sgd.jpg) no-repeat;background-size: cover;position: relative;padding-bottom: 90px;}
#contact .title{color: #fff;text-transform: uppercase;font-family: 'FL';font-size: 24px;text-align: center;
position: relative;margin: 0px 0 30px;display: block;padding: 80px 0 10px;}
.dip-formcontact {width: 55%;margin: auto;}
.dip-formcontact input {width: 100%;height: 40px;outline: none;background: rgba(255, 255, 255, 0.73);padding-left: 10px;border: 0;
color: #111;border-radius: 10px;font-size: 15px !important;}
.dip-formcontact textarea {width: 100%;outline: none;background: rgba(255, 255, 255, 0.73);padding-left: 10px;border: 0;color: #111;height: 94px;border-radius: 10px;font-size: 15px !important;}
.btn-default:hover {background: rgba(255, 255, 255, 0.73);border: none;}
#fotter{background: url(../images/footer.png) no-repeat;background-size: cover;padding: 30px 0 30px;}   
#fotter .name{font-family: 'OpenSans-Bold', sans-serif;font-size: 18px; color: #404041;text-transform: uppercase;display: inline-block;} 
.txt_bot{padding:10px 0 30px;}
#fotter ul li ul li a{color: #000;line-height: 1.5;} 
#fotter ul li ul li a:hover{color: #bc8b34;} 
.top_left a {transition: all 0.2s linear;display: inline-block;margin-right: 15px;}
.top_left a i{    font-size: 25px;color: #bc8b34;border: 2px solid #bc8b34;border-radius: 50%;width: 45px;height: 45px;text-align: center;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease-in;}
.top_left a i:hover{transform: rotate(360deg);}  
.ft-item-none .b-titleft {padding: 20px 0 10px;text-transform: uppercase; font-family: 'FL' ;line-height: 22px;color: #bc8b34;font-size: 20px;display: inline-block;}
.ft-item li{line-height: 26px;}
.ft-item a{color: #000;}
.ft-item .hot {color: #bc8b34;font-size: 18px;font-weight: bold;}
.header a {position: absolute;}
.ayz{ color: #007351;font-weight: bold;}
.language a:hover img {-webkit-transform: translateY(-20%);-moz-transform: translateY(-20%);-ms-transform: translateY(-20%);-o-transform: translateY(-20%);transform: translateY(-20%);}
.language a:hover img {box-shadow: 1px 2px 7px -2px rgba(17, 17, 17, 0.82);-webkit-box-shadow: 1px 2px 7px -2px rgba(17, 17, 17, 0.82);-moz-box-shadow: 1px 2px 7px -2px rgba(17, 17, 17, 0.82);transition: all .5s linear;}
.navigation {font-size: 11px;clear: both;padding: 15px 0px 20px;text-align: center;cursor: default;font-weight: bold;color: #0066b3;margin-top: 15px;}
.navigation .current_page_item, .navigation .page_item a:hover {color: #fff;background-color: #bc8b34;}
.navigation .current_page_item, .navigation .page_item a {outline: none;margin: 2px;padding: 7px 11px;text-decoration: none;background: #CCCCCC;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.navigation .current_page_item, .navigation .page_item a:hover {color: #fff;background-color: #bc8b34;}
#news{padding-bottom: 30px;}
.b-item-wrapper{    -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;position: relative;top: 0px;}
.b-item-wrapper:hover{top:-10px;}
.item {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;background-color: #bc8b34;color: #fff;padding: 50px 45px;text-align: center;border-radius: 15px;min-height: 315px;}
.item p{line-height: 1.5;}
.b-title {font-size: 20px;text-transform: uppercase;font-weight: bold;min-height: 60px;line-height: 27px;margin-bottom: 15px;}
 .clearfix .item:hover {background-color: #4abeab;}
.col-md-4:nth-child(1) .item:before {content: '01';}
.col-md-4:nth-child(2) .item:before {content: '02';}
.col-md-4:nth-child(3) .item:before {content: '03';}
.item:before {content: ' ';font-size: 100px;position: absolute;opacity: 0.1;text-align: center;margin: auto;left: 0;right: 0;top: -12px;font-weight: bold;}
.b-item1 {text-align: center;}
.b-item1 img{margin: 0 auto;}
.b-item1 img:hover {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.b-item1 img {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.text_name123{position: relative;font-size: 18px;font-weight: bold;text-transform: uppercase;}
.text_name123:after {position: absolute;content: '';display: block;width: 50%;margin: 20px auto 0;height: 1px;background: #bc8b34;left: 25%;text-align: center;}
.text_namezxc{text-transform: uppercase;font-size: 18px;font-family: 'FL';line-height: 1.4;}
.clearfix{padding-bottom: 40px;display: block;}
.box-top {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;color: #6d6e70;}
.item-box {padding: 50px;}
.b-number {font-size: 40px;color: #bc8b34;font-weight: bold;margin-bottom: 30px;}

@-webkit-keyframes right {0% {    -webkit-transform: rotate(10deg);}
50% {    -webkit-transform: rotate(-10deg);}
100% {    -webkit-transform: rotate(10deg);}
}
@-webkit-keyframes left {0% {    -webkit-transform: translate(15px);}
50% {    -webkit-transform: translate(-15px);}
100% {    -webkit-transform: translate(15px);}
}
@-moz-keyframes right {0% {    -moz-transform: rotate(10deg);}
50% {    -moz-transform: rotate(-10deg);}
100% {    -moz-transform: rotate(10deg);}
}
@-moz-keyframes left {0% {    -moz-transform: translate(15px);}
50% {    -moz-transform: translate(-15px);}
100% {    -moz-transform: translate(15px);}
}
@keyframes right {0% {    transform: rotate(10deg);}
50% {    transform: rotate(-10deg);}
100% {    transform: rotate(10deg);}
}
@keyframes left {0% {    transform: translate(15px);}
50% {    transform: translate(-15px);}
100% {    transform: translate(15px);}
}
.acstxt{font-size: 48px;}
.asdas{margin:40px 0 0;}
#content-new{padding-bottom: 70px;}
#content-new .disk{display: -webkit-flex;display: -ms-flexbox;display: flex;}
#content-new .newll_edit .classa img{height: 100%; width: 100%}
.title_pronew{font-size: 30px;margin-bottom: 35px;margin-top: 40px; font-family: 'FL' ;display: block;}
#content-new .classa1 {height: 150px; overflow: hidden;display: block;text-align: center;}
#content-new .classa1 img{height: 100%;width: 100%}
#content-new .poiuyt{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
#content-new .bg_le {display: -webkit-flex;display: -ms-flexbox;display: flex;}   
#content-new{background: #f2f2f2;}
#content-new .newll_edit span{display: block;}
#content-new .newll_edit .time{color: #b5b5b5;padding: 5px 0;}
#content-new .newll_edit .time:hover{color: #fff;}
#content-new .newll_edit {padding: 5px;}
#content-new .newll_edit .name a{font-size: 14px !important;font-weight: 600;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-transform: uppercase;padding: 10px 0;}
#content-new .newll_edit .name a:hover{color: #fff !important;}
#content-new .newll_edit .chuthich{color: #6D6E70;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;line-height: 25px;}
#content-new .newll_edit{padding:10px 0 10px;display: inline-block;}
#content-new .newll_edit  .detail{ font-size: 14px;text-transform: uppercase;color: #bc8b34;font-weight: 600;font-family: 'FL', sans-serif;display: block;padding-top: 10px;}
#content-new .newll_edit {transition: all 0.2s linear;display: block;padding: 10px;margin-bottom: 10px;background: #fff;box-shadow: 1px 1px 14px -5px rgba(17, 17, 17, 0.72);-webkit-box-shadow: 1px 1px 14px -5px rgba(17, 17, 17, 0.72);-moz-box-shadow: 1px 1px 14px -5px rgba(17, 17, 17, 0.72);-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
#content-new .classa{margin-bottom: 10px;display: block;}
#content-new .newll_edit:hover  {background-color: #bc8b34;color: #fff;}
#content-new ul li .aoc:hover  {background-color: #bc8b34;color: #fff;}
#content-new .newll_edit:hover .name a,#content-new .newll_edit:hover .chuthich,#content-new .newll_edit:hover .detail {color: #fff;}
.flexne{display: flex;flex-wrap: wrap;}


.b-tab > .nav-tabs {border-bottom: 1px solid #218978;}
.b-tab > .nav-tabs {text-align: center;}
.b-tabpc .nav-tabs li {float: none;display: inline-block;text-transform: uppercase;}
.b-tab .nav-tabs > li.active > a, .b-tab .nav-tabs > li.active > a:focus, .b-tab .nav-tabs > li.active > a:hover {color: #218978;background-color: transparent;border: 1px solid transparent;border-bottom-color: transparent;}
.b-tab > .nav-tabs > li > a:after {content: '';width: 100%;height: 0;display: block;position: absolute;bottom: 0;background: #218978;left: 50%;transform: translateX(-50%);transition: all 0.3s ease-out;}
.b-tab .nav > li > a {position: relative;display: block;padding: 15px 30px;transition: all .3s ease-in;}
.b-tab .nav-tabs > li > a {margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;border-radius: 0;color: #404041;background: transparent;outline: none;font-weight: bold;}
.b-tab > .nav > li > a {padding: 15px 0 !important;margin: 0 30px !important;}
.b-tab > .nav-tabs > li > a {position: relative;}
.b-tab .tab-content > .tab-pane {clear: both;}
.tab-content>.active {display: block;}
.b-tabtwo {color: #ea7a26;}
.b-tab .tab-content .nav-tabs {border-bottom: 1px solid transparent;}
.b-tabtwo > .nav-tabs {padding: 30px;text-align: center;}
.b-tabtwo > .nav-tabs > li {display: inline-block;cursor: pointer;}
.b-tabtwo > .nav-tabs > li:hover > a, .b-tabtwo > .nav-tabs > li:hover > a:focus, .b-tabtwo > .nav-tabs > li:hover > a:hover, .b-tabtwo > .nav-tabs > li.active > a, .b-tabtwo > .nav-tabs > li.active > a:focus, .b-tabtwo > .nav-tabs > li.active > a:hover {color: #ea7a26;}
.b-tabthree {position: relative;}
.deabbfceaaafeaaab .b-tabthree > .nav-tabs {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.b-tabthree .nav-tabs {width: 8%;padding: 8px;position: absolute;z-index: 10;left: 0;bottom: 0;top: 0;padding-right: 10px;background: rgba(44, 146, 111, 0.6);}
.b-tabthree > .nav-tabs > li:hover > a, .b-tabthree > .nav-tabs > li:hover > a:focus, .b-tabthree > .nav-tabs > li:hover > a:hover, .b-tabthree > .nav-tabs > li.active > a, .b-tabthree > .nav-tabs > li.active > a:focus, .b-tabthree > .nav-tabs > li.active > a:hover {color: #fff;}
.b-tabthree .nav-tabs > li > a {display: inline-block;text-transform: capitalize;line-height: 20px;font-size: 12px;position: relative;padding: 15px 0;color: #fff;font-weight: normal;text-transform: uppercase;}
.b-tab .nav-tabs > li:hover > a:after, .b-tab .nav-tabs > li:hover > a:focus:after, .b-tab .nav-tabs > li:hover > a:hover:after, .b-tab .nav-tabs > li.active > a:after, .b-tab .nav-tabs > li.active > a:focus:after, .b-tab .nav-tabs > li.active > a:hover:after {height: 5px;}
.b-tabthree > .nav-tabs > li:hover > a::after, .b-tabthree > .nav-tabs > li:hover > a:focus::after, .b-tabthree > .nav-tabs > li:hover > a:hover::after, .b-tabthree > .nav-tabs > li.active > a::after, .b-tabthree > .nav-tabs > li.active > a:focus::after, .b-tabthree > .nav-tabs > li.active > a:hover::after {width: 100%;height: 2px;}
.b-tabthree > .nav-tabs > li > a:after {content: '';width: 0%;height: 2px;margin-top: 5px;background-color: #fff;display: block;left: 0;position: absolute;z-index: 1;transition: width .3s ease-out;}
.b-tabthree .tab-content {position: relative;}
.deabbfceaaafeaaab .b-tabtwo .tab-pane {min-height: 485px;}
.deabbfceaaafeaaab .b-info {cursor: pointer;}
.b-tabthree .b-info {position: absolute;width: 100%;z-index: 1;bottom: 0;padding-left: 8%;overflow: hidden;background: transparent;}
.b-tabthree .b-info .b-text {position: relative;color: #fff;max-height: 80px;padding: 20px 70px;overflow: hidden;
/* bottom: calc(-100% + 87px); */transition: all 0.5s linear;background: rgba(44, 146, 111, 0.6);}
.b-tabthree .b-info:hover .b-text {background: rgba(44, 146, 111, 1);overflow-y: auto;max-height: 600px;}
.b-tabthree .b-info:hover .b-invi {display: block;}
.b-tabthree .b-info .b-title {text-transform: capitalize;font-size: 25px;}
.b-tabthree .b-bg{}
#main-content .b-tabthree .b-bg img{width: 100%!important;height: 100%!important;}
.b-tabthree .b-info .b-invi {display: none; }
.b-tabthree .b-info .b-text p {margin-top: 20px;font-weight: 200;}
.deabbfceaaafeaaab .b-invi .readmoremain {text-align: center;}
.readmoremain {text-align: center;margin-top: 25px;}
.readmoremain a, .readmoremain .spanmore {font-size: 12px;display: inline-block;padding: 7px 25px;background: #ea7a26;color: #fff;letter-spacing: 2px;text-transform: none;border-radius: 20px;box-shadow: 1px 3px 6px -2px rgba(17, 17, 17, 0.41);-webkit-box-shadow: 1px 3px 6px -2px rgba(17, 17, 17, 0.41);-moz-box-shadow: 1px 3px 6px -2px rgba(17, 17, 17, 0.41);transition: all .2s linear;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;}
.b-tab .nav-tabs > li:hover > a:after, .b-tab .nav-tabs > li:hover > a:focus:after, .b-tab .nav-tabs > li:hover > a:hover:after, .b-tab .nav-tabs > li.active > a:after, .b-tab .nav-tabs > li.active > a:focus:after, .b-tab .nav-tabs > li.active > a:hover:after {height: 5px;}
.b-tab > .nav-tabs {text-align: center;}
.conmehien{display: none!important;}
.hihihi{display: none!important;}
.aaa>li>a{font-size: 16px;}
/*end phan trang*/
/*CSS MOBILE*/
.b-tabtwo ul li a.hehe{position: relative;}
.b-tabtwo ul li a.hehe:after{content: '';width: 60px;height: 0!important;background: url('../images/linehv.png') no-repeat;bottom: -4px;left: 50%;position: absolute;margin-left: -30px;transition: height 0.2s linear;}
.b-tabtwo ul li.active a.hehe:after,.b-tabtwo ul li a.hehe:hover:after{height: 15px !important;}
.b-tab{padding: 20px 0;}
.other_detial{padding-bottom: 80px;}
.hidehde .clearfix{padding: 0}
.project-box1 .v-project {background-image: url(../images/bg.jpg);position: relative;background-size: cover;background-position: center;background-repeat: no-repeat;}
.project-box1{margin-top: 50px;}
.project-box1 .v-project:before {content: '';background-color: #fff;);position: absolute;width: 100%;height: 100%;}
.project-box1 .v-project-inner {position: relative;padding: 5px;}
.project-box1 .v-project .v-titleborder {width: 60%;text-align: center;margin: auto;color: #fff;font-weight: 400;font-size: 30px;height: 50px;border: 2px solid #fff;border-radius: 10px;border-bottom: 0;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.project-box1 .v-project .v-titleborder span {background: #2e9073;margin-bottom: 6px;padding: 10px 25px;position: relative;top: -10px;}
.project-box1 .v-project-bg {min-height: 770px;background-size: cover;background-repeat: no-repeat;background-position: center;padding-top: 1px;}
.project-box1 .v-project-bg img {
    width: 100% !important;
	height: auto !important;
}
.project-box1 .project-box {width: 100%;margin: auto;background: #fff;padding: 5px 0px 5px 0px;border-radius: 0px;margin-top: 0px;}
.project-box1 .project-box p {color: #6d6e70;font-size: 15px;line-height: 21px;}
.project-box2{margin-top: 50px;}
.project-box2 .v-address .add-title {font-size: 28px;text-transform: uppercase;margin-bottom: 15px;line-height: 1.3}
.project-box2 .v-address .add-title span {margin-left: 10px;}
.project-box2 .v-address .v-text .v-stitle {color: #2d8c73;font-size: 17px;margin-bottom: 5px;}
.project-box2 .v-address .v-text p {color: #6d6e70;font-size: 13px;letter-spacing: -0.5px;margin: 0;padding-bottom: 6px;}
.project-box3{margin-top: 45px;}
.project-box3 .title{font-size: 30px;text-transform: uppercase;margin-bottom: 20px;text-align: center;}

.hotline-ef{bottom:0;left:0;position:fixed;z-index:999;}
.hovicon{display:inline-block;font-size:45px;cursor:pointer;margin:20px;width:60px;height:60px;border-radius:50%;text-align:center;position:relative;text-decoration:none;z-index:1;color:#1E77D1;}
.hovicon a{left:0;position:relative;top:-8px;}
.hovicon:after{pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.hovicon:before{speak:none;font-size:48px;line-height:90px;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased;}
.hovicon.effect-8{background:rgba(255, 255, 255, 0.1);-webkit-transition:-webkit-transform ease-out 0.1s, background 0.2s;-moz-transition:-moz-transform ease-out 0.1s, background 0.2s;transition:transform ease-out 0.1s, background 0.2s;padding-top: 8px;}
.hovicon.effect-8:after{top:0;left:0;padding:0;z-index:-1;box-shadow:0 0 0 2px rgba(255, 255, 255, 0.1);opacity:0;-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);}
.hovicon.effect-8{background:rgba(255, 255, 255, 0.05);-webkit-transform:scale(0.93);-moz-transform:scale(0.93);-ms-transform:scale(0.93);transform:scale(0.93);color:#fff;}
.hovicon.effect-8 i{color:red;}
.hovicon.effect-8:after{-webkit-animation:sonarEffect 1.3s infinite ease-out 75ms;-moz-animation:sonarEffect 1.3s infinite ease-out 75ms;animation:sonarEffect 1.3s infinite ease-out 75ms;}
.hovicon i{position:relative;animation: 1.3s ease-out 75ms normal none infinite running tada;}
.hovicon > a > i{font-size:45px !important;}
.hovicon span{background-color:red;border-radius:5px;display:inline-block;font-size:16px;left:70px;line-height:1;padding:10px;position:absolute;top:17px;white-space:nowrap;visibility:visible;font-weight: bold;}
.hovicon span::before{color:red;content:"\f0d9";font-family:fontawesome;font-size:1.7em;left:-8px;position:absolute;top:5px;}
.hovicon:hover span{visibility:visible;}
.dam-ef {bottom: 45%;left: inherit;right: 0;}
.dam-ef .hovicon span{    right: 70px;left: inherit;}
.dam-ef .hovicon span::before{right: -8px;left: inherit;content: "\f0da"}
.fancybox-overlay{z-index:99999}
@-webkit-keyframes sonarEffect{0%{opacity:0.3;}
40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,0,0,0.1), 0 0 10px 10px rgba(255,0,0,1), 0 0 0 10px rgba(255, 255, 255, 0.5);}
100%{box-shadow:0 0 0 2px rgba(255,0,0,0.1), 0 0 10px 10px rgba(255,0,0,1), 0 0 0 10px rgba(255, 255, 255, 0.5);-webkit-transform:scale(1.5);opacity:0;}
}
@-moz-keyframes sonarEffect{0%{opacity:0.3;}
40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,0,0,0.1), 0 0 10px 10px rgba(255,0,0,1), 0 0 0 10px rgba(255, 255, 255, 0.5);}
100%{box-shadow:0 0 0 2px rgba(255,0,0,0.1), 0 0 10px 10px rgba(255,0,0,1), 0 0 0 10px rgba(255, 255, 255, 0.5);-moz-transform:scale(1.5);opacity:0;}
}
@keyframes sonarEffect{0%{opacity:0.3;}
40%{opacity:0.5;box-shadow:0 0 0 2px rgba(255,0,0,0.1), 0 0 10px 10px rgba(255,0,0,1), 0 0 0 10px rgba(255, 255, 255, 0.5);}
100%{box-shadow:0 0 0 2px rgba(255,0,0,0.1), 0 0 10px 10px rgba(255,0,0,1), 0 0 0 10px rgba(255, 255, 255, 0.5);transform:scale(1.5);opacity:0;}
}
.form-nw {display: inline-block;}
.form-nw .form_contact input, .form-nw .form_contact textarea, .form-nw .form_contact select {background: transparent none repeat scroll 0 0;border: 0;border-bottom: 1px solid #ddd;margin-bottom: 15px;padding: 10px;width: 100%;}
.form_notify{    animation: 20s ease 0s normal forwards 1 running fadeOut;display: block;left: 0;margin: 0 auto;position: fixed;right: 0;top: 0;width: 40%;z-index: 9999;padding:0 30px;line-height: 40px;text-align: center;color: #000;border-radius: 10px;}

@media (max-width: 1199px){
.ul_top_1 { padding: 0px 15px;}
.hotline {top: 85px;}
.language {top: 52px;}
}
@media (max-width: 991px){
.top_menu_wrapper li a {padding: 35px 10px 30px;font-size: 19px;}
#news ul li:last-child{display: none;}
#project1 ul li:last-child{display: none;}
.dip-formcontact {width: 70%;}
.top_left a {margin-right: 5px;}
#about_us .name{font-size: 42px;}
.title_pro1 {font-size: 42px;}
#news .newll_edit .name a{font-size: 20px;}
.language {top: 15px;}
#content-new .classa1 {height: 130px;}
.item { padding: 26px 11px; min-height: 259px;}
.item:before { font-size: 73px;}
.b-title { font-size: 16px;}
.solid{    padding: 5px;height: 215px;
    border: 1px solid #dedede;}
    .item-box {
    padding: 30px 0 15px;
}
  .item-box {
    padding-right: 15px;}
    .title_border{font-size: 26px;}
    .title_border {font-size: 28px; padding: 40px 0 25px;}
    .hidehde{display: none;} 
    .conmehien{display: block!important;padding: 0!important;}
    .conmehien img{width: 100%;height: 100%;}
    .b-tabtwo ul li{position: relative;width: 48%;float: left;margin: 15px 0;}
    .b-tabtwo ul li:nth-child(2n+2){float: right;}
    .b-tabtwo ul li a.hihihi{position: absolute;width: 100%;bottom: 0;left: 0;color:#fff!important;background: rgba(2, 77, 134,0.8)!important}
    .b-tabtwo ul li a.hihihi:hover{color: #fff!important;background: rgba(2, 77, 134,1)}
    .b-tabtwo > .nav-tabs{padding: 0;}
    .hehe{display: none!important;}
    .hihihi{display: block!important;cursor: pointer!important;}
    .project-box1 .project-box{width: 99%;}
}
@media (max-width: 767px){ 
.project-box1 .v-project-bg {min-height: 215px;background-size: contain;background-repeat: no-repeat;background-position: center;padding-top: 1px;}
   .top_left a i { font-size: 20px; width: 30px; height: 30px;}
    #news .newll_edit{height: 425px;}
    #news ul li:last-child{display: block;}
.logo_min{text-align: center;padding: 20px 0;}
.logo_min {padding-right: 20px;}
.header a {top: 30px; left: 10px; z-index: 10000;}
.hotline {top: 40px;padding-right: 10px;}
.logo_min img{width: 200px;}
.hotline img{width: 40px;}
.language li a img{width: 18px;height: 18px;margin-top: 2px;}
.language li a{font-size: 14px;font-weight: bold;}
.dip-formcontact {width: 90%;}
#about_us .name{font-size: 34px;}
.title_pro1 {font-size: 34px;}
#news .newll_edit .name a{font-size: 18px;}
#about_us .number {padding: 10px 20px;}
#about_us .counter {font-size: 50px;}
#about_us .counter1 {font-size: 24px;}
#about_us .number p{font-size: 14px;}
#content-new .disk{display: block!important;}
#content-new .aaaaaa{display: block!important;}
#content-new .aaaaaa .disk  .classa{    height: 260px!important;}
.project-box1 .project-box{padding: 5px 0px 5px 0px;width: 100%;}
.project-box1 .v-project-bg{}
.project-box1 .v-project-inner{ padding: 5px;}
.project-box1 .v-project .v-titleborder{    font-size: 20px;}
.hovicon span{visibility: hidden;}
}
@media (max-width: 600px){
    .b-item-wrapper{margin: 0 auto;margin-bottom: 30px;}
    .top_left a i { font-size: 24px; width: 40px; height: 40px;}
    #project1 ul li:last-child{display: block;}
.col-600-66{float: left;width: 100%;}
.col-600-6{float: left;width: 50%;}
.hidden-600{display: none!important;}
.logo_min {padding-right: 90px;}
.logo_bot_img{margin-bottom: 15px;}
#about_us .counter {font-size: 36px;}
#about_us .counter1 {font-size: 18px;}
#about_us .number p{font-size: 13px;}
.dip-formcontact {width: 100%;}
.title_border{font-size: 28px;}
#content-new .bg_le { display: block!important;}
#content-new .classa1 {height: 390px!important;}
.solid {padding: 5px;height: 185px;border: 1px solid #dedede;margin-bottom: 20px;}
.noi_dung p {    font-size: 15px;}
.chinhbot{padding: 0 5px;}
.chinhbot .text_name123{font-size: 14px;}
.title_border {padding: 20px 0 25px;}
.b-tabtwo ul li {    width: 100%;}
.titlebig img{width: 0;}
.titlebig{margin-bottom: 0;}
}
@media (max-width: 479px){
    .header a {
    width: 25px!important;
    height: 25px!important;}
.title_border {
    font-size: 24px;
}
.header a {
    top: 24px;
    left: 3px;}
.logo_min img {
    width: 160px;
}
#content-new .classa1 {height: 300px!important;}
    #project1{padding-bottom: 15px;}

.header a {top: 28px;left: 5px;z-index: 10000;}
.hotline {top: 35px;padding-right: 5px;}
.hotline img{width: 30px;}
.hotline a em{display: none;}
.logo_min {padding: 22px 0;}
.logo_min{padding-right: 120px;}
.col-479{width: 100%;float: none;}
.hidden-479{display: none!important;}
.col-479-6{width: 50%;}
#project1 .bg_contetn img{width: 100%;}
#news .newll_edit {height: 455px;}
#about_us .number {padding: 10px 0px;}
.logo_bot_img img{margin: 0 auto;padding: 10px 0;}
}
@media (max-width: 375px){
}
@media (max-width: 320px){
}