.imagecontour{padding:10px;border:1px solid #EFEFEF;background-color:#FFF}.effect2{position:relative}.effect2:after,.effect2:before{z-index:-1;position:absolute;content:"";bottom:15px;left:10px;width:50%;top:80%;max-width:300px;background:#777;box-shadow:0 15px 10px #777;transform:rotate(-3deg)}.effect2:after{transform:rotate(3deg);right:10px;left:auto}.leafs-bg{background-image:url(../../../images/leafs-bg.jpg)}.section-padding{padding:80px 30px}.sidebar-panel{width:100%;display:inline-block}.error{color:#e30050!important;font-size:13px!important}.twitter-container{height:500px;overflow:auto;border:1px solid #ccc}.fb_iframe_widget{border:1px solid #CCC}.shadow-image{filter:drop-shadow(3px 3px 3px #222)}.scrollbar{margin-left:30px;float:left;height:300px;width:47%;background:#F5F5F5;overflow-y:scroll;margin-bottom:25px}.force-overflow{min-height:450px}#wrapper{text-align:center;width:500px;margin:auto}#style-1::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#F5F5F5}#style-1::-webkit-scrollbar{width:12px;background-color:#F5F5F5}#style-1::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}#style-2::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;background-color:#F5F5F5}#style-2::-webkit-scrollbar{width:12px;background-color:#F5F5F5}#style-2::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#D62929}#style-3::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#F5F5F5}#style-3::-webkit-scrollbar{width:6px;background-color:#F5F5F5}#style-3::-webkit-scrollbar-thumb{background-color:#000}.about-bg{background-image: url('../../../../images/about-hec-bg.jpg'); 
  background-position:right center; 
  background-repeat:no-repeat;
}
.college-bg
{
  background-image: url('../../../../images/colleges-bg.jpg');
  background-position:right center;
  background-repeat:no-repeat;
}
.download-bg
{
  background-image: url('../../../../images/downloads-bg.jpg');
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
}
.job-bg
{
  background-image: url('../../../../images/job-bg.jpg');
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
}
.helpline-icons img {
width: 52px;
margin: 0 auto;
}
.tp-rightarrow, .tp-leftarrow
{
display:none !important;
}
.title-slider
{
position: absolute;
width:100%;
height:100%;
top:0;
}
.title-container
{
position:relative;
width:95%;
margin:0 auto;
vertical-align: middle;
height:100%;
display: flex;
align-items: center;
justify-content: center;
padding-top:40px;
padding-bottom:60px;
}
.title-container h3
{
font-weight:700;
color:#FFF;
padding:20px;
font-size:35px;
line-height: 45px;
text-align:center;
background: rgba(0, 0, 0, 0.5);
margin:0;
max-width: 100%;
}

.Aligner-item--middle {
align-self: auto;
}
.Aligner-item--top {
align-self: flex-start;
}
.Aligner-item--middleleft {
left: 0;
position: absolute;
}
.Aligner-item--middleright {
right: 0;
position: absolute;
}
.Aligner-item--topleft {
left: 0;
top:40px;
position: absolute;
}
.Aligner-item--topright {
right: 0;
top:40px;
position: absolute;
}
.Aligner-item--bottomleft {
left: 0;
bottom:40px;
position: absolute;
}
.Aligner-item--bottomright {
right: 0;
bottom:40px;
position: absolute;
}
.Aligner-item--bottom {
align-self: flex-end;
}
.logo-box {
display: flex;
align-items: center;
justify-content: center;
}

.logo-box img {
margin-left: 10px;
margin-right: 10px;
float: left;
width: 50px;
}

.logo-content {
float: left;
margin-top:-10px;
}

.logo-box h1 {
margin: 0;
padding: 0;
text-align: left;
color: #000;
font-weight: 400;
font-size: 29px;
font-family: 'Open Sans', sans-serif;
}

.logo-box p {
margin: 0;
padding: 0;
text-align: left;
color: #535353;
font-weight: 400;
font-size: 12px;
margin-top: 9px;
font-family: 'Open Sans', sans-serif;
}
.logo-box-center {
margin-top:10px;
}

.logo-box-center img {
margin-left: 10px;
margin-right: 10px;
float: left;
width: 60px;
}

.logo-box-center .logo-content {
float: left;
margin-top:0px;
}

.logo-box-center h1 {
margin: 0;
padding: 0;
text-align: left;
color: #000;
font-weight: 400;
font-size: 29px;
font-family: 'Open Sans', sans-serif;
}

.logo-box-center p {
margin: 0;
padding: 0;
text-align: left;
color: #535353;
font-weight: 400;
font-size: 12px;
margin-top: 0px;
font-family: 'Open Sans', sans-serif;
}
.c-layout-header.c-layout-header-6 .c-topbar
{
padding: 9px 0;
}
.c-layout-header-fixed.c-layout-header-6-topbar .c-layout-page {
margin-top: 151px;
}
.carousel .item {
  height: 560px;
}
@media (max-width: 767px) {
  .mail-box
  {
    display:none;
  }
  .education-top-icons
  {
    display:none !important;
  }
}
.former-pms
{
  margin:0;
  padding:0;
  width:100%;
}
.former-pms li
{
  list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0 5px 5px 0;
}
.former-pms li a img
{
  display: block;
  height: auto;
  max-width: 100%;
  opacity: 0.8;
  width:90px;
}
.former-pms li a:hover img
{
  opacity: 1;
}
.tree ul {
    padding-top: 20px; position: relative;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 5px 0 5px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid #ccc;
	width: 50%; height: 20px;
}
.tree li::after{
	right: auto; left: 50%;
	border-left: 1px solid #ccc;
}

/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
	border-right: 1px solid #ccc;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 1px solid #ccc;
	width: 0; height: 20px;
}

.tree li a{
	border: 1px solid #ccc;
	padding: 5px 10px;
	text-decoration: none;
	color: #666;
	font-family: arial, verdana, tahoma;
	font-size: 11px;
	display: inline-block;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover+ul li a {
	background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after, 
.tree li a:hover+ul li::before, 
.tree li a:hover+ul::before, 
.tree li a:hover+ul ul::before{
	border-color:  #94a0b4;
}