/* Reset */
.nav,
.nav a,
.nav ul,
.nav li,
.nav div,
.nav form,
.nav input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

.nav a { text-decoration: none; }

.nav li { list-style: none; }
.fa-arrow-right{ margin-right:10px;}

/* Menu Container */
.nav {
	position: relative;
	cursor: default;
	z-index: 500;
}

/* Menu List */
.nav > li {
	display:block;
	float: left;
}

/* Menu Links */
.nav > li > a {
	position: relative;
	display: block;
	z-index: 510;
	padding:10px;
}

.nav > li:hover > a { background:#000; color:#FFFFFF;}

.nav > li:first-child > a {
	border-left: none;
}

/* Search Form */

/* Menu Dropdown */
.nav > li > div {
	position: absolute;
	display: block;
	min-width:625px;
	top: 55px;
	left: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	background: #272727;

	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
}

.nav > li:hover > div {
	opacity: 0.97;
	visibility: visible;
	overflow: visible;
}

/* Menu Content Styles */
.nav .nav-column {
	float: left;
	min-width: 200px;
	padding:0;
	text-align:left;
}

.nav .nav-column img{ float:right; width:180px;}
.nav .nav-column h3 {
	margin:20px 0 10px 0;
	line-height: 18px;
	color: #ff722b;
	text-transform: uppercase;
	font-size:18px;
	font-weight:900;
}

.nav .nav-column h3.orange { color: #ff722b; }

.nav .nav-column li a {
	display: block;
	line-height: 26px;	
}
.nav-column a.readMore{padding:10px!important; bottom:20px; left:20px;}
.nav-column a.readMore:hover{ background-color:#0000FF!important;}
.nav .nav-column li a:hover { color: #666666; padding-left:5px; padding-right:5px; }
.nav .nav-column li a { margin:0;}

  /* Note: Try to remove the following lines to see the effect of CSS positioning */
  .affix {
      top: 30px;
      width: 100%;
	  z-index:5000;
	  transition: all 1.0s ease 1s;
  }

  .affix + .container-fluid {
      padding-top: 0;
  }