/* ------------------------------------------
NECESSARY STYLES FOR RESPONSIVE NAV
--------------------------------------------- */
/* added wrappers */
/* wrap prim and global */
.nav-wrap-outer {
	position: relative;
	width: 100%;
	padding: 0;
	/*  background-color: #f6884c;*/
	background-color: #767676; /* 9/15/20 - changed from #96989d to fix color contrast issue */
	float: left;
	min-height: 52px;
	z-index: 10;
}
.nav-wrap-inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;/*	outline: 1px solid red;*/
	position: relative;
     padding: 52px 0 20px;
	
}
/* responsive nav styles */
.nav-collapse ul {
	margin-top: 20px;
	width: 100%;
	display: block;
	position: relative;
	list-style: none;
	float: left;
    padding-bottom:20px;
	overflow: hidden;
	transition: max-height .15s linear;
}
/*
.open-down {
	opacity: 1!important;
	max-height: 250px!important;
}
*/
.nav-collapse li {
	position: relative;
	width: 100%;
	float: left;
	-o-transition: background .2s linear;
	-moz-transition: background .2s linear;
	-webkit-transition: background .2s linear;
	transition: background .2s linear;
}
.nav-collapse a {
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .03em;
	width: 100%;
	padding: 18px 3%;
	float: left;
}
.nav-collapse ul li ul a {
	font-size: .85em;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0;
	padding: 10px 3% 10px 5%;
	float: left;
}
.nav-collapse ul a {
	font-size: .85em;
	line-height: 1.1em;
	border-right: 0;
	-o-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-webkit-transition: background .2s ease-out;
	transition: background .2s ease-out;
}
.nav-collapse li:hover {
	color: #000 !important; /*#fff;*/
	text-decoration: none;
	background-color: #f7a165!important;
	-o-transition: background .2s ease-out;
	-ms-transition: background .2s ease-out;
	-moz-transition: background .2s ease-out;
	-webkit-transition: background .2s ease-out;
	transition: background .2s ease-out;
}
/*new addition */
.nav-collapse li:hover a {
	color: #000 !important; 
}
.js .nav-collapse, .js .nav-collapse .dropdown ul {
	clip: rect(0 0 0 0);
	max-height: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	zoom: 1;
	list-style: none;
	transition: all .75s ease-out;
}
.nav-collapse.opened, .nav-collapse .dropdown.opened ul {
	max-height: 9999px;
}
.nav-collapse .dropdown.opened > ul, .nav-collapse .dropdown .dropdown.opened > ul {
	position: relative;
}
#nav-toggle {
	position: absolute;
	top: 15px;
	right: 10px;
    cursor: pointer;
    border: none;
   background: none;
}
/*
#nav-toggle:hover {
  opacity: .4;
}
*/

/*@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
	#nav-toggle {
		background-image: url("/images/hamburger-retina.gif");
		-webkit-background-size: 100px 100px;
		-moz-background-size: 100px 100px;
		-o-background-size: 100px 100px;
		background-size: 100px 100px;
	}
}*/

.js .nav-collapse, .js .nav-collapse .dropdown ul {
	clip: rect(0 0 0 0);
	max-height: 0;
	position: absolute;
	display: block;
	overflow: hidden;
	zoom: 1;
	list-style: none;
	transition: all .75s ease-out;
}
.nav-collapse.opened, .nav-collapse .dropdown.opened ul {
	max-height: 9999px;
}
.nav-collapse .dropdown.opened > ul, .nav-collapse .dropdown .dropdown.opened > ul {
	position: relative;
}
.dropdown ul a {
	padding-left: 1.5em;
}
.dropdown ul {
/*background: #b63315;*/
}
.dropdown ul ul {
	border: 0;
	padding: 0;
}
.dropdown .dropdown.opened .dropdown-toggle {
	background: #9c2c12;
}
.dropdown-toggle:after {
	content: "+";
	font-size: 1.5em;
	line-height: 0.8;
	position: absolute;
	right: 0.5em;
}
.dropdown.opened > .dropdown-toggle:after {
	content: "–";
}

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

.nav-collapse ul {
	margin-top: 0px;
	transition: none;
}
.nav-wrap-outer {
	width: 100%;
	padding: 0;
	min-height: 70px;
/*	border-bottom: 15px solid #f0f0f0;*/
}
.nav-wrap-inner {
	padding-top: 0px;
}
/* search, list item */
/*
.search-mobile {
	display: none !important;
}
*/
#search form {
	display: inline-block;
}
.js .nav-collapse {
	position: relative;
	max-height: none;
}
#nav-toggle {
	display: none;
}
/*
.js .nav-collapse .dropdown ul {
	display: none;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.20);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.20);
	box-shadow: 0 3px 3px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.20);
}
*/
.nav-collapse, .nav-collapse * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/*-------------- NEEEDED FOR DESKTOP -------------*/
.nav-wrap-inner {
     padding-bottom: 0px;
	
}
.nav-collapse, .nav-collapse ul {
	list-style: none;
	height: 70px;
 padding-bottom:0px;
}
.nav-collapse {

}
.closed {

}
.nav-collapse li {
	float: left;
	width: 16.6%;
	height: 100%;
	transition: none;
	border-left: 1px solid #b0b2b6;
}
.nav-collapse li:hover, .nav-collapse li:hover + li {
	border-left: 1px solid #BC531A; /*#f7a165;*/
	-o-transition: border-color .2s ease-out;
	-ms-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-webkit-transition: all.2s ease-out;
	transition: all .2s ease-out;
}
.nav-collapse li#p1 {
	background: transparent url(/ipd/images/icon_delivery.png) 5px center no-repeat;
}
.nav-collapse li#p2 {
	background: transparent url(/ipd/images/icon_finance.png) 5px center no-repeat;
}
.nav-collapse li#p3 {
	background: transparent url(/ipd/images/icon_p3.png) 5px center no-repeat;
}
.nav-collapse li#p4 {
	background: transparent url(/ipd/images/icon_revenue.png) 5px center no-repeat;
}
.nav-collapse li#p5 {
	background: transparent url(/ipd/images/icon_value_capture.png) 5px center no-repeat;
	border-right: 1px solid #b0b2b6;
}
.nav-collapse li#p6 {
	/*background: transparent url(/ipd/images/icon_value_capture.png) 5px center no-repeat;*/
	border-right: 1px solid #b0b2b6;
}
.nav-collapse ul a {
	display: block;
	position: absolute;
	right: 50%;
	bottom: 50%;
	float: left;
	padding: 16px 20px;
	line-height: 1.25;
	font-weight: 600;
	text-align: center;
	transform: translate(50%, 50%);
}
.nav-collapse .dropdown ul a {
	font-weight: 400! important;
}
.nav-collapse ul li:last-of-type a {
	border-right: none;
}
.nav-collapse ul ul a {
/*background: #ccc;*/
}
.js .nav-collapse {
	position: relative;
}
.js .nav-collapse.closed, .js .nav-collapse.closed .dropdown ul {
	max-height: none;
}
.nav-toggle {
	display: none;
}
.nav-collapse {
	overflow: visible;
}
/*
.dropdown-toggle:after {
	content: "";
	width: 0;
	height: 0;
	margin: 0;
}
.dropdown ul .dropdown-toggle:after {
	content: "";
	width: 0;
	height: 0;
	margin: 0.3em 0 0 0.5em;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-left: 6px solid #fff;
}
.nav-collapse .dropdown {
	position: relative;
	padding-bottom: 25px;
}
.nav-collapse .dropdown li {
	width: 98%;
	border-top: 1px solid #d7d7d7;
	margin: 0 1%;
	font-weight: .9em;
}
.nav-collapse .dropdown li:first-of-type {
	border-top: none;
}
.nav-collapse .dropdown ul a {
	text-align: left;
	display: block;
	padding: 10px 10px 15px;
	color: #404040;
}
.nav-collapse .dropdown ul a:hover {
	color: #939393;
}
.js .nav-collapse .dropdown:hover > ul {
	clip: auto;
	position: absolute;
	width: 340px;
	top: 2.5em;
	left: 0;
	display: block !important;
	z-index: 800;
}
.js .nav-collapse ul > .dropdown:last-child ul {
	left: auto;
	right: 0;
}
*/
}