.header .mainnav {position: absolute; right: 0; top: 4.6em;}
.header .topnav-container {position: absolute; top: 0; right: 0;}
.header .contentRender_name_plugins_nav_secondary {float: right;}

.mainnav > ul {float: left; list-style-type: none; margin: 0; padding: 0;}
.mainnav > ul > li {float: left; line-height: 3.5em; margin-left: 1.0em; padding-left: 1.0em; position: relative;}
.mainnav > ul > li:before {border-left: 1px dotted #fbd100; content: ""; height: 2em; width: 1px; position: absolute; left: 0; top: 0.8em;}
.mainnav > ul > li.first {margin-left: 0; padding-left: 0;}
.mainnav > ul > li.first:before {display: none;}
.mainnav > ul > li > a {
	color: #29dbe7; 
	font-family: 'DIN Next LT W04 Regular';
	font-size: 2.2em;
}
.mainnav > ul > li:hover > a {
	color: #fbd100; 
	text-decoration: none;
}

.mainnav ul li.main-item{

}


.mainnav ul li.main-item:hover ul.dropdown{
	display: block;
}

.mainnav ul.dropdown:hover{
	display: block;
}

.mainnav ul.dropdown{
    position: absolute;
    margin: 0px;
    list-style-type: none;
    background: rgba(1,1,1,1);
    display: none;
    top: 55px;
    padding: 15px 20px 20px 10px;
    left: 0px;
    min-width: 200px;
    padding-left: 1.125em;
}

.mainnav ul.dropdown.first-drop{
	left: -15px
}

.mainnav ul.dropdown li{
	padding: 10px 10px 10px 0px;
    border-bottom: 1px dotted #fbd100;
	font-family:'DIN Next LT W04 Light';
    font-size: 18px;
}

.mainnav ul.dropdown li > div > a{
    word-break: normal;
    word-wrap: normal;
    color: #29dbe7;
}

.mainnav ul.dropdown li:hover > div > a{
    color: #fbd100 !important;
	text-decoration: none;
}


.mainnav ul.dropdown li > div > a:visited{
    color: #29dbe7;
}

.mainnav .heading {
	color: #fff;
	display: block;
	font-family:'DIN Next LT W04 Light';
	font-size: 1.25em;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
.secondary .mainnav > ul {margin-top: -.5em}
.secondary .mainnav > ul > li:before {border-left: 1px dotted #fff;}
.secondary .mainnav > ul > li > a {color: #fbd100; font-size: 1.45em;}
.secondary .mainnav > ul > li > a:hover {color: #fff}

.meetings .mainnav {top: 5.3em}

.travel .mainnav {top: 7em}
.travel .mainnav .heading {float: left; line-height: 1.2em; margin-top: -0.7em; margin-right: 1em; max-width: 160px;}
.travel .mainnav > ul > li > a {font-size: 1.65em}

.topnav {background-color: #fbd100; line-height: 2.45em; padding-right: 1em; padding-left: 1em; height: 2.5em; float: right;}
.topnav > ul {list-style-type: none; padding: 0; margin: 0; top: 2em;}
.topnav > ul > li {float: left; line-height: 2.45em; margin-right: .875em; padding-right: .875em; position: relative;}
.topnav > ul > li:after {
	background-color: #000;
	content: "";
	width: 1px;
	height: 1.25em;
	position: absolute;
	top: .6em;
	right: -0.125em;
}
.topnav > ul > li.last {margin-right: 0; padding-right: 0;}
.topnav > ul > li.last:after {display: none;}
.topnav > ul > li > a {
	color: #000;
	font-family:'DIN Next LT W04 Light';
	font-weight: 700;
	font-size: 0.91125em;
	text-transform: uppercase;	
}
.topnav > ul > li > a:hover {color: #fff; text-decoration: none;}

.meetings .topnav, .travel .topnav {background-color: #fbd100;}

.breadcrumb-container {height: 7.5em; background: #fbd100; font-family:'DIN Next LT W04 Light'; text-transform: uppercase; color: #000; padding-top: 1.4em; width: 100%;}
.breadcrumb a:link, .breadcrumb a:visited {color: #000; text-decoration: none;}
.breadcrumb a:hover, .breadcrumb a:active {color: #fff;	text-decoration: none;}
.breadcrumb, .breadcrumb ul {float: left; margin: 0; padding: 0;}
.breadcrumb ul {padding-left: 1em; list-style-type: none;}
.breadcrumb li {
	border-right: solid 1px #fff;
	color: #000;
	float: left; 
	font-weight: 700; 
	font-size: 0.87em; 
	line-height: 18px;
	text-transform: uppercase;
	margin-top: 6px;
	padding: 0 0.75em;
}
.breadcrumb li.head {border: 0; margin: 0; padding: 0;}
.breadcrumb li:last-child {border: 0;}
.breadcrumb li a {border-bottom: solid 1px #000; display: block; text-decoration: none; line-height: 18px;}

/*tertiary nav*/

.tertiarynav{
    position: relative;
    z-index: 101;
    width: 300px;
}

.tertiarynav .tertiary-head{
    color: #000;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    font-family:'DIN Next LT W04 Bold';
    font-style: normal;
    padding-left: 10px;
    padding-bottom: 0px;
    cursor: pointer;
}

.tertiarynav .tertiary-head.open{
}

.tertiarynav .tertiary-head span{
    padding-left: 5px;
    font-size: 15px;
    position: relative;
    bottom: 1px;
}


.tertiarynav ul.expandable{
    list-style-type: none;
    background-color: rgba(251,209,0,0.95);
    padding-top: 15px;
    display: none;
}

.tertiarynav ul.expandable li{
    margin-bottom: 10px;
}

.tertiarynav ul.expandable li a{
    color: #252326;
    display: block;
    font-size: 15px;
    padding: 0px 0px 0px 10px;
    font-weight: bold;
}
.tertiarynav ul.expandable li span.child-opener{
    float: right;
}
.tertiarynav ul.expandable li span.child-opener i.fa{
    position: relative;
    bottom: 21px;
    right: 15px;
    cursor: pointer;
}


.tertiarynav ul.expandable li:hover > a{
    background-color: #f3f3f3;
	text-decoration: none;
}


.sidenav {overflow: hidden; margin-bottom: 2em;}
.sidenav h2 {background-color: #fbd100; font-size: 1.5em; padding: 0 0.6875em 0.2em 0.45em; line-height: 1.4;}
.sidenav h2 span {position: relative; z-index: 100;}
.sidenav h2:before {
	-moz-transform: skewY(-2deg);
	-ms-transform: skewY(-2deg);
	-webkit-transform: skewY(-2deg);
	transform: skewY(-2deg);
	background-color: #fbd100;
	content: "";
	position: absolute;
	margin-top: -10px;
	left: 0;
	width: 100%;
	height: 40px;
	z-index: 1;
}
.sidenav ul {list-style-type: none; margin: 0; padding: 0;}
.sidenav ul li {line-height: 1.4;}
.sidenav ul li a {
	background-color: #f3f3f3; 
	color: #252326; 
	display: block; 
	font-size: 1.1em; 
	margin: 0.3125em 0; 
	padding: 0.7em 0.4375em 0.4375em 0.7em;
}
.sidenav ul li a.active, .sidenav ul li a:hover {background: rgba(251,209,0,.5); color: #252326; text-decoration: none; }

.footer-nav ul {list-style-type: none; margin: 0; padding: 0 0.75em 0 0; float: left; width: 30%;}
.footer-nav ul li {margin-bottom: 0.25em;}
.footer-nav ul li a {color: #fff; font-weight: 700;}

.sitemap .treeview {list-style: none; margin: 4px 0 0; padding: 0;}
.sitemap .treeview li {background: url(/includes/public/assets/images/treeview-default-line.gif) 0 0 no-repeat; margin: 0; padding: 3px 0 3px 16px;}
.sitemap .treeview li a {display: inline-block; padding-left: 5px;}
.sitemap .treeview li:last-child {background-position: 0 -1766px;}
.sitemap li.tree-expand, .sitemap li.tree-collapse {background-position: 0 -176px;}
.sitemap .treeview li .tree-hitarea {
	background: url(/includes/public/assets/images/treeview-default.gif) no-repeat;
	cursor: pointer;
	float: left;
	height: 16px;
	width: 16px;
	margin-left: -16px;
}
.sitemap .treeview li .tree-hitarea.expand {background-position: -80px -3px;}
.sitemap .treeview li .tree-hitarea.collapse {background-position: -64px -25px;}

.mobilenav {background-color: #fbd100; padding: 0; height: 2.5em; position: absolute; top: 0; right: 0; margin-right: -0.625em;}
.mobilenav.secondary {background-color: #fbd100;}
.mobilenav .dl-menuwrapper {  
	position: relative;
	height: 40px;
	line-height: 40px;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	z-index: 10000;
}
.mobilenav a.mobile-home {
	display: none;
	position: absolute;
	top: -43px; left: 0;
	z-index: 9;
	color: #000; 
	font-family:'DIN Next LT W04 Light'; 
	font-weight: 700; 
	font-size: 0.91125em; 
	text-transform: uppercase;
	padding: 0 15px;
	line-height: 40px;
}
.mobilenav .menu-icon {
	background-color: transparent;
	color: #000;
	cursor: pointer;
	display: block;
	height: 40px;
	margin: 0;
	padding: 0;
	width: 110px;
	text-align: right;
	position: relative;
}
.mobilenav .menu-icon.dl-active {width: 300px;}
.mobilenav .menu-icon a {
	display: block;
	color: #000; 
	font-family:'DIN Next LT W04 Light'; 
	font-weight: 700; 
	font-size: 0.91125em; 
	text-transform: uppercase;
	padding: 0 15px;
	line-height: 40px;
	width: 100%; 
	height: 100%;
}
.mobilenav .menu-icon a.mobile-open, .mobilenav .menu-icon a.mobile-close {}
.mobilenav .menu-icon a.mobile-close {padding-left: 75px;}
.mobilenav .menu-icon a:hover {text-decoration: none;}
.mobilenav .menu-icon a .fa {display: inline-block; color: #000; margin-left: 10px; margin-top: -4px; font-size: 20px; vertical-align: middle;}
.mobilenav .menu-icon.dl-active a.mobile-open, .mobilenav .menu-icon a.mobile-close {display: none;}
.mobilenav .menu-icon.dl-active a.mobile-close,
.mobilenav ul.dl-menuopen a.mobile-home {display: block;}

.mobilenav ul.dl-menu {
	background: #000;
	position: relative;
	top: 43px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.mobilenav ul.dl-menu li {
	float: none;
	overflow: hidden;
	position: relative;
	list-style-type: none;
	width: 100%;
}

/* Add arrow to parent items with children*/
.mobilenav ul.dl-menu .item-main > a {
	border-bottom: 1px dotted #fbd100;
	color: #29dbe7; 
	font-family:'DIN Next LT W04 Light';
	font-size: 2.5em;
	line-height: 40px;
	padding: 15px 0;
}
.mobilenav.secondary ul.dl-menu .item-main > a {
	border-bottom: 1px dotted #fff;
	color: #fbd100; 
	font-family:'DIN Next LT W04 Light';
	font-size: 1.45em;
	line-height: 28px;
}
.mobilenav ul.dl-submenu li.item-main > a {
	font-size: 1.5em;
	line-height: 30px;
	padding: 15px 0;
}
.mobilenav ul.dl-menu li .fa-angle-right {
	display: none;
	height: 24px;
	position: absolute;
	right: 0;
	top: 22px;
	width: 10px;
	font-size: 32px;
	font-weight: 700;
}
.mobilenav.secondary ul.dl-menu li .fa-angle-right {top: 18px; font-size: 24px;}
.mobilenav ul.dl-menu ul.dl-submenu li .fa-angle-right {top: 18px; font-size: 24px;}
.mobilenav ul.dl-menu li.item-main.has-submenu > a i.fa-angle-right {display: block;}

.mobilenav ul.dl-menu .item-top a {
	border-bottom: 1px dotted #fbd100;
	color: #29dbe7; 
	font-family:'DIN Next LT W04 Light';
	font-weight: 700;
	font-size: 0.91125em;
	text-transform: uppercase;	
}
.mobilenav.secondary ul.dl-menu .item-top a {border-bottom: 1px dotted #fff;}

.mobilenav ul.dl-menu .mobile-extra {padding: 15px 0;}
.mobilenav ul.dl-menu .mobile-extra .mobile-weather {display: inline-block; float:left;}
.mobilenav ul.dl-menu .mobile-extra .mobile-tb {display: inline-block; float:right;}

.mobilenav .mobile-weather {color: #29dbe7; font-family:'DIN Next LT W04 Light'; font-weight: 700;}
.mobilenav .mobile-tb {font-family:'DIN Next LT W04 Light'; font-size: .91125em;}
.mobilenav .mobile-tb a {font-weight: 700; text-transform: uppercase; line-height: 1em; color: #fff;}
.mobilenav .mobile-tb a i {color: #fbd100; margin-right: 0.25em;}
.mobilenav .mobile-tb a:hover {color: #fbd100; text-decoration: none;}
.mobilenav .mobile-tb .count {color: #29dbe7; padding-left: 5px;}

/* Hide arrow on LI when parent is active */
.mobilenav ul.dl-menu li.has-submenu.dl-subviewopen {
	background-image: none;
}
.mobilenav ul.dl-menu li > a,
.mobilenav ul.dl-menu li ul li > a {
	line-height: 28px;
	text-decoration:none;
	padding: 7px 0;
	display: block;
	position: relative;
	outline: none;
	text-align: left;
}

.mobilenav ul.dl-menu li.has-submenu ul li a {width: 98%; padding-right: 5px;}

.mobilenav .dl-menuwrapper .dl-menu {
	margin: 0;
	position: absolute;
	width: 100%;
	width: 300px;
	right: 0;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	padding: 0 0.9375em 0.9375em;
}

.mobilenav .dl-menuwrapper .dl-menu.dl-menu-toggle {transition: all 0.3s ease;}

.mobilenav .dl-menuwrapper .dl-menu.dl-menuopen {
  box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.5);
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

/* Hide the inner submenus */
.mobilenav ul.dl-menu li.dl-back > a {font-size: 16px; text-transform: uppercase; opacity: 0.7;}

.mobilenav .dl-menuwrapper ul.dl-menu li .dl-submenu {display: none; margin-left: 0;}

/* Color the parent nav a different color when children are visible and hide arrow */
.mobilenav .dl-menuwrapper ul.dl-menu .dl-parent {background-image: none;}
.mobilenav .dl-menuwrapper ul.dl-menu .dl-parent a {
	border-bottom: 1px dotted #fff; 
	color: #fff; 
	font-family:'DIN Next LT W04 Light';
	font-size: 2.5em;
	line-height: 40px; 
	padding-bottom: 15px;
}

/* Style back link */
.mobilenav ul.dl-submenu .dl-back a {
	border: 0px none;
	color: #fff;
	font-size: 15px;
	font-family:'DIN Next LT W04 Light';
	font-weight: 700;
	line-height: 28px;
	padding: 0;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.mobilenav .dl-menu.dl-subview li,
.mobilenav .dl-menu.dl-subview li.dl-subviewopen > a,
.mobilenav .dl-menu.dl-subview li.dl-subview > a {display: none;}

.mobilenav .dl-menu.dl-subview li.dl-subview,
.mobilenav .dl-menu.dl-subview li.dl-subview .dl-submenu,
.mobilenav .dl-menu.dl-subview li.dl-subviewopen,
.mobilenav .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.mobilenav .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display: block;}

/* Dynamically added submenu outside of the menu context NEEDS styling for transition */
.mobilenav .dl-menuwrapper > .dl-submenu {
	background: #fff repeat-x bottom center; 
	position: absolute;
	width: 100%;
	top: 68px;
	left: 0;
	list-style: none;
	list-style-type: none;
	margin: 0; 
}
.mobilenav .dl-menuwrapper > .dl-submenu li {
	list-style-type: none;
	border-bottom: 1px solid #90986b;
}

.mobilenav .dl-menuwrapper > .dl-submenu li a {
	display: block;
	font-size: 15px;
	font-weight: 300;
	line-height: 28px;
	outline: medium none;
	padding: 8px 0 6px 15px;
	color: #fff;
}

/*** mobile ***/
@media only screen and (max-width: 40em) { 
	.sidenav {display: none;}
	.footer-nav {text-align: center;}
	.footer-nav ul {float: none; width: 100%;}
	.footer-nav ul li {margin-bottom: 1em;}
}

/*** tablet ***/
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	.sidenav {display: none;}
}

/*** desktop ***/
@media only screen and (min-width: 64.063em) { 	

}



/* Animation classes for moving out and in - THERE ARE MORE OPTIONS THAN WHAT IS BELOW */

.dl-menu.dl-animate-out-2 {
  -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
  animation: MenuAnimOut2 0.3s ease-in-out;
}

@-webkit-keyframes MenuAnimOut2 {
  0% { }
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
}

@keyframes MenuAnimOut2 {
  0% { }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
}

.dl-menu.dl-animate-in-2 {
  -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
  animation: MenuAnimIn2 0.3s ease-in-out;
}

@-webkit-keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
  -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
  animation: SubMenuAnimIn2 0.3s ease-in-out;
}

@-webkit-keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
  -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
  animation: SubMenuAnimOut2 0.3s ease-in-out;
}

@-webkit-keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(100%);
    opacity: 1;
  }
}

@keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 1;
  }
}

/* t - 239323 */
.mainnav ul.dropdown li.show_more_toggle{font-family:'DIN Next LT W04 Light'; border-bottom: none; text-transform: uppercase;}
.mainnav ul.dropdown li.show_more_toggle > a{color: #fbd100; text-decoration: none; font-weight: bold; font-size: 1.15em;}
.mainnav ul.dropdown li.show_more_toggle > a:hover{color: #29dbe7; text-decoration: none;}

/* t - 257457 */
.sidenav h2.sidenav-head a{display: block; color:#000; text-decoration: none; position: relative; z-index: 1;}
