#siteNavigation .nav {
	display: flex;
	align-items: center;
	height: 100%;
	justify-content: space-between;
	width: 100%;
	margin-right: 30px;
}
#siteNavigation .nav ul {
  list-style: none;
  background: #377DA8;
  text-align: center;
  padding: 0;
  margin: 0;
  display: table;
}

#siteNavigation .nav ul:before,#siteNavigation .nav ul:after {
    content:"";
    display:table;
}

#siteNavigation .nav ul:after {
    clear:both;
}

#siteNavigation .nav ul > li {
    float:left;
    position:relative;
}

#siteNavigation .nav li {
  line-height: 30px;
  font-size: 1.2em;
  word-wrap: normal;
  vertical-align: middle;
	padding-left: 3%;
	padding-right: 3%;
    -webkit-transition:200ms ease;
    -moz-transition:200ms ease;
    -o-transition:200ms ease;
    transition:200ms ease;
	display: flex;
	align-items: center;
	height: 100%;
	position: relative;
}

#siteNavigation .nav a {
  text-decoration: none;
  color: #377DA8;
  display: block;
  border-bottom: 1px solid #888;
  transition: .3s background-color;
	  text-align: center;
	  margin:0 auto;
	height: 100%;
	display: flex
;
	align-items: center;
}
#banner-buffer-subpage #siteNavigation .nav a {

}

#siteNavigation .nav li:hover {
background:#295E7E;
    -webkit-transition:200ms ease;
    -moz-transition:200ms ease;
    -o-transition:200ms ease;
    transition:200ms ease;
}

#siteNavigation .nav li:hover a {
	color: white;
}

#siteNavigation .nav li a:hover {
color: #fff!important;
    -webkit-transition:200ms ease;
    -moz-transition:200ms ease;
    -o-transition:200ms ease;
    transition:200ms ease;
}

#siteNavigation li.nav-selected, #siteNavigation li.nav-path-selected {
background:#377DA8;
}

#siteNavigation a.nav-selected, #siteNavigation a.nav-path-selected {
color: #fff;
}

/* Sub Menus */
#siteNavigation .nav li ul li {
    min-width:200px;
	display:block;
	clear: both;
	padding-left: 8px;
}

#siteNavigation .nav li ul a {
text-align: left;
color:#fff;
height:auto;
padding: 4px 0px;
    text-transform: none;
    width:180px;
	font-size: 1em;
	font-weight: normal;
}
#siteNavigation .nav li ul {
    position:absolute;
	top:86px;
    z-index:1;
    max-height:0;
    overflow:hidden;
	-ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);
    -webkit-transform-origin:50% 0;
    -webkit-transition:350ms;
    -moz-transition:350ms;
    -o-transition:350ms;
    transition:350ms;

}
.ccm-toolbar-visible #siteNavigation .nav li ul {
	top: 78px;
}
#siteNavigation .nav li:hover ul {
    max-height:1000px;
    -webkit-transform:perspective(400) rotate3d(0,0,0,0);
	  -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
	    background:rgb(52,127,172);
	left:0;
}
#siteNavigation .nav .nav-home {
	display:none;
}

#siteNavigation .nav li:hover ul li:hover {
	    background:rgb(68,158,214);
}
/*******************************************
   Style menu for larger screens

   Using 650px (130px each * 5 items), but ems
   or other values could be used depending on other factors
********************************************/
@media only screen and (max-width : 1160px) {
	#siteNavigation .nav li {
		font-size: 1em;
	}
}

    /* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

    /* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	#siteNavigation .nav li {
		border-bottom: none;
		line-height: 1.2em;
		display: inline-block;

	}

	#siteNavigation .nav a {
		border-bottom: none;
	}

	#siteNavigation .nav > ul > li {
		text-align: center;
	}

	#siteNavigation .nav > ul > li > a {
		padding-left: 0;
	}

  /* Sub Menus */
/* 	#siteNavigation .nav li ul {
		position: absolute;
		display: none;
		width: inherit;
	}

	#siteNavigation .nav li:hover ul {
		display: block;
	}

	#siteNavigation .nav li ul li {
		display: block;
	} */
}

    /* Medium Devices, Desktops */
	@media only screen and (min-width : 1000px) {

	#siteNavigation .nav li {

			margin-right:0px;
		margin-left:0px;
	}

}



    /* Large Devices, Wide Screens */


@media only screen and (min-width : 1900px) {

}
