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

/* Generic styling */
.orgChart {
  width: 100% !important;
  max-width: 1142px !important;
  margin: 0 auto !important;
  padding: 0 10px 0 20px !important; }

@media all and (max-width: 767px) {
  .orgChart {
    padding: 0 0 0 60px !important; } }
.orgChart ul {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important; }

.orgChart ul a {
  display: block !important;
  background: #F5F5F5 !important;
  border: 2px solid #ccc !important;
  text-align: center !important;
  overflow: hidden !important;
  font-size: 12px !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #333 !important;
  height: 62px !important;
  margin-bottom: -26px !important;
  box-shadow: 4px 4px 9px -4px rgba(0, 0, 0, 0.2) !important;
  -webkit-transition: all linear .1s !important;
  -moz-transition: all linear .1s !important;
  transition: all linear .1s !important;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  border-radius: 6px !important; }

@media all and (max-width: 767px) {
  .orgChart ul a {
    font-size: 1em !important; } }
.orgChart ul a span {
  top: 50% !important;
  margin-top: -0.7em !important;
  display: block !important; }

/*

 */
.orgChart .administration > li > a {
  margin-bottom: 25px !important; }

.orgChart .director > li {
  right: -30px !important; }

.orgChart .director > li > a {
  width: 40% !important;
  margin: 0 auto 0 auto !important;
  z-index: 9 !important; }

.orgChart .director > li > a:hover, .orgChart .subdirector > li:first-child a:hover {
  background: #968027 !important;
  color: white !important; }

.orgChart .departments > li:first-child a:hover, .orgChart .subdirector > li:first-child a:hover {
  background: #968027 !important;
  color: white !important; }

.orgChart .subdirector:after {
  content: "" !important;
  display: block !important;
  width: 0 !important;
  height: 275px !important;
  background: white !important;
  border-right: 2px solid #ccc !important;
  right: 49.45% !important;
  position: relative !important; }

.orgChart .subdirector {
  position: absolute !important;
  width: 100% !important; }

.orgChart .departments {
  position: relative !important;
  width: 100% !important; }

.orgChart .subdirector > li:first-child a {
  width: 35% !important; }

.orgChart .departments > li:first-child {
  width: 44.59894921190893% !important;
  height: 313px !important;
  margin: 0px auto 0px auto !important;
  /*padding-top: 25px !important;*/
  border-top: 2px solid #ccc !important;
  z-index: 1 !important; }

.orgChart .subdirector > li:first-child {
  width: 75% !important;
  height: 246px !important;
  margin: -79px auto 92px auto !important;
  padding-top: 145px !important;
  border-top: 2px solid #ccc !important;
  z-index: 1 !important; }

.orgChart .subdirector > li:first-child {
  float: left !important;
  left: -44.2% !important;
  border-left: 2px solid #ccc !important;
  top: 54px; }

.orgChart .departments > li:first-child {
  float: right !important;
  left: -68.2% !important;
  top: -34px;
  border-left: 2px solid #ccc !important; }

.orgChart .departments > li:first-child a {
  width: 100% !important; }

.orgChart .departments > li:first-child a {
  left: -198px !important;
  width: 60% !important;
  top: 311px; }

.orgChart .subdirector > li:first-child a {
  right: 387px !important;
  top: 242px; }

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

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

  .orgChart .subdirector:after {
    right: 49.8% !important;
    border-right: 0px solid #ccc !important; }

  .orgChart .departments > li:first-child {
    right: 10% !important;
    margin-right: 2px !important;
    margin-top: -5px !important; } }
.orgChart .departments > li:first-child a {
  /*left: 75px !important;*/ }

.orgChart .department:first-child,
.orgChart .departments li:nth-child(2) {
  margin-right: 0 !important;
  clear: right !important; }

.orgChart .departments:after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: 71.1% !important;
  height: 22px !important;
  border-top: 2px solid #ccc !important;
  border-right: 2px solid #ccc !important;
  border-left: 2px solid #ccc !important;
  margin: 0 auto !important;
  top: 155px !important;
  right: 9.1% !important; }

@media all and (max-width: 767px) {
  .orgChart .departments:after {
    /*border-right: none !important;*/
    border-right: 2px solid #ccc !important;
    border-left: 0px solid #ccc !important;
    border-top: 0px solid #ccc !important;
    height: 300px !important;
    margin-top: -250px !important;
    margin-right: 175px !important;
    right: 0 !important;
    width: 71.1% !important; }

  .orgChart .subdirector > li:first-child {
    left: 10% !important;
    margin-left: 2px !important; } }
@media all and (min-width: 768px) {
  .orgChart .department:first-child:before,
  .orgChart .department:last-child:before {
    border: none !important; } }
@media all and (max-width: 480px) {
  .orgChart .departments:after {
    /*border-right: none !important;*/
    border-right: 0px solid #ccc !important;
    border-left: 2px solid #ccc !important;
    border-top: 0px solid #ccc !important;
    height: 300px !important;
    margin-top: -250px !important;
    margin-right: -10px !important;
    right: 0 !important;
    width: 41.1% !important; }

  .orgChart {
    width: 95% !important; }

  .mmt20 {
    margin-top: -20px  !important; } }
.orgChart .department:before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  width: 0 !important;
  height: 22px !important;
  border-right: 2px solid #FFF !important;
  z-index: 1 !important;
  top: -22px !important;
  right: 50% !important;
  margin-right: -4px !important; }

.orgChart .department {
  border-right: 2px solid #ccc !important;
  width: 26.59894921190893% !important;
  float: left !important;
  margin-left: 5.751313485113835% !important;
  margin-bottom: 70px !important;
  margin-top: -130px;
  right: 20px; }

.orgChart .lt-ie8 .department {
  width: 26.25% !important; }

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

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

  .orgChart .department:nth-child(2):before {
    display: none !important; } }
.orgChart .department > a {
  margin: -5px -2px -16px -10px !important;
  z-index: 1 !important; }

.orgChart .department > a:hover {
  /*height: 80px !important;*/ }

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

.orgChart .department li {
  padding-right: 25px !important;
  border-bottom: 2px solid #ccc !important;
  height: 80px !important; }

.orgChart .department li a {
  background: #FFF !important;
  top: 48px !important;
  position: absolute !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 60px !important;
  vertical-align: middle !important;
  left: -6px !important; }

.orgChart .department li a:hover {
  box-shadow: 8px 8px 9px -4px rgba(0, 0, 0, 0.1) !important;
  background: #968027 !important;
  color: white !important; }

/* Department/ section colors */
.orgChart .department.dep-a a {
  background: #968027 !important;
  color: white !important; }

.orgChart .department.dep-a ul li a {
  background: #F5F5F5 !important;
  color: #333 !important;
  margin-left: -4px !important; }

.orgChart .department.dep-a ul li a:hover {
  background: #968027 !important;
  color: #FFF !important; }

.orgChart .department.dep-b a {
  background: #968027 !important;
  color: white !important; }

.orgChart .department.dep-b ul li a {
  background: #F5F5F5 !important;
  color: #333 !important;
  margin-left: -4px !important; }

.orgChart .department.dep-c a {
  background: #968027 !important;
  color: white !important; }

.orgChart .department.dep-c ul li a {
  background: #F5F5F5 !important;
  color: #333 !important;
  margin-left: -4px !important; }

.orgChart .department.dep-c ul li a:hover {
  background: #968027 !important;
  color: #FFF !important; }

.orgChart .department.dep-d a {
  background: #968027 !important;
  color: white !important; }

.orgChart .department.dep-d ul li a {
  background: #FF5F5F5FF !important;
  color: #333 !important;
  margin-left: -4px !important; }

.orgChart .department.dep-e a {
  background: #968027 !important;
  color: white !important; }

.orgChart .department.dep-e ul li a {
  background: #F5F5F5 !important;
  color: #333 !important;
  margin-left: -4px !important; }

.orgChart .department.dep-e ul li a:hover {
  background: #968027 !important;
  color: #FFF !important; }

#board {
  padding-top: 120px !important; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .orgChart .department {
    margin-top: -176px !important; }

  .orgChart .department.dep-a {
    top: -3px !important; } }