@import url("css/bootstrap.min.css");
@import url("css/awesome_font.css");

body{
    /* font-family: 'Roboto Condensed', sans-serif !important; */
    font-family: 'Roboto', sans-serif;
    max-width: 1600px;
    min-width:1366px !important;
    margin: 0 auto!important;
    
}

img{
    max-width:100%;
}
    
.header-margin{
	margin: 30px 100px 30px 100px;
}
.header-padding{
	padding-left: 0!important;
}
.header-logo {
	float: left;
}
.header-logo-text {
    text-transform: uppercase;
    font-size: 29px;
    font-weight: bold;
    color: rgba(0, 57, 130, 0.988);
    margin: 10px 0 0 35px;
}
.header-right{
	position: absolute;
    bottom: 10px;
    padding: 5px;
    border-bottom: solid 3px #d7d6dc;
    right: 0;
}
.header-right a{
    text-decoration:none;    
}
.header-right a:hover{
    opacity:0.5;
}
.menu-header {
	background-color: #06558b;
	border-bottom: solid 10px #bccadc;
	
}
.menu-header-margin {
	margin-left: 100px;
    background-color: #06558b;
}
.menu-header .menu-text {
	font-size: 18px;
	padding: 0;
}

.navbar .navbar-nav a {
	color:  #fff!important;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 38px;
    display:block;
}
.menu-text li {
	border-right: solid 1px #fff;
	
}
.menu-text li.end-menu {
	border-right: 0;
}
.menu-text li a{
	font-size: 25px;
	color: #fff;
    font-weight: bold;
    line-height: 85px;
    padding-top: 0;
    padding-bottom: 0;
}
.menu-text .home {
	background-color: #e56004;
    border: 0;
    padding: 0 15px;
}
.main{
	margin-left: 35px;
    margin-right: 35px;
    margin-top: 35px;
}
.row{
	margin-right: 0;
    margin-left: 0;
}
.first-content {

}

/* page gioi thieu*/

.gioithieu {

}
.logo-gioithieu {
	padding-right: 3px;
	padding-left: 0;
}   
.title-gioithieu {
	color: #e5630c;
	padding: 5px 5px 0 5px;
}
.title-gioithieu h4{
	font-size: 27px;
	font-weight: bold;
}
.title-gioithieu p{
	font-weight: 700;
}
.border-gioithieu{
    margin-top: 25px;
    background-color: #e5630c;
    height: 4px;
    width: 90%;
    display: inline-block;
}
.text-content-gioithieu{
	padding-left: 25px;
	padding-right: 20px;

}
.text-content-gioithieu p{
	text-align: justify;
    line-height: 2;
    font-size: 16.67px;
}

/* tai lieu khac */


/*Video and other*/
.list-pdf{
    padding-top:40px;
}
.catalog-list-item{
    padding: 0 24px;
    margin-bottom: 20px;
    text-align: center;
}
.catalog-list-item-inner{
    background: #f6f6f4;
}
.catalog-list-item img{
    width: 100%;
}
.catalog-list-item-content{
    padding: 0 10px 20px;
}
.catalog-list-item-text{
    margin-top: 25px;
    font-size: 18px;
    text-transform: uppercase;
}
.catalog-list-item-button{
    margin-top: 10px;
}
.catalog-list-item-button a{
    display: inline-block;
    position: relative;
    padding: 8px 20px;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    background: #cb5515;
    color: #000000;
    border-radius: 2px;
    line-height: 20px;
    letter-spacing: 0.06em;
}
.catalog-list-item-button a:hover{
    background: #373737;
    color: #cccccc;
}


.title-bantinhoatdong {
	padding: 5px 5px 0 0;
}
.title-bantinhoatdong h4{
	font-size: 25px;
	font-weight: bold;
	color: #5d5d60;
}
.row.bantinhoatdong{
    margin: 0 -15px;
}
.bantinhoatdong .item{
 margin-bottom:15px;
}
.bantinhoatdong .col-md-6 {
	padding-left: 0;
	padding-right: 0;
}
.bantinhoatdong .col-md-6 img{
	padding-top: 5px;
}
.bantinhoatdong .text a {
	color: #212529;
	font-size: 12.5px;
    line-height: 2;
    text-align: justify;
    margin-bottom:0;
    
}
.bantinhoatdong .text a:hover{
 text-decoration:underline;
}
.main a:hover {
    text-decoration: none;
}
.bantinhoatdong .col-md-6 .text{
	width: 90%;
	padding-left: 5px;
	padding-right: 5px;
}
.bantinhoatdong .col-md-6 img{
    /*
	width: 95%;
	height: 102px;
	*/
    max-width:100%;
    height:auto;
}

/* nganh nghe */
.main .nganh-nghe
{
	margin-right: 0;
    margin-left: 0;
    padding-top: 25px;
}
.main .congtrinh
{
	margin-left: 80px;
    margin-right: 80px;
    width:100%;
}
.main .congtrinh h4{
    margin-bottom:22px;
}
.text-ngang-nghe{
	color: #5a5a5d;
	padding-top: 5px;
	width: 310px;
}
.text-ngang-nghe a{
 display:block;
}
.text-ngang-nghe h5{
	color: rgba(87, 87, 90, 0.988);
    font-size: 25px;
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 5px 30px 0;
    text-transform:uppercase;
}
.text-ngang-nghe h5:hover{
 text-decoration:underline;
}
#ngangngheCarousel .carousel-item .item {
    width: 25%;
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
}
#ngangngheCarousel .carousel-control-next{
    margin-right:-50px;
}
#ngangngheCarousel .carousel-control-prev{
    margin-left:-100px;
}

.title-congtrinh {
	color: #d1d0d3;
	padding: 5px 5px 0 5px;
}
.title-congtrinh p{
	font-weight: 700;
}
.border-congtrinh{
    margin-top: 25px;
    background-color: #d1d0d3;
    height: 3px;
    width: 100%;
    display: inline-block;
}
.carousel-indicators-custom
{
	list-style: none;
    padding-left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    height: 580px;
}
.carousel-indicators-custom li
{
	margin-bottom: 25px;
    overflow: hidden;
}
.carousel-indicators-custom img
{
	cursor: pointer;
    height: 180px;
    width: 95%;
}
.congtrinh .carousel-inner {
	
	border: solid 10px #bccadc;
}
.carousel-indicators-custom::-webkit-scrollbar {
    width: 15px;
}
 
.carousel-indicators-custom::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.carousel-indicators-custom::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
.congtrinh .carousel-inner .carousel-item img {
	height: 560px;
	width: 100%;
}
.congtrinh .carousel-item{
    
}
.congtrinh .carousel-item.active .hvrbox-layer_slideup {
	
   
}
.congtrinh .carousel-item.active:hover .hvrbox-layer_slideup{
	
    
     -moz-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    
}
.congtrinh .carousel-item.active .hvrbox-layer_top {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 15px;
     font-size:18px;
   
}
.congtrinh .carousel-item.active:hover .hvrbox-layer_top{
    opacity: 1;
}



.main .video
{
	margin-right: 15px;
    margin-left: 15px;
    padding-top: 30px;
}
.main .video a
{
	position: relative;
}
.text-video{
	color: #5a5a5d;
	padding-top: 10px;
    width:308px;
    max-width:100%;
    
}
.text-video h6{
	font-size: 18.25px;
    font-family: 'Roboto Condensed', sans-serif;
    color: rgba(119, 119, 119, 0.988);
    font-weight: bold;
    margin: 0 auto;
    display:block;
    padding-top: 5px;
    line-height: 1.644;
}
.video .rec-video{
	opacity: 0.7;
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
}
.video .rec-video:hover{
   opacity: 1.0;
}
.footer{
	margin-left: 115px;
    margin-right: 115px;
}
.top-footer {
	padding-top: 60px
}
.top-footer .left-part {
    background: url(images/icon-company.png) right 0 bottom no-repeat;
    padding-bottom: 184px;
}
.top-footer .left-part img{
    vertical-align: top;
    margin-right: 20px;
    margin-top: 5px;
    float: left;
}
.top-footer .address-company {
    display: inline-block;
    font-size: 14px;
    color: rgb(119, 119, 119);
    font-weight: bold;
}
.top-footer .company-name {
    font-size: 18px;
    color: rgb(119, 119, 119);
    font-weight: bold;
    margin-bottom: 5px;
    text-transform:uppercase;
}
.top-footer .dich-vu-area li {
    list-style: none;
    border-bottom: 2px solid #f4f4f4;
    text-align: right;
    display: block;
}
.top-footer .dich-vu-area .li-first {
    border-top: 2px solid #f4f4f4;
}
.top-footer .dich-vu-area li a {
    font-size: 16px;
    color: rgb(119, 119, 119);
    font-weight: bold;
    display: block;
    height: 45px;
    line-height: 45px;
    text-transform: uppercase;
}
.top-footer .company-intro {
    font-size: 12.54px;
    color: rgb(119, 119, 119);
    line-height: 1.75;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 60px;
    margin: 0 auto;
    padding: 60px 70px 30px;
}
.copyright{
    padding: 0 70px;
    margin: 0 auto;
}
.copyright .text-copyright {
	font-size: 12px;
    color: rgb(119, 119, 119);
    padding-right: 20px;
    margin-bottom: -2px;
    display: inline-block;
}
.copyright .border-copyright{
	margin-top: 5px;
    background-color: #05335d;
    height: 3px;
    width: 100%;
    display: inline-block;
}
.bottom-footer {
	background-color: #06558b;
}
.bottom-footer h6, .bottom-footer h6 a{
	color: rgb(229, 230, 235);
}
.bottom-footer .content-bt-footer, .bottom-footer .content-bt-footer a{
	color: rgb(229, 230, 235);
    font-size:12px;
}
.bottom-footer .content-bt-footer p{
	margin-bottom: 10px;
	font-size: 16px;

}
.dich-vu-area{
	padding-top: 30px;
}
.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0; }
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -25%); }
  .modal.show .modal-dialog {
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #e9ecef; }
  .modal-header .close {
    margin-left: auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 15px; }

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 15px;
  border-top: 1px solid #e9ecef; }
  .modal-footer > :not(:first-child) {
    margin-left: .25rem; }
  .modal-footer > :not(:last-child) {
    margin-right: .25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; 
}
.modal-dialog {
    max-width: 100%;
    margin: 30px auto;
    width: 100%;
    margin-top: 40%;
}
.modal-body {
  position:relative;
}
.close {
  position:absolute;
  right: -15px;
  top: -15px;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}
.modal-dialog {
	max-width: 800px;
	margin: 30px auto;
		width: 50%
 }
.menu-header ul.navbar-nav li:hover, .menu-header ul.navbar-nav li.selected{
	background-color: #e56004;
}

.menu-header .dropdown-menu li.dropdown-child:hover
, .menu-header .dropdown-menu li.dropdown-child.selected{
    background:none;
}
.menu-header .dropdown-menu li.dropdown-child:hover a
, .menu-header .dropdown-menu li.dropdown-child.selected a{
    color:#e56004 !important;
}

.menu-header ul.navbar-nav li:hover > ul.dropdown-menu {
	display: block;
}
#navbar {
	text-align: center;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 550px;
    padding: 0;
    text-align: left;
    list-style: none;
    font-size: 16px;
    font-weight: bold;
    background-color: #ededee;
    background-clip: padding-box;
    border: 0;
	border-radius: 0;
	margin: 0;
}
.dropdown-menu li.dropdown-child {
	
	border-right: 0;
	border-bottom: solid 2px #81a6c0;
	width: 100%;
	text-align: left;
}
.dropdown-menu .dropdown-child a{
	color: #06558b!important;
	text-transform: uppercase!important;
	font-size: 22.9px;
	line-height: 35px;
    padding: 8px 40px 8px 40px;
    display:block;
    
    height:auto;
    line-height:50px;
}

    
.dropdown-toggle::after {
    display: none;
}
.left-navbar {

}
.left-navbar .menu-left-navbar {

}

.left-navbar .menu-left-navbar ul{
	background-color: #5c98c0;
    color: white;
    width: 320px;
    text-align: left;
    list-style: none;
    padding-left: 0;
}
.left-navbar .menu-left-navbar ul li.active-menu-left-navbar{
	background-color: #e56004;
}
.left-navbar .menu-left-navbar ul li.title-left-navbar{
	background-color: #5c98c0!important;
    text-transform:uppercase;
    font-size:20px;
}
.left-navbar .menu-left-navbar ul li.title-left-navbar{
	font-size: 20px;
	text-transform: uppercase;
    height:60px;
    line-height:60px;
    padding:0 15px;
    
}
.left-navbar .menu-left-navbar ul li{
	border-bottom: solid 1px #d7d6dc;
}

.left-navbar .menu-left-navbar ul li:hover{
	background-color: #e56004;
}

.left-navbar .menu-left-navbar a  {
    height:auto;
    line-height:48px;
    display:block;
    padding:0 15px;
    font-size: 16.667px;
    font-family: 'Roboto Condensed', sans-serif;
    color:white;
    text-transform:uppercase;
}

.left-navbar .news-list-left-navbar {
	background-color: #5c98c0;
    width: 320px;
    text-align: left;
}
.left-navbar .news-list-left-navbar .title-news-list-left-navbar a{
	font-size: 20px;
	color: white;
	text-transform: uppercase;
	padding: 10px 0 0 20px;
}

.left-navbar .news-list-left-navbar .content-news-list-left{
	padding-top: 10px;
}


.left-navbar .news-list-left-navbar .content-news-list-left img {
	width: 100%;
	padding-top: 4px;
}

.left-navbar .news-list-left-navbar .content-news-list-left .text-content {
	padding-left: 0!important;
}


.left-navbar .news-list-left-navbar .content-news-list-left .text-content a{
	color: #000000;	
	font-size: 14px;
}

.left-navbar .cong-trinh-left-navbar {
	margin-top: 50px;
	background-color: #94c9ec;
    width: 320px;
    text-align: left;
}

.left-navbar .cong-trinh-left-navbar .title-cong-trinh-left-navbar a{
	font-size: 20px;
	color: white;
	text-transform: uppercase;
	padding: 10px 0 0 20px;
}
.left-navbar .cong-trinh-left-navbar .img-cong-trinh-left-navbar{
	margin: 20px auto;
}
.gioi-thieu {
	padding-left: 0!important;
}
.gioi-thieu .title-gioi-thieu{
	color: #e5630c;
    text-transform: uppercase;
}
.gioi-thieu .title-gioi-thieu h4{
    font-size: 25px;

}
.gioi-thieu .title-gioi-thieu .border-gioi-thieu{
	margin-top: 19px;
    background-color: #d7d6dc;
    height: 3px;
    width: 50%;
    display: inline-block;
}
.gioi-thieu .title-gioi-thieu .col{
	padding-left: 0!important;
}
.gioi-thieu .content-gioi-thieu {
	padding-top: 10px;
	text-align: justify;
    font-size:16.667px;
    
}
.gioi-thieu .content-gioi-thieu p{
	
}
.gioi-thieu .content-gioi-thieu .title-content {
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 0 5px 0;
	color: #06558b;
	font-size: 23px;
}
.gioi-thieu .content-gioi-thieu .date-content {
	font-style: italic;
	color: #e56004;
}
.content-dich-vu {
	padding-top: 20px;
}

.content-dich-vu .text-content-dich-vu, .content-dich-vu .text-content-dich-vu a{
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 10px;
    color: rgb(33, 37, 41);
    font-size: 21px;
}

.content-dich-vu .text-content-dich-vu a:hover{
 text-decoration:underline;
}
.content-gioi-thieu .come-back {
	padding-top: 30px;
	text-align: right;
}
.content-gioi-thieu .come-back span {
	color: #fd6021;
}


/*
.pagination-dich-vu li{
    padding: 0 8px 0 8px;
    color: #e56004;
}
.pagination-dich-vu li.active-pagination{
    color: #fff;
    background-color: #e56004;
}
*/

/*vinhnt*/
.pagination-dich-vu {
    text-align: right;
    padding-right: 15px;
    padding-top: 60px;
}
.pagination-dich-vu a{
   font-weight: bold;
}
.pagination-dich-vu a.first, .pagination-dich-vu a.last, .pagination-dich-vu a{
    padding: 0 12px;
    color: #e56004;
    text-transform:uppercase;
    background:none;
    height:32px;
    line-height:32px;
    display:inline-block;
}
.pagination-dich-vu a.first:hover, .pagination-dich-vu a.last:hover{
  background:none;
  color: #e56004;
}
.pagination-dich-vu a:hover{
    color: #fff;
    background-color: #e56004;
}

.pagination-dich-vu span {
    padding: 0 12px;
    height:32px;
    line-height:32px;
    color: #fff;
    background-color: #e56004;
    display:inline-block;
}




.content-dich-vu .text-content-dich-vu-video{
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 10px;
	padding-right:150px;
    color: #797979;
	font-size: 14px;
    
}   
.content-dich-vu-video {
	position: relative;
}

.content-dich-vu .button-dv-video {
	position: absolute;
    right: 15px;
    bottom: 20px;
} 
.content-news-list {
	padding-top: 30px;
	position: relative;
	text-align: justify;
	padding-bottom: 20px;
}
.content-news-list .title-content-news-list {
	color: #06558b;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
    
    margin-top: -7px;
	margin-bottom: 5px;
}

.content-news-list .date-content-news-list{
	font-style: italic;
	color: #e56004;
	margin-bottom: 5px;

}
.bt-detail-news-list{
 text-align:right;
}
.bt-detail-news-list a{
	text-transform: uppercase;
	color: #fff;
	background-color: #e56004;
	padding: 2px 10px 2px 10px;
	font-size: 15px;
    display:inline-block;

}
.bt-detail-news-list a{
	color: #fff;
}
.list-content-news {
	padding-top: 10px;
}
.list-content-news .title-list-content-news{
	color: #06558b;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}
.content-dich-vu .list-content-news a:hover{
 text-decoration:underline;
}
.list-content-news .date-list-content-news {
	font-style: italic;
	color: #e56004;
	margin-bottom: 5px;
    padding-top: 4px;
}
.list-content-news .content-list-content-news{
	text-align: justify;
	padding-top: 10px;
}

/* tin tuc */
.news-detail-header{

}
.news-detail-header .name{
 font-size: 29px;
 color: rgb(6, 85, 139);
 font-weight: bold;
 line-height: 0.857;
 text-transform:uppercase;
}
.news-detail-header .date{
 font-style: italic;
 color: #e56004;
 margin-bottom: 45px;
}
.title-gioi-thieu.section{
 margin-bottom:40px;
}
.gioi-thieu.tintuc .content-gioi-thieu{
    font-size:20px;
}

/* lien he */
.lien-he {
	padding-top: 20px;
}
.lien-he p{
	margin-bottom: 5px;
    font-size: 20px;
    line-height: 1.6;

}
.title-form-lienhe {
	text-align: center;
    padding-top: 40px;
    padding-bottom: 12px;
    
    font-size: 21px;
    line-height: 2.487;
  
}
.form-lienhe {
	background-color: #cfeaff;
	padding: 20px 0 20px 0;
}

.form-lienhe input {
	border: 0;
    width: 100%;
    border-radius: 5px;
    min-height: 30px;
}

.form-lienhe p {
	color: #777777;
	font-weight: bold;
	font-size: 18px;
}

.form-lienhe textarea {
	border: 0;
    width: 100%;
    border-radius: 5px;
}

.form-lienhe button, .form-lienhe input[type=submit] {
	position: absolute;
    bottom: 7px;
    border: 0;
    border-radius: 6px;
    background-color: #f59b5c;
    color: white;
    font-size: 15px;
    padding: 8px 25px 8px 25px;
    text-transform:uppercase;
    width:auto;
    cursor:pointer;
}
.form-lienhe button, .form-lienhe input[type=submit]:hover{
    opacity:0.5;
}
#carouselExampleSlidesOnly {
	box-shadow: 0 2px 5px #888888;
}


/* Start-Responsive */

@media screen and (max-width: 1599px){
   
	.header-margin {
    	margin: 10px;
	}
	.header-logo-text {
    	margin: 20px 0 0 20px;
    	font-size: 20px;
	}
	.menu-header-margin {
	    margin-left: 10px;
	    margin-right: 10px;
	    background-color: #06558b;
	}
	.menu-text .home {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	
    .menu-text li a{
        font-size:20px;
        
    }
    .menu-text .navbar-nav > li a{
        padding: 0 52px;
    }
    
	.main {
	    margin-left: 0;
	    margin-right: 0;
	    margin-top: 25px;
	}
	.gioi-thieu .title-gioi-thieu{
	    margin: -5px 0 0 0;
	}



}

@media screen and (min-width: 1600px){
    /* top menu */
    .navbar .navbar-nav a{
        padding: 0 44px;
    }
    .menu-text li.nav-item:last-child{
        border-right:none;
    }
    .dropdown-menu .dropdown-child a{
        padding: 0 40px;
        
    }
    
}

/* End-Responsive */