@charset "UTF-8";
/***

Theme Name: SeoViet
Theme URI: https://seoviet.vn/
Description: Developer By Hieunh
Version: 1.0
Author: Nguyen Huu Hieu
Author URI: http://hieunh.vn/
Text Domain: neostore

***/

.mt1{margin-top: 1px !important;}
.mt2{margin-top: 2px !important;}
.mt3{margin-top: 3px !important;}
.mt4{margin-top: 4px !important;}
.mt5{margin-top: 5px !important;}
.mt6{margin-top: 6px !important;}
.mt7{margin-top: 7px !important;}
.mt8{margin-top: 8px !important;}
.mt9{margin-top: 9px !important;}
.mt10{margin-top: 10px !important;}
.mt11{margin-top: 11px !important;}
.mt12{margin-top: 12px !important;}
.mt13{margin-top: 13px !important;}
.mt14{margin-top: 14px !important;}
.mt15{margin-top: 15px !important;}
.mt16{margin-top: 16px !important;}
.mt17{margin-top: 17px !important;}
.mt18{margin-top: 18px !important;}
.mt19{margin-top: 19px !important;}
.mt20{margin-top: 20px !important;}
.mt21{margin-top: 21px !important;}
.mt22{margin-top: 22px !important;}
.mt23{margin-top: 23px !important;}
.mt24{margin-top: 24px !important;}
.mt25{margin-top: 25px !important;}
.mt26{margin-top: 26px !important;}
.mt27{margin-top: 27px !important;}
.mt28{margin-top: 28px !important;}
.mt29{margin-top: 29px !important;}
.mt30{margin-top: 30px !important;}
.mt31{margin-top: 31px !important;}
.mt32{margin-top: 32px !important;}
.mt33{margin-top: 33px !important;}
.mt34{margin-top: 34px !important;}
.mt35{margin-top: 35px !important;}
.mt36{margin-top: 36px !important;}
.mt37{margin-top: 37px !important;}
.mt38{margin-top: 38px !important;}
.mt39{margin-top: 39px !important;}
/*.page{
     text-align: center;
}*/
p {
     margin-bottom: 5px;
}
img {
     max-width: 100%;
     height: auto;
}
.clearAll{
     clear: both;
     display: table;
}
#container{
     overflow: hidden;
     padding-left: 220px;
     position: relative;
     width: 100%;
}
#header{
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 220px;
    z-index: 999;
    -webkit-box-shadow: 3px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    3px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow:         3px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
h2 {
     margin-bottom: 10px;
}
.show-tt{
     display: inline-block;
}
.show-tt.en{
     display: none;
}
.pagination{
     text-align: center;
}
.pagination span,
.pagination a{
     margin: 0 2px 0 3px;
     display: inline-block;
     width: 31px;
     height: 31px;
     line-height: 30px;
     text-align: center;
     color: #797979;
     border: 1px solid #9e9e9e;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     border-radius: 2px;
}
.pagination span,
.pagination a:hover{
     color: #fff;
     background: #003768;
     border: 1px solid #003768;
}
.pagination a.p-prev{
     background: url(assets/images/p-pr.png) center center no-repeat;
}
.pagination a.p-next{
     background: url(assets/images/p-nx.png) center center no-repeat;
}
.pagination a.p-prev:hover{
     background: url(assets/images/p-pr-hv.png) center center no-repeat #003768;
}
.pagination a.p-next:hover{
     background: url(assets/images/p-nx-hv.png) center center no-repeat #003768;
}
.gr-ctact.tablet,
.highlight-page.tablet{
     display: none;
}
.menu-pc{
     border-top: 1px solid #eee;
     width: 100%;
     background: #fff;
}
.menu-pc > ul > li{
     position: relative;
     font-weight: 600;
}
.menu-pc > ul > li .ar{
     display: inline-block;
     width: 36px;
     height: 36px;
     background: url(assets/images/nav-d.png) center center no-repeat;
     position: absolute;
     top: 0;
     right: 0;
     z-index: 10;
     cursor: pointer;
}
.menu-pc > ul > li:hover .ar{
     background: url(assets/images/nav-d-hv.png) center center no-repeat;
}
.menu-pc > ul > li.open .ar{
     background: url(assets/images/nav-u.png) center center no-repeat;
}
.menu-pc > ul > li.open:hover .ar{
     background: url(assets/images/nav-u-hv.png) center center no-repeat;
}
.menu-pc > ul > li.current-menu-item .ar{
     background: url(assets/images/nav-d-hv.png) center center no-repeat;
}

.menu-pc > ul > li.current-menu-item.open .ar{
     background: url(assets/images/nav-u-hv.png) center center no-repeat;
}
.menu-pc > ul > li > a{
     position: relative;
     z-index: 1;
     color: #122491;
     text-transform: uppercase;
     display: block;
     padding: 8px 15px;
     border-bottom: 1px solid #eeeeee;
}
.menu-pc > ul > li:hover > a, .menu-pc > ul > li.current-menu-item > a{
     color: #fff;
     background: #122491;
}
.sub-menu-pc{
     padding: 7px 0px 7px 30px;
     display: none;
     border-bottom: 1px solid #eeeeee;
}
.menu-pc > ul > li.current-menu-item.open .sub-menu-pc {
     display: block;
}
.menu-pc > ul > li.active .sub-menu-pc{
     display: block;
}
.sub-menu-pc > li{
     margin-top: 11px;
}
.sub-menu-pc > li:first-child{
     margin-top: 0;
}
.sub-menu-pc > li > a{
     display: block;
     color: #797979;
     padding: 3px 0;
     transition:All 0.3s ease;
     -webkit-transition:All 0.3s ease;
     -moz-transition:All 0.3s ease;
     -o-transition:All 0.3s ease;
     background: url(../images/bg/bg-sub-menu.png) no-repeat -22px 11px;
}
.sub-menu-pc > li:hover > a,
.sub-menu-pc > li.active > a{
     color: #003768;
     padding: 3px 0 3px 20px;
     background: url(../images/bg/bg-sub-menu.png) no-repeat left 11px;
     transition:All 0.3s ease;
     -webkit-transition:All 0.3s ease;
     -moz-transition:All 0.3s ease;
     -o-transition:All 0.3s ease;
}
.social-language{
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     background: #122491;
}
.language-search{
     width: 83px;
     float: left;
}
.social{text-align: center;padding: 10px;display: flex;justify-content: center;align-items: center;}
.info-content{
     position: absolute;
     height: 100%;
     width: 490px;
     border-left: 1px solid #08355e;
     top: 0;
     right: 0;
     background: #08355ed6;
     z-index: 11;
     padding: 0 28px;
     -webkit-box-shadow: -5px 0px 10px 0px rgba(0, 0, 0, 0.5);
     -moz-box-shadow:    -5px 0px 10px 0px rgba(0, 0, 0, 0.5);
     box-shadow:         -5px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.info-content .tt{
     padding-top: 29px;
     font-size: 36px;
     color: #fff;
     position: absolute;
     z-index: 1;
     top: 0;
     left: 28px;
}
.info-content .tt p{
     line-height: 40px;
}
.info-content .tt img{
     margin-top: 22px;
}
.bottom-link{
     z-index: 1;
     position: absolute;
     bottom: 0;
     height: 54px;
     line-height: 54px;
}
.bottom-link a{
     color: #fff;
     font-size: 13px;
     padding-left: 26px;
     background: url(../images/bg/line-r.png) 0 center no-repeat;
}
.content-v{
     box-sizing: border-box;
     height: 100%;
     position: relative;
     z-index: 0;
     padding: 110px 0 54px;
}
.border-scroll{
     width: 100%;
     height: 100%;
}
.list-top-news li{
     width: 100%;
     padding: 18px 0;
     border-bottom: 1px dashed #3f688c;
}
.list-top-news li img{
     width: 81px;
     height: 45px;
}
.list-top-news li a.link{
     font-size: 13px;
     color: #fff;
     width: 178px;
     line-height: 19px;
     margin-top: 2px;
}
.list-top-news li a.link:hover{
     text-decoration: underline;
}
.close-top{
     display: block;
     width: 25px;
     height: 25px;
     z-index: 2;
     background: url(assets/images/cl.png) 0 0 no-repeat;
     position: absolute;
     right: 28px;
     top: 37px;
}
.menu-pc > ul > li .social{
     border-left: 0;
     display: none;
     border-bottom: 1px solid #eeeeee;
     float: none;
     width: 100%;
     padding: 9px 0;
}
.language-search a,
.social a{
     display: inline-block;
     width: 24px;
     height: 24px;
     background: #b5b5b5;
     border-radius: 50%;
     text-align: center;
     font-size: 15px;
     line-height: 24px;
     color: white;
}
.language-search a.language.en{
     margin-left: 17px;
     background-position: 0px 0px;
}
.language-search a.language.vi{
     margin-left: 17px;
     background-position: -120px 0px;   
}
.language-search a.search{
     margin-left: 5px;
     background-position: -24px 0px;
}
.social a{display: inline-block;margin: 0 2px;position: relative;overflow: hidden;}
.social a:hover{background: #ec1800;}
.social a.google{
}
.language-search .line{
     display: none;
     height: 100%;
     width: 1px;
     background: #c7c7c7;
}
.logo{
     text-align: center;
     padding: 19px 0 19px 0;
}
.logo a{
     display: inline-block;
}
.wrap-ct{
     max-width: 940px;
     margin: 0 auto;
     position: relative;
}
#content{
     position: relative;
     /*z-index: 0;*/
}
#footer{

}
.footer-top{
     background: #ededed;
     padding: 47px 0 51px 0;
}
.footer-top-item{
     width: 31.914%;
     margin-right: 2.13%;
}
.footer-top-item h3 {
     margin-bottom: 10px;
}
.footer-top-item.ha{
     float: left;
}
.footer-top-item.vd{
     float: right;
}
.footer-top-item.lh{
     float: left;
}
.footer-top-item:first-child{
     margin-right: 0;
     padding-right: 10px;
}
.footer-top-item .tit{

}
.footer-top-item .tit p,.footer-top-item .widget-title{
     color: #122491;
     font-size: 20px;
     text-transform: uppercase;
     font-weight: bold;
     margin-bottom: 20px;
     display: block;
}
.footer-top-item .tit p:hover{
     color: #E52224;
}
.footer-top-item .tit .line{
     width: 37px;
     height: 4px;
     margin: 17px 0 0 0;
     display: inline-block;
}
.footer-top-item .info-cty{
     padding: 9px 0 0 0;
}
.footer-top-item .info-cty p{
     margin-top: 6px;
}
.footer-top-item .info-cty p span{
     color: #000000;
}
.footer-top-item .footer-img{
     padding: 0;
}
.footer-img-all .footer-img-item{
     background: #fff;
     width: calc(50% - 5px);
     margin: 0 0 10px 6px;
     float: left;
     overflow: hidden;
     padding: 3px;
     border: 1px solid #cacaca;
}
.bd-img-ft{
     overflow: hidden;
}
.tt-album{
     color: #000000;
     font-size: 11px;
     padding-top: 3px;
     padding-bottom: 1px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
.footer-img-all .footer-img-item img{
     transition:All 0.3s ease;
     -webkit-transition:All 0.3s ease;
     -moz-transition:All 0.3s ease;
     -o-transition:All 0.3s ease;
     -ms-transition:All 0.3s ease;
}
.footer-img-all .footer-img-item:hover img{
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition:All 0.3s ease;
     -webkit-transition:All 0.3s ease;
     -moz-transition:All 0.3s ease;
     -o-transition:All 0.3s ease;
     -ms-transition:All 0.3s ease;
}
.footer-img-all .footer-img-item a{
     display: inline-block;
     width: 100%;
}
.footer-img-all .footer-img-item:nth-of-type(2n+1){
     margin-left: 0%;
}
.footer-top-item .footer-video{
     padding: 0;
}
.footer-top-item .footer-video iframe{
     width: 100%;
}
.footer-bot{
     background: #003768;
     position: relative;
     z-index: 0;
     width: 100%;
     padding: 15px 0 10px;
}
.footer-bot .copyright{
     color: #ffffff;
     float: left;
}
.footer-bot .link-footer{
     float: right;
}
.footer-bot .link-footer a{
     color: #fff;
     font-weight: bold;
     display: inline-block;
     margin: 0 0 0 14px;
}
.footer-bot .link-footer a.en{
     display: none;
}
.footer-bot .link-footer a:hover{
     text-decoration: underline;
}
.button-menu{
     width: 64px;
     height: 80px;
     display: none;
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0;
}
.button-menu a{
     display: block;
     width: 100%;
     height: 100%;
     text-align: center;
}
.button-menu a span{
     display: inline-block;
     vertical-align: middle;
     height: 100%;
}
.button-menu a img.noac{
     display: inline-block;
}
.button-menu a img.ac{
     display: none;
}
.button-menu.active a img.noac{
     display: none;
}
.button-menu.active a img.ac{
     display: inline-block;
}
/*Banner Home*/
#home-banner{
     width: 100%;
     overflow: hidden;
     position: relative;
     height: 100%;
}
#loading-page{
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 99999;
     background: url(../images/fancybox_loading.gif) center center no-repeat #003768;
}
#home-banner .swiper-container{
     z-index: 10;
}
#home-banner .swiper-container .swiper-wrapper{
     height: 100%;
}
#home-banner .swiper-container .swiper-slide{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     filter: alpha(opacity=0)
     z-index: 0;
}
#home-banner .swiper-container .swiper-slide:first-child{
     z-index: 1;
     opacity: 1;
     filter: alpha(opacity=100)
}
#home-banner .swiper-container .swiper-slide img.bn-bg{
     width: 100%;
}
.swiper-container, .swiper-slide {
     position: relative;
     width: 100%;
     height: 100%;
}
.bn-text{
     position: absolute;
     z-index: 1;
     top: 73px;
     left: 50px; 
}
.slider1 .bn-text{
     top: auto;
     left: auto;
     right: 48px;
     bottom: 143px;
}
.bn-bg{
     width: 100%;
     position: relative;
     z-index: 0;
}
.slider-pagi{
     position: absolute;
     bottom: 40px;
     right: 104px;
     z-index: 1;
     height: 11px;
     display: inline-block;
}
.slider-pagi .swiper-pagination-switch{
     width: 11px;
     height: 11px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     border-radius: 10px;
     background: #fff;
     opacity: 0.4;
     transition:All 0.5s ease;
     -webkit-transition:All 0.5s ease;
     -moz-transition:All 0.5s ease;
     -o-transition:All 0.5s ease;
     display: inline-block;
     margin: 0 4px;
     cursor: pointer;
}
.slider-pagi .swiper-pagination-switch.active{
     opacity: 1;
     transition:All 0.5s ease;
     -webkit-transition:All 0.5s ease;
     -moz-transition:All 0.5s ease;
     -o-transition:All 0.5s ease;
}
.swip-next,
.swip-prev{
     width: 25px;
     height: 25px;
     display: inline-block;
     position: absolute;
     z-index: 1;
     bottom: 33px;
     opacity: 0.5;
}
.swip-next:hover,
.swip-prev:hover{
     opacity: 1;
}
.swip-next{
     right: 31px;
     background: url(assets/images/sl-next.png) 0 0 no-repeat;
}
.swip-prev{
     right: 63px;
     background: url(assets/images/sl-prev.png) 0 0 no-repeat;
}
/*Banner Home*/
/*Home Page*/
.home-activitie{
     padding: 44px 0 52px 0;
     border-bottom: 1px solid #e8e8e8;
}
.home-activitie .tit,
.home-highlight .tit,
.human-policy .tit,
.human-treatment .tit{
     color: #003768;
     font-size: 30px;
     text-transform: uppercase;
     margin-bottom: 17px;
     font-family: 'Montserrat', sans-serif;
     font-weight: bold;
     position: relative;
}
.home-activitie .tit .viedb, .home-highlight .tit .viedb, .human-policy .tit .viedb, .human-treatment .tit .viedb {
     line-height: 1.4;
}
.home-highlight .tit.al-left{
     text-align: left;
     padding-bottom: 10px;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
     border-bottom: 1px solid #ebebeb;
}
.home-highlight .tit.al-left a {
    display: inline-block;
    color: #11268f;
}
.home-highlight .tit.al-left a:after {
    content: '';
    height: 2px;
    background: #ec1800;
    width: 60px;
    left: 0;
    bottom: -1px;
    position: absolute;
}
.home-highlight .tit.al-left a.see-all {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    margin-top: auto;
}
.home-highlight .tit.al-left a.see-all i {
    margin-left: 3px;
}
.home-activitie .tit .line, .home-highlight .tit .line, .human-policy .tit .line, .human-treatment .tit .line,.activitie-item .line{
     display: inline-block;
     margin: 0;
     width: 60px;
     height: 2px;
     background: #e22c1f;
     position: absolute;
     bottom: 0;
     left: 0;
}
.activitie-page,
.highlight-page{
     max-width: 960px;
     margin: 0 -10px;
}
.activitie-page .activitie-all:first-child{
     padding-top: 6px;
}
.activitie-all .activitie-item,
.highlight-page .highlight-item{
     overflow: hidden;
     width: calc(33.333% - 20px);
     float: left;
     margin: 20px 10px 0 10px;
}
.activitie-all .activitie-item img{
     transition:All 0.5s ease;
     -webkit-transition:All 0.5s ease;
     -moz-transition:All 0.5s ease;
     -o-transition:All 0.5s ease;
     -ms-transition:All 0.5s ease;

}
.activitie-all .activitie-item:hover img{
    -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition:All 0.5s ease;
     -webkit-transition:All 0.5s ease;
     -moz-transition:All 0.5s ease;
     -o-transition:All 0.5s ease;
     -ms-transition:All 0.5s ease;
}
.highlight-page .highlight-item{
     text-align: center;
}
.activitie-all .activitie-item a{
     display: inline-block;
     position: relative;
     width: 100%;
}
.activitie-all .activitie-item .tit-ac{
     position: absolute;
     width: 63.67%;
     padding: 13px 20px 20px 20px;
     z-index: 1;
     top: 0;
     left: 0;
}
.activitie-all .activitie-item .f-tt{
     color: #003768;
     font-size: 30px;
     text-transform: uppercase;
     line-height: 38px;
     margin-bottom: 17px;
     font-family: 'Montserrat', sans-serif;
     font-weight: bold;
     position: relative;
     padding-bottom: 20px;
}
.activitie-all .activitie-item .desc{
     margin-top: 20px;
     font-size: 15px;
     line-height: 21px;
}
.activitie-item .tit-ac .text{
     color: #fff;
     font-size: 22px;
     line-height: 27px;
     font-weight: bold;
     display: block;
}
.activitie-item .tit-ac .line-white{
     display: inline-block;
     margin: 15px 0 0 0;
     width: 50px;
     height: 1px;
     background: white;
}
.activitie-all .activitie-item.one .tit-ac{
     background: rgba(18,36,145,.6);
}
.activitie-all .activitie-item.two .tit-ac{
     background: url(../images/bg/bg-blue-1.png) repeat;
}
.home-highlight{
     padding: 43px 0 55px 0;
     border-bottom: 1px solid #e8e8e8;
}
.highlight-item .img{
     display: inline-block;
     width: 100%;
}
.highlight-item .h-news-ct{
     text-align: left;
}
.highlight-item .h-news-ct a {
     display: block;
     margin-top: 10px;
     color: #333;
}
.highlight-item .info{
     text-align: justify;
}
.highlight-item .tit-high{
     min-height: 38px;
     font-size: 15px;
     display: inline-block;
     color: #000000;
     min-height: 38px;
     font-family: ''Roboto', sans-serif';
     font-weight: bold;
     margin: 16px 0 0 0;
     text-align: left;
}
.highlight-item .tit-high:hover{
     color: #003768;
}
.highlight-item .info{
     color: #666666;
     margin: 10px 0 0 0;
}
.highlight-item .img img,
.activitie-all .activitie-item a img,
.footer-img-all .footer-img-item a img{
     width: 100%;
     height: auto;
}
.swiper-container-h-logo {
     width: 100%;
     color: #fff;
     text-align: center;
     overflow: hidden;
     height: 100px;
}
.swiper-container-h-logo .swiper-slide {
     height: 100%;
     width: auto;
     padding: 0 30px;
}

.pagination-logo {
     position: absolute;
     z-index: 20;
     left: 10px;
     bottom: 10px;
     text-align: center;
     width: 100%;
}
.swiper-pagination-switch {
     display: inline-block;
     width: 11px;
     height: 11px;
     border-radius: 8px;
     background: #e1e1e1;
     margin-right: 8px;
     opacity: 0.8;
     cursor: pointer;
}
.swiper-active-switch {
     background: #999;
}
.home-logo{
     text-align: center;
     padding: 54px 0 52px 0;
}
.home-logo .owl-item{
     height: 100%;
}
.home-logo .item a{
     display: flex;
     height: 100px;
     width: 120px;
     justify-content: center;
     align-items: center;
}
.home-logo .item a img{
     max-width: 100%;
     width: auto;
     height: auto;
     max-height: 100px;
}
.home-logo .item a:hover img{
     
}
.home-logo .item a .imba{
     display: inline-block;
     vertical-align: middle;
     height: 100%;
}
.note-banner{
     position: absolute;
     z-index: 1;
}
.note-banner.bn-bottom-right{
     top: 60.461%;
     right: 4.94736%;
}
.note-banner.bn-bottom-left{
     top: 60.461%;
     right: auto;
     left: 4.94736%;
}
.note-banner.bn-top-left{
     top: 10%;
     right: auto;
     left: 4.94736%;
}

.note-banner .note-banner-info{
     font-size: 36px;
     line-height: 40px;
     font-family: 'Montserrat', sans-serif;
     text-transform: uppercase;
}
.note-banner .note-banner-info span{
     font-weight: bold;
}
.note-banner.white .note-banner-info{
     color: #fff;
}
.note-banner.white .note-banner-btn{
     color: #ffffff;
}
.note-banner.blue .note-banner-info{
     color: #002955;
}
.note-banner.blue .note-banner-btn{
     color: #002955;
}
.note-banner.blue .note-banner-btn:hover{
     background: url(../images/bg/bg-view-more-hv2.png) no-repeat left 8px;
     color: #e52224;
}
.note-banner .note-banner-btn{
     display: inline-block;
     font-size: 15px;
     padding: 0;
     margin-top: 14px;
}
.note-banner .note-banner-btn:before {
     content: '';
     width: 65px;
     height: 2px;
     background: #122491;
     display: inline-block;
     margin-right: 10px;
}
.note-banner .note-banner-btn:hover{
     color: #003768;
}
.home-btn-highlight{
     display: inline-block;
     position: absolute;
     z-index: 10;
     right: 10px;
     font-size: 15px;
     color: #fff;
     top: 10px;
     background: url(assets/images/arrow-white.png) no-repeat 14px center #003768;
     padding: 12px 16px 13px 33px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
}
.home-btn-highlight:hover{
     color: #003768;
     background: url(assets/images/arrow-blue.png) no-repeat 14px center #fff;
}
.video-container{
    position: relative;
    /*padding-bottom: 67.5%;
    padding-top: 30px;*/
    height: 0;
    overflow: hidden;
    height: 100%;
}
.video-container iframe,
.video-container object,
.video-container embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#home-mobile-banner{
     position: relative;
     display: none;
}
#home-mobile-banner .item{
     height: 400px;
     position: relative;
     width: 100%;
}
#home-mobile-banner .owl-theme .owl-controls{
     position: absolute;
     z-index: 1;
     bottom: 21px;
     right: 7px;
}
#home-mobile-banner .owl-theme .owl-controls .owl-page span{
     margin: 0 3px;
     height: 8px;
     background: #355578;
     width: 8px;
}
#home-mobile-banner .owl-theme .owl-controls .owl-page.active span{
     background: #fff;
}
.note-banner-mb{
     padding: 16px 30px 17px 30px;
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     background: url(../images/bg/bg-blue-2.png) repeat;
}
.note-banner-mb .tit-mb{
     font-size: 21px;
     line-height: 27px;
     color: #fff;
     text-transform: uppercase;
     font-family: 'VIE-AvantGarde';
}
.note-banner-mb .tit-mb span{
     font-family: 'VIE-AvantGardeDemibold';
}
.note-banner-mb .btn-banner-mb{
     color: #fff;
     display: inline-block;
     font-size: 13px;
     padding: 0 0 0 29px;
     margin: 8px 0 0 0;
     background: url(../images/bg/bg-more-banner.png) no-repeat 0 8px;
}
/*Home Page*/
/*Nguồn Nhân Lực*/
.human-resources{

}
.human-resources .banner-top .banner-text{
     line-height: 42px;
}
.human-policy{
     padding: 41px 0 45px 0;
}
.human-policy.bg-grey{
     background: #ededed;
     position: relative;
}
.human-policy:first-child{
     padding: 49px 0 45px 0;
     border-bottom: 1px solid #e8e8e8;
}
.human-policy .info{
     font-size: 15px;
     text-align: center;
     color: #797979;
     line-height: 21px;
     margin: 22px 0 0 0;
}
.human-training{
     /*background: url(../images/bg/bg-training.jpg) no-repeat center center;*/
     /*background-size: cover;*/
     background: #ededed;
     color: #797979;
     position: relative;
     padding: 45px 0 46px 0;
     border-bottom: 1px solid #E8E8E8;
}
.human-training .human-training-item,
.human-treatment .human-training-item{
     width: 65.957%;
     float: left;
     margin: 0 0 0 2.13%;
}
.human-training .human-training-item:first-child,
.human-treatment .human-training-item:first-child{
     width: 31.914%;
     margin: 0 0 0 0;
}
.human-training-item .human-training-mini{
     float: left;
     width: 48.387%;
     margin: 0 0 0 3.226%;
}
.human-training-item .human-training-mini:first-child{
     margin: 0 0 0 0;
}
.human-training-mini .human-mini-all{
     margin: 23px 0 0 0;
}
.human-training-mini .human-mini-all:first-child{
     margin: 0 0 0 0;
}
.human-mini-all .tit-train-mini{
     font-size: 15px;
     font-family: "'Roboto', sans-serif";
     font-weight: bold;
     line-height: 21px;
     color: #000;
}
.human-mini-all .info-train-mini{
     font-size: 13px;
     /*color: #a6c3de;*/
     color: #797979;
     margin: 4px 0 0 0;
}
.human-training-item .tit-train{
     font-size: 22px;
     line-height: 30px;
     font-family: 'VIE-AvantGardeDemibold';
}
.human-training-item .info-train{
     /*color: #a6c3de;*/
     color: #797979;
     font-size: 15px;
     line-height: 21px;
     margin: 9px 0 0 0;
}
.human-policy > img{
     position: absolute;
     z-index: 1;
     top: -1px;
     left: 50%;
     margin-left: -11px;
}
.human-line{
     text-align: center;
     padding: 35px 0 32px 0;
}
.human-treatment{
     padding: 44px 0 44px 0;
}
.human-treatment .human-training-item .tit-train,
.human-treatment .human-training-item .info-train,
.human-treatment .human-mini-all .info-train-mini{
     color: #797979;
}
.human-treatment .human-mini-all .tit-train-mini{
     color: #000000;
}
.human-treatment .tit{
     margin: 0 0 36px 0;
}
/*Nguồn Nhân Lực*/
/*Tuyển Dụng Detail*/
.content-page.position{
     padding: 39px 0 35px 0;
}
.tit-position-detail{
     color: #003768;
     font-size: 21px;
     line-height: 27px;
     margin: -5px 0 0 0;
}
.tit-position-detail span{
     font-family: ''Roboto', sans-serif';
     font-weight: bold;
}
.info-position{
     margin: 19px 0 0 0;
}
.info-position ul{
     float: left;
     width: 50%;
     border-left: 1px solid #c9c9c9;
     color: #797979
}
.info-position ul:first-child{
     border-left: 0;
}
.info-position ul li{
     padding: 15px 0 16px 25px;
     border-top: 1px solid #c9c9c9;
}
.info-position ul li span{
     color: #333333;
     font-family: ''Roboto', sans-serif';
     font-weight: bold;
}
.info-position ul li:first-child{
     border-top: 0px;
}
.info-position ul:first-child li{
     padding: 15px 0 16px 10px;
}
.respon-criteria{
     margin: 21px 0 0 0;
}
.respon-criteria ul{
     list-style: circle;
}
.respon-criteria .tit-criteria{
     margin-bottom: 10px;
     background: #003768;
     color: #fff;
     padding: 17px 18px 15px 18px;
}
.respon-criteria .info-criteria{
     color: #797979;
     margin: 0 0 0 18px;
     padding: 5px 0 0 0;
}
.respon-criteria li{
     padding: 0 0 0 10px;
     margin: 6px 0 0 0;
     line-height: 19px;
     background: url(assets/images/dot-respon.png) no-repeat 0px 9px;
}
.respon-criteria p{

}
.sub-info-criteria{

}
.sub-info-criteria li{
     padding: 6px 0 0 0;
}
/*Tuyển Dụng Detail*/
.pc{
     display: block;
}
.mb{
     display: none;
}
/*Lĩnh vực mía đường*/
.mt35{
     margin-top: 35px !important;
}
.left{
     float: left;
}
.right{
     float: right;
}
.clear{
     clear: both;
}

.mb-tt.title-page{
     text-transform: initial;
}
.title-page h1,
.title-page{
     margin: 0;
     font-size: 21px;
     padding-bottom: 3px;
     color: #11268f;
     text-transform: uppercase;
     line-height: 1.4;
     font-weight: bold;
}
.text-rb.agricul{
     margin-top: 7px;
}
.text-rb{
     font-size: 13px;
     line-height: 19px;
     color: #666666;
}
.text-rb p{
     text-align: justify;
     margin-bottom: 6px;
}
.banner-top{
     height: 240px;
     width: 100%;
     display: table;
}
.banner-top .banner-text{
     display: table-cell;
     vertical-align: middle;
     font-size: 14px;
     color: #fff;
     width: 100%;
     text-align: center;
     padding: 0 10px;
     text-transform: uppercase;
     text-shadow: 1px 1px 3px #8c8c8c;
     background: rgba(0,0,0,.1);
}
.banner-top .banner-text span {
     font-size: 2em;
     font-weight: bold;
}
.banner-top .banner-text h1:after,
.banner-top .banner-text span:after {
     content: '';
     height: 2px;
     background: white;
     width: 60px;
     display:block;
     margin: 10px auto;
}
.banner-top .banner-text .tt-banner{
     padding-bottom: 27px;
     line-height: 45px;
}
.banner-top.banner-sugar{
     background: url(../images/banner/banner-sugar.jpg) center no-repeat;
}
.content-page{
     padding-bottom: 35px;
     padding-top: 45px;
}
.content-page .content-left{
     width: 65.957%;
     padding-bottom: 50px;
}
.content-page .content-right{
     width: 31.9148%;
     padding-left: 2.1276%;
}
.block-right{
     padding-bottom: 50px;
}
.block-news{

}
.block-news .item-news{
     width: 100%;
     padding: 15px 0;
     display: table;
     border-bottom: 1px solid #f1f1f1;
}
.block-news .item-news .img-news{
     width: 28.92857%;
     display: table-cell;
     vertical-align: middle;
}
.block-news .item-news .img-news img{
     width: 100%;
     height: auto;
}
.block-news .item-news .name-news{
     width: 71.07143%;
     font-size: 13px;
     color: #333333;
     display: table-cell;
     vertical-align: top;
     line-height: 19px;
     padding-left: 4.2857%;
}
.block-news .item-news .name-news a{
     color: #333333;
}
.block-news .item-news .name-news a:hover{
     color: #E52224;
}
.bd-bottom{
     padding-bottom: 30px;
     border-bottom: 1px solid #f1f1f1;
}
.link-view-more{
     font-size: 13px;
     color: #333333;
     display: inline-block;
     width: 100%;
     margin-top: 16px;
}
.link-view-more:hover{
     color: #E52224;
}
.link-view-more span{
     display: inline-block;
}
.link-view-more span i {
    margin-right: 5px;
    font-size: 12px;
}
.link-view-more:hover span{
     background: url(../images/bg/bg-view-more-hv2.png) center left no-repeat;
}
.block-events .new-events{
     margin-top: -15px;
     position: relative;
     font-size: 0;
letter-spacing: 0;
word-spacing: 0;
}
.block-events .new-events a{
     display: inline-block;
}
.block-events .new-events img{
     padding-top: 28px;
     width: 100%;
}

.block-video{
     padding-top: 28px;
     margin-top: 34px;
     border-top: 1px solid #f1f1f1; 
}
.block-video iframe{
     width: 100%;
     height: 186px;
}
.overview .text-rb{
     text-align: justify;
     padding-top: 8px;
}
.text-rb span{
     font-weight: bold;
     color: #262626;
}
.strong-point,
.develop,
.member-company,
.news-sectors,
.scale-operation{
     padding-top: 34px;
}
.scale-operation.pd0{
     padding-top: 0;
}
.text-rb ul li.bg-none{
     padding-left: 0;
     background: none;
}
.text-rb ul li{
     text-align: justify;
     padding-left: 10px;
     padding-top: 7px;
}
.member-company .item-comp{
     width: 25%;
     text-align: center;
     height: 93px;
     padding: 0 10px;
}
.member-company .item-comp img{
     
}
.structure .member-company .item-comp img{
     
}
.member-company .item-comp:hover img{
     
}
.member-company .item-comp.w-at{
     width: auto;
     padding: 0 24px;
}
.tour-member.member-company .item-comp.w-at{
     padding: 0 18px;    
}
.member-company .item-comp img{
     max-width: 100%;
}
.member-company .item-comp span{
     display: inline-block;
     height: 100%;
     vertical-align: middle;
}
.news-sectors .tab-ns{
     margin-top: -19px;
}
.tab-ns .item-ns{
     width: 48.387%;
     text-align: center;
     margin-top: 36px;
     float: left;
}
.tab-ns .item-ns:nth-of-type(2n){
     float: right;
}
.tab-ns .item-ns:first-child{
     width: 100% !important;
     padding-bottom: 35px;
     border-bottom: 1px solid #e6e6e6;
}
.tab-ns .desc-ns{
     min-height: 153px;
}
.gallery .tab-ns .desc-ns{
     min-height: 80px;
}
.tab-ns .img-ns{
     width: 100%;
     height: 160px;
     overflow: hidden;
}
.tab-ns .date-ns{
     color: #b5b5b5;
     font-size: 13px;
     padding-top: 2px;
     font-family: ''Roboto', sans-serif';
}
.tab-ns .img-ns img{
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
    transform: scale(1);
    transition:All 0.3s ease;
     -webkit-transition:All 0.3s ease;
     -moz-transition:All 0.3s ease;
     -o-transition:All 0.3s ease;
     -ms-transition:All 0.3s ease;
}
.tab-ns .img-ns:hover img{
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition:All 0.3s ease;
     -webkit-transition:All 0.3s ease;
     -moz-transition:All 0.3s ease;
     -o-transition:All 0.3s ease;
     -ms-transition:All 0.3s ease;

}
.tab-ns .item-ns:first-child .img-ns     {
     width: 48.387% !important;
}
.tab-ns .item-ns:first-child .desc-ns{
     width: 48.387% !important;
     text-align: left;
}
.tab-ns .item-ns:first-child a{
     margin-top: 5px;
}
.tab-ns .item-ns .desc-ns a h2,
.tab-ns .item-ns .desc-ns a{
     min-height: 35px;
     font-size: 15px;
     line-height: 18px;
     font-weight: bold;
     color: #000000;
     display: inline-block;
     margin-top: 16px;
}
.tab-ns .item-ns .desc-ns a h2{
     margin-top: 0;
     margin-bottom: 0;
}
.tab-ns .item-ns a:hover{
     color: #E52224;
}
.tab-ns .item-ns .text-rb{
     padding-top: 5px;
}
.button-view-more{
     font-size: 15px;
     color: #797979;
     text-align: center;
     padding-top: 30px;
}
.button-view-more a{
     display: inline-block;
     height: 43px;
     padding: 0 41px 0 12px;
     line-height: 40px;
     color: #797979;
     border: 1px solid #9e9e9e;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     position: relative;
}
.button-view-more a .arr{
     display: inline-block;
     width: 7px;
     height: 13px;
     background: url(assets/images/icon-arr.png) no-repeat;
     background-position: 0 0;
     position: absolute;
     top: 50%;
     margin-top: -6.5px;
     right: 11px;
}
.button-view-more a:hover{
     background-color: #003768;
     color: #fff;
     border: 1px solid #fff;
}
.button-view-more a:hover .arr{
     background-position: 0 -13px;
}
.tb-agri{
     text-align: center;
     font-family: 'robotocondensed';
}
.tb-agri .bd-ct{
     font-size: 24px;
     line-height: 28px;
     color: #424242;
     text-align: left;
     font-family: 'robotobold_condensed';
}
.tb-agri .table-view{
     max-width: inherit;
}
.scale-operation .table-sc.tb-agri .col-sc{
     width: auto;
}
.tb-agri1 .col-sc{
     white-space: pre-line;
}
.tb-agri1 td{
     color: #424242;
     vertical-align: middle;
     line-height: 20px;
     font-size: 16px;
     text-align: left;
     padding: 25px 0 15px;
     white-space: nowrap;
}
.tb-agri1 td img{
     margin-top: -7px;
}
.tb-agri1 td.num-tour{
     font-size: 57px;
     color: #00497b;
     font-family: 'robotobold_condensed';
     padding: 0 10px;
}
.tb-agri1 .three-col1{
     font-size: 18px;
     line-height: 24px;
     font-family: 'robotobold_condensed';
     text-align: left;
     padding-right: 10px;
     width: 120px !important;
     padding-right: 25px;
     color: #424242;
}
.tb-agri1 .three-col3{
     padding-left: 30px;
}
.tb-agri2 td{
     padding: 15px 0;
     text-align: left;
     color: #424242;
     font-size: 16px
}
.tb-agri2 td.col1{
     padding-right: 58px;
     font-size: 18px;
     font-family: 'robotobold_condensed';
     line-height: 24px;
}
.tb-agri2 td.col2{
     padding-right: 21px;
}
.tb-agri2 td.col3,
.tb-agri2 td.col5{
     line-height: 20px;
}
.tb-agri2 td.col4{
     font-size: 57px;
     color: #00497b;
     padding: 0 12px;
     font-family: 'robotobold_condensed';
}
.tb-agri3 td{
     padding: 18px 0 14px;
     font-size: 18px;
     line-height: 24px;
     text-align: left;
     color: #424242;
}
.tb-agri3 td.col1{
     padding-left: 10px;
     padding-right: 22px;
     font-family: 'robotobold_condensed';
}
.tb-agri3 td.col3{
     font-size: 15px;
}
.tb-agri3 td.col3 span{
     font-size: 16px;
     line-height: 43px;
}

.tb-agri3 td.col3 span.l-size{
     font-size: 57px;
     color: #00497b;
     font-family: 'robotobold_condensed';
}
.scale-operation{

}
.table-view{
     display: inline-block;
     max-width: 570px;
}
.scale-operation .table-sc{
     width: 100%;
     margin-top: 20px;
     display: table;
     position: relative;
}
.scale-operation  .table-sc .col-sc{
     width: 48.4375%;
     vertical-align: middle;
     position: relative;
     display: table-cell;
}
.scale-operation  .table-sc.tb-energy{
     text-align: center;
}
.scale-operation  .table-sc.tb-energy .larg-num{
     color: #003768;
     font-size: 74px;
     font-weight: bobld;
}
.scale-operation  .table-sc.tb-energy p{
     margin-bottom: 5px;
}
.scale-operation  .table-sc.tb-energy .three-col3 strong{
     color: #333;
}
.scale-operation  .table-sc.tb-energy .three-col3{
     font-size: 15px;
     line-height: 20px;
     color: #797979;
     margin-bottom: 0;
}
.scale-operation  .table-sc.tb-energy .col-sc{
     width: auto;
     text-align: left;
}
.scale-operation  .table-sc.tb-energy.tab3 .three-col2 .item-scale{
     font-family: 'robotocondensed';
     line-height: 26px;
     font-size: 20px;
     color: #797979;
}
.scale-operation  .table-sc.tb-energy.tab3 .three-col3 .item-scale{
     line-height: 65px;
}
.scale-operation  .table-sc.tb-energy.tab3 .three-col3 .item-scale .sub{
     font-size: 21px;
     color: #797979;
     line-height: 20px;
}
.text-ari3{
     font-size: 18px;
     color: #333;
     font-family: 'robotocondensed';
}
.scale-operation .item-scale table td.text-agri.mili{
     font-size: 15px;
     padding: 0;
     line-height: 20px;
}
.num-tour.text-ari3 .larg-num .num{
     font-size: 59px;
     line-height: 45px;
}
.num-land .num{
     color: #003768;
     font-size: 54px;
     line-height: 46px;
     font-weight: bold;
}
.scale-operation .item-scale table td.text-tour{
     padding: 0;
     width: 100%;
     font-size: 13px;
     line-height: 20px;
}
.scale-operation .item-scale table td.text-tour.fs15{
     font-size: 15px;
}
.scale-operation .item-scale table td.text-tour p{
     letter-spacing: -0.2px;
     white-space: pre-line;
}
.scale-operation .item-scale table td.text-agri{
     font-size: 18px;
     white-space: pre-line;
     color: #333;
     line-height: 23px;
}
.num-tour .num{
     color: #003768;
     font-family: 'robotobold_condensed';
     font-size: 74px;
}
.num-tour .min-num .num{
     font-size: 44px;
}
.num-land .sub{
     line-height: 20px;
}
.scale-operation  .table-sc .col-sc.middle{
     width: 3.125%;
}
.wrap-border{
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     border: 1px solid #9e9e9e;
}
.bd-ct{
     display: inline-block;
}
.three-col1{
     width: 42%;
}
.three-col1 span.left{
     margin-top: 8px;
     margin-right: 5px;
}
.three-col2{
     width: 25%;
}
.scale-operation .three-col2 .item-scale{
     padding: 0;
     text-align: left;
}
.three-col3{
     padding: 0 10px;
     width: 30%;
}
.scale-operation .item-scale{
     width: 100%;
     padding: 16px 5% 19px;
     height: auto;
     min-height: 100%;
     position: relative;
     font-size: 15px;
     line-height: 23px;
     color: #333;
     position: relative;
     text-align: center;
}
.scale-operation .item-scale table{
     display: inline-block;
}
.scale-operation .item-scale table td{
     text-align: left;
}
.o-one table td{
     padding: 0 5px;
}
.o-two table td{
     padding: 0 6px;
}
.o-two table.tour-tb td{
     padding: 0 4px;
}
.o-one table td.col-text{
     vertical-align: top;
     padding-top: 7px;
}
.o-two table td.col-text p{
     line-height: 27px;
}
.scale-operation .item-scale .number{
     color: #003768;
     font-family: 'robotobold_condensed';
}
.font54{
     font-size: 54px;
     line-height: 54px;
}
.font74{
     font-size: 74px;
     line-height: 74px;
}
.font40{
     font-size: 40px;
}
.scale-operation .item-scale.item-one{
     padding: 16px 0 19px 72px;
}
.scale-operation .item-scale.item-one .number{
     position: absolute;
     height: 100%;
     width: 40px;
     top: 0;
     left: 25px;
}
.scale-operation .item-scale.item-one .number div{
     display: table;
     height: 100%;
}
.scale-operation .item-scale.item-one .number div span{
     display: table-cell;
     vertical-align: middle;
}
.mt5{
     margin-top: 5px;
}
.scale-operation .item-scale.item-two{
     padding: 0 0 0 53.3333%;
}
.scale-operation .item-scale.item-two .img-sc{
     width: 53.3333%;
     text-align: center;
     display: table;
     height: 100%;
     top: 0;
     left: 0;
     position: absolute;
}
.scale-operation .item-scale.item-two .img-sc img{
     max-width: 100%;
}
.mr20{
     margin-right: 20px;
}
/*End lĩnh vực mía đường*/
/*news*/

.first-news{
     padding-bottom: 35px;
     border-bottom: 1px solid #e6e6e6;
}
.first-news img{
     width: 48.3%;
}
.first-news .text{
     width: 48.3%;
}
.first-news .text .title-name{
     font-size: 17px;
     color: #000;
     line-height: 20px;
     margin-top: 4px;
     display: block;
}
.first-news .text .title-name:hover{
     color: #003768;
}
.first-news .text .date{
     color: #b5b5b5;
     font-size: 13px;
}
.first-news .text .desc{
     font-size: 13px;
     color: #666666;
     line-height: 18px;
}
.row-news{}
.news-item{
     float: right;
     width: 48.3%;
     text-align: center;
     margin-top: 35px;
}
.news-item img{width: 100%;}
.news-item .title-name{
     font-size: 15px;
     color: #000;
     line-height: 18px;
     display: block;
     margin-top: 16px;
}
.news-item .title-name:hover{
     color: #003768;
}
.news-item .date{
     font-size: 13px;
     color: #b5b5b5;
}
.news-item .desc{
     font-size: 13px;
     line-height: 18px;
     color: #666666;
}
.news-item:first-child{
     float: left;
}
/*end news*/
/*Góc báo chí*/
.banner-top.banner-paper-media{
     background: url(lib/images/banner-paper-media.jpg) no-repeat center;
}
.paper-media .news-sectors{
     padding-top: 0;
     padding-bottom: 35px;
}
.list-tag{
     padding-top: 7px;
}
.list-tag a{
     font-size: 13px;
     line-height: 24px;
     display: inline-block;
     margin-right: 13px;
     color: #797979;
}
.list-tag a span{
     color: #333333;
     font-weight: bold;
}
.list-tag a:hover{
     color: #E52224;
}
.list-tag a:hover span{
     color: #E52224;
}
/*End góc báo chí*/
/*Vị trí tuyển dụng*/
.block-file a{
     display: inline-block;
     height: 45px;
     width: 100%;
     text-transform: uppercase;
     padding-left: 42px;
     line-height: 16px;
     font-size: 13px;
     font-family: ''Roboto', sans-serif';
     color: #333333;
     background: #ededed;
     border-bottom: 1px solid #fff;
     position: relative;
}

.block-file a:hover{
     color: #fff;
     background: #003768;
}
.block-file a table{
     width: 100%;
     height: 45px;
}
.block-file a table td{
     width: 100%;
     height: 45px;
     vertical-align: middle;
}
.block-file a.file .icon{
     display: inline-block;
     width: 14px;
     height: 16px;
     position: absolute;
     top: 50%;
     margin-top: -7px;
     left: 19px;
     background: url(assets/images/icon-file.png) no-repeat center;
     background-position: 0 0;
}
.block-file a.file:hover .icon{
     background-position: 0px -16px;
}
.block-file a.mail .icon{
     display: inline-block;
     width: 16px;
     height: 13px;
     position: absolute;
     top: 50%;
     margin-top: -5.5px;
     left: 19px;
     background: url(assets/images/icon-mail.png) no-repeat center;
     background-position: 0 0;
}
.block-file a.mail:hover{
     background: #ededed;
     color: #333333;
     cursor: default;
}
.block-file .group-link{
     padding-top: 19px;
}
.block-info-contact .text-rb a{
     color: #797979;
}
.block-info-contact .text-rb a:hover{
     color: #003768;
}
.block-info-contact .text-rb{
     padding-top: 6px;
}
.block-info-contact .text-rb ul li{
     background: none;
     padding-left: 0;
     padding-top: 5px;
}
.block-info-contact .text-rb ul li span{
     font-family: ''Roboto', sans-serif';
}
.search-position{
     padding-right: 280px;
     position: relative;
     margin-top: 19px;
}
.input{
     height: 44px;
     line-height: 44px;
     width: 100%;
     padding: 0 15px;
     border: 1px solid #c9c9c9;
     font-family: ''Roboto', sans-serif';
     font-size: 13px;
     color: #797979;
}
.input input{
     width: 100%;
     height: 100%;
     border: none;
     background: none;
     outline: none;
}
.search-position .box-select{
     width: 154px;
     position: absolute;
     top: 0;
     right: 121px;
}
.box-select div.selector{
     width: 100% !important;
     position: relative;
     height: 44px;
}
.box-select div.selector span{
     width: 100% !important;
     border: 1px solid #c9c9c9;
     padding-left: 15px;
     background: url(assets/images/icon-arr-select.png) no-repeat 127px center;
     position: absolute;
     top: 0;
     left: 0;
     height: 44px;
     display: inline-block;
}
.box-select div.selector select{
     top: 0;
}
.search-position .btn-search{
     display: inline-block;
     height: 44px;
     line-height: 44px;
     width: 116px;
     color: #fff;
     background: #003768;
     border: 1px solid #003768;
     position: relative;
     padding-left: 13px;
     position: absolute;
     top: 0;
     right: 0;
}
.search-position .btn-search:hover{
     border: 1px solid #c9c9c9;
     color: #c9c9c9;
     background: #fff;
}
.search-position .btn-search .icon{
     display: inline-block;
     width: 24px;
     height: 24px;
     background: url(assets/images/icon-search.png) no-repeat;
     background-position: 0 0;
     position: absolute;
     top: 50%;
     margin-top: -12px;
     right: 10px;
}
.search-position .btn-search:hover .icon{
     background: url(assets/images/icon-search-hv.png) no-repeat;
}
.table-position{
     font-size: 13px;
     color: #797979;
     line-height: 16px;
     width: 100%;
     margin-top: 27px;
}
.table-position td{
     height: 50px;
     border-top: 1px solid #c9c9c9;
     text-align: center;
}
.table-position tr.first td{
     border-top: none;
     font-weight: bold;
     text-align: center;
}
.table-position span{
     color: #003768;
     text-transform: uppercase;
}
.table-position .td-one{
     width: 15.9677%;
     border-right: 1px solid #c9c9c9;
}
.table-position .td-two{
     width: 44.1935%;
     padding-left: 2.9%;
     border-right: 1px solid #c9c9c9;
     text-align: center;
}
.table-position .td-two a{
     color: #797979;
}
.table-position .td-two a:hover{
     color: #003768;
}
.table-position .td-three{
     width: 21.129%;
     border-right: 1px solid #c9c9c9;
}
.table-position .td-four{
     width: 18.7098%;
}
.table-position .info-more{
     display: none;
}
.table-position .info-more span{
     color: #797979;
     padding: 0 8px;
     background: url(assets/images/icon-bd.png) no-repeat left center;
     text-transform: none;
}
.table-position .info-more span:first-child{
     color: #333333;
     font-family: "'Roboto', sans-serif";
     font-weight: bold;
     padding: 0 8px 0 0;
     background: none;
}
/*End vị trí tuyển dụng*/
/* Detail Tin Tức */
.content-page.news-detail{
     padding: 51px 0 0 0;
}
.news-detail-page{

}
.news-detail-page .tit-detail h1,
.news-detail-page .tit-detail{
     color: #003768;
     font-weight: bold;
     font-size: 21px;
     line-height: 26px;
     margin-top: 0;
}
.news-detail-page .time-share{
     height: 43px;
     background: #f3f3f3;
     padding: 0 14px;
     margin: 11px 0 0 0;
}
.time-share .times{
     float: left;
     margin-top: 13px;
}
.time-share .share-all{
     float: right;
     height: 100%;
}
.time-share .share-all table,
.time-share .share-all table td{
     height: 100%;
     vertical-align: middle;
}
.time-share .share-all table td{
     padding: 0 2px;
}
.google-cong > div{
     width: 46px !important;
}
.news-detail-ct{
     color: #797979;
     font-size: 13px;
     padding: 9px 0 42px 0;
}
.news-detail-ct img{
     max-width: 100%;
     margin: 22px 0 17px 0;
}
.news-detail-ct p{
     text-align: justify;
     margin: 5px 0 0 0;
}
.news-detail-ct p.one{
     color: #333333;
}
.news-detail-ct .author{
     text-align: right;
     margin: 19px 0 0 0;
}
.news-detail-ct .author span{
     color: #003768;
}
.news-detail-page .times-mb{
     display: none;
     margin-top: 18px;
}
/* Detail Tin Tức */
/*Contact*/
.view-map iframe,
.view-map{
     width: 100%;
     height: 400px;
}
.contact-tt{
     font-size: 21px;
     color: #003768;
     text-transform: uppercase;
     margin-bottom: 14px;
}
.form-contact{
     padding-right: 320px;
     position: relative;
     min-height: 150px;
}
.form-contact .add{
     position: absolute;
     right: 0;
     top: 0;
     width: 280px;
}
.form-contact .add p{
     font-size: 13px;
     line-height: 16px;
     margin-bottom: 8px;
}
.form-contact .add p span{
     color: #000;
}
.form-contact table{
     width: 100%;
}
.form-contact table td.colname{
     width: 80px;
     font-size: 13px;
     color: #333;
     padding-top: 11px;
}
.form-contact table td{
     vertical-align: top;
     padding-bottom: 10px;
}
.form-contact table td input{
     border: 1px solid #dedede !important;
     height: 40px;
     padding: 0 20px;
     width: 100%;
     box-sizing: border-box;
}
.form-contact table td input.ip-capcha{
     width: 185px;
     float: left;
}
.form-contact .box-capcha{
     float: left;
     margin-left: 10px;
}
.form-contact table td textarea{
     padding: 10px 20px;
     box-sizing: border-box;
     width: 100%;
     background: none;
     resize: none;
     height: 140px;
     border: 1px solid #dedede;
}
.submit-ct{
     display: inline-block;
     width: 83px;
     height: 43px;
     background: #003768;
     border: none;
     color: #fff;
     line-height: 43px;
     padding: 0 13px 0;
     box-sizing: border-box;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     border-radius: 5px;
}
.submit-ct:hover{
     opacity: 0.8;
}
/*end Contact*/
.text-dt{
     font-size: 13px;
     line-height: 20px;
     margin-top: 6px;
     text-align: justify;
     margin-bottom: 26px;
}
.list-rmenu li{
     margin-bottom: 1px;
}
.list-rmenu li a{
     color: #797979;
     text-transform: uppercase;
     display: block;
     background: url(../images/bg/bg-sub-menu.png) -14px 21px no-repeat #ededed;
     padding: 14px 14px 12px;
     transition:All 0.3s ease;
     -webkit-transition:All 0.3s ease;
     -moz-transition:All 0.3s ease;
     -o-transition:All 0.3s ease;
}
.list-rmenu li:hover a,
.list-rmenu li.active a{
     background: url(../images/bg/bg-sub-menu.png) 14px 21px no-repeat #ededed;
     transition:All 0.3s ease;
     -webkit-transition:All 0.3s ease;
     -moz-transition:All 0.3s ease;
     -o-transition:All 0.3s ease;
     color: #003768;
     text-indent: 20px;
}
.list-site > li{
     margin-bottom: 35px;
     display: inline-table;
     /*display: inline-block;*/
     width: 24%;
}
.sub-sm .tt,
.sub-sm .tt a{
     font-size: 15px;
     color: #003768;
     text-transform: uppercase;
     margin-bottom: 11px;
}
.sub-sm .tt a:hover{
     color: #0087ff;
}
.sub-sm li{
     margin-bottom: 7px;
}
.sub-sm li a{
     color: #797979;
}
.sub-sm li a:hover{
     color: #003768;
}
/*Social page*/
.desc-page{
     text-align: justify;
     margin-bottom: 26px;
}
.social-re li{
     width: 48.3%;
     overflow: hidden;
     position: relative;
     margin-bottom: 20px;
}
.social-re li:nth-child(even){
     float: right;
}
.social-re li:nth-child(odd){
     float: left;
}
.social-re li img{
     width: 100%;
     position: relative;
     z-index: 0;
}
.ct-img .wpb_single_image {
     position: relative;
     overflow:hidden;
}
.ct-img .wpb_singleimage_heading {
     position: absolute;
     z-index: 1;
     bottom: 0;
     background: #122491c7;
     width: 100%;
     box-sizing: border-box;
     padding: 15px 18px;
     color: #fff;
     font-size: 15px;
}
.ct-img img {
    transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -moz-transition: all linear .3s;
}
.ct-img .wpb_single_image:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.desc-social{
     margin-top: 4px;
     margin-bottom: 28px;
     text-align: justify;
}
.desc-social p{
     margin-bottom: 6px;
}
.banner-about{
     height: 450px;
     width: 100%;
     color: #fff;
     padding-top: 73px;
     margin: 0 !important;
     background-position: center center;
     background-repeat: no-repeat;
}
.banner-about .ct-img { display: none; }
.banner-about.banner-about1{
     /*background: url(../images/banner/banner-about.jpg) center center no-repeat;*/
}
.banner-about .tt1{
     text-transform: uppercase;
     font-size: 30px;
     line-height: 1.4;
     font-family: 'Montserrat', sans-serif;
     font-weight: bold;
     position: relative;
     padding-bottom: 20px;
     text-shadow: 1px 1px 2px #6b6b6b;
}
.content-right.banner-about .tt1:after {
     right: 0;
     left: initial;
}
.content-right.banner-about {
     /*background-position: center left;*/
}
.banner-about .tt1:after {
     content: '';
     height: 2px;
     display: block;
     width: 60px;
     background: #2c9bf8;
     position: absolute;
     bottom: 0;
     left: 0;
}
.banner-about .banner-desc{
     padding-top: 26px;
}
.banner-about .more-text a{
     margin-top: 22px;
     color: #fff;
     display: inline-block;
}
.banner-about .more-text a:before {
     content: "\f101";
     margin-right: 7px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.banner-about .color .more-text a{
     background: url(../images/bg/bg-view-more.png) 0 center no-repeat;
     color: #000;   
}
.banner-about .color .more-text:hover a,
.banner-about .more-text:hover a{
     background: url(../images/bg/bg-view-more-hv2.png) 0 center no-repeat;
     color: #e52224;
}
.banner-about .text-about{
     width: 50%;
}
.banner-about.banner-about3 .text-about{
     /*width: 57%;*/
}
.banner-about .tt1 span.cl-1,
.banner-about .tt1 span.cl-1a{
     color: #002955;
}
.banner-about .tt1 span.cl-1a:not(:nth-child(2)){
     display: none;
}
.banner-about .tt1 span.cl-2{
     color: #0b66ba;
}
.banner-about .tt1 span.cl-3{
     color: #797979;
}

.banner-about .color .banner-desc{
     color: #333;
}

.banner-about1 .text-about,
.banner-about3 .text-about,
.banner-about5 .text-about{
     float: left;
}
.banner-about2 .text-about,
.banner-about4 .text-about,
.banner-about6 .text-about{
     float: right;
     text-align: right;
}
.content-his{
     padding-left: 97px;
}
.border-his{
     position: relative;
     border-left: 1px solid #a8a8a8;
     padding-top: 27px;
     padding-bottom: 20px;
}
.border-his .line{
     position: absolute;
     top: -1px;
     left: -12px;
     width: 25px;
     border-top: 1px solid #a8a8a8;
}
.border-his .arr-d{
     position: absolute;
     bottom: -6px;
     left: -6px;
}
.his-item{
     padding-left: 140px;
     position: relative;
     margin-left: -97px;
     margin-bottom: 20px;
}
.his-item .year{
     position: absolute;
     left: 3px;
     top: 13px;
     font-size: 28px;
     color: #003768;
     font-weight: bold;
}
.year-mb{
     display: none;
}
.his-item .point{
     position: absolute;
     left: 85px;
     top: 11px;
}
.his-item .ar{
     position: absolute;
     left: 123px;
     top: 14px;
}
.his-item .text{
     background: #ededed;
     padding: 20px;
     text-align: justify;
}
.his-item .text img{
     width: 220px;
     margin-right: 20px;
     float: left;
}
.tt-agri{
     margin-top: 16px;
     font-size: 17px;
     color: #7b472b;
     font-family: 'VIE-AvantGardeDemibold';
}
.agricul ul{
     margin-bottom: 6px;
}



/* SCOPE*/
.zacc{
     height: 240px;
     width: 100%;
     overflow: hidden;
}
#zacc-banner { width: 100%; }
#zacc-banner div:nth-child(1n+2) { background: #000000; padding-left: 1px !important; }
#zacc-banner img { width: 100%; height: 100%; }
.wrap-ct .content-page .ct-min { position: relative; min-height: 286px; border-bottom: 1px solid #e6e6e6; }
.wrap-ct .content-page .ct-min-2 { margin: 35px 0; }
.wrap-ct .content-page .ct-min .ct-sug-img { position: absolute; top: 0; }
.wrap-ct .content-page .ct-min .ct-sug-img a:nth-child(2) { display: none; }
.wrap-ct .content-page .ct-min-1 .ct-sug-img { left: 0; }
.wrap-ct .content-page .ct-min-2 .ct-sug-img { right: 0; }
.wrap-ct .content-page .ct-min-1 .ct-text { margin-left: 320px; }
.wrap-ct .content-page .ct-min-2 .ct-text { margin-right: 320px; }
.wrap-ct .content-page .ct-min .ct-title { font-size: 28px; line-height: 40px; color: #003768; text-transform: uppercase; font-family: "VIE-AvantGardeDemibold"; }
.wrap-ct .content-page .ct-min .ct-main-trim { font-size: 13px; color: #666666; margin: 20px 0 0 0; text-align: justify;}
.wrap-ct .content-page .ct-min .line { width: 52px; height: 4px; margin: 16px 0 0 0; display: inline-block; background: url(../images/bg/bg-line.png) repeat; }
.wrap-ct .content-page .ct-min .ct-main-viewmore { margin-top: 15px; }
.wrap-ct .content-page .ct-min .ct-main-viewmore a { height: 20px; padding-left: 28px; display: inline-block; color: #000; background: url(../images/bg/bg-view-more.png) no-repeat left 9px; }
.wrap-ct .content-page .ct-min .ct-main-viewmore a:hover { color: #E52224; background: url(../images/bg/bg-view-more-hv2.png) no-repeat left 9px; }
.line-row {height: 4px; width: 52px;background: url(assets/images/line-row.png) repeat-x left bottom;margin-top: 16px;}
/* end SCOPE*/

/* MEMBER_COMPANY*/
.wrap-ct .content-page .content-left.mb-ct { width: 100%; }
.wrap-ct .content-page .content-left.mb-ct .mb-ct-text p { margin: 6px 0 0; }
.wrap-ct .content-page .content-left.mb-ct .mb-ns { display: inline-block; margin-right: 27%; }
/* end MEMBER_COMPANY*/

/* FRAMEWORK_ORGANIZATION*/
.wrap-ct .content-page.fw-or { padding-top: 0; }
.wrap-ct .content-page.fw-or .nav { /*display: inline-block;*/ display: none; width: 100%; }
.wrap-ct .content-page.fw-or .nav ul { padding: 0px; margin: 0px; }
.wrap-ct .content-page.fw-or .nav li { float: left; border: solid #dddddd; border-width: 0 1px 1px 0; list-style: none; width: 25%; text-align: center;  }
.wrap-ct .content-page.fw-or .nav li:last-child { border-right: none;}
.wrap-ct .content-page.fw-or .nav li a { display: block; line-height: 18px; padding: 20px 0px 22px; font-family: ''Roboto', sans-serif'; font-size: 15px; color: #797979; font-weight: bold; }
.wrap-ct .content-page.fw-or .nav li a:hover { color: #000; text-decoration: none; background: #fff; border-bottom: 4px solid #003768; padding-bottom: 18px; }
.wrap-ct .content-page.fw-or .nav li a.selected { color: #000; border-bottom: 4px solid #003768; padding-bottom: 18px;}

.wrap-ct .content-page.fw-or .boar-organi { margin-top: 34px;}
.wrap-ct .content-page.fw-or .fw-or-hd { display: none; }

.wrap-ct .content-page.fw-or .member-company { padding: 34px 0px 0; }
.wrap-ct .content-page.fw-or .member-company .item-comp { width: 20.74%; height: 100%; margin: 6px 0 34px 4.78%; border: 1px solid #dddddd; padding: 0; background: #003768; overflow: hidden; position: relative; }
.wrap-ct .content-page.fw-or .member-company .item-comp:nth-child(4n+1) { margin-left: 1.27%;}
.wrap-ct .content-page.fw-or .member-company .item-comp img.img-mask { position: relative; z-index: 1; left: 0; top: 0; }
.wrap-ct .content-page.fw-or .member-company .item-comp img.img-per { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; 
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scale(1);
-moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

     .wrap-ct .content-page.fw-or .member-company .item-comp:hover img.img-per { top: -10px;
     -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;
     -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6);-o-transform: scale(0.6); transform: scale(0.6); }

.wrap-ct .content-page.fw-or .member-company .item-comp p { position: absolute; z-index: 0; left: 0; right: 0; bottom: -50px; color: #fff; font-size: 13px;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.wrap-ct .content-page.fw-or .member-company .item-comp:hover p { bottom: 10px; 
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
/* end FRAMEWORK_ORGANIZATION*/

.social-re .hv-it{
     display: block;
}
.hv-it{
     overflow: hidden;
     display: inline-block;
     width: 100%;
}
.hv-it img{
     transition:All 0.5s ease;
     -webkit-transition:All 0.5s ease;
     -moz-transition:All 0.5s ease;
     -o-transition:All 0.5s ease;
     -ms-transition:All 0.5s ease;
}
.hv-it:hover img{
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition:All 0.5s ease;
     -webkit-transition:All 0.5s ease;
     -moz-transition:All 0.5s ease;
     -o-transition:All 0.5s ease;
     -ms-transition:All 0.5s ease;
}
/*end organization*/
.search-left-ct{
     float: left;
     width: 100%;
}
.search-right-ct{
     float: right;
     width: 100%;
}
.total-info{
     background: #f3f3f3;
     padding: 10px 13px 11px 13px;
     color: #797979;
     margin-top: 7px;
}
.total-info em{
     color: #e31b23;
}
.total-info span{
     color: #333333;
}
.list-its{
     margin-top: -6px;
}
.list-its li{
     padding: 26px 0 28px;
     border-bottom: 1px solid #e6e6e6;
}
.list-its li p{
     margin-bottom: 3px;
}
.list-its li p.tt{
     font-family: ''Roboto', sans-serif';
     font-weight: bold;
     color: #000;
     font-size: 15px;
     margin-bottom: 5px;
}
.list-its li a{
     color: #003768;
}
.list-its li a:hover{
     text-decoration: underline;
}
.ip-sea{
     height: 40px;
     padding: 0 60px 0 20px;
     position: relative;
     border: 1px solid #dedede;
     width: 48%;
     float: left;
}
.ip-sea a{
     display: inline-block;
     position: absolute;
     top: -1px;
     right: -1px;
     width: 40px;
     height: 40px;
     background: url(assets/images/s.png) center center no-repeat #00497b;
}
.ip-sea input{
     width: 100%;
     height: 38px;
     border: none;
     background: none;
}
.f-search{
     margin-top: 7px;
     clear: both;
     display: table;
     width: 100%;
     margin-bottom: 30px;
}
.ip-date{
     /*margin-top: 9px;*/
     width: 48%;
     float: right;
}
.ip-date .date{
     width: 45%;
     padding-left: 30px;
     position: relative;
     height: 40px;
}
.ip-date .date input{
     padding: 0 10px;
     width: 100%;
     height: 38px;
     border: 1px solid #dedede;
}
.ip-date .date .lb{
     width: 30px;
     position: absolute;
     top: 0;
     left: 0;
     line-height: 38px;
}
.ip-date .date.date-from{
     float: left;
}
.ip-date .date.date-to{
     float: right;
}
.block-vmore{
     padding-top: 17px;
     clear: both;
}
.block-vmore a{
     display: inline-block;
     font-size: 13px;
     padding-left: 30px;
     background: url(../images/bg/bg-view-more.png) 0 center no-repeat;
     color: #333;
}
.block-vmore a:hover{
     color: #dc001c;
     background: url(../images/bg/bg-view-more-hv2.png) 0 center no-repeat;
}
#recaptcha_widget_div .recaptchatable #recaptcha_response_field{
     margin-top: 10px !important;
}
.contourPage{
     margin-top: -10px;
}
.contourPage fieldset.contourFieldSet{
     padding: 0;
}
.contourPage input[type="submit"]:hover{
     opacity: 0.8;
}

/*gallery*/
.tabs-gallery{
     display: none;
}
.tabs-gallery.active{
     display: block;
}
.tabs-gallery-menu li{
     height: 62px;
     line-height: 62px;
     margin-left: -1px;
     width: 50%;
     float: left;
     cursor: pointer;
     font-size: 15px;
     text-align: center;
     border: 1px solid #fff;
     border-top: 4px solid #fff;
     border-bottom: 1px solid #a8a8a8;
     position: relative;
     z-index: 0;
     color: #797979;
}
.tabs-gallery-menu li:first-child{
     margin-left: 0;
}
.tabs-gallery-menu li a{
     display: inline-block;
     width: 100%;
     height: 100%;
     color: #797979;
     font-weight: bold;
}
.tabs-gallery-menu li:hover,
.tabs-gallery-menu li.active{
     position: relative;
     z-index: 1;
     border: 1px solid #a8a8a8;
     border-bottom: 1px solid #fff;
     border-top: 4px solid #003768;
     color: #000;
}
.tabs-gallery-menu li:hover a,
.tabs-gallery-menu li.active a{
     color: #000;   
}
.tabs-gallery-menu li span img{
     margin-right: 5px;
     padding-bottom: 2px;
}
.tabs-gallery-menu li span img.icon-hv{
     display: none;
}

.tabs-gallery-menu li:hover span img.icon-hv,
.tabs-gallery-menu li.active span img.icon-hv{
     display: inline;
}
.tabs-gallery-menu li:hover span img.icon,
.tabs-gallery-menu li.active span img.icon{
     display: none;
}
.tabs-glcontent{
     padding-top: 34px;
}
.gl-row{
     margin-bottom: 23px;
}
.gl-item{
     width: 48.46%;
     padding: 3px;
     border: 1px solid #b6b6b6;
}
.gl-item img.bg{
     width: 100%;
     transition:All 0.3s ease;
     -webkit-transition:All 0.3s ease;
     -moz-transition:All 0.3s ease;
     -o-transition:All 0.3s ease;
     -ms-transition:All 0.3s ease;
     position: relative;
     z-index: 0;
}
.gl-item:hover img.bg{
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition:All 0.3s ease;
     -webkit-transition:All 0.3s ease;
     -moz-transition:All 0.3s ease;
     -o-transition:All 0.3s ease;
     -ms-transition:All 0.3s ease;
}
.gl-item .ovlay img{
     position: absolute;
     top: 50%;
     left: 50%;
     margin-left: -29px;
     margin-top: -20px;
}
.gl-item .ovlay{
     position: absolute;
     z-index: 1;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,.3);
}
.gl-item .boder-gl{
     overflow: hidden;
     position: relative;
}
.gl-item{
     float: left;
     margin-bottom: 20px;
}
.gl-item:nth-of-type(2n){
     float: right;
}
.gl-item .title-al{
     font-size: 13px;
     padding: 12px 8px 9px;
     display: table;
     min-height: 60px;
     width: 100%;
}
.gl-item .title-al .name{
     font-weight: bold;
     color: #000;
}
.gl-item .title-al a{
     display: table-cell;
}
.gl-item .title-al .total-img{
     display: table-cell;
     color: #333;
     width: 60px;
     vertical-align: top;
     float: none;
     text-align: right;
}
#videolist .gl-item .title-al .total-img{
     display: none;
}
.album-title{
     font-weight: bold;
     font-size: 21px;
     color: #003768;
     padding-top: 20px;
     line-height: 1.4;
}
.desc-album{
     text-align: justify;
     margin-bottom: 24px;
}
#sync1 .item{
    margin: 2px;
    color: #FFF;
    text-align: center;
}
#sync1 .item img{
     width: 100%;
}
#sync2{
     margin-top: 11px;
     padding: 0 30px;
     position: relative;
}
#sync2 .owl-item{
    margin: 2px;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}
#sync2 .owl-item img{
     width: 100%;
}
#sync2 .item h1{
  font-size: 18px;
}
#sync2 .synced .item{
  /*background: #0c83e7;*/
}
.owl-theme .owl-controls .owl-buttons div.owl-prev,
.owl-theme .owl-controls .owl-buttons div.owl-next{
     position: absolute;
     top: 0;
     margin: 0;
     width: 30px;
     height: 100%;
     overflow: hidden;
     text-indent: 1000px;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev{
     left: 0;
     background: url(assets/images/prev-gl.png) center center no-repeat;
}
.owl-theme .owl-controls .owl-buttons div.owl-next{
     right: 0;
     background: url(assets/images/next-gl.png) center center no-repeat;
}
/*end gallery*/
#recaptcha_response_field
{
 width: 100%!important;
}
#recaptcha_image
{
  width: 100%!important;
}
#recaptcha_challenge_image
{
  width: 100%!important;
}
.middle .wpb_single_image.vc_align_center {
     margin-bottom: 0;
}
.item-lvhd .wpb_wrapper h2 {
     color: #003768;
     font-size: 30px;
     text-transform: uppercase;
     margin-bottom: 17px;
     font-family: 'Montserrat', sans-serif;
     font-weight: bold;
     position: relative;
     padding-bottom: 20px;
}
.item-lvhd .wpb_wrapper h2:after {
     content: '';
     height: 2px;
     width: 60px;
     background: #e22c1f;
     position: absolute;
     bottom: 0;
     left: 0;
}
.item-lvhd .wpb_wrapper .default-link a {background: none !important;padding: 0 !important;font-size: 14px;}
.item-lvhd .wpb_wrapper .default-link a i {position: static;display: inline-block;margin: 0 5px 0 0;height: auto;line-height: 1.4;vertical-align: middle;-webkit-transform: translate(0);-ms-transform: translate(0);-o-transform: translate(0);transform: translate(0);font-size: 13px;}
.item-lvhd .wpb_text_column {margin-bottom: 15px;}
.big-article h2 a {
     color: #11268f;
     font-size: 21px;
     text-decoration: none;
     margin-bottom: 18px;
     display: block;
     line-height: 1.4;
}
.big-article .col-left {
    padding: 15px 25px;
    line-height: 1.5;
}
.big-article .col-left .times {
    margin: 10px 0;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 15px;
}
.big-article .col-left .times i {
    margin-right: 7px;
} 
.big-article .row-tfx {
    background: #ecf7fd;
    overflow: hidden;
}
.big-article .col-left .title {
    display: flex;
    color: #11268f;
}
.big-article .col-left .title i {
    margin: 3px 3px 0 0;
}
.list-news {
     padding: 20px 0;
     border-top: 1px solid #ebebeb;
     margin-top: 20px;
     border-bottom: 0;
     padding-bottom: 0;
     overflow: hidden;
}
.list-news .highlight-page {
    margin: 0;
}
.list-news .tit {
    font-size: 20px;
    padding-bottom: 10px;
}
.list-news .highlight-item {
    margin: 0 0 20px;
    overflow: hidden;
    width: 100%;
} 
.list-news .highlight-item:last-child {
    margin-bottom: 0;
}
.list-news .highlight-item .img {
    float: left;
    width: 250px;
    margin-right: 15px;
}
.list-news .highlight-item .h-news-ct {
    overflow: hidden;
}
.list-news .highlight-item .h-news-ct a {
    margin-top: 0;
}
.investor-news {
     padding-top: 25px;
     margin-top: 25px;
     border-top: 1px solid #ebebeb; 
}
.investor-news .row-flex {
    display: flex;
    margin: 0 -10px;
}
.investor-news .row-flex > * {
    padding: 0 10px;
    width: 100%;
}
.investor-news .block-list {
    height: 100%;
    background: #ebf6fd;
    padding: 15px;
}
.investor-news .block-list .block-title a {
    text-transform: uppercase;
    font-size: 20px;
    color: #122491;
    margin: 10px 0 20px;
    display: block;
}
.investor-news .list a {
    color: #333;
    display: flex;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ebebeb;
}
.investor-news .list li a i {
    margin-right: 5px;
    color: #122491;
    margin-top: 3px;
}
.investor-news .list li:last-child a {
    border-bottom: none;
}
.investor-news .item-news .img-news a {
    display: block;
}
.investor-news .item-news .name-news {
    padding: 0 10px;
    z-index: 999;
    bottom: 0;
    margin-top: -30px;
    position: relative;
}
.investor-news .item-news:first-child {
    margin-bottom: 20px;
}
.investor-news .item-news .name-news a {
    background: white;
    padding: 10px;
    display: block;
    box-shadow: 1px 1px 2px #c3c3c3;
    color: #333;
}
a.glink img {
     display: block;
     height: 35px;
     width: auto;
     max-width: none;
     position: absolute;
     top: -6px;
     left: -5px;
}
@media (max-width: 1140px) {
     .tb-agri1 .three-col1{
          width: 100% !important;
          text-align: center;
          padding: 20px 0 0 0;
     }
     .tb-agri1 .three-col3{
          padding-top: 0;
     }
     .scale-operation .table-sc.tb-agri .col-sc{
          display: inline-block;
     }
     .banner-about.banner-about6{
          /*background: transparent url("../images/banner/ab-f5_.jpg") no-repeat scroll center center;*/
     }
     .wrap-ct{
          padding: 0 30px;
     }
     .view-right .rank1 > li > .section{
          margin-left: 20px;
     }
     
}
@media (max-width: 1055px) {
     .section span{
          width: 150px;
     }
}
@media (max-width: 1024px) {
     .imgmd-tab2{
          width: 165px;
     }
     .imgmd-tab{
          width: 92px;
     }
     .num-land .num{
          font-size: 35px;
          line-height: 35px;
     }
     .b/*anner-about.banner-about1{ background: url(../images/banner/ab-tbl1.jpg) center center no-repeat; }
     .banner-about.banner-about2{ background: url(../images/banner/ab-tbl2.jpg) center center no-repeat; }
     .banner-about.banner-about3{ background: url(../images/banner/ab-tbl3.jpg) center center no-repeat; }
     .banner-about.banner-about4{ background: url(../images/banner/ab-tbl4.jpg) center center no-repeat; }
     .banner-about.banner-about5{ background: url(../images/banner/ab-tbl5.jpg) center center no-repeat; }*/
     /*.banner-about.banner-about6{ background: url(../images/banner/ab-tbl6.jpg) center center no-repeat; }*/
     .banner-about{
          height: 434px;
     }
}
@media (max-width: 1023px) {
     .content-page .content-right{
          border-top: 1px solid #e8e8e8;
          padding-top: 43px;
     }
     .imgmd-tab2{
          width: auto;
     }
     .imgmd-tab{
          width: auto;
     }
     .tablet-left{
          width: 33.33%;
          float: left;
     }
     .gr-ctact{
          display: none;
     }
     .gr-ctact.tablet{
          display: block;
     }
     .gr-ctact.tablet p{
          width: 33.3%;
          float: left;
     }
     .h-news-ct{
          /* height: 125px; */
     }
     .highlight-page{
          display: none;
     }
     .highlight-page.tablet{
          display: block;
     }
     .section span{
          width: 168px;
     }
     .button-menu{
          display: block;
     }

     .footer-bot .link-footer a{
          font-size: 12px;
     }
     #container{
          padding: 0;
     }
     #header{
          width: 100%;
          position: relative;
          height: 80px;
          z-index: 10;
     }
     .menu-pc{
          position: absolute;
          display: none;
          text-align: center;
          z-index: 1;
          top: 80px;
          left: 0;
     }
     .menu-pc > ul > li > a{
          padding: 8px 0px;
     }
     .sub-menu-pc{
          padding: 7px 0;
     }
     .sub-menu-pc > li > a{
          display: inline-block;
     }
     .social-language{
          padding: 0;
          border-bottom: 0px;
          bottom: 25px;
          left: auto;
          right: 20px;
          width: auto;
     }
     .social-language .social{
          display: none;
     }
     .language-search{
          width: auto;
     }
     .language-search a.search{
          margin: 0 0 0 13px;
     }
     .language-search a.language{
          margin: 0 13px 0 0;
     }
     .language-search .line{
          display: inline-block;
          height: 30px;
     }
     .logo{
          padding: 12px 0 0 0;
     }
     .language-search a,
     .social a{
          display: inline-block;
          width: 30px;
          height: 30px;
          background: url(assets/images/icon-social-mb.png) no-repeat left top;
     }
     .language-search a.language.vi{
          background-position: -150px 0px;
     }
     .language-search a.language.en{
          background-position: 0px 0px;
     }
     .language-search a.search{
          background-position: -30px 0px;
     }
     .social a.facebook{
          margin-left: 0;
          background-position: -60px 0px;
     }
     .social a.twitter{
          margin-left: 8px;
          background-position: -90px 0px;
     }
     .social a.google{
          margin-left: 8px;
          background-position: -120px 0px;
     }
     .language-search a.language.en:hover{
          background-position: 0px -30px;
     }
     .language-search a.language.vi:hover{
          background-position: -150px -30px;
     }
     .language-search a.search:hover{
          background-position: -30px -30px;
     }
     .social a.facebook:hover{
          background-position: -60px -30px;
     }
     .social a.twitter:hover{
          background-position: -90px -30px;
     }
     .social a.google:hover{
          background-position: -120px -30px;
     }
     .menu-pc > ul > li .social{
          display: block;
     }
     .pc{
          display: none;
     }
     .mb{
          display: block;
     }
     /* Homepage */
     .activitie-all .activitie-item,
     .highlight-page .highlight-item{
          width: 47.917%;
     }
     .footer-top-item.lh{
          width: 100%;
          margin: 37px 0 0 0;
     }
     .footer-top-item.vd{
          width: 48.936%;
          float: right;
          margin: 0;
     }
     .footer-top-item.ha{
          width: 48.936%;
          float: left;
          margin-right: 2.13%;
     }
     .note-banner .note-banner-info{
          font-size: 28px;
          line-height: 32px;
     }
     /* Homepage */
     /* Nguồn Nhân Lực */
     .human-training .human-training-item,
     .human-treatment .human-training-item{
          width: 48.936%;
     }
     .human-training .human-training-item:first-child,
     .human-treatment .human-training-item:first-child{
          width: 48.936%;
     }
     .human-training-item .human-training-mini{
          width: 100%;
          margin: 23px 0 0 0;
     }
     .human-training-item .human-training-mini:first-child{
          margin: 0 0 0 0;
     }
     /* Nguồn Nhân Lực */
     /*Lĩnh vực mía đường*/
     .content-page .content-left{
          width: 100%;
          padding-bottom: 40px;
     }
     .content-page .content-right{
          width: 100%;
          padding-left: 0;
     }
     .content-page .content-left .box-left{
          padding-right: 0;
     }
     .block-news .item-news,
     .block-video,
     .block-events .new-events img{
          width: 48.387%;
          padding-top: 0;
          border-top: none;
     }
     .block-news .item-news{
          padding: 15px 0;
     }
     .block-video{
          float: none;
          display: inline-block;
     }
     .block-events .new-events a{
          width: 48.387%;
     }
     .block-events .new-events a img{
          width: 100%;
     }
     .itev{
          margin-top: 28px;
     }
     .wrap-itns{
          margin-top: -7px;
     }
     .news-detail .block-news,
     .news-detail .block-events{
          padding: 0 10px;
     }
     /*End lĩnh vực mía đường*/
     /*Detail Tuyển Dụng*/
     .block-file a{
          width: 48.936%;
     }
     .block-file a:first-child{
          margin: 0;
     }
     /*Detail Tuyển Dụng*/

     /* SCOPE small display*/
     .zacc { display: none; }
     /* end SCOPE small display*/

     /* FRAMEWORK_ORGANIZATIONT small display 1023px*/

     .wrap-ct .content-page.fw-or .member-company .item-comp img {  }
     /* end FRAMEWORK_ORGANIZATIONT small display 1023px*/

     /*Giới thiệu MAIN*/
     .banner-about{
          height: 400px;
     }
     .banner-about .text-about,
     .banner-about.banner-about3 .text-about{
          width: 50%;
          text-align: justify;
     }
     .banner-about .tt1{
          text-align: left;
     }
     /*End Giới thiệu MAIN*/
     /*Nông Sản*/
     .tb-agri1 .col-sc{
          white-space: normal;
     }
     /*End Nông Sản*/
}
@media (max-width: 860px){
     .section span{
          width: 130px;
     }

     /* ABOUT SMALL DISPLAY */
     .banner-about.banner-about3 .tt1 span { display: inline-block; }
     .banner-about.banner-about3 .tt1 span.cl-1a { display: none; }
     /* end ABOUT SMALL DISPLAY */
}
@media (max-width: 768px){
     .wrap-ct .content-page.fw-or .boar-organi { padding: 0 10px;}
     .list-site > li{
          width: 33%;
     }
     .scale-operation .table-sc.tb-agri .col-sc{
          display: table-cell;
          padding-right: 10px;
     }
     .num-land .num{
          font-size: 54px;
          line-height: 46px;
     }
     .video-container{
         padding-bottom: 57.5%;
     }
     .search-left-ct,
     .search-right-ct{
          float: none;
          width: 100%;
     }
     .search-left-ct{
          margin-top: 20px;
          padding-top: 20px;
          border-top: 1px solid #dedede;
     }
     .section span{
          width: 170px;
     }
     .mgt-spec1{
          margin-top: 0;
     }
     .mgt-spec2{
          margin-top: 0;
     }
     .mgt-spec3{
          margin-top: 0;
     }
     .mgt-spec4{
          margin-top: 0;
     }
     .mgt-spec5{
          margin-top: 0;
     }
     .mgt-spec6{
          margin-top: 0;
     }
     .mgt-spec7{
          margin-top: 0;
     }
     .mgt-spec8{
          margin-top: 0;
     }
     .mgt-spec9{
          margin-top: 0;
     }
     .rank1.more{
          /*margin-top: -20px;*/
          float: left;
     }
     .view-right .rank1 > li > .section{
          margin-left: 55px;
     }
     .view-right .rank2 li .section{
          margin-left: 27px;
     }
     .view-right .rank2{
          padding-left: 27px;
          margin-bottom: -25px;
     }
     
     .chart-par > li:last-child > .rank1 > li:before{
          right: auto;
          left: -3px;
     }
     .line-row{
          display: none;
     }
     /*.department{
     }*/

     /* SCOPE small display */
     /*.sugar .wrap-ct { padding: 0px 70px; }*/
     .sugar .wrap-ct .content-page .ct-min .ct-sug-img { width: 220px; overflow: hidden; text-align: right; }
     .sugar .wrap-ct .content-page .ct-min-1 .ct-text { margin-left: 240px; }
     .sugar .wrap-ct .content-page .ct-min-2 .ct-text { margin-right: 240px; }
     .sugar .wrap-ct .content-page .ct-min .line { display: none; }
     .sugar .wrap-ct .content-page .ct-min .ct-main-trim { margin: 0; }
     /* end SCOPE small display */

     /* ABOUT small display */
     .sugar .banner-about .wrap-ct { padding: 0px 40px; }
     .banner-about .tt1{ font-size: 21px; line-height: 25px; letter-spacing: -0.1px;}
     /*.banner-about .text-about { width: 55%; }*/
     .banner-about.banner-about3 .tt1 br { display: none; }
     .banner-about.banner-about3 .tt1 span { display: block; }
     .banner-about.banner-about3 .tt1 span.cl-1a { display: none; }
     .banner-about.banner-about4 .text-about { width: 52%; }
     
     /* end ABOUT small display */

     /* FRAMEWORK_ORGANIZATIONT small display 768px*/
     .wrap-ct .content-page.fw-or { padding: 0 40px; }
     .wrap-ct .content-page.fw-or .nav { width: 100%; }
     .wrap-ct .content-page.fw-or .nav li { width: 25%; text-align: center; }
     .wrap-ct .content-page.fw-or .nav li a { line-height: 18px; padding: 20px 0px 22px; font-size: 13px; }

     .wrap-ct .content-page.fw-or .member-company { padding: 34px 0; }
     .wrap-ct .content-page.fw-or .member-company .item-comp { width: 31.05%; margin-left: 3.4%; }
     .wrap-ct .content-page.fw-or .member-company .item-comp:nth-child(4n+1) { margin-left: 3.4%;}
     .wrap-ct .content-page.fw-or .member-company .item-comp:nth-child(3n+1) { margin-left: 0%;}
     .wrap-ct .content-page.fw-or .member-company .item-comp img { top: 0; }
     .wrap-ct .content-page.fw-or .member-company .item-comp p { position: static; padding: 6px 0; display: block; background: #00497b; }
     .wrap-ct .content-page.fw-or .member-company .item-comp:hover img.img-per { top: 0px;
          -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
          -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
     /* end FRAMEWORK_ORGANIZATIONT small display 768px*/

     .form-contact{
          padding-right: 0;
     }
     .form-contact .add{
          width: 100%;
          position: relative;
          border-top: 1px solid #f1f1f1;
          padding-top: 34px;
          margin-top: 28px;
     }
     .contact-tt{
          margin-bottom: 4px;
     }
}
@media (max-width: 767px){
     .detail-gallery,
     .wrap-gallery{
          padding: 0 10px;
     }
     .hide-mb{
          display: none;
     }
     .human-policy,
     .human-training,
     .human-treatment,
     .human-policy:first-child{
          padding-left: 10px;
          padding-right: 10px;
     }
     .human-mini-all .info-train-mini{
          font-size: 15px;
          line-height: 21px;
     }
     .news-detail-page{
          padding: 0 10px;
     }
     .news-sectors{
          /*border-bottom: 1px solid #f1f1f1;*/
     }
     .block-news .item-news{
          border-bottom: 1px solid #174874;
     }
     .sugar.ttuu::before{
          background: #fff !important;
     }
     .his-item{
          padding-left: 122px;
     }
     .his-item .ar{
          left: 110px;
     }
     .sub-menu-pc > li{
          margin-top: 5px;
     }
     .sub-menu-pc{
          padding: 8px 0 10px 0;
     }
     .language-search .line{
          display: none;
     }
     .language-search a.language,
     .language-search a.search{
          margin: 0 1px;
     }
     .home-highlight .tit.al-left{
          margin-bottom: 10px;
     }
     .note-banner-mb .tit-mb span{
          font-family: 'VIE-AvantGarde';
     }
     .note-banner-mb .tit-mb span > span{
          font-family: 'VIE-AvantGardeDemibold';
     }
     .info-content{
          display: none;
     }
     .block-video{
          position: relative;
          width: 100%;
     }
     .block-video iframe{
          height: 300px;
     }
     .gr-ctact,
     .highlight-page{
          display: block;
     }
     .gr-ctact.tablet,
     .highlight-page.tablet{
          display: none;
     }
     .search-position{
          padding: 0;
     }
     .box-select div.selector span{
          background: transparent url("assets/images/icon-arr-select.png") no-repeat scroll 95% center;
     }
     .bd-std{
          margin-top: 7px;
          position: relative;
          padding-right: 124px;
     }
     .search-position .box-select{
          position: static;
          float: left;
          width: 100%;
     }
     .search-position .btn-search{
          position: absolute;
          right: 0;
          top: 0;
     }
     .block-tag{
          display: none;
     }
     .news-item{
          width: 100%;
     }
     .footer-bot .link-footer a{
          margin-left: 0;
          margin-right: 15px;
          font-size: 12px;
     }
     .wrap-ct.mb-wr{
          padding: 0 10px;
     }
     .footer-bot .link-footer{
          float: none;
          margin-bottom: 2px;
     }
     .content-page{
          padding: 20px 30px 45px 20px;
     }
     .content-his{
          padding-left: 12px;
          padding-top: 30px;
          padding-bottom: 50px;
     }
     .his-item .text{
          padding-top: 12px;
     }
     .his-item .text img{
          margin: 0 0 15px 0;
          width: 100%;
     }
     .his-item .year{
          display: none;
     }
     .his-item .year-mb{
          display: block;
          font-size: 18px;
          color: #073768;
          font-family: 'VIE-AvantGardeDemibold';
          border-bottom: 1px solid #bfbfbf;
          padding-bottom: 10px;
          margin-bottom: 12px;
     }
     .scale-operation  .table-sc.tb-energy .three-col2{
          text-align: center;
          display: table-cell;
          width: auto;
          padding-left: 20px;
     }
     .scale-operation  .table-sc.tb-energy .larg-num{
          display: inline-block;
          line-height: 40px;
     }
     .scale-operation  .table-sc.tb-energy .three-col3{
          padding: 20px;
          display: table-cell;
          width: auto;
     }
     .scale-operation  .table-sc.tb-energy .three-col3 .item-scale{
          padding: 0;
     }
     .scale-operation .table-sc.tb-energy .larg-num{
          font-size: 60px;
     }
     .scale-operation .table-sc.tb-energy.tab3 .three-col3 .item-scale .sub{
          font-size: 20px;
     }
     .scale-operation .table-sc.tb-energy.tab3 .three-col2 .item-scale{
          font-size: 18px;
     }
     .three-col1,
     .three-col3{
          text-align: center;
     }
     .scale-operation .three-col2 .item-scale{
          text-align: center;
     }
     .three-col3{
          padding: 20px 0;
     }

     .list-site > li{
          width: 49%;
     }
     .activitie-all .activitie-item .f-tt br{
          display: none;
     }
     .activitie-all .activitie-item .desc{
          margin-bottom: 40px;
     }
     .activitie-all .activitie-item .f-tt{
          line-height: 42px;
     }
     .home-activitie{
          /*padding: 4px 0 52px 0;*/
     }
     /*Lĩnh vực mía đường*/
     .block-news .item-news,
     .block-events .new-events img,
     .tab-ns .item-ns{
          width: 100%;
     }
     .tab-ns .img-ns{
          height: auto;
     }
     .scale-operation .table-sc .col-sc{
          display: block;
          width: 100%;
     }
     .scale-operation .table-sc.first{
          margin-top: 0;
     }
     .scale-operation .table-sc.first .col-sc{
          margin-top: 20px;
     }
     .block-events .new-events a{
          width: 100%;
     }
     .itev.mr20{
          margin-right: 0;
     }
     /*End lĩnh vực mía đường*/
     /* Homepage */
     #home-mobile-banner{
          display: block;
     }
     .activitie-all .activitie-item,
     .highlight-page .highlight-item{
          width: 100%;
          margin: 20px 0 0 0;
     }
     .activitie-page,
     .highlight-page{
          padding: 0 30px;
     }
     .footer-top-item.vd,
     .footer-top-item.ha{
          width: 100%;
          margin: 0 0 0 0;
          float: left;
     }
     .footer-top-item.vd{
          margin: 36px 0 0 0;
     }
     #home-banner{
          display: none;
     }
     /* Homepage */
     /* Nguồn Nhân Lực */
     .human-training .human-training-item,
     .human-treatment .human-training-item{
          width: 100%;
          text-align: center;
          margin: 0;
     }
     .human-training .human-training-item:first-child,
     .human-treatment .human-training-item:first-child{
          width: 100%;
     }
     .human-training-item .human-training-mini:first-child{
          margin: 22px 0 0 0;
     }
     /* Nguồn Nhân Lực */
     /*Góc báo chí*/
     .tab-ns .item-ns:first-child .img-ns,
     .tab-ns .item-ns:first-child .desc-ns{
          width: 100% !important;
          text-align: center;
     }
     .tab-ns .item-ns:first-child a{
          margin-top: 16px !important;
     }
     .paper-media .tab-ns{
          display: table;
          width: 100%;
     }
     .paper-media .tab-ns .img-ns{
          display: table-cell;
         vertical-align: middle;
         width: 28.9286%;
     }
     .paper-media .tab-ns .img-ns img{
          display: block;
          width: 100%;
     }
     .paper-media .tab-ns .desc-ns{
          display: table-cell;
          font-family: ''Roboto', sans-serif';
          padding-left: 4.2857%;
          vertical-align: middle;
          width: 71.0714%;
          text-align: left;
          height: auto;
          min-height: 0;
     }
     .news-sectors .tab-ns{
          margin-top: 0;
     }
     .paper-media .tab-ns .item-ns{
           border-bottom: 1px solid #f1f1f1;
           margin-top: 20px;
           padding: 0 0 20px 0;
     }
     .paper-media .tab-ns .item-ns .desc-ns .text-rb{
          display: none;
     }
     .paper-media .tab-ns .item-ns:first-child .desc-ns .text-rb{
          display: block;
     }
     .paper-media  .tab-ns .item-ns:first-child a{
          color: #000000;
          font-family: 'Roboto', sans-serif;
     }
     .paper-media  .tab-ns .item-ns a{
         line-height: 19px;
         font-size: 13px;
          color: #333333;
          margin-top: 0;
          font-family: ''Roboto', sans-serif';
     }
     /*End góc báo chí*/
     /*Tuyển dụng*/
     .table-position .td-two{
          width: 100%;
          height: auto;
          padding: 16px 0 17px 0;
          border-right: none;
     }
     .table-position .td-one,
     .table-position .td-three,
     .table-position .td-four{
          display: none;
     }
     .table-position .info-more{
          display: block;
     }
     .position-all .block-file{
          border-bottom: 1px solid #e8e8e8;
          padding-bottom: 40px;
     }
     .position-all .page.mt35{
          margin-top: 0 !important;
     }
     .position-all .page .pagination{
          border-top: 1px solid #e8e8e8;
          padding-top: 35px;
     }
     /*Tuyển dụng*/
     /*Detail Tuyển Dụng*/
     .block-file a{
          margin: 10px 0 0 0%;
          width: 100%;
     }
     .block-file a:first-child{
          margin: 0;
     }
     .info-position ul{
          width: 100%;
          border: 0;
          margin: 0;
          border-top: 1px solid #c9c9c9;
     }
     .info-position ul:first-child{
          border-top: 0;
     }
     .info-position ul li,
     .info-position ul:first-child li{
          padding: 15px 0 16px 0;
     }
     .time-share .times{
          display: none;
     }
     .news-detail-page .times-mb{
          display: block;
     }
     /*Detail Tuyển Dụng*/
     /*contact*/
     .form-contact .add{
          /*position: relative;
          width: 100%;
          margin-top: 50px;*/
     }
     .form-contact{
          padding: 0;
     }
     /*end contact*/

     /* SCOPE small display*/
     /*.sugar .content-page { padding-top: 9px; }*/
     .sugar .content-page.scp { padding: 9px 10px 0; }
     .sugar .wrap-ct { padding: 0px 10px; }
     .sugar .wrap-ct .ct-min { width: 100%; }
     .sugar .wrap-ct .content-page .ct-min .ct-sug-img { position: static; width: 100%; text-align: center }
     .sugar .wrap-ct .content-page .ct-min .ct-sug-img a:nth-child(1) { display: none; }
     .sugar .wrap-ct .content-page .ct-min .ct-sug-img a:nth-child(2) { display: block; }
     .sugar .wrap-ct .content-page .ct-min .ct-sug-img a:nth-child(2) img { width: 100%; }

     .sugar .wrap-ct .content-page .ct-min .ct-text { margin: 0 0 0; padding: 0px 13px 0; border-top: 1px solid #E6E6E6; }
     .sugar .wrap-ct .content-page .ct-min .ct-text .ct-title { margin-top: 11px; font-size: 15px; }
     .sugar .wrap-ct .content-page .ct-min { padding: 0 0 16px; border: 1px solid #E6E6E6; box-shadow: 0px 4px 5px #e6e6e6;}
     .sugar .wrap-ct .content-page .ct-min { margin: 15px 0; }
     /*end SCOPE small display*/

     /* ABOUT small display */
     .sugar .banner-about { padding-top: 9px; height: 100%; }
     .sugar .banner-about .wrap-ct { padding: 0px 10px; }
     .sugar .banner-about .ct-img { display: block; }
     .sugar .banner-about.banner-about1,
     .sugar .banner-about.banner-about2,
     .sugar .banner-about.banner-about3,
     .sugar .banner-about.banner-about4,
     .sugar .banner-about.banner-about5,
     .sugar .banner-about.banner-about6 { background: none; }
     .sugar .banner-about .text-about {width: 100%;border: 1px solid #E6E6E6;/* box-shadow: 0px 4px 5px #e6e6e6; */margin: 15px 0;padding-bottom: 20px;background: white;}
     .sugar .banner-about .text-about .ct-img { width: 100%; text-align: center; overflow: hidden; }
     .sugar .banner-about .text-about .ct-img a img { width: 100%; }
     .sugar .banner-about .text-about .ct-text > img { display: none; }
     .sugar .banner-about .text-about .banner-desc { color: #797979; padding-top: 9px; text-align: justify;}
     .sugar .banner-about .tt1 {font-size: 15px;line-height: 21px;color: #00497b;padding-bottom: 10px;text-shadow: none;}
     .sugar .banner-about .tt1 br { display: none; }
     .sugar .banner-about .tt1 span { color: #00497b; }
     .sugar .banner-about .ct-text {margin: 20px 0px 0px; padding: 0px 13px; }
     .banner-about .more-text a {color: #333;margin: 0;}
     .sugar .banner-about .more-text { margin-top: 10px; }
     .sugar .banner-about .more-text {height: 20px;display: inline-block;color: #000;}
     .sugar .banner-about .more-text:hover { color: #e52224; background: url(../images/bg/bg-view-more-hv2.png) no-repeat left 11px; }
     .sugar .banner-about.banner-about3 .tt1 br { display: none; }
     .sugar .banner-about.banner-about3 .tt1 span { display: inline; }
     .sugar .banner-about.banner-about6 { padding-bottom: 35px; }
     .sugar.home .banner-about .more-text{
          background: none;
          margin: 0;
          height: auto;
          padding: 0;
     }
     .sugar.home .banner-about .more-text a{
          color: #000;
          background: url(../images/bg/bg-view-more.png) no-repeat left 9px;
     }
     .sugar.home .banner-about .more-text a:hover{
          color: #e52224;
          background: url(../images/bg/bg-view-more-hv2.png) no-repeat left 9px;
     }
     /* end ABOUT small display */

     /* MEMBER_COMPANY*/
     .wrap-ct .content-page .content-left.mb-ct .title-page { line-height: 30px; }
     .tour-member.member-company .item-comp.w-at{
          width: 33.33%;
          text-align: center;
          padding: 0 5px;
     }
     .tour-member.member-company.mb-ns .item-comp.w-at{
          width: auto;
     }
     /* end MEMBER_COMPANY*/

     /* FRAMEWORK_ORGANIZATIONT small display 767px*/
     .sugar .wrap-ct { padding: 0; }
     .sugar .content-page.fw-or { padding: 0 0px; }
     .wrap-ct .content-page.fw-or .member-company { padding: 0 10px; }
     .wrap-ct .content-page.fw-or .member-company .item-comp { width: 48.5%; margin: 23px 0 5px 3%; }
     .wrap-ct .content-page.fw-or .member-company .item-comp:nth-child(2n+1),
     .wrap-ct .content-page.fw-or .member-company .item-comp:nth-child(3n+1),
     .wrap-ct .content-page.fw-or .member-company .item-comp:nth-child(4n+1) { margin-left: 0; }
     .wrap-ct .content-page.fw-or .member-company .item-comp:nth-child(6n+4) { margin-left: 3%; }

     .wrap-ct .content-page.fw-or .member-company .item-comp img { width: 100%; }
     .wrap-ct .content-page.fw-or .member-company .item-comp p {padding: 3px 0; font-size: 9px; line-height: 15px;}
     
     .wrap-ct .content-page.fw-or .nav { width: 100%; }
     .wrap-ct .content-page.fw-or .nav li { width: 50%; }
     .wrap-ct .content-page.fw-or .nav li a { text-align: center; font-size: 11px; color:#797979; padding: 20px 20px 22px; }
     .wrap-ct .member-company { padding: 34px 10px 0;}

     .wrap-ct .content-page.fw-or .nav li a:hover { color: #fff; background: #003768; padding-bottom: 18px; }
     .wrap-ct .content-page.fw-or .nav li a.selected { color: #fff; background: #003768; padding-bottom: 18px;}
     /* end FRAMEWORK_ORGANIZATIONT small display 767px*/
     /*Tin tức TTC*/
          .tab-ns .item-ns .desc-ns a{
               min-height: 0;
          }
          .table-position tr.first .td-two{
               display: none;
          }
     /*End Tin tức TTC*/
}
@media (max-width: 640px){
     .home-logo{
          padding: 20px 0;
     }
     .wrap-ct .content-page.fw-or .boar-organi{
          padding: 0;
     }
     .highlight-item .tit-high{
          min-height: inherit;
     }
     .scale-operation .table-sc.tb-agri .col-sc{
          display: inline-block;
          padding-right: 0;
     }
     .tablet-left{
          width: auto;
          float: none;
     }
     .wrap-ct .content-page .content-left.mb-ct .mb-ns{
          margin-right: 20%;
     }
     .ip-sea,
     .ip-date{
          width: 100%;
     }
     .ip-date{
          margin-top: 9px;
     }
     .block-news .link-view-more span,
     .block-news .link-view-more:hover span{ 
          color: #fff;
          background: transparent url("../images/bg/bg-more-banner.png") no-repeat scroll left center;
     }
     .block-news{
          padding: 30px 10px;
          background: #003768;
          color: #fff;
     }
     .block-news .title-page{
          color: #fff;
     }
     .block-news .item-news .name-news a:hover,
     .block-news .item-news .name-news a{
          color: #fff;
     }
     .content-page.position,
     .content-page{
          padding: 30px 10px 30px;
     }
     .activitie-page, 
     .highlight-page,
     .wrap-ct{
          padding: 0 10px;
     }
     .boar-organi{
          width: 260px;
          margin: 0 auto;
     }
     .boar-organi li.hd-img{
          position: relative;
          text-align: center;
          width: 100%;
     }
     .boar-organi li.hd-img:before{
          content: " ";
          position: absolute;
          left: 0;
          width: 30px;
          height: 100px;
          border-top: 1px solid #a8a8a8;
          border-left: 1px solid #a8a8a8;
          top: 60%;
     }
     .boar-organi li.hd-img:not(:first-child):before{
          width: 50px;
     }
     .boar-organi li.hd-img:not(:first-child):after{
          content: " ";
          position: absolute;
          top: auto;
          left: 0;
          width: 50px;
          height: 100px;
          border-bottom: 1px solid #a8a8a8;
          border-left: 1px solid #a8a8a8;
          bottom: 60%;
     }
     .boar-organi li.hd-img.no-bf:before{
          display: none;
     }
     /*.boar-organi li.hd-img:after{
          content: " ";
          position: absolute;
          top: 0;
          left: 0;
     }*/
     
}
@media (max-width: 480px){
     #sync2{
          margin-top: 0;
     }
     .tb-agri1 .three-col3{
          padding-left: 0;
     }
     .tb-agri1 td.num-tour,
     .tb-agri2 td.col4,
     .tb-agri3 td.col3 span.l-size{
          font-size: 50px;
     }
     .tb-agri2 td.col1{
          padding: 0 30px 0 10px;
     }
     .social-re li{
          width: 100%;
     }
     /* MEMBER_COMPANY*/
     .wrap-ct .content-page .content-left.mb-ct .title-page { font-size: 18px; line-height: 23px; }
     /* end MEMBER_COMPANY*/
     .gl-item{
          width: 100%;
          margin-bottom: 23px;
     }
     .gl-row{
          margin-bottom: 0;
     }
     .scale-operation .table-sc.tb-energy .three-col3.mw{
          width: 175px;
     }
     .investor-news .row-flex {
          display: block;
     }
}
@media (max-width: 360px){

     .tb-agri3 td.col3{
          padding: 20px;
     }
     .block-video iframe{
          height: 200px;
     }
     .tour .item-scale.o-two img{
          width: 75px;
     }
     .num-tour .min-num .num{
          font-size: 27px;
     }
     .list-site > li{
          width: 100%;
     }
     .item-scale.o-two img{
          width: 100px;
     }
     .number.font40{
          font-size: 37px;
     }
     .num-land .num{
          font-size: 40px;
          line-height: 40px;
     }
     .tour-member.member-company .item-comp.w-at{
          width: 50%;
          text-align: center;
          padding: 0 5px;
     }
}

.wp-pagenavi {
    display: flex;
    justify-content: center;
    align-items: center;
}
.wp-pagenavi a {
    width: 26px;
    height: 26px;
    border: 1px solid #11268f;
    text-align: center;
    line-height: 26px;
    color: #11268f;
    margin: 0 3px;
}
.wp-pagenavi span.current {
    width: 26px;
    background: #11268f;
    height: 26px;
    line-height: 26px;
    text-align: center;
    margin: 0 3px;
    color: white;
}