/* cấu trúc khung */
.section.leaders {
  padding: 70px 0 0!important;
  max-width: 100% !important;
  width: 100% !important;
}
.section.leaders .summary-wrap {
  position: relative;
}
.leader {
  display: inline-block;
  min-height: 305px;
  margin-top:10px;
  overflow: hidden;
  position: relative;
  text-align: center; 
}
.leader .leaderPhoto {
	min-height: 205px;
    min-width: 205px;
	margin: 0 5px;
	overflow: hidden; 
}

.leader .leaderPhoto a {
  display: block; 
}
.links > li .leader .leaderPhoto img {
	margin-left: 0;  
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
	border: 6px solid transparent;
	border-radius:50%;	
}
.links > li a:hover .leader > *,
.links > li a.active .leader > *{		
	color: #2e894f!important;
}
.links > li a:hover .leader .leaderPhoto img,
.links > li a.active .leader .leaderPhoto img{		
	border: 6px solid #4caa47;
	width:100%;
}

.leader h3 {
	border-bottom: none;  
	display: inline-block; 
	margin: 0 0 8px 0 !important;  
	color: #233f88;
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
}
.leader h5 {
	color: #636363;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;	
	margin:0;
}
.chuc-vu{
	text-transform: uppercase;
}
.leaders h4 {   
	clear: both;
	padding: 8px 16px;
	text-align: center;
	width: auto;
	color: #636363;
	font-family:'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	text-transform: uppercase;
}

.centerCol {
  margin: 0 auto 0 !important;
  padding: 30px 0 15px 0;
  position: relative;
}

.centerCol h3 {
  color: #ff3c3a;
  font-size: 17px;
  margin: 0 0 7px 0 !important;
}

/* lãnh đạo : ưu tiên 2 vị trí đầu + canh giữa*/
@media (min-width:978px){
	.leader-custom .links li:first-child{
		margin-left:25%;
	}
}
@media (min-width:44em) and (max-width:978px){
	.leader-custom .links li:first-child{
		margin-left:16.666666667%;
	}
}

/* cấu trúc khung 
----------------------------------------------*/


/* thông tin giảng viên */
.tab-custom{ border:0; background:transparent; -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.tab-custom .panel-heading{ text-align:right; border:0;padding:0}
.tab-custom .panel-heading .fa{display:block}
.tab-custom .panel-heading .nav-tabs {border:0;padding-right:90px;}
.tab-custom .panel-heading .nav-tabs>li{float:none;text-align:center; display:inline-block;}
.tab-custom .panel-heading .nav-tabs>li>a{
	border:0;
	transition: background 0.4s ease-in-out, height 0.2s linear;
    display: inline-block;
    cursor: pointer;  
    text-align: center;
    line-height: 35px;
    color: #a7a7a7;
    font-family: HungHauRegular;
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
}
.tab-custom .panel-heading .nav-tabs>li>a:hover {border:0;background-color:transparent;}

.tab-custom .panel-body{padding:0 50px 15px 50px;min-height:300px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #2e894f!important;
    cursor: default;
    background-color: transparent;
    border:0;
    border-bottom-color: transparent;
}
/**/
.wrap-thumb{
	width:210px;
	float:left;
	text-align:center;
	margin-right:40px;
	margin-top:-35px
}
.wrap-thumb .leaderPhoto{
	width:210px;
	height:210px;
}
.wrap-thumb h3{
	color: #233f88 !important;
	font-family: 'Roboto Slab', serif ;
	font-size: 18px!important;
	font-weight: 400;
	line-height: 24px;
}
.wrap-thumb h5{
	color: #636363;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	margin:0;
}
.wrap-content{
	text-align:left;
	margin-top:15px;
	margin-left:250px;
}
.wrap-content > *{
	padding-bottom:25px;
}
.wrap-content .list-box li{
	display:block;
	width:50%;
	float:left;
	margin-bottom:10px;
}

.wrap-content .list-box li .fa{
	margin-right:10px;
}
.wrap-content .list-box li a:hover{
	color: #096fd7!important;
	cursor:pointer;
}
@media (max-width:987px){
	.wrap-content .list-box li{
		width:100%;
	}
}
@media (max-width:650px){
	.wrap-thumb{
		display:none;
	}
	.wrap-content {
		margin-left:0;
	}
}


/* truong khoa */
.truong-khoa .links{text-align:center;}
.truong-khoa .links li{
    display: inline-block; 
    float: none!important;
    margin-left: 0!important;
}
.truong-khoa .leaderPhoto{
    height: 205px;
    width: 205px;
}
.truong-khoa .leaderPhoto img{
    max-width:100%;
    width:170px!important;
    height:170px;
    width: auto;
    -o-object-fit: cover;
    object-fit: cover;
}