@font-face {
    font-family: SVN-Mikado;
    src: url(../fonts/SVN-Mikado-old.otf);
  }
  

  .line-green{
    text-align: left;
}
  /* block chính sách bảo vệ môi trường */
.blockNhom1{
    padding: 2 !important;
}

/* block 7 đặc điểm tin tức */
.blockNhom2{
    padding: 0 !important;
}
.blockNhom2 .text{
    font-size: 14px;
    text-align: justify;
}
.blockNhom2 .body-content{
    border: 1px solid #dfdada;
    border-radius: 25px;
    padding: 20px 60px 20px 60px;
}

/* block hiện thực  */
.blockNhom3{
    padding: 1% 0 1% 0!important;
}
.blockNhom3 .body-content{
    background: #62BD70;
    /* border: 1px solid #dfdada; */
    border-radius: 25px;
}
.blockNhom3 .body-content-sub1{
    padding: 20px 45px 20px 45px;
    text-align: justify;
    font-size: 14px;
    color: #fff;
}
.blockNhom3 .body-content-sub2{
    padding: 20px
}
.blockNhom3 .text p{margin: 0px;}
/* block 3 hình tiêu đề giữa  */
.blockNhom4{
    padding-top: 1% !important;
}
.blockNhom4 .body-content{
    background: #62BD70;
    /* border: 1px solid #dfdada; */
    border-radius: 25px;
}
.blockNhom4 .body-content-sub1{margin: auto;float: none;padding: 10px;}
.blockNhom4 .body-content-sub2{padding: 15px;  }
.blockNhom4 .item-content{padding: 15px;  background: #fff;}
.blockNhom4 .text{text-align: justify;font-size: 14px;}
.more{text-align: right;font-style: italic;}
.more a{ color: rgb(255, 27, 27);}

.blockNhom4 .body-content-listitem{padding:0 20px 20px 20px;display: flex;}

.block-footer{
    background-color: #1f76d3;
    width: 100%;
    display: inline-block;
    padding: 0px 20px 0px 20px;
}

.block-footer .noidung {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.5;
}

.footer-left,.footer-right{padding:10px 0}
.footer-right{text-align:right}
.footer a{color:#fff}
.footer a  img{margin:7px 0px}
.icon-lien-he-zalo{background:url(../image/icon-hutech.png) no-repeat scroll -743px -113px transparent;height:25px;width:25px}
.icon-lien-he-instagram{background:url(../image/icon-hutech.png) no-repeat scroll -774px -113px transparent;height:25px;width:25px}
.icon-lien-he-tiktok{background:url(../image/icon-hutech.png) no-repeat scroll -804px -113px transparent;height:25px;width:25px}
.icon-lien-he-facebook{background:url(../image/icon-hutech.png) no-repeat scroll -835px -113px transparent;height:25px;width:25px}
.icon-lien-he-twice{background:url(../image/icon-hutech.png) no-repeat scroll -866px -113px transparent;height:25px;width:25px}
.icon-lien-he-youtube{background:url(../image/icon-hutech.png) no-repeat scroll -897px -113px transparent;height:25px;width:25px}
.icon-lien-he-google{background:url(../image/icon-hutech.png) no-repeat scroll -312px -151px transparent;height:25px;width:25px}
.icon-lien-he-blog{background:url(../image/icon-hutech.png) no-repeat scroll -368px -151px transparent;height:25px;width:25px}
.icon-lien-he-tum{background:url(../image/icon-hutech.png) no-repeat scroll -397px -151px transparent;height:25px;width:25px}

header {
    background: #fff;
    border-bottom: 2px solid #0063af;
    padding: 5px 0 !important;
}
hr {
    border-color: #000;
}
#navbar-content {
    /*padding: 10px 0;*/
}

#logo,#logoNhatBan {
    width: 250px;
}

#logoNhatBan {
    padding: 0 0 0 5px;
}

#logoKit {
    width: 100px;
}

#logoKit {
    padding: 0 0 0 5px;
}

.navbar-nav {
    background: #fff;
    padding: 2% 0 0 0;
}

.navbar {
    margin-bottom: 1px;
}

.is--fixed {
    padding-top: 0.2%;
}

.footer {
    /*background: #1f76d3 url("../image/components/Dia-chi.png") no-repeat scroll center 0;*/
    background-color: #1f76d3;
    background-size: 100% auto;
    /*height:149px;*/
    width: 100%;
    color: #fff;
    padding: 10px 0;
}

.menuHeader {
    padding: 10px 0 0 0;
}

.nopadding {
    padding: 0;
}

.content {
    background: #fff url("../image/components/banner.jpg") no-repeat scroll center 0;
    padding: 36% 0 0;
    background-size: 100% auto;
    /*border-top: 2px solid #0063af;
    margin: 5% 0 0 0;*/
}

@media (max-width: 768px) {
    .content {
        margin: 13% 0 0;
    }
}

@media (max-width: 900px) {
    .nav > li > a {
        padding: 10px 8px;
    }
}

a.btndangky {
    background-color: #e20000;
    color: #fff;
    font-size: 20px;
    height: auto;
    text-transform: uppercase;
    width: 80%;
    margin: 5% auto;
}
.imgBackWhite {
    background-color: #fff;
}

.clockDangKy {
    /*background: #fff url("../image/components/banner-dang-ky-2.png") no-repeat scroll center 0;*/
    background-size: 100% auto;
    /*padding: 5% 0 8% !important;*/
}

.clockDangKy .noidung{
    margin: 2% auto !important;
}
.clockDangKy .noidung .left{
    padding: 0 0.7% 0 0;
}


.clockDangKy .noidung .left .title{
     background: #0063cd none no-repeat scroll center 0;
     padding: 0.5% 0;
    text-align: center;
    margin: 0 0 3%;
}

.clockDangKy h4{
     color: #ecf30f;
    font-weight: bold;
}

.clockDangKy .noidung .left .detail{
     text-align: left;
}

.clockDangKy .noidung .left .detail .xettuyen{
     width: 100%;
    color: #f67f39;
    text-align: center;
    font-weight: bold;
}

.clockDangKy .noidung .left .detail ul.bullet-red{
     padding: 0 0 0 3.5% !important;
}

.clockDangKy .noidung .right{
  
    text-align: center;
    color: #fff;
    padding: 0 3%;
}
.clockDangKy .noidung .right .title{
    background: #0063cd none no-repeat scroll center 0;
    padding: 0.5% 0;
    text-align: center;
}
.clockDangKy .noidung .right form{
    margin: 2% 0;
}

.clockVideo {
    background: #fff url("../image/components/bao-chi-noi-ve-hutech.jpg") no-repeat scroll center 0;
    background-size: 100% auto;
    height: auto;
    padding: 57% 0 0 !important;
}

.textinput {
    margin: 0 0 9px 0;
}

.btn-dangky {
    font-size: 20px;
    color: #000;
    margin: 2% 0;
    padding: 5px 40px;
}

.btn-yellow {
    background: #e10000;
    border: none;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #fff;
    margin: 2% 0 4%;
}

.btn-red {
    background: #e10000;
    border: none;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-red a {
    color: #fff !important;
}

.btn-yellow:hover,
.btn-yellow:focus {
    background: #e10000;
    color: #fff;
}

.btn-red:hover,
.btn-red:focus {
    background: #ac0000 !important;
}

.navbar-nav > li {
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    float: left;
}

.clockVideo iframe {
    margin: 0 0 4%;
    width: 25%;
    height: 200px;
}

.text-bold {
    font-weight: bold;
}

.dangkybanner {
    background-color: #ffff01;
    width: 281px;
    height: 57px;
    color: #000;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 3%;
    line-height: 42px;
}

.dangkybanner:hover {
    background-color: #dada3f;
    color: #000;
}

.clockButtonDangky {
    background: #1e5ce0  url("../image/components/dang-ky.jpg") no-repeat scroll center 0;
    background-size: 100%;
}

.clockButtonDangky a {
    background-color: #e20000;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    width: 26%;
}

.clockButtonDangky a:hover {
    background-color: #ac0000;
    color: #fff;
}

.blockTaiSaoChon {
     background: #fff url("../image/components/back-hethongthinghiem.jpg") no-repeat scroll center 0;
    background-size: 100% auto;
    height: auto;
    text-align: center;
    width: 100%;
    display: inline-flex;
}

.blockTaiSaoChon .noidung {

}

.clockTaiSaoChon .text {
    color: #fff;
    padding: 0 10px;
    text-align: center;
}

a.circle-service {
    border-radius: 100%;
    margin: 0 12px 5px 0;
    padding: 0;
    border-radius: 100%;
    border: 0;
}

a.circle-service img {
    cursor: default;
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a.circle-service:hover {
    background: black;
}

a.circle-service:hover img {
    opacity: 0.7;
}

.block {
    width: 100%;
    padding: 3% 0 2%;
    display: inline-block;
}

.blockContent {
    display: block;
    width: 1000px;
    margin: 0 auto;
}

.titleblock {
    font-size: 155%;
    text-transform: uppercase;
    color: #fff;
    background: #0063cd;
    padding: 1% 0;
    text-align: center;
}

.titlecontent {
    font-size: 160%;
    text-transform: uppercase;
    color: #13633D;
    width: 100%;
    text-align: center;
    margin: 0 0 3%;
    font-family: 'SVN-Mikado';
}

.blockLienHe {
   
}

.blockLienHe a {
    color: #000;
}

.blockLienHe h3 {
    font-size: 24px;
}

.blockhinhanh {

}

.blockhinhanh div {
    padding: 0;
    text-align: center;
    margin: 0 0 6px 0;
}

.blockhinhanh a {
    margin: 0;
}

.blockhinhanh a.circle-service {
    border-radius: 0;
}

.content .noidung {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
}
@media (max-width: 1000px) {
    body{
        font-size: 14px;
    }
    .block{
        padding: 1% 0 3%;
    }
    .content .noidung,.blockLyDo .noidung,.blockContent {
        width: 100% !important;
    }
    
    .titleblock,.titlecontent{
        font-size: 120% !important;
    }
    .clockButtonDangky a{
        font-size: 100% !important;
    }
    .blockDangkyTop{
        font-size: 100% !important;
        padding: 0;
    }
    .clockButtonDangky a{
    
        height: auto;
        padding: 0;
    }
    .clockVideo iframe{
        margin: 0 0 1%;
        height: auto;
    }
}

.blockPhuongThuc {
    background: #fff url("../image/components/phuongthuc/back.png") repeat scroll center 0;
    /*background-size: 100% auto;*/
    text-align: center;
    width: 100%;
    padding: 0;
}
.blockPhuongThuc .titlecontent{
    padding: 2% 0 0 0;
    margin: 0;
}


.blockBaoChi {
    background: #fff url("../image/components/baochi/back.jpg") no-repeat scroll center 0;
    background-size: 100% auto;
    text-align: center;
    width: 100%;
    padding: 0;
}
.blockBaoChi .titlecontent{
    padding: 2% 0 0 0;
    margin: 0;
}

.blockCoHoi {
    background: #fff url("../image/components/ky-nang-chuyen-nghiep.jpg") no-repeat scroll center 0;
    background-size: 100% auto;
    text-align: center;
    width: 100%;
}
.blockCoHoi .noidung {
    margin: 0% auto;
    display: inline-block;
}

.blockViecLam {
    background: #fff url("../image/components/dam-bao-viec-lam.jpg") no-repeat scroll center 0;
    background-size: 100% auto;
    text-align: center;
    width: 100%;
}
.blockViecLam .noidung {
    margin: 2% auto;
}

.blockLyDo {
    background: #fff url("../image/components/backlydo.jpg") no-repeat scroll center 0;
    background-size: 100% auto;
    text-align: center;
    width: 100%;
}
.blockLyDo .noidung {
    font-size: 18px;
    margin: 0 auto;
    text-align: left;
    width: 38%;
}
.list-group-item{
    border: 0;
}
.label-green {
    background-color: #04a684;
    font-size: 100%;
    margin: 0 1% 0 0;
}

a.circle-service-cohoi {
    margin: 0 1px 6px;
    padding: 0;
    border: 0;
}

a.circle-service-cohoi img {
    cursor: default;
    display: block;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a.circle-service-cohoi:hover {
    background: black;
}

a.circle-service-cohoi:hover img {
    opacity: 0.7;
}

.nganhmon{
    margin: 2% 0 0 0 ;
    text-align: left;
}
.nganhmon .title2{
    padding: 2% 0;
    text-align: center;
    background-color: #04a684;
    color: #fff;
    font-weight: bold;
}
.bullet-red {
    color: red;
    display: inline-block;
    height: 5px;
    padding: 5% 0 0 8%;
}
.bullet-red span{
    color: #000;
}
.blockDangkyTop {
        font-size: 140%;
    margin: 0 0 14% 62%;
    width: 17%;
    height: auto;
}

/* ------------------ */

.loganBanner{
    width: 100%;
    background: #0063be;
    text-align: center;
    color: #fff;
    padding: 1% 0
}

.blockimg{
    padding:2% 0 4%;
    width: 100%;
    display: inline-block;
}
.padding-top-280px{
padding-top:22%;
padding-bottom:15px;
}