<Font Awesome>

<div class="row">
				<nav id="menu">
					<ul>
						<li><a href="#"><i class="fa fa-search" aria-hidden="true"></i></a></li>
						<li><a href="#">Tickets</a></li>
						<li><a href="#">News</a></li>
						<li><a href="#">Schedule</a></li>
						<li class="search">
							<div class="input-group">
							      <input type="search" class="form-control" placeholder="Search..." aria-label="Search for...">
							      <span class="input-group-btn">
							        <button class="btn btn-secondary" type="button"><i class="fa fa-search	"></i></button>
							      </span>
							 </div> <!-- input-group -->
						</li>
					</ul>
				</nav>

			</div>

}
#menu {
	position: absolute;
	right:0;
	margin: 36px;

}
#menu li {
	display: inline-block;
	font-family: "Open-Sans";
}

#menu li.search {
	width: 182px;
}

#menu li.search input {
	background-color: #5c2d90;
	color: #FFF
	border: none;
	height: 30px;
	line-height: 30px;
}

#menu li.search ::-webkit-input-placeholder {
	color: #FFF;
}
#menu li.search button {
	background: none;
	border: none;

}
#menu li.search button i {
	color: #fff;
}

#menu li a {
	color: #FFF;
	font-size: 16px;
	padding: 10px 25px;
}