.relative{
	position:relative;
}

.mainnav, .supraNav{
	font-size:17px;
}

.mainnav > .container > .navbar-header > button:focus {
	background-color: rgba(0, 0, 0, 0);
}

.mainnav > .container > .navbar-header > button:hover {
	background-color: rgba(0, 0, 0, 0);
}

nav.navbar.mainnav{
	background-color: #e9e9e1;
	border-radius: 0;
	min-height: 95px;
	font-weight:600;
	box-shadow: 0px -40px 30px -30px #fff inset;
/*	position: fixed;
	z-index: 1;*/
	width: 100%;
	height: 96px;
	/*top: 0;*/
}
.navbar .navbar-brand{
	padding:0;
	padding-top:5px;
	padding-left: 15px;
}
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a * {
	color: #005731;
}
.navbar-default .navbar-nav>li>a:not([href]),
.navbar-default .navbar-nav>li>a:not([href]) * {
	color: #005731;
	cursor:pointer;
}

@media (min-width: 300px) and (max-width: 374px){
	.navbar.navbar-default.mainnav .navbar-header .navbar-brand .mobileSets {
		max-width: 70%;
	}
	.navbar.navbar-default.mainnav .navbar-header button.navbar-toggle {
		top: 22px;
		right: 25px;
		position: absolute;
	}
	.navbar.navbar-default.mainnav .navbar-header button.navbar-toggle.collapsed {
		top: 22px;
		right: 25px;
		position: absolute;
	}
}
@media (min-width: 375px) and (max-width:768px) {
	.navbar.navbar-default.mainnav .navbar-header button.navbar-toggle {
		top: 22px;
		right: 25px;
		position: absolute;
	}
	.navbar.navbar-default.mainnav .navbar-header button.navbar-toggle.collapsed {
		top: 22px;
		right: 25px;
		position: absolute;
	}
	.navbar.navbar-default.mainnav .navbar-header .navbar-brand .mobileSets {
		max-width: 80%;
	}
}


.navbar-default .navbar-nav>li{
	padding-top: 4px;
	height: 27px;
	font-size: 20px;
	font-weight: 600;
	border-right: 1px solid #005731;
}
.navbar-default .navbar-nav>li.firstPoint>a {
	bottom: 3px;
}
.navbar-default .navbar-nav>li.lastPoint {
	border-right: none;
}
.navbar-default .navbar-nav>li>a.noRightPadding {
	bottom: 0px;
}
.sub-nav-bar .nav > li{
	float: left;
	padding-top: 0;
	height: auto;
	font-size: inherit;
	font-weight: normal;
	border-right: none;
}
.sub-nav-bar .nav > li{
	padding-top: 15px;
}


.mainnav .navbar-nav{
	margin-top: 42px;
}
.mainnav .navbar-nav li a,
.mainnav .navbar-nav li > span{
	padding:0px 10px;
}
.mainnav .navbar-nav li a:hover{
	color: #a9cf32;
}
.mainnav .navbar-nav li:last-child a{
	border-right:unset;
	padding-right: 0;
}
@media (min-device-width: 768px) and (max-device-width: 1300px) {
	.mainnav .navbar-nav {
		margin-top: 44px;
	}
}
@media(max-width: 768px){
	body{
		top: 0;
	}
	nav.navbar.mainnav{
		position: unset;
	}
}

.collapse.navbar-collapse.noRightPadding{
	padding-right: 0;
}

.navDesktopRight{
	float: right;
}

.supraNav.zPrecedence{
	z-index: 9999999;
}

.supraNav{
	background-color: #b9b0a4;
	width:100%;
	position:absolute;
	top: 0px;
	z-index: 1000;
}

.supraNav ul{
	margin:0 auto;
	float: unset;
}


.supraNav.open{
	height: unset;
	top:0px;
}

.supraNav .toggle-area{
	position:absolute;
	bottom: -40px;
	display:inline-block;
	width:40px;
	height:40px;
	background-color: #b9b0a4;
	color:white;
	right: 0px;
	cursor:pointer;
	z-index:5;
}
.supraNav .toggle-area .icon{
	position:absolute;
	top:0px;
	right:10px;
	font-size:40px;
}
.supraNav .toggle-area:before {
    content: '';
    position: absolute;
    top: 0; right: 0;
    border-top: 80px solid #b9b0a4;
    border-left: 80px solid transparent;
    width: 0;
}

.supraNav a{
	color:white;
}

.supraNav .navbar-nav li a{
	border-right: 1px solid white;
}
.supraNav .navbar-nav li:last-child a{
	border-right:unset;
}

.supraNavCenteredDiv{
	text-align: center;
}

.supraNavItem {
	padding: 13px;
	display: inline-block;
	padding-right: 0px;
}
.supraNavItem > .childStyleItem {
	border-right: 1px solid white;
	padding-right: 13px;
}

.supraNavItem:last-of-type {
	border-right: 0px solid white;
}

@media (max-width: 768px){ 
  .supraNav{

  }

  .supraNav .navbar-nav li a{
	border-right: 0px solid white;
  }

  .navDesktopRight{
	float: unset;
  }

  .mainnav .navbar-nav{
	background-color: white;
  }

  .mainnav .navbar-nav li a{
	border-right: 0px solid #005731;
	padding:0px 30px;
  }

  .hiddenNavImageWidth{
	width: 20px;
  }

  .hiddenMobileNavUlLevel1{
  	list-style: none;
	font-size: 16px;
	font-weight: bold;
	padding-left: 0px;
  }

  button.navbar-toggle{
	border: 0px solid black;
	z-index: 999999;
  }

  .collapsedMobileNav{
	background-color: white;
	position: absolute;
	z-index: 999999;
	width: 100%;
	top: 95px;
  }

  .collapsedMobileNav .hiddenMobileNavUlLevel1 li{
    border-top: 2px solid gray;
	padding: 8px 30px;
	height: unset;
  }

  .collapsedMobileNav .hiddenMobileNavUlLevel1 li:last-of-type{
    border-bottom: 2px solid gray;
  }

  .collapsedMobileNav .hiddenMobileNavUlLevel1 li a{
  	color: #005731;
	padding: 0;
  }

  .collapsedMobileNav .hiddenMobileNavUlLevel1 .hiddenMobileNavLiLevel1{
	padding: 0;
	display: none;
  }

  .collapsedMobileNav .hiddenMobileNavUlLevel1 .hiddenMobileNavUlLevel2{
	background-color: #E9E9E1;
	list-style: none;
	padding: 0;
  }

  .collapsedMobileNav .hiddenMobileNavUlLevel1 .hiddenMobileNavUlLevel2 img.img-responsive {
    max-width: 20px;
    display: inline;
  }

  .collapsedMobileNav .hiddenMobileNavUlLevel1 .hiddenMobileNavUlLevel2 li{
    border-top: 0px solid gray;
	border-bottom: 2px solid gray;
  }

  .collapsedMobileNav .hiddenMobileNavUlLevel1 .hiddenMobileNavUlLevel2 li:nth-last-of-type(2){
	border-bottom: 0px solid gray;
  }

  .collapsedMobileNav .hiddenMobileNavUlLevel1 .hiddenMobileNavLiLevel2{
	padding: 0;
	display: none;
  }

  .collapsedMobileNav .hiddenMobileNavUlLevel1 .hiddenMobileNavUlLevel3{
	list-style: none;
	padding-left: 60px;
  }

  .collapsedMobileNav .hiddenMobileNavUlLevel1 .hiddenMobileNavUlLevel3 li{
  	border: 0px solid black;
	padding: 8px 0;
	position: relative;
  }

  .collapsedMobileNav .hiddenMobileNavUlLevel1 .hiddenMobileNavUlLevel3 li::after{
  	content: " ";
	position: absolute;
	height: 30px;
	width: 2px;
	border-left: 2px solid gray;
	left: -10px;
	top: 5px;
  }

  .collapsedMobileNav .hiddenMobileNavUlLevel1 .hiddenMobileNavUlLevel3 li a{
  	color: #828281;
  }

  .subNavigationStatusArrow{
	width: 10px;
	margin-right: 10px;
  }

  .rotated{
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -moz-transform: rotate(180deg); /* Firefox */
    -webkit-transform: rotate(180deg); /* Safari and Chrome */
    -o-transform: rotate(180deg); /* Opera */
  }
}


/**
		SUB NAVIGATION
**/


.sub-nav-bar{
	position:absolute;
	top:95px;
	width:100%;
	max-height:0px;
	transition:0.3s all;
	overflow:hidden;
	background-color:white;
	z-index:4;
	border-bottom: 1px solid #b9b0a4;
	box-shadow: 0px 3px 7px #666;
}
.sub-nav-bar .nav.navbar-nav{
	margin:0 auto;
	float:none;
}

/*.sub-nav-bar:hover */

.sub-nav-bar.open{
	max-height:1000px;
}
.sub-nav-bar .nav>li>a:focus, 
.sub-nav-bar .nav>li>a:hover{
	background-color:inherit;
	font-weight:bolder;
}
.sub-nav-bar .nav>li img{
	margin:auto;
	height:80px;
}
.sub-nav-bar .nav>li .title{
	text-align:center;
	font-size: 17px;
}
.sub-nav-bar .nav>li>a>img{
	max-width:100%;
}

.sub-nav-bar .navbar-nav>li>a{
	padding-bottom:0px;
}
@media (min-device-width: 768px) and (max-device-width: 1300px) {
	.sub-nav-bar.open {
		top: 123px;
	}
}

/**
	SUB SUB NAVIGATION
**/
.sub-sub-nav-bar{
	position:absolute;
	top:140px;
	width:100%;
	max-height:0px;
	transition:0.3s all;
	overflow:hidden;
	background-color: #F0F0ED;
	z-index:4;
	margin-top: 1px;
	box-shadow: 0px 3px 7px #666;
}

.sub-sub-nav-bar .nav.navbar-nav{
	margin:0 auto;
	float:none;
}

.sub-sub-nav-bar:hover,
.sub-sub-nav-bar.open{
	max-height:1000px;
}
.sub-sub-nav-bar .nav>li>a:focus, 
.sub-sub-nav-bar .nav>li>a:hover{
	background-color:inherit;
	font-weight:bolder;
}
.sub-sub-nav-bar .nav>li img{
	margin:auto;
	height:80px;
}
.sub-sub-nav-bar .nav>li .title{
	text-align:center;

}
.sub-sub-nav-bar .nav>li>a>img{
	max-width:100%;
}

.sub-sub-nav-bar .navbar-nav>li>a{
	padding-bottom:0px;
}
@media (min-device-width: 768px) and (max-device-width: 1300px) {
	.sub-sub-nav-bar.open{
		top: 246px;
	}
}


.sub-sub-nav-list li{
	list-style-type: none;
	font-size: 16pt;
	font-weight: 500;
	position: relative;
}

.sub-sub-nav-list li a{
	color: #828281;
	text-decoration: none;
}

.sub-sub-nav-list li a:hover{
	color: orange;
}

.sub-sub-nav-list.sub-sub-nav-list-heading li{
	font-size: 17pt;
	font-weight: 900;
}

.sub-sub-nav-list li::after{
	content: "";
	position: absolute;
	top: 6px;
	left: -8px;
	width: 2px;
	height: 22px;
	background-color: #878786;
}

.sub-sub-nav-list li:hover::after{
	content: "";
	position: absolute;
	top: 6px;
	left: -8px;
	width: 2px;
	height: 22px;
	background-color: orange;
}

.sub-sub-nav-list .sub-sub-nav-list-first-li {
	font-weight: bold;
	font-size: 17pt;
	margin-bottom: 8px;
}

@media (min-device-width: 768px) and (max-device-width: 1300px) {
	body > nav.mainnav > div.maincontainer {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	body > nav.mainnav > div.maincontainer > .navbar-header {
		padding-left: 15px;
	}
	body > nav.mainnav > div.maincontainer > div.collapse.navbar-collapse.navDesktopRight.noRightPadding {
		margin-left: -15px;
	}
	body > nav.mainnav > div.maincontainer > div.collapse.navbar-collapse.navDesktopRight.noRightPadding > ul.nav.navbar-nav {
		width: 100%;
	}
}