/* =================================================================== */
/*  Template from styleshout.com
/*  10-12-2015
/* =================================================================== */
/*
/* Addon CSS
01. Preloader
02. Header
03. Home Banner
04. Common Style
05. Flexslider
06. Organization Chart
07. footer - go to top button 


/** 
/* webfonts and iconfonts
/* =================================================================== */

@import url("fonts.css");
@import url("font-awesome/css/font-awesome.min.css");

/* 
/* 01. Preloader
/* =================================================================== */

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #0F1215;
	z-index: 9999999;
	height: 100%;
	width: 100%;
}

.no-js #preloader,
.monst #preloader {
	display: none;
}/*.oldie */

#loader {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	margin-top: -25px;
	background-color: #fdc501;
	-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
	animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
	0% {
		-webkit-transform: perspective(120px);
	}
	50% {
		-webkit-transform: perspective(120px) rotateY(180deg);
	}
	100% {
		-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
	}

}

@keyframes sk-rotateplane {
	0% {
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}
	50% {
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
	}
	100% {
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}

}


/** 
/* 02. Header
/* =================================================================== */

	header {
		height: 80px;
		width: 100%;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 1000;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;  
	}
	header.opaque {
		background: #fff;
		/*border-bottom: 1px solid rgba(255, 255, 255, 0.1);*/
	}
	@media only screen and (max-width:768px) {
		header { height: 130px; }
		header.opaque { height: 80px; }
		header .logo a { width: 100px!important; height: 100px!important; background: url("../images/nh-logo.png") no-repeat center!important; background-size: contain!important; }
		header.opaque .logo a { width: 65px!important; height:65px!important; background: url("../images/nh-logo-color-s.png") no-repeat center!important; background-size: contain; margin-top: -4px!important; margin-left: 17px!important; }
	}
	@media only screen and (max-width:559px) {
		header { height: 90px; background-color: #fff!important; }
		header.opaque { height: 80px; }
		header .logo { margin-top: 0px!important; margin-left: 15px!important;  }
		header .logo a { background: url("../images/nh-logo-color-s.png") no-repeat center!important; background-size: contain; }
		header.opaque .logo a { width: 65px!important; height:65px!important; background: url("../images/nh-logo-color-s.png") no-repeat center!important; background-size: contain; margin-top: 8px!important; margin-left: 17px!important; }
	}
	header.opaque .logo a {
		width: 57px;
		height: 57px;
		background: url("../images/nh-logo-color.png");
		background-size: contain;
	}
	
	/* header logo */
	header .logo {
		/*background: #fdc501;*/
		float: left;
		width: auto;
		margin-top: 15px;
		margin-left: 15px;
		margin-right: 25px;
		z-index: 9999;    
		
		/* add position relative since z-index only applies to  
		elements that have been given an explicit position */
		position: relative;
	}	
	header .logo a {
		display: block;
		margin: 0;
		padding: 0;
		border: none;
		font: 0/0 a;
		text-shadow: none;
		color: transparent;
		width: 100px;
		height: 100px;
		background: url("../images/nh-logo.png") no-repeat center;
		background-size: contain;
		padding: 15px;
	}	
	/* header social */
	header .header-social {
		font-size: 20px;
		font-weight: normal;
		line-height: 70px;
		margin-top: 0;
		margin-left: 30px;
		padding-left: 36px;
		border-left: 1px solid rgba(150, 150, 150, 0.2);
		float: left;
		position: relative;
		top: -1px;
	}	
	header .header-social li {
		display: inline-block;
		margin-right: 15px;
	}	
	header .header-social li a {
		color: #FFFFFF;
	}	
	header .header-social li a:hover {
		color: #fdc501;
	}
	
	/* media queries:  
	/* header/header components */
	@media only screen and (max-width:880px) {
		header .header-social {
			display: none;
		}
	}
	
	@media only screen and (max-width:768px) {
		header {
			background-color: transparent;
			/*border-bottom: 1px solid rgba(255, 255, 255, 0.1);*/
		}
		header .row {
			width: 100%;
		}
		header .logo {
			margin-left: 30px;
		}
	}
	
	/* primary navigation
	--------------------------------------------------------------------- */
	#nav-wrap,
	#nav-wrap ul,
	#nav-wrap li,
	#nav-wrap a {
		margin: 0;
		padding: 0;
	}
	
	/* nav-wrap */
	#nav-wrap {
		font: 13px "Open Sans", sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
		float: left; 
		padding-left: 0px;
	}
	
	/* hide toggle button */
	#nav-wrap > a {
		display: none;
	}
	
	ul#nav {
		min-height: 70px;
		display: inline-block;
		width: auto;  
	
		/* left align the menu */
		text-align: left;
	}
	
	ul#nav li {
		position: relative;
		list-style: none;
		display: inline-block;
		height: 66px;    
	}
	
	/* Links */
	ul#nav li a {
		/* 25px padding top + 15px padding bottom + 30px line-height = 70px */
		display: block;
		padding: 25px 9px 15px 9px;
		line-height: 40px;
		text-decoration: none;
		text-align: left;
		color: #83858a;
		position: relative;
		-moz-transition: color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;
	}
	
	ul#nav li a:hover {
		color: #009ada;
	}
	
	ul#nav li a:active {
		background-color: transparent !important;
	}
	
	ul#nav li.current a {
		color: #009ada;
	}
	
	ul#nav li.current a:after {
		position: absolute;
		left: 50%;
		bottom: 0;
		width: 40px;
		height: 2px;
		margin-left: -23px;
		background-color: #009ada;
		content: '\0020';
		display: block;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	/* mobile navigation 
	--------------------------------------------------------------------- */
	@media only screen and (max-width:768px) {
	#nav-wrap {
		z-index: 700;
		display: block;
		width: 100%;
		float: none;
		position: absolute;
		top: 0;
		right: 0;
	}

	/* mobile-btn and toggle-btn */
	#nav-wrap > a {
		border: none;
		color: #FFFFFF;
		height: 40px;
		min-width: 40px;
		font-size: 12px;
		text-align: left;
		float: right;
		display: block;
		padding: 0;
		position: relative;
		top: 13px;
		right: 20px;
	}

	#nav-wrap > a:hover .menu-icon {
		background: #666768;
	}

	#nav-wrap .menu-icon {
		display: inline-block;
		width: 24px;
		height: 3px;
		margin-top: 3px;
		position: absolute;
		right: 8px;
		top: 50%;
		bottom: auto;
		left: auto;
		background: #666768;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		font: 0/0 a;
		text-shadow: none;
		color: transparent;
	}

	#nav-wrap .menu-icon:before,
	#nav-wrap .menu-icon:after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		background-color: inherit;
		left: 0;
	}

	#nav-wrap .menu-icon:before {
		bottom: 8px;
	}

	#nav-wrap .menu-icon:after {
		top: 8px;
	}

	/* dropdown nav */
	#nav-wrap ul#nav {
		background: #1c212a;
		padding: 54px 45px 60px 45px;
		margin: 0;
		height: auto;
		display: none;
		clear: both;
		width: 100%;
		float: none;
		position: absolute;
		top: 130px;
		right: 0;
		box-sizing:border-box;
	}
	
	/* dropdown nav */
	header.opaque #nav-wrap ul#nav {
		background: #1c212a;
		padding: 54px 45px 60px 45px;
		margin: 0;
		height: auto;
		display: none;
		clear: both;
		width: 100%;
		float: none;
		position: absolute;
		top: 80px;
		right: 0;
		box-sizing:border-box;
	}

	#nav-wrap ul#nav > li {
		display: block;
		float: none;
		height: auto;
		text-align: left;
		border-bottom: 1px dotted rgba(200, 200, 200, 0.1);
		padding: 6px 0;
	}

	#nav-wrap ul#nav > li:first-child {
		border-top: 1px dotted rgba(200, 200, 200, 0.1);
	}

	#nav-wrap ul#nav li a {
		display: block;
		width: auto;
		padding: 0;
		color: #cacbcb;
		padding: 12px 0;
		line-height: 16px;
		border: none;
	}

	#nav-wrap ul#nav li a:hover {
		color: #FFFFFF;
	}

	#nav-wrap ul#nav li.current > a {
		background: none;
		color: #fdc501;
	}

	#nav-wrap ul#nav li.current > a:after {
		display: none;
	}

	#nav-wrap a.mobile-btn {
		display: none;
	}

	.js #nav-wrap a#toggle-btn {
		display: block;
	}

	/* if js is disabled */
	.no-js #nav-wrap:not(:target) > a:first-of-type,
	.no-js #nav-wrap:target > a:last-of-type {
		display: block;
	}

	.no-js #nav-wrap:target ul#nav {
		display: block;
	}

	}
	
	@media only screen and (max-width:550px) {
	/* dropdown nav */
	#nav-wrap ul#nav {
		background: #1c212a;
		padding: 54px 45px 60px 45px;
		margin: 0;
		height: auto;
		display: none;
		clear: both;
		width: 100%;
		float: none;
		position: absolute;
		top: 90px;
		right: 0;
		box-sizing:border-box;
	}
	
	/* dropdown nav */
	header.opaque #nav-wrap ul#nav {
		background: #1c212a;
		padding: 54px 45px 60px 45px;
		margin: 0;
		height: auto;
		display: none;
		clear: both;
		width: 100%;
		float: none;
		position: absolute;
		top: 80px;
		right: 0;
		box-sizing:border-box;
	}
	}
	
	/* make sure the menu is visible on larger screens
	--------------------------------------------------------------------- */
	@media only screen and (min-width:769px) {
		#nav-wrap ul#nav {
			display: block !important;
		}
	
	}




/* 
/* 03. Home Banner
/* =================================================================== */
	#main {
		background: #0F1215 url(../images/hero-banner4.jpg) no-repeat center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		min-height: 100%;
		height:100%;
		width: 100%;
		text-align: left;
		position: relative;
		border-bottom: 1px solid #15191d;
	}	
	.main-content {
		width: 90%;
		position: absolute;
		padding-top: 130px;
		padding-bottom: 102px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	/* main slider */
	#main-slider {
		margin: 120px 0 54px;
	}	
	#main-slider .slides .flex-caption {
		margin: -25px 5% 0 5%;
	}	
	#main-slider .slides .flex-caption h1 {
		font: 65px/1.1 "Lato", sans-serif!important;
		font-weight: 600;
		letter-spacing: 0.5px;
		padding-bottom: 24px;
		color: white;
		text-shadow: 0 1px 20px rgba(0, 0, 0, 0.6);
		position: relative;    
	
		/* for css animations */
		filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		opacity: 0;
		zoom: 1;
	}	
	#main-slider .slides .flex-caption h1::after {
		display: block;
		/*background-color: #fdc501;*/
		width: 100px;
		height: 3px;
		content: '\0020';
		position: absolute;
		left: 0;
		bottom: 0;
	}	
	#main-slider .slides .flex-caption h3 {
		font: 18px/1.9 "Open Sans", sans-serif;
		font-weight: 400;
		letter-spacing: 0.5px;
		color: rgba(255, 255, 255, 0.8);
		/*text-shadow: 0 1px 15px rgba(0, 0, 0, 0.9);*/
		width: 85%;
		margin-top: 24px;    
	
		/* for css animations */
		filter: alpha(opacity=0);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		opacity: 0;
		zoom: 1;
	}	
	#main-slider .slides .flex-caption h1 span,
	#main-slider .slides .flex-caption h1 a {
		
		/*border-bottom: 1px solid rgba(255, 255, 255, 0.3);*/
	}
	
	/* for monst - IE9 */
	.monst #main-slider .slides .flex-caption h1 {
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		opacity: 1;
		zoom: 1;
	}
	.monst #main-slider .slides .flex-caption h3 {
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		opacity: 1;
		zoom: 1;
	}
	
	/* media queries:  
	/* #main / .main-contert / #main-slider */
	
	@media only screen and (max-width:1200px) {
		#main-slider .slides .flex-caption h1 {
			font: 44px/1.3 "Lato", sans-serif;
		}	
	}
	
	@media only screen and (max-width:1024px) {
		.main-content {
			padding-bottom: 90px;
		}
		#main-slider {
			text-align: center;
			margin: 102px 0 36px;
		}	
		#main-slider .slides .flex-caption {
			margin: 0 auto;
			max-width: 550px;
			width: 90%;
			margin-top: -80px;
		}	
		#main-slider .slides .flex-caption h1 {
			font: 43px/1.3 "Lato", sans-serif;
		}	
		#main-slider .slides .flex-caption h1::after {
			margin-left: -50px;
			left: 50%;
		}	
		#main-slider .slides .flex-caption h3 {
			font: 16px/1.9 "Open Sans", sans-serif;
			width: 80%;
			margin-left: auto;
			margin-right: auto;
		}	
	}
	
	@media only screen and (max-width:768px) {
		#main {
			min-height: auto;
		}	
		.main-content {
			padding-bottom: 72px;
		}	
		#main-slider {
			margin: 84px 0 36px;
		}
		#main-slider .slides .flex-caption {
			margin: -80px 10% 0 10%;
			width: auto;
		}
		#main-slider .slides .flex-caption h1 {
			font: 65px/1.1 "Lato", sans-serif!important;
		}
		#main-slider .slides .flex-caption h3 {
			font: 16px/1.9 "Open Sans", sans-serif;
			width: 85%;
		}
	
	}
	
	@media only screen and (max-width:600px) {
		.main-content {
			padding-bottom: 72px;
		}
		#main-slider {
			margin: 84px 0 36px;
		}
		#main-slider .slides .flex-caption {
			margin: 0 35px 0;
			width: auto;
		}
		#main-slider .slides .flex-caption h1 {
			font: 45px/1.3 "Lato", sans-serif!important;
		}
		#main-slider .slides .flex-caption h3 {
			font: 15px/1.9 "Open Sans", sans-serif;
			width: 90%;
		}
	}
	
	@media only screen and (max-width:480px) {
		.main-content {
			padding-bottom: 72px;
		}
		#main-slider {
			margin: 78px 0 36px;
		}
		#main-slider .slides .flex-caption {
			margin: -40px 30px 0;
			width: auto;
		}
		#main-slider .slides .flex-caption h1 {
			font: 40px/1.3 "Lato", sans-serif!important; margin-bottom: 0px;
		}
		#main-slider .slides .flex-caption h3 {
			width: auto;
		}
	
	}
	
	@media only screen and (max-width:400px) {
		.main-content {
			padding-bottom: 54px;
		}
		#main-slider {
			margin: 72px 30px 24px;
		}
		#main-slider .slides .flex-caption {
			margin: 0; margin-top: -45px;
		}
		#main-slider .slides .flex-caption h1 {
			font: 30px/1.3 "Lato", sans-serif; margin-bottom: 0px;
		}
	
	}
	
	/* control nav */
	#main .flex-control-nav {
		width: 100%;
		text-align: left;
		display: block;
		position: relative;
		bottom: 0;
		left: 30px;
		z-index: 500;
	}
	#main .flex-control-nav li {
		margin: 0 6px;
		display: inline-block;
		zoom: 1;
	}	
	#main .flex-control-paging li a {
		width: 10px;
		height: 10px;
		display: block;
		cursor: pointer;
		text-indent: -9999px;
		border-radius: 50%;
		background: #FFFFFF;
	}
	#main .flex-control-paging li a:hover {
		background: #c8c8c8;
	}
	#main .flex-control-paging li a.flex-active {
		background: #fdc501;
		cursor: default;
	}
	
	/* media queries - .flex-control-nav */
	@media only screen and (max-width:1024px) {
		#main .flex-control-nav {
			text-align: center;
			left: 0;
		}
	
	}
	
	
	/* scroll down */
	.scrolldown {
	  position: absolute;
	  bottom: 0;
	  right: 50%;
	  /*-webkit-transform: rotate(90deg);
	  -ms-transform: rotate(90deg);
	  transform: rotate(90deg);*/
	  -webkit-transform-origin: right top 0;
	  -ms-transform-origin: right top 0;
	  transform-origin: right top 0;
	  float: right;
	  z-index:999;
	  text-align:center;
	}
	.scrolldown i {
	  /*padding-left: 9px;*/ font-size:22px;
	}
	.scrolldown a:hover, .scrolldown a:focus, .scrolldown a:active {
	  color: #fbc32d !important;
	  text-decoration: none;
	}
	
	@media only screen and (max-width:550px) {
		/*.scrolldown { display: none;; }*/
		.scroll-icon {top: 20px!important;}
	}
	
	html[data-useragent*='MSIE 10.0'] .scrolldown,
	.monst .scrolldown {
	  display: none;
	}
	
	.scroll-icon {
	  display: inline-block;
	  font-family: "montserrat-bold", sans-serif;
	  font-size: 0.9rem;
	  text-transform: uppercase;
	  letter-spacing: .3rem;
	  color: #FFFFFF !important;
	  background: transparent;
	  position: relative;
	  top: -35px;
      right: -50%;
	  -webkit-animation: animate-it 3s ease infinite;
	  animation: animate-it 3s ease infinite;
	}
	
	@media only screen and (max-width:550px) {
		.scroll-icon { top: -25px!important; }
	}
	
	@media only screen and (max-width:375px) {
		.scroll-icon { top: -15px!important; }
	}
	
	/* vertical animation */
	@-webkit-keyframes animate-it {
	  0%, 60%, 80%, 100% {
		-webkit-transform: translateY(0);
	  }
	  20% {
		-webkit-transform: translateY(-5px);
	  }
	  40% {
		-webkit-transform: translateY(20px);
	  }
	}
	@keyframes animate-it {
	  0%, 60%, 80%, 100% {
		-webkit-transform: translateY(0);
	  }
	  20% {
		-webkit-transform: translateY(-5px);
	  }
	  40% {
		-webkit-transform: translateY(20px);
	  }
	}


	/* more link 
	#main #more {
		position: absolute;
		left: 50%;
		bottom: -67px;
		margin-left: 250px;
	}
	
	#main #more a {
		font: 12px/54px "raleway-heavy", sans-serif;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 2px;
		text-decoration: none;
		display: block;
		height: 54px;
		width: 200px;
		border-radius: 3px;
		background: #e64e04;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
		color: #FFFFFF;
		-moz-transition: all 0.4s ease-on-out;
		-o-transition: all 0.4s ease-on-out;
		-webkit-transition: all 0.4s ease-on-out;
		-ms-transition: all 0.4s ease-on-out;
		transition: all 0.4s ease-on-out;
	}
	
	#main #more a:hover {
		background: #fdc501;
		color: #000000;
	}
	
	#main #more a i {
		margin-left: 6px;
		position: relative;
		right: -5px;
	}
	
	@media only screen and (max-width:1024px) {
		#main #more {
			margin-left: -100px;
		}
	
	}*/


	.span1 { font-size: 25px; line-height: 35px; color: #fff; }
    .span2 { font-size: 50px; line-height: 55px; color: #fff; display: block; padding-top: 20px; }
	.span3 { font-size: 30px; line-height: 40px; color: #fff; display: block; padding-top: 20px; font-style:italic; }
	
	@media only screen and (max-width:600px) {
		.span1 { font-size: 20px!important; line-height: 15px; }
    	.span2 { font-size: 42px; line-height: 50px;  }
		.span3 { font-size: 22px; line-height: 32px; }
	}
	
	@media only screen and (max-width:425px) {
		.span1 { font-size: 20px!important; line-height: 15px; }
    	.span2 { font-size: 37px; line-height: 45px;  }
		.span3 { font-size: 18px; line-height: 30px; }
	}


/* 
/* 04. Common Style
/* =================================================================== */
	.pt-30 { padding-top: 30px!important; }
	.pb-30 { padding-bottom: 30px!important; }
	/* hr */
	hr {
		border: solid #283436;
		border-width: 4px 0 0;
		width: 100px;
		margin: 11px 0 30px;
		height: 0;
		clear: both;
		text-align: left;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	/* for css animations */
	.show {
		filter: alpha(opacity=100);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		opacity: 1;
		zoom: 1;
	}
	
	.section-head h1 { font-size: 30px; margin-top: 35px; }
	
	.section-head:hover h1 + hr {
		border-color: #fdc501;
		width: 120px;
		text-align: left;
	}
	.section-head p.lead { font-size: 16px; line-height: 22px; }
	
	@media only screen and (max-width:768px) {
		.section-head h1 { text-align:center; margin-top: 15px; }
		.section-head h1 + hr {
			margin-left: auto;
			margin-right: auto;
		}
		.section-head p.lead { text-align:center; }
	}
	
	.card-header-size { height: 75px; }
	@media only screen and (max-width:1050px) {
		.card-header-size { height: 95px; }
	}
	@media only screen and (max-width:959px) {
		.card-header-size { height: auto; }
	}
	
	.div-logo { position:absolute; top: -60px; left: 50%; margin-left: -37px; width: 72px; height:70px; border-radius: 70px; z-index:99; background-color:#fbfbfb;
				-webkit-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.24);
				-moz-box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.24);
				box-shadow: 4px 4px 4px -2px rgba(0,0,0,0.24); }
	.div-logo img { 
		margin: 0;   
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
	}
	
	
	

/** 
/* 05. Flexslider
/* =================================================================== */

/**
 * jQuery FlexSlider v2.5.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 * 
 */

/* reset */
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
	outline: none;
}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}


.flex-pauseplay span {
	text-transform: capitalize;
}

/* base styles */
.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides img {
	width: 100%;
	display: block;
}

.flexslider .slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .flexslider .slides {
	display: block;
}

* html .flexslider .slides {
	height: 1%;
}

.no-js .flexslider .slides > li:first-child {
	display: block;
}






/** 
/* 06. Organization Chart
/* =================================================================== */

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

.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;
}
.org-chart { position:relative; margin-bottom: 380px; }
@media all and (max-width: 767px){
	.org-chart { margin-bottom: 850px; }
}

/* Generic styling */
.org-chart ul{
	padding: 0;
	margin: 0;
	list-style: none;		
}
.org-chart ul a{
	display: table;
	background: #3a6498;
	/*border: 4px solid #fff;*/
	text-align: center;
	overflow: hidden;
	font-size: 1rem;
	text-decoration: none;
	font-weight: 300;
	color: #fff;
	height: 70px;
	margin-bottom: -26px;
	padding: 10px;
	/*box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.4);*/
	-webkit-transition: all linear .1s;
	-moz-transition: all linear .1s;
	transition: all linear .1s;
}

@media all and (max-width: 767px){
	.org-chart ul a{
		display: block;
		font-size: 1em;
	}
	.org-chart ul a span{
		top: 10px;
		display: block; text-align:left;}
}

.org-chart ul a span{
	/*top: 25px;
	margin-top: -0.7em;
	display: block;*/
	display: table-cell;
    vertical-align: middle;
}
.administration > li > a{
	margin-bottom: 25px;
}
.director > li > a{
	width: 50%;
	margin: 0 auto 0px auto;
}
.subdirector:after{
	content: "";
	display: block;
	width: 0;
	height: 130px;
	background: red;
	border-left: 4px solid #fff;
	left: 45.45%;
	position: relative;
}

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

.subdirector > li:first-child,
.departments > li:first-child{	
	width: 3%;
	height: 140px;
	margin: 0 auto 25px auto;		
	padding-top: -70px;
	border-left: 4px solid white;
	z-index: 1;	
}
@media all and (max-width: 767px){
	.departments > li:first-child { height: 120px; margin: 0 auto 0px auto;	 }
}

.subdirector > li:first-child{
	float: right;
	right: 27.2%;
	border-left: 4px solid white;
}

/*.departments > li:first-child{	
	float: left;
	left: 27.2%;
	border-right: 4px solid white;	
}*/

.subdirector > li:first-child a,
.departments > li:first-child a{
	width: 330px;
}

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

@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: 165px;
}
@media all and (max-width: 767px){
	
	.departments > li:first-child a{
		right: 70px;
	}
}


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

.departments:after{
	content: "";
	display: block;
	position: absolute;
	width: 81.1%;
	height: 32px;	
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	border-left: 4px solid #fff;
	margin: 0 auto;
	top: 140px;
	left: 9.1%
}

@media all and (max-width: 767px){
	.departments:after{
		display:none;
	}  
}

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

.department:before{
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 22px;
	border-left: 4px solid white;
	z-index: 1;
	top: -22px;
	left: 40.1%;
	margin-left: -4px;
}

.department{
	border-left: 4px solid #fff;
	width: 23%;
	float: left;
	margin-left: 1.751313485113835%;
	margin-bottom: 60px;
	margin-left: 2%; /* Adjust this for adding or deduct column */
}

.lt-ie8 .department{
	width: 18.25%;
}

@media all and (max-width: 767px){
	.department{
		float: none;
		width: 100%;
		margin-left: 0;
	}

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

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

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

.department > a:hover{	
	height: 80px;
}

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

.department li{	
	padding-left: 25px;
	border-bottom: 4px solid #fff;
	height: 80px;	
}

.department li a{
	background: #fff;
	top: 48px;	
	position: absolute;
	z-index: 1;
	width: 90%;
	height: 150px;
	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);
	height: 160px;
	width: 90%;
	top: 48px;
	background-image: none!important;
}
@media all and (max-width: 767px){
	.department li a{ height: 70px; }
	.department li a:hover { height: 80px;}
}

/* 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; }
.department a.lay-1 { background: #2790b0; }
.department a.lay-2 { background: #349e97; }



/** 
/* 07 - go to top button 
/* =================================================================== */
#go-top {
	position: absolute;
	top: -21px;
	right: 50px;
	z-index: 600;
}

#go-top a {
	text-decoration: none;
	border: 0 none;
	display: block;
	height: 54px;
	width: 200px;
	margin-left: -100px;
	background: #e64e04;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	color: #FFFFFF;
	text-align: center;
	font: 12px/54px "raleway-heavy", sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#go-top a:hover {
	background: #fdc501;
	color: #000000;
}

#go-top a i {
	margin-left: 6px;
	position: relative;
	right: -5px;
}

@media all and (max-width: 959px){
	#go-top {
		top: -30px;
		right: 0px;
	}
}
@media all and (max-width: 425px){
	#go-top a {
		height: 45px;
		width: 150px;
		font: 11px/47px "raleway-heavy", sans-serif;
	}
}

.Pleft { width:66.6%; float:left; display:block; }
.PRight { width:33.3%; float:left; display:block; margin-top: 11px; background-color: #fff; padding-bottom: 30px; }

@media all and (max-width: 1220px){
	.PRight { height:310px;}
}
@media all and (max-width: 884px){
	.PRight { height:290px;}
}

@media all and (max-width: 767px){
	.Pleft { width:100%; }
	.PRight { width:100%; margin-top: 50px; height: auto; }
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 65%;
}

.register-img { margin-top: -75px; }

@media all and (max-width: 1024px){
	.center { width: 80%; }
}
@media all and (max-width: 997px){
	.register-img { margin-top: -65px; }
}
@media all and (max-width: 767px){
	.center { width: 40%; }
}
@media all and (max-width: 650px){
	.center { width: 50%; }
}