@media (min-width: 1026px) {

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

}
.orginize-cont{
	width: 100%;
	height: auto;
	float: left;
	
	margin-top: 60px;
}
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* Generic styling */



.content{
	width: 100%;
height: 1500px;
	float: left;
}

.org-chart{
		width: 100%;
height: auto;
	float: left;
	
}

a:focus{

}








@media all and (max-width: 767px){
	.content{
		padding: 0 20px;
	}	
}

.org-chart  ul{
	padding: 0;
	margin: -5px 0 0 0;
	list-style: none;	
		width: 100%;
height: auto;
	float: left;
}




.org-chart ul a{
	display: block;
    background: #266bb5;
	border: 2px solid #2e8df7;
	border-radius: 500px;
	text-align: center;
	overflow: hidden;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	width: 180px;
	height: 180px;
	text-transform: uppercase;
	margin-bottom: -26px;
	box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.6);
	-webkit-transition: all linear .1s;
	-moz-transition: all linear .1s;
	transition: all linear .1s;position: relative;

}




.org-chart ul a.bdr{
	border: #2e8df7 solid 10px;

}
.ch-photo{
	width: 200px;
	height: 200px;
float: left;
	border-radius: 200px;
	margin-left: 5px;
	margin-top: 5px;

	overflow: hidden;

}

.shadow-box{
	width: 100%;
	height: 100%;
	position: relative;
	border: #FFF solid 3px;
		border-radius: 200px;
	box-shadow: rgba(0,0,0,0.4) 5px 5px 10px;
		background: #041f3e;
}


.round-shadow-box{
		width: 100%;
	height: 100%;
	position: relative;
	border: #FFF solid 2px;
		border-radius: 200px;
	box-shadow: rgba(0,0,0,0.4) 5px 5px 10px;

}

.nrml-shadow-box{
		width: 100%;
	height: 100%;
	position: relative;
	border: #FFF solid 4px;
		border-radius: 200px;
	box-shadow: rgba(0,0,0,0.4) 5px 5px 10px;

}

.ch-photo img{
	width: 100%;;
	border-radius: 200px;

}


.departments li.department a {
	color: #333;
	font-size: 13px;
	
}


@media all and (max-width: 767px){
	.org-chart ul a{
		font-size: 1em;
	}
}


.org-chart ul a span{
	top: 50%;

	display: block;
	   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.org-chart ul a .ch-photo span{
	width: 100%;
	height:45px;
	background: #266bb5;
	bottom: 0px;
	top: 40%;
	    transform: translate(0, 0);
	left: 0px;
	color: #FFF;
    font-size: 28px;
	padding-top: 8px
}
/*
 
 */

.administration > li > a{
	margin-bottom: 25px;
}

.director > li .ch-photo img{
	width: 100%;
}

.director > li > a{
	width: 230px;
	height: 230px;
	/*width: 50%; */
	margin: 0 auto 0px auto;
}

.subdirector:after{
	content: "";
	display: block;
	width: 0;
	height: 130px;
	background: red;

	left: 45.45%;
	position: relative;
}

.subdirector,
.departments{
	position: absolute;
	width: 100%;
}

.subdirector > li:first-child,
.departments > li:first-child{	
	width: 18.59894921190893%;
	height: 100px;
	margin: -15px auto 300px auto;		
	padding-top: 25px;
	border-bottom: 6px solid #2e8df7;
	z-index: 1;	
}

.cf > li:first-child:before{
	content: '';
	width: 140px;
	height: 40px;
border-top: #2e8df7 solid 6px;
	position: absolute;
	left: -289px;
	top:95px;
		border-radius: 10px 0 0 0;

}

.subdirector > li.gm:before{
	content: '';
	width: 6px;
	height:80px;
	background: #2e8df7;
	position: absolute;
	right:0px;
	top:175px;

}



.subdirector > li:first-child{
	float: right;
	right: 27.2%;
	border-left: 6px solid #2e8df7;
	border-radius: 0 0 0 10px;
}




.subdirector > li:first-child:after{
	content: '';
	background: url(../images/round.png) no-repeat;
	width: 25px;
	height: 45px;
	float: none;
	position: absolute;
	top: -5px;
	left: -16px;
	
}


.departments > li:first-child{	
	float: left;
	left: 27.2%;
	border-right: 6px solid #2e8df7;	
border-radius: 0 0 10px 0;
	
}

.departments > li:first-child:after{
	content: '';
	background: url(../images/round.png) no-repeat;
	width: 25px;
	height: 25px;
	float: none;
	position: absolute;
	top: -5px;
	right: -16px;
	
}

.subdirector > li:first-child a,
.departments > li:first-child a{
	/*width: 100%;*/
}


.subdirector > li:first-child a{	
	left: 150px;
}














@media all and (max-width: 767px){
	.subdirector > li:first-child,
	.departments > li:first-child{
		width: 40%;	
	}

	.subdirector > li:first-child{
		right: 10%;
		margin-right: 2px;
	}

	.subdirector:after{
		left: 49.8%;
	}

	.departments > li:first-child{
		left: 10%;
		margin-left: 2px;
	}
}


.departments > li:first-child a{
	right: 150px;
}

.department:first-child,
.departments li:nth-child(2){
	margin-left: 0;
	clear: left;	
}

.departments:after{
	content: "";
	display: block;
	position: absolute;
	width: 61%;
	height: 90px;	
	border-top: 6px solid #2e8df7;
	border-right: 6px solid #2e8df7;
	border-left: 6px solid #2e8df7;
	margin: 0 auto;
	top: 240px;
	right: 14%;
	border-radius: 10px 10px 0 0;
}












@media all and (max-width: 767px){
	.departments:after{
		border-right: none;
		left: 0;
		width: 49.8%;
	}  
}

@media all and (min-width: 768px){
	.department:first-child:before,
   .department:last-child:before{

  }
}

.department:before{
	content: "";
	display: block;
	position: absolute;
	width: 25px;
	height: 100px;
	border-left: 6px solid #2e8df7;
	z-index: 1;
	top: 28px;
	left: 0;
	margin-left:0;
	border-radius: 4px;

	
}

.dep-d:after{
	
		content: "";
	display: block;
	position: absolute;
	width: 6px;
	height: 95px;
background: #2e8df7;
	z-index: 1;
	top:-145px;
	left: 65px;
	margin-left:0;
}

.dep-a:before{
	height: 90%;
		top: -300px;
	left: 70px;
}


.dep-a:after{
content: "";

display: block;

position: absolute;

width: 0;

height: 60px;

border-left: 6px solid #2e8df7;

z-index: 1;

top: 40px;

left: 0;

margin-left: 0;
}

.department{

	width: 18.59894921190893%;
	float: left;
	margin-left: 1.751313485113835%;
	margin-bottom: 60px;
	padding-right: 50px;
}

.department .sections{
		border-left: 6px solid #2e8df7;
}


.dep-c .sections{
	margin-top: 230px;

	
}
.dep-c .sub-sr{
	margin-top: 65px;
	padding-top: 30px;
}


.dep-c{
	
	margin-left: -30px;
}
.dep-c .sub-sr:after{
		content: "";
	display: block;
	position: absolute;
	width: 27px;
	height: 6px;
background: #2e8df7;
	z-index: 1;
	top: 0;
	left: -27px;
	margin-left:0;
}

.department.dep-c li:first-child a{
	top: -10px;
}

.department.dep-c li:last-child a{
		top: 70px;
}
.department.dep-c li:first-child{
	
	height: 20px;
	margin-bottom: -20px;
}

.department.dep-c li:last-child{
	
	height: 100px;
	margin-bottom: -30px;
			border-left: 6px solid #2e8df7;
	margin-left: -6px;
}

.dep-c:before{
	border:none;
	content: '';
	position: absolute;
	top: 230px;
	left: -22px;
	width: 26px;
	height: 6px;
	background: #2e8df7;
}
.lt-ie8 .department{
	width: 18.25%;
}

@media all and (max-width: 767px){
	.department{
		float: none;
		width: 100%;
		margin-left: 0;
        padding-right: 0;
	}
    
    .departments > li:first-child a{ right: 80px;}
    .subdirector > li:first-child a{left: 130px;}
    .org-chart ul a.bdr{    border: #2e8df7 solid 5px;}

	.department:before{
		content: "";
		display: block;
		position: absolute;
		width: 0;
		height: 60px;
		border-left: 2px solid #2e8df7;
		z-index: 1;
		top: -60px;
		left: 0%;
		margin-left: -2px;
	}

	.department:nth-child(2):before{
		display: none;
	}
}

.department > a{
	margin: -60px 0 -26px -5px;
	z-index: 1;
}



.department > ul{
	margin-top: 0px;
	margin-bottom: 0px;
}

.department li{	
	padding-left: 25px;
	border-bottom: 6px solid #2e8df7;
	height: 140px;	
}


.sub-cat li{
		border-bottom:none;
	



}

.sub-cat li:after{
			content: "";
		display: block;
		position: absolute;
		width: 0;
		height: 82px;
		border-left: 6px solid #2e8df7;
		z-index: 1;
		top: 24px;
		left: 50%;
		margin-left: 5px;
	
}
.department li a{
	background: #2e8df7;
	top: 104px;	
	position: absolute;
	z-index: 1;
	width: 90%;
	height: 60px;
	vertical-align: middle;
	right: -1px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background-image: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%) !important;
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0)))!important;
	background-image: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
	background-image: -o-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
	background-image: -ms-linear-gradient(-45deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
	background-image: linear-gradient(135deg,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=1 );
}

.department li a:hover{
	box-shadow: 8px 8px 9px -4px rgba(0,0,0,0.1);


	background-image: none!important;
}




@media (min-width: 1300px) and (max-width: 1400px) {
    .cf > li:first-child:before{   left: -281px;}

}



@media (min-width: 1200px) and (max-width: 1300px) {
    .cf > li:first-child:before{   left: -268px;}


}

@media (min-width: 1100px) and (max-width: 1200px) {
    .cf > li:first-child:before{   left: -240px;}


}


@media (min-width: 1026px) and (max-width: 1100px) {
    .cf > li:first-child:before{   left: -205px;}


}




/* Department/ section colors */
.department.dep-a a{ background: #FFD600; }
.department.dep-b a{ background: #AAD4E7; }
.department.dep-c a{ background: #FDB0FD; }
.department.dep-d a{ background: #A3A2A2; }
.department.dep-e a{ background: #f0f0f0; }


/*