cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <div class="block">
	

		<h1>1998 - 1999</h1>
		<div class="nav-wrap-1999">
			<span class="tall-end-1999"><a href="#">The<br />Apple Store</a></span>		
				<ul class="nav-1999">
					<li><a href="#">Hot News</a></li>
					<li><a href="#">Products</a></li>
					<li><a href="#">Design &amp; Publishing</a></li>
					<li><a href="#">Developer</a></li>
					<li><a href="#">About Apple</a></li>
					<li><a href="#">Support</a></li>
					<li><a href="#">Education</a></li>
					<li><a href="#">Where to Buy</a></li>
				</ul>
			<span class="tall-right-1999"><a href="#"><span></span></a></span>
		</div>
		<div class="clear"></div>

	</div>
	
	<div class="block">
		<h1>2000 - 2001</h1>
		<div class="nav-wrap-2000">
			<ul class="nav-2000">
				<li class="active-2000"><a href="#"><span></span></a></li>
				<li><a href="#">Store</a></li>
				<li><a href="#">iReview</a></li>
				<li><a href="#">iTools</a></li>
				<li><a href="#">iCards</a></li>
				<li><a href="#">QuickTime</a></li>
				<li><a href="#">Support</a></li>
				<li><a href="#">Mac OS X</a></li>
			</ul>
			<div class="sub-nav-wrap-2000">
				<ul class="sub-nav-2000">
					<li><a href="#">Hot News</a></li>
					<li><a href="#">Hardware</a></li>
					<li><a href="#">Software</a></li>
					<li><a href="#">Made4Mac</a></li>
					<li><a href="#">Education</a></li>
					<li><a href="#">Creative</a></li>
					<li><a href="#">Small Biz</a></li>
					<li><a href="#">Developer</a></li>
					<li><a href="#">Where to Buy</a></li>
				</ul>
			</div>
			<div class="clear"></div>
		</div>
		
	</div>
	
	<div class="block">
		<h1>2001 - 2007<small>(This design varied over the years)</small></h1>
		<div class="nav-wrap-2007">
			<ul class="nav-2007">
				<li><a href="#"><span></span></a></li>
				<li><a href="#">Store</a></li>
				<li class="active-2007"><a href="#">iPhone</a></li>
				<li><a href="#">iPod + iTunes</a></li>
				<li><a href="#">.Mac</a></li>
				<li><a href="#">QuickTime</a></li>
				<li><a href="#">Support</a></li>
				<li><a href="#">Mac OS X</a></li>
			</ul>
			<div class="sub-nav-wrap-2007">
				<ul class="sub-nav-2007">
					<li class="active-sub-2007"><a href="#">Overview</a></li>
					<li><a href="#">iPod</a></li>
					<li><a href="#">Phone</a></li>
					<li><a href="#">Internet</a></li>
					<li><a href="#">Technology</a></li>
					<li><a href="#">Tech Specs</a></li>
					<li><a href="#">Keynote</a></li>
					<li><a href="#">Sign-up</a></li>
				</ul>
			</div>
		</div>
		<div class="clear"></div>
	</div>
	
	<div class="block">
		<h1>2007 - 2010</h1>
		<ul class="nav-2010">
			<li><a href="#"><span></span></a></li>
			<li><a href="#">Store</a></li>
			<li><a href="#">Mac</a></li>
			<li><a href="#">iPod</a></li>
			<li><a href="#">iPhone</a></li>
			<li><a href="#">iPad</a></li>
			<li><a href="#">iTunes</a></li>
			<li><a href="#">Support</a></li>
			<li class="search-2010"><input type="text" placeholder="Search" /></li>
		</ul>
		<div class="clear"></div>
	</div>
	
	<div class="block">
		<h1>2011 - Current</h1>
		<div class="nav-wrap-2011">
			<ul class="nav-2011">
				<li><a href="#"><span></span></a></li>
				<li><a href="#">Store</a></li>
				<li><a href="#">Mac</a></li>
				<li><a href="#">iPod</a></li>
				<li><a href="#">iPhone</a></li>
				<li><a href="#">iPad</a></li>
				<li><a href="#">iTunes</a></li>
				<li><a href="#">Support</a></li>
			</ul>
			<div class="search-2011"><span class="search" aria-hidden="true" data-icon="&#x51;"></span><input type="text" /></div>
			<div class="suggest-2011">Hello.<br />These are search suggestions.</div>
		</div>
		<div class="clear"></div>
	</div>
	
	<div class="block">
		<h1>The Future <small>(but probably not)</small></h1>
		<div class="nav-wrap-future">
			<ul class="nav-future">
				<li><a href="#"><span></span></a></li>
				<li><a href="#">Store</a></li>
				<li><a href="#">Mac</a></li>
				<li><a href="#">iPod</a></li>
				<li><a href="#">iPhone</a></li>
				<li><a href="#">iPad</a></li>
				<li><a href="#">iTunes</a></li>
				<li><a href="#">Support</a></li>
			</ul>
			<div class="search-future"><span class="search" aria-hidden="true" data-icon="&#x51;"></span><input type="text" /></div>
			<div class="suggest-future">Hello.<br />These are search suggestions.</div>
		</div>
		<div class="clear"></div>
	</div>

	<div class="block">
		<h1>The Future <small>(&agrave; la Jony Ive)</small></h1>
		<div class="nav-wrap-ios7">
			<ul class="nav-ios7">
				<li><a href="#"><span></span></a></li>
				<li><a href="#">Store</a></li>
				<li><a href="#">Mac</a></li>
				<li><a href="#">iPod</a></li>
				<li><a href="#">iPhone</a></li>
				<li><a href="#">iPad</a></li>
				<li><a href="#">iTunes</a></li>
				<li><a href="#">Support</a></li>
			</ul>
			<div class="search-ios7"><span class="search" aria-hidden="true" data-icon="&#x51;"></span><input type="text" /></div>
			<div class="suggest-ios7">Hello.<br />These are search suggestions.</div>
		</div>
		<div class="clear"></div>
	</div>


<span class="tagline">
			A demo made with love by <a href="https://www.mattboldt.com">Matt Boldt</a>.
			<div style="margin:10px auto 20px;display:block;">
        <a class="view-code" href="https://www.mattboldt.com/demos/css-apple-nav/">View the Original</a>
			</div>
		</span>

	<div class="block"></div>



	<div class="header">
		<p>Developed using Google Chrome for Mac. Works well in Firefox. Some animation issues in Safari.</p>
		<p>All css &amp; html is hand-written. Nav bar designs inspired by Apple. Thanks <a href="https://web.archive.org/web/*/http://www.apple.com/">Wayback Machine</a>!</p>
		<p class="small-desc">jQuery handles things like element resizing on input focus, and search suggestion display logic.<br /> Animations are CSS3's -transition property.</p> 
		<small style="color:#999;font-size:12px;padding:20px 0;display:block;">Note: The Apple Icons are, indeed, images. They are rendered in CSS with a Base64 background image.
			<br />So, you know, you can still copy and paste the code anywhere. I'm also using icon fonts for the magnifying glass icon in the search bar.

		</small>
	</div>
            
          
!
            
              @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);
@font-face {
  font-family: 'broccolidry';
  src: url("https://mattboldt.com/demos/css-apple-nav/fonts/search/fonts/broccolidry.eot");
  src: url("https://mattboldt.com/demos/css-apple-nav/fonts/search/fonts/broccolidry.eot?#iefix") format("embedded-opentype"), url("https://mattboldt.com/demos/css-apple-nav/fonts/search/fonts/broccolidry.woff") format("woff"), url("https://mattboldt.com/demos/css-apple-nav/fonts/search/fonts/broccolidry.ttf") format("truetype"), url("https://mattboldt.com/demos/css-apple-nav/fonts/search/fonts/broccolidry.svg#broccolidry") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Myriad Pro";
  src: url(https://mattboldt.com/demos/css-apple-nav/fonts/Myriad.ttf); }

body {
  font-family: "Open Sans", "Lucida Grande", sans-serif;
  color: #333;
  background-color: #f8f8f8;
  background-image: url(data:image/png;base64,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);
  padding: 0;
  margin: 0; }

a {
  color: #4e6dfe; }
  a:hover {
    color: #9aacfe; }

h1 {
  font-weight: 600; }
  h1 small {
    margin: 0;
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #666; }

h2, h3, h4, h5 {
  font-weight: 500; }

.small-desc {
  color: #666;
  font-size: 0.90em; }

/* global styles */
.wrapper {
  width: 1100px;
  margin: auto; }

.header {
  background-color: #fff;
  width: 100%;
  min-width: 1100px;
  padding: 10px 0;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px;
  text-align: center;
  text-shadow: #fff 0px 1px 0px;
  background-image: -webkit-linear-gradient(top, white, #f8f8f8);
  background-image: -moz-linear-gradient(top, white, #f8f8f8);
  background-image: -o-linear-gradient(top, white, #f8f8f8);
  background-image: linear-gradient(top, white, #f8f8f8); }
  .header small {
    display: block;
    margin: -10px 0 10px;
    color: #CCC; }

.tagline {
  display: block;
  max-width: 700px;
  margin: 20px auto 0;
  padding: 10px;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: #CCC 0px 1px 4px;
  background-image: -webkit-linear-gradient(top, white, #f8f8f8);
  background-image: -moz-linear-gradient(top, white, #f8f8f8);
  background-image: -o-linear-gradient(top, white, #f8f8f8);
  background-image: linear-gradient(top, white, #f8f8f8); }

.tweet {
  display: inline-block;
  margin: 10px 0; }

.view-code {
  display: inline-block;
  margin: -10px 0;
  padding: 5px 10px;
  font-size: 14px;
  color: #fff;
  background-color: #869cdf;
  background-image: -webkit-linear-gradient(top, #869cdf, #6c81bd);
  background-image: -moz-linear-gradient(top, #869cdf, #6c81bd);
  background-image: linear-gradient(top, #869cdf, #6c81bd);
  border-radius: 5px;
  vertical-align: middle; }
  .view-code:hover {
    color: #333; }

ul {
  list-style: none;
  padding: 0;
  overflow: hidden; }

li {
  display: inline-block;
  float: left; }

a {
  text-decoration: none; }

.block {
  width: 100%;
  padding: 50px 0;
  border-bottom: #DDD 1px solid;
  border-top: #fff 1px solid; }

.block:first-of-type {
  border-top: none; }

.block:last-of-type {
  border-bottom: none; }

.block h1 {
  text-align: center; }

.clear {
  clear: both; }




/* end global styles */
/* ---- 1999 Nav ---- */
@font-face {
  font-family: "Apple Garamond";
  src: url("https://mattboldt.com/demos/css-apple-nav/fonts/apple_garamond/AppleGaramond.ttf"); }

.nav-wrap-1999 {
  width: 775px;
  margin: auto; }

.nav-1999 {
  display: block;
  width: 568px;
  float: left;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: Geneva; }

.tall-end-1999 a {
  display: block;
  float: left;
  width: 90px;
  height: 42px;
  padding: 5px;
  font-family: "Apple Garamond", serif;
  font-size: 21px;
  line-height: 0.9em;
  text-align: left;
  color: #fff;
  background: #000;
  border-top: #fff 1px solid;
  border-bottom: #CCC 1px solid;
  border-left: #fff 1px solid;
  border-right: #CCC 1px solid; }

.tall-right-1999 a {
  display: block;
  float: left;
  width: 90px;
  height: 42px;
  padding: 5px;
  color: #fff;
  background: #000;
  border-top: #fff 1px solid;
  border-bottom: #CCC 1px solid;
  border-left: #fff 1px solid;
  border-right: #CCC 1px solid; }

.nav-1999 a {
  display: block;
  width: 140px;
  height: 15px;
  padding: 5px 0;
  color: #fff;
  text-align: center;
  background: #000;
  border-top: #fff 1px solid;
  border-bottom: #CCC 1px solid;
  border-left: #fff 1px solid;
  border-right: #CCC 1px solid; }

.tall-right-1999 span {
  display: block;
  width: 27px;
  height: 34px;
  margin: 3px auto;
  background-size: 27px 34px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABUCAYAAAA/MEEUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQzhCREJGRDVBMUIxMUUyOUQyQzk2QUQ5NjFCN0IxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQzhCREJGRTVBMUIxMUUyOUQyQzk2QUQ5NjFCN0IxRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFDOEJEQkZCNUExQjExRTI5RDJDOTZBRDk2MUI3QjFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFDOEJEQkZDNUExQjExRTI5RDJDOTZBRDk2MUI3QjFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+vyMhagAABTJJREFUeNrsnG2IFVUYx8+u66bu5palsmJqbqVuRbapRZlSmi8ZvYkkZW+CfjEiU3Pxa1FfIqkoAimIUlYTEi0UKUl6sRcyV8OKdmvVWypa1iauS27X/5/7LOQ4c+ecmVmZuY8P/EDuPXfPzM9nZs45c84py+fzJuNxLXhE/v0MSOSEyjIqpg+YCx4Hk+Sz38DQpCqoyKCUZeAJMMzz+Z9JVpIlMXeC58F1Ad+3JllZeUakPAs+LCKF0a4pY3qBzeAOi7ItWsSUgY/BZMvyX2q5lNY4SDkOvtIgZq5gG1uSvseksR3TGxwCAxx+czPYUeoZs9BRyhdJS0lrxrSB4Q7lbwWfJX0QacuYKY5S3ukJKWkUM9Oh7H6woKcOJG1iJlqW+wdMB50axAyUIYSwOAGmgR978mDSJOYK0M+iIXdb0q3ctIu5MuT7T0AD+PpcHEyaxNQFfJ4DSyVTfj5XBxO3E3kpGAnqwWBQCbrASVMYUfsFHAW/WvytoZ77yHdgPXgroLk/BkwAo0RqndT/H/gL7JY20Y4oDcAoDbxqMAfMBreAi0LKnwI/yYF+JOz3KXejXE4HwQ/gd5/s5jDmLDAVjHU4Zta/EayyzjqKcWAJOJCPFx1gO2gEDSH1VYFZ4FWwNx8/OsHrYEjYudpmzPXgDUndpGO3tF7b5KlzgfSVmBHjQG0P1HkMPAnejXMp8ZJZZ7IzDOoSK8HTUcQ8AJpMaQfHku9yETNdBoA0xFY531AxtfKo7WP0xHtgvtznAu8b7yuTwrgJVBVr+S6QNoWmaJK+2uGgS6lavuynSArfRjwU1ldarEzKVj8p3ozpKx22AUqk8OFyDegI613PUyTFSNulw2bY4VFFUpZLRzW0d825JvsUXUJ1tgNV9yrKlkabQt1iJiuR0iItXCsxldK91xBv2hYsl+ttmBIx61zENCiR8o3ceK3FDFIi5lOXwhRzuRIxB13FjFEi5m9XMRVKxLS5iumtRMy/rmLySsTUuYo5pURMjauYdiViLnEV870SMeNcxRxRIoYTEPqfF3N28NXITBcxzUZPPGhbkCN4fGXC+SoXKxDDpgnn4LTaZMxxRVnDpT4v2V5KjL2KLqe7wT22YrYbXbHaFOYPhorZ5tqXKIEnFKe4VIaJ4czKncqy5gZJiKpiYhgfGH3BRh9H9oYXE7PJ6AxOvOQEyXlBYpoV9Zu8wa4C1z5tMDI3yDsNZL3RHXyMcwHHC14xa835YOT8Jid+bgqrUrUGO9W1fnPwXlSeLa+BLr+MYX+C654HKZTCVTOXsV1XHtADfUVptqyWxm7gBGhOUOTszWplYjgk0eL3uO4OLqR6WZmUVeZ/W60UW0tQI/caLTPEeW/J+bV8vcF3vSsUPYlyZzyBLNYrHTAJ7haWwuBwCxeV/BHUVwqK+SWeLUu8UmwzhsEpWnNKUAqHdK/2+8JWzIVySdWUmBgOOezy+8J2nSM3mXi4xKQ0BklxyZju4OLKp0pACkftJhUrEGVBOv/oxAxL4a4BXLrcnrSYvpKCV2VQCrc3GGUsNhOMspa6Q9KwNWNSOEHqdmO5w2KczbvYKOI+DfUxD7jNFDa42CM9W/5n8ZUGF1mNAONN/AmUfDd/P/jW+heOezt4qQZNEfZY6AJvgxmgIqSOkWAh2BJxPwf+bqDrucUV080ikLM4yH1gJRgdsZ568BxotqhrJ3gs6jkluQ8eX0Fwy4P7wBBTGAnk5lrH5Ga9TZ5oJxKqj5cwx6a5LHi0PBQ6pS5uGhhrl4HTAgwAqPPm6lLdlYwAAAAASUVORK5CYII=");
  background-repeat: no-repeat; }

/* ----- 2000 nav ----- */
.nav-wrap-2000 {
  background: -webkit-repeating-linear-gradient(top, white 0px, white 2px, #f2f2f2 4px, #f2f2f2 5px, white 6px);
  background: -moz-repeating-linear-gradient(top, white 0px, white 2px, #f2f2f2 4px, #f2f2f2 5px, white 6px);
  padding-top: 5px; }

.nav-2000 {
  width: 700px;
  margin: auto; }

.nav-2000 a {
  display: block;
  width: 85px;
  height: 27px;
  padding: 16px 0 0 0;
  margin-right: -1px;
  text-align: center;
  color: #000;
  font-family: "Myriad Pro", sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-shadow: rgba(255, 255, 255, 0.7) 0px 1px 0px, rgba(0, 0, 0, 0.3) 0px 2px 3px;
  background-image: -webkit-linear-gradient(top, silver 10%, #d6d6d6 15%, #d6d6d6 20%, #ededed, #fefefe 90%, #e7e7e7 99%, #e7e7e7 100%);
  background-image: -moz-linear-gradient(top, silver 10%, #d6d6d6 15%, #d6d6d6 20%, #ededed, #fefefe 90%, #e7e7e7 99%, #e7e7e7 100%);
  border-top: #828282 1px solid;
  border-left: #828282 1px solid;
  border-right: #828282 1px solid;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  box-shadow: inset rgba(0, 0, 0, 0.2) 0px 5px 10px; }

.nav-2000 .active-2000 a {
  border-top: #363636 1px solid;
  background-image: -webkit-linear-gradient(top, #9c9c9c 0%, #c8c8c8 15%, #ededed 80%, #fefefe 100%);
  background-image: -moz-linear-gradient(top, #9c9c9c 0%, #c8c8c8 15%, #ededed 80%, #fefefe 100%);
  box-shadow: inset rgba(0, 0, 0, 0.2) 0px 5px 10px; }

.nav-2000 a:before {
  content: "";
  display: block;
  position: absolute;
  margin: -16px 4px;
  width: 78px;
  height: 5px;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.7));
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.7));
  border-radius: 25px;
  box-shadow: #CCC 0px 0px 4px;
  z-index: 999; }

/* --- 2000 sub nav --- */
.sub-nav-wrap-2000 {
  border-top: #7e7e7e 1px solid;
  border-bottom: #7e7e7e 2px solid;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 5px;
  background-image: -webkit-linear-gradient(top, #c5c5c5 0%, #c5c5c5 5%, #cecece 5%, gainsboro 25%, #b3b3b3 36%, #c8c8c8 37%, #f8f8f8 100%);
  background-image: -moz-linear-gradient(top, #c5c5c5 0%, #c5c5c5 5%, #cecece 5%, gainsboro 25%, #b3b3b3 36%, #c8c8c8 37%, #f8f8f8 100%); }

.sub-nav-2000 {
  display: block;
  width: 700px;
  margin: auto;
  padding: 1px 0; }

.sub-nav-2000 a {
  padding: 0 3px;
  margin-right: 16px;
  color: #000;
  font-size: 13px;
  font-family: "Myriad Pro", sans-serif;
  font-weight: 400; }

.sub-nav-2000 li:last-child a {
  margin-right: 0;
  padding: 0; }

.sub-nav-2000 li:first-child a:after {
  content: "";
  display: block;
  position: absolute;
  margin: -28px 2px;
  width: 84px;
  height: 6px;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white 50%, #cecece, rgba(204, 204, 204, 0.3));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white 50%, #cecece, rgba(204, 204, 204, 0.3));
  /* 		box-shadow:#fff 0px 0px 10px 2px; */
  border-radius: 20px;
  z-index: 999; }

.nav-2000 .active-2000 span {
  display: block;
  width: 27.5px;
  height: 34px;
  margin: -10px auto;
  background-size: 27.5px 34px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAABECAYAAAAlba0pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQzhCREJGOTVBMUIxMUUyOUQyQzk2QUQ5NjFCN0IxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQzhCREJGQTVBMUIxMUUyOUQyQzk2QUQ5NjFCN0IxRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFDOEJEQkY3NUExQjExRTI5RDJDOTZBRDk2MUI3QjFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFDOEJEQkY4NUExQjExRTI5RDJDOTZBRDk2MUI3QjFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+S6AzUgAADz9JREFUeNrMWwuQ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");
  background-repeat: no-repeat; }

/* ---- 2007 Nav ---- */
.nav-wrap-2007 {
  background: -webkit-repeating-linear-gradient(top, white 0px, white 2px, #f2f2f2 4px, #f2f2f2 5px, white 6px);
  background: -moz-repeating-linear-gradient(top, white 0px, white 2px, #f2f2f2 4px, #f2f2f2 5px, white 6px);
  padding-top: 5px;
  overflow: visible; }

.nav-2007 {
  width: 809px;
  margin: auto;
  overflow: hidden; }

.nav-2007 a {
  display: block;
  width: 100px;
  height: 23px;
  padding: 8px 0 0 0;
  margin-right: -1px;
  text-align: center;
  color: #000;
  font-family: "Myriad Pro", sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px;
  background-image: -webkit-linear-gradient(top, whitesmoke 0%, #eeeeee 50%, #dadada 50%, #dadada 52%, white 85%);
  background-image: -moz-linear-gradient(top, whitesmoke 0%, #eeeeee 50%, #dadada 50%, #e2e2e2 52%, white 85%);
  border-top: #737373 1px solid;
  border-left: #737373 1px solid;
  border-right: #737373 1px solid;
  border-top-left-radius: 5px 7px;
  border-top-right-radius: 5px 7px;
  box-shadow: inset rgba(0, 0, 0, 0.2) 3px 0px 4px -2px, inset rgba(0, 0, 0, 0.2) -3px 0px 4px -2px, rgba(0, 0, 0, 0.2) 0px 0px 5px, inset white 0px 6px 2px -3px; }

.nav-2007 a span {
  display: block;
  width: 30px;
  height: 20px; }

.nav-2007 .active-2007 a {
  border-top: #000195 1px solid;
  background-image: -webkit-linear-gradient(top, #bedafc 0%, #96c7ff 50%, #69a8f4 50%, #72b1fc 52%, #a6e1ff 100%);
  background-image: -moz-linear-gradient(top, #bedafc 0%, #96c7ff 50%, #69a8f4 50%, #72b1fc 52%, #a6e1ff 100%);
  box-shadow: inset rgba(255, 255, 255, 0.7) 0px 2px 1px 0px, inset rgba(0, 0, 0, 0.1) 0px 3px 5px, rgba(0, 0, 0, 0.2) 0px 0px 5px; }

.nav-2007 .active-2007 a:after {
  content: "";
  display: block;
  position: absolute;
  margin: 0px 0px;
  width: 100px;
  height: 8px;
  background-image: -webkit-linear-gradient(top, rgba(164, 221, 255, 0), #a4ddff 50%, #95d1ff, rgba(143, 200, 255, 0));
  background-image: -moz-linear-gradient(top, rgba(164, 221, 255, 0), #a4ddff 50%, #95d1ff, rgba(143, 200, 255, 0));
  /* 		box-shadow:#fff 0px 0px 10px 2px; */
  border-radius: 20px;
  z-index: 999; }

.sub-nav-wrap-2007 {
  border-top: #0e5ec1 1px solid;
  border-bottom: #CCC 1px solid;
  background-image: -webkit-linear-gradient(top, #bbdfff, #92c5ff 45%, #6aa7ed 46%, #7ab4f7 46%, #aceaff 95%, #b5f0ff 95%, #b0efff 100%);
  background-image: -moz-linear-gradient(top, #bbdfff, #92c5ff 45%, #6aa7ed 46%, #7ab4f7 46%, #aceaff 95%, #b5f0ff 95%, #b0efff 100%);
  box-shadow: inset rgba(255, 255, 255, 0.9) 0px 1px 0px; }

.sub-nav-2007 {
  display: block;
  width: 670px;
  margin: 0 auto; }

.sub-nav-2007 a {
  display: block;
  margin: 0;
  padding: 4px 18px 2px;
  color: #000;
  font-family: "Myriad Pro", sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px; }

.nav-2007 li:first-child span {
  display: block;
  width: 18px;
  height: 22px;
  margin: -5px auto;
  background-size: 18px 22px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAABCCAYAAADzNE40AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MEE2MkRGOTgxRTgxMUUyQTg3QUQzQzYxQ0M2NTg1NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MEE2MkRGQTgxRTgxMUUyQTg3QUQzQzYxQ0M2NTg1NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUwQTYyREY3ODFFODExRTJBODdBRDNDNjFDQzY1ODU3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUwQTYyREY4ODFFODExRTJBODdBRDNDNjFDQzY1ODU3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+lchdqwAABXlJREFUeNrcm3toW3UUx38xaZoSZtU2URPLWhc331St25L6AKudU0SnraKzK8pUKGgUYUL3xxAfoEzdP1ZFppsvNh8wUfFV31pNVqug1thJ52N9aJ1atyStveb6PcsJu425jzShyc8DHxpubm/uN7/f7/zOOffE1tnZKcrUFoEweBF8aHRiIpEQzc3NIhwOzzruKDNBh4DjwRqwEhwFPjcTp2flJO4EsB5cAVya48pcL1gO4uge1oHbQG3We3Hwm6ziqsFj4Cqd9/eBP2QUVwW2gQsNzhkDuwpZwKUwO3jYRBjZN4WMXKnEkdO4xuScv8Ezhbre+bZDwY2g0uS8CHhLNnFB0GJyjgru4r/SiKPPu8jCeY+Cd4vxYfNpbnCuyTl9oBv8I5s4HzjJ4P0vwWrwZ7GmyXzaYoO9NcJe9IdiroH5tONyHPsL3A8uBsPFjuvyNXLh9eBYXkMqx4A/g3Gw1+B/A5rXI2AHeApENccrQCOPcgPw8HHazL8H33KmUDRxTnA6r4fzwZEcudtZXApMM9+BneB18AWY1DiHLewwdnH0sV8TYy4Dl4DzwDEcnlVk3QdlCAkwxHkehW8/FiLuFPZeV5pM4yr+S8LPAbeD3eAd0Au+4mkX45v2c+7WyvveEouDQUFAE0PZ6QNgcy4nZCaOIokN7OXmYjSt1jI0bUc5rHLxNf0FLqujwUZVVVc6HI5b8HrQqkO5lYNbX5HWdx1PvbPBmUUQdnDKVFW19Pf3v9LX13fWrOi8sbEx1/lrWVipAuu8zGazCUVRDo9EIiv8fv+nTqdzxO12C1uOAtFSDn3cQjLD9BTxeHzU6/We0dPTM549MoeBB2UUdsCVKsok1t5DHR0d+3M5lGtBSMYRm56ejre1td0UCoW2+3y+/3hLL7iBprBs4pLJpApRYYjbructV4BThZy2EU5ls15sSSN4vaTCPuK9WDdwrueoQjofwsKSRuIukGVPy7IXeOQMU57lEgpLcPCsGImrASdKKI6C8DfNktVm3rxls485jzQUFxDmNcSy27fBgJUyw1IJwy1Kjn+3Is6TI+OVYQsYtSLOLunmrVoRl5JQmIPrLKbi9okCHs2WyOi+q62cNKAXvpRz8g1OtiLuJ5EuyclmlHc6zcRRyW1KQnFLzBLrzLT8VUJxtOYut+ItByXdDq4W6Uq4YVbwtaTiqG/lXr29OiPuA1HgI9oSGpVH7rTb7bri6OnJkKTihMvlWh+JRLp7e3tnHc9UnOkpzCJJk9YDFWdYSzQara6trd3Z0NCQ1IrL2GohYWkvI7CioiIIgctVVd1TWVk5rBVHVVpqA/QKic3hcNRjiq6KxWILtUWhX8Db4n9gNTU1CyYmJk7Lrni9Zpa6y2AzMzNqXV3dS9niqEz2iezi4vH4OJbbs9ni6KnnNlGEBpeSpeiKIjBqO1pbW0dyFWK3ivRDe1ltKhAIbPJ4PDmrzBRr3ifrdoCR6+nq6hrSRijZRmXqqHRDNjU11t7e/jhv6rriaIffINtaS6VSTwaDwVgmzjR6+EGNnE/LIAyiKDoZDIfDj2SeqpqJS3E6MVbu4pLJpGhqaronFArtyZUV6Bl1+3RL4EiewLR8Ti/lMbItIt37X65GNaB1Rsmqmd0B3itDYdQhuEbodApaFTfJFxkoI2GUxVwn0t21uTOEPC5Gi/Uy3gOX5XkjCa7TENQ3SQ9eFop0197iOeSQ5OSo6e5Vw/Qnz4tS5x11tG4S6R89mI38bt5OKF4d5thV1Xw2FVWpPeRSsIoFu0w8OP3c7GZhoajlKGCevyHSPZh0cwvEwYbSMfay74OXhX7nrMJ8xtwt0o2q1NVHPzej384dwV/gXv5y6HrPC4sV8n8FGAABP1WZzbJVyQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat; }

/* ---- 2010 Nav ---- */
.nav-2010 {
  display: block;
  width: 955px;
  margin: auto;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px;
  overflow: hidden; }

.nav-2010 li {
  display: block;
  width: 100px;
  height: 40px; }

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

.nav-2010 li:last-child {
  border-right: none; }

.nav-2010 li a {
  display: block;
  padding-top: 13px;
  width: 100px;
  height: 40px;
  color: #181818;
  font-family: "Myriad Pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 0px;
  text-align: center;
  background-color: #cacaca;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2) 1%, transparent 1%), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.1) 1%, transparent 1%), -webkit-linear-gradient(top, #cacaca, #828282);
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.2) 1%, transparent 1%), -moz-linear-gradient(right, rgba(0, 0, 0, 0.1) 1%, transparent 1%), -moz-linear-gradient(top, #cacaca, #828282);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.nav-2010 li:first-child a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.nav-2010 li a:hover {
  color: #fff;
  text-shadow: #000 0px -1px 0px;
  background-image: -webkit-linear-gradient(top, #919191, #535353);
  background-image: -moz-linear-gradient(top, #919191, #535353);
  background-image: linear-gradient(top, #919191, #535353); }

.nav-2010 li a:active {
  box-shadow: inset rgba(0, 0, 0, 0.6) 0px 3px 10px; }

.nav-2010 .search-2010 {
  width: 155px;
  background-color: #cacaca;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2) 1%, transparent 1%), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.1) 1%, transparent 1%), -webkit-linear-gradient(top, #cacaca, #828282);
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.2) 1%, transparent 1%), -moz-linear-gradient(right, rgba(0, 0, 0, 0.1) 1%, transparent 1%), -moz-linear-gradient(top, #cacaca, #828282);
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.nav-2010 .search-2010 input {
  margin: 9px 0 0 5px;
  padding: 3px 5px 3px 20px;
  width: 115px;
  border-radius: 40px;
  border: #939393 1px solid;
  box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 3px;
  outline: none; }

.nav-2010 .search-2010:before {
  content: '\0051';
  font-family: 'broccolidry';
  font-size: 12px;
  display: block;
  margin: 15px 10px;
  width: 24px;
  height: 24px;
  color: #747474;
  position: absolute;
  z-index: 999; }

.nav-2010 li:first-child span {
  display: block;
  width: 20px;
  height: 24px;
  margin: -5px auto;
  background-size: 20px 24px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAABDCAYAAAA4aJ2RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowOTgwMTE3NDA3MjA2ODExODIyQUZFQzZBODY1OEUxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGOUNBMjM3OTVBMkYxMUUyOUQyQzk2QUQ5NjFCN0IxRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGOUNBMjM3ODVBMkYxMUUyOUQyQzk2QUQ5NjFCN0IxRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDk4MDExNzQwNzIwNjgxMTgyMkFGRUM2QTg2NThFMUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDk4MDExNzQwNzIwNjgxMTgyMkFGRUM2QTg2NThFMUUiLz4gPC9yZGY6RGVzY3Jp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");
  background-repeat: no-repeat; }

/* ---- 2011 to current nav ---- */
.nav-wrap-2011 {
  width: 980px;
  height: 39px;
  margin: auto;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px;
  border-radius: 4px;
  background-color: #878787; }

.nav-2011 {
  display: block;
  float: left;
  clear: none;
  margin: 0;
  width: 840px;
  background: #878787;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.nav-2011 li {
  display: block;
  width: 12.5%;
  height: 39px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-mox-sizing: border-box; }

.nav-2011 a {
  display: block;
  width: auto;
  height: 39px;
  padding: 10px 0 0 0;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0px -1px 0px;
  font-family: "Lucida Grande", sans-serif;
  font-size: 13px;
  text-align: center;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-right: #333 1px solid;
  box-shadow: inset rgba(255, 255, 255, 0.1) 0px 0px 10px, rgba(255, 255, 255, 0.2) 0px 0px 0px 1px, inset rgba(255, 255, 255, 0.1) 1px 0 0 0, inset rgba(255, 255, 255, 0.1) -1px 0 0 0;
  background-color: #878787;
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2) 0, transparent 5%, transparent 97%, rgba(0, 0, 0, 0.2) 100%), -webkit-linear-gradient(bottom, rgba(100, 100, 100, 0.1) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.1) 50%, rgba(200, 200, 200, 0.2) 100%);
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.2) 0, transparent 5%, transparent 97%, rgba(0, 0, 0, 0.2) 100%), -moz-linear-gradient(bottom, rgba(80, 80, 80, 0.1) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.1) 50%, rgba(200, 200, 200, 0.2) 100%); }

.nav-2011 li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.nav-2011 a:hover {
  background-color: #525252; }

.nav-2011 a:active {
  background-color: #4A4A4A;
  box-shadow: inset rgba(0, 0, 0, 0.8) 0px 3px 5px; }

.search-2011 {
  display: inline;
  width: auto;
  height: 39px;
  float: left;
  margin-right: -5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-mox-sizing: border-box;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: inset rgba(255, 255, 255, 0.2) 0px 0px 20px, rgba(255, 255, 255, 0.2) 0px 0px 0px 2px;
  background-color: #878787;
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2) 0, transparent 5%, transparent 97%, rgba(0, 0, 0, 0.2) 100%), -webkit-linear-gradient(bottom, rgba(80, 80, 80, 0.1) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.1) 50%, rgba(200, 200, 200, 0.2) 100%);
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.2) 0, transparent 5%, transparent 97%, rgba(0, 0, 0, 0.2) 100%), -moz-linear-gradient(bottom, rgba(80, 80, 80, 0.1) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.1) 50%, rgba(200, 200, 200, 0.2) 100%); }

.search-2011 input {
  display: block;
  margin: 10px 15px 9px;
  width: 85px;
  padding: 3px 5px 3px 20px;
  border-radius: 15px;
  border: none;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset rgba(0, 0, 0, 0.6) 0px 2px 1px, inset rgba(255, 255, 255, 0.3) 0px -1px 0px;
  outline: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.search-2011 input:focus {
  width: 150px;
  background: #fff; }

[data-icon]:before {
  font-family: 'broccolidry';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased; }

.search-2011 .search {
  font-family: 'broccolidry';
  font-size: 12px;
  display: block;
  margin: 15px 0 0 21px;
  width: 24px;
  height: 24px;
  color: #fff;
  position: absolute;
  z-index: 999;
  -webkit-transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out; }

.suggest-2011 {
  display: none;
  position: absolute;
  margin: 35px 0 0;
  padding: 20px;
  right: 0;
  width: 250px;
  height: 100px;
  background: #fff;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 5px; }

.nav-2011 li:first-child span {
  display: block;
  width: 20px;
  height: 24px;
  margin: -3px auto;
  background-size: 20px 24px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAABECAYAAAAlba0pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxRUQwRTVGOTY1MUQxMUUyOTg0RERBOTEwMDgwNjRDOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxRUQwRTVGQTY1MUQxMUUyOTg0RERBOTEwMDgwNjRDOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFFRDBFNUY3NjUxRDExRTI5ODREREE5MTAwODA2NEM4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFFRDBFNUY4NjUxRDExRTI5ODREREE5MTAwODA2NEM4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SmRhBwAACHdJREFUeNrcW3tQ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");
  background-size: 90%;
  background-repeat: no-repeat; }

/* ---- future ---- */
.nav-wrap-future {
  width: 1055px;
  height: 40px;
  margin: auto;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px;
  border-radius: 4px;
  background-color: #666666;
  position: relative; }

.nav-future {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 904px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-mox-sizing: border-box; }

.nav-future li {
  display: block;
  width: 12.5%;
  height: 40px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-mox-sizing: border-box; }

.nav-future a {
  display: block;
  width: auto;
  position: relative;
  height: 40px;
  padding: 10px 0 0 0;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0px -1px 0px;
  font-family: "Lucida Grande", sans-serif;
  font-size: 14px;
  text-align: center;
  background-color: #777;
  background-image: -webkit-linear-gradient(top, rgba(100, 100, 100, 0.1) 0%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.6) 100%);
  background-image: -moz-linear-gradient(top, rgba(100, 100, 100, 0.1) 0%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.6) 100%);
  background-image: linear-gradient(top, rgba(100, 100, 100, 0.1) 0%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.6) 100%);
  box-shadow: inset rgba(0, 0, 0, 0.4) 1px 0px 0px, inset rgba(255, 255, 255, 0.1) -1px 0px 0px, inset rgba(255, 255, 255, 0.2) 0px 2px 1px, inset rgba(255, 255, 255, 0.1) 0px -2px 1px, inset black 0px 1px 0px, inset black 0px -1px 0px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.nav-future li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.nav-future a:hover {
  background-color: #555;
  box-shadow: inset rgba(0, 0, 0, 0.8) 0px 0px 2px, inset black 0px 1px 0px, inset black 0px -1px 0px; }

.nav-future a:active {
  background-color: #333333;
  background-image: -webkit-linear-gradient(bottom, rgba(20, 20, 20, 0.1) 0%, rgba(0, 0, 0, 0.2) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(20, 20, 20, 0.1) 0%, rgba(0, 0, 0, 0.2) 100%);
  background-image: linear-gradient(bottom, rgba(20, 20, 20, 0.1) 0%, rgba(0, 0, 0, 0.2) 100%);
  box-shadow: inset black 0px 0px 15px, inset black 0px 1px 0px, inset black 0px -1px 0px; }

.nav-future a:hover:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -30px;
  width: 60px;
  height: 5px;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: rgba(255, 255, 255, 0.6) 0px -3px 30px 4px;
  border-radius: 50%; }

.search-future {
  display: inline;
  width: auto;
  height: 40px;
  float: left;
  margin-right: 0px;
  background-color: #777;
  background-image: -webkit-linear-gradient(top, rgba(100, 100, 100, 0.1) 0%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.6) 100%);
  background-image: -moz-linear-gradient(top, rgba(100, 100, 100, 0.1) 0%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.6) 100%);
  background-image: linear-gradient(top, rgba(100, 100, 100, 0.1) 0%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.6) 100%);
  box-shadow: inset rgba(0, 0, 0, 0.4) 1px 0px 0px, inset rgba(255, 255, 255, 0.1) -1px 0px 0px, inset rgba(255, 255, 255, 0.2) 0px 2px 1px, inset rgba(255, 255, 255, 0.1) 0px -2px 1px, inset black 0px 1px 0px, inset black 0px -1px 0px, inset rgba(0, 0, 0, 0.7) -1px 0px 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.search-future input {
  display: block;
  margin: 10px 15px 9px;
  width: 95px;
  padding: 3px 5px 3px 20px;
  border-radius: 15px;
  border: none;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset rgba(0, 0, 0, 0.6) 0px 2px 1px, inset rgba(255, 255, 255, 0.3) 0px -1px 0px;
  outline: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.search-future input:focus {
  width: 170px;
  background: #fff; }

.search-future .search {
  font-family: 'broccolidry';
  font-size: 12px;
  display: block;
  margin: 15px 0 0 21px;
  width: 24px;
  height: 24px;
  color: #f0f0f0;
  position: absolute;
  z-index: 999;
  -webkit-transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out; }

.suggest-future {
  display: none;
  position: absolute;
  margin: 35px 0 0;
  padding: 20px;
  right: 0;
  width: 250px;
  height: 100px;
  background: #fff;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 5px; }

.nav-future li:first-child span {
  display: block;
  width: 18px;
  height: 22px;
  margin: -2px auto;
  background-size: 18px 22px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAxCAYAAACoJ+s+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRkI2QzczNjgxRTkxMUUyQTg3QUQzQzYxQ0M2NTg1NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRkI2QzczNzgxRTkxMUUyQTg3QUQzQzYxQ0M2NTg1NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFGQjZDNzM0ODFFOTExRTJBODdBRDNDNjFDQzY1ODU3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFGQjZDNzM1ODFFOTExRTJBODdBRDNDNjFDQzY1ODU3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PTP3cwAABh5JREFUeNrMWX0s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");
  background-repeat: no-repeat; }

.nav-wrap-ios7 {
  margin: auto;
  padding: 0;
  width: 1055px;
  height: 45px;
  position: relative;
  border-radius: 7px;
  background: #fafafa;
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  font-weight: 200; }

.nav-ios7 {
  display: inline-block;
  clear: none;
  margin: 0;
  width: 900px;
  height: 45px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s; }
  .nav-ios7 li {
    margin: 0;
    padding: 0;
    display: block;
    width: 12.5%; }
    .nav-ios7 li a {
      display: block;
      position: relative;
      width: auto;
      height: 45px;
      padding: 13px 0px 12px;
      color: #4e6dfe;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-mox-sizing: border-box;
      border-right: #EEE 1px solid;
      text-align: center; }
      .nav-ios7 li a:hover {
        color: #fff;
        background: #4e6dfe; }
    .nav-ios7 li:first-child a {
      border-top-left-radius: 7px;
      border-bottom-left-radius: 7px; }
    .nav-ios7 li:nth-child(2) a:hover {
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-image: linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-color: #aafa67; }
    .nav-ios7 li:nth-child(3) a:hover {
      background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-image: linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-color: #e27b66; }
    .nav-ios7 li:nth-child(4) a:hover {
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-image: linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-color: #97cdff; }
    .nav-ios7 li:nth-child(5) a:hover {
      background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-image: linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-color: #cc51dd; }
    .nav-ios7 li:nth-child(6) a:hover {
      background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
      background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
      background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
      background-image: linear-gradient(left, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
      background-color: #94e9cc; }
    .nav-ios7 li:nth-child(7) a:hover {
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-image: linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-color: #cfd2d5; }
    .nav-ios7 li:nth-child(8) a:hover {
      background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-image: linear-gradient(right, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-color: #f2db31; }

.search-ios7 {
  display: inline-block;
  padding: 10px 12px 11px 9px;
  margin: 0 -5px 0 -5px;
  width: auto;
  vertical-align: top;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out; }
  .search-ios7 input {
    display: block;
    width: 100px;
    margin: 3px 0 0 5px;
    padding: 3px 5px 3px 25px;
    border-radius: 15px;
    border: #CCC 1px solid;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
    .search-ios7 input:focus {
      width: 170px; }
  .search-ios7 .search {
    float: left;
    font-size: 0.75em;
    font-family: 'broccolidry';
    font-size: 12px;
    display: block;
    margin: 8px 0 0 15px;
    width: 24px;
    height: 24px;
    color: #4e6dfe;
    position: absolute;
    z-index: 999;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out; }

.suggest-ios7 {
  display: none; }

.ios7-focus {
  background: #4e6dfe; }

.nav-ios7 li:first-child a {
  background: #4e6dfe; }
.nav-ios7 li:first-child span {
  display: block;
  width: 18px;
  height: 22px;
  margin: -2px auto;
  background-size: 18px 22px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABUCAYAAAA/MEEUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQzhCREJGRDVBMUIxMUUyOUQyQzk2QUQ5NjFCN0IxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQzhCREJGRTVBMUIxMUUyOUQyQzk2QUQ5NjFCN0IxRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFDOEJEQkZCNUExQjExRTI5RDJDOTZBRDk2MUI3QjFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFDOEJEQkZDNUExQjExRTI5RDJDOTZBRDk2MUI3QjFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+vyMhagAABTJJREFUeNrsnG2IFVUYx8+u66bu5palsmJqbqVuRbapRZlSmi8ZvYkkZW+CfjEiU3Pxa1FfIqkoAimIUlYTEi0UKUl6sRcyV8OKdmvVWypa1iauS27X/5/7LOQ4c+ecmVmZuY8P/EDuPXfPzM9nZs45c84py+fzJuNxLXhE/v0MSOSEyjIqpg+YCx4Hk+Sz38DQpCqoyKCUZeAJMMzz+Z9JVpIlMXeC58F1Ad+3JllZeUakPAs+LCKF0a4pY3qBzeAOi7ItWsSUgY/BZMvyX2q5lNY4SDkOvtIgZq5gG1uSvseksR3TGxwCAxx+czPYUeoZs9BRyhdJS0lrxrSB4Q7lbwWfJX0QacuYKY5S3ukJKWkUM9Oh7H6woKcOJG1iJlqW+wdMB50axAyUIYSwOAGmgR978mDSJOYK0M+iIXdb0q3ctIu5MuT7T0AD+PpcHEyaxNQFfJ4DSyVTfj5XBxO3E3kpGAnqwWBQCbrASVMYUfsFHAW/WvytoZ77yHdgPXgroLk/BkwAo0RqndT/H/gL7JY20Y4oDcAoDbxqMAfMBreAi0LKnwI/yYF+JOz3KXejXE4HwQ/gd5/s5jDmLDAVjHU4Zta/EayyzjqKcWAJOJCPFx1gO2gEDSH1VYFZ4FWwNx8/OsHrYEjYudpmzPXgDUndpGO3tF7b5KlzgfSVmBHjQG0P1HkMPAnejXMp8ZJZZ7IzDOoSK8HTUcQ8AJpMaQfHku9yETNdBoA0xFY531AxtfKo7WP0xHtgvtznAu8b7yuTwrgJVBVr+S6QNoWmaJK+2uGgS6lavuynSArfRjwU1ldarEzKVj8p3ozpKx22AUqk8OFyDegI613PUyTFSNulw2bY4VFFUpZLRzW0d825JvsUXUJ1tgNV9yrKlkabQt1iJiuR0iItXCsxldK91xBv2hYsl+ttmBIx61zENCiR8o3ceK3FDFIi5lOXwhRzuRIxB13FjFEi5m9XMRVKxLS5iumtRMy/rmLySsTUuYo5pURMjauYdiViLnEV870SMeNcxRxRIoYTEPqfF3N28NXITBcxzUZPPGhbkCN4fGXC+SoXKxDDpgnn4LTaZMxxRVnDpT4v2V5KjL2KLqe7wT22YrYbXbHaFOYPhorZ5tqXKIEnFKe4VIaJ4czKncqy5gZJiKpiYhgfGH3BRh9H9oYXE7PJ6AxOvOQEyXlBYpoV9Zu8wa4C1z5tMDI3yDsNZL3RHXyMcwHHC14xa835YOT8Jid+bgqrUrUGO9W1fnPwXlSeLa+BLr+MYX+C654HKZTCVTOXsV1XHtADfUVptqyWxm7gBGhOUOTszWplYjgk0eL3uO4OLqR6WZmUVeZ/W60UW0tQI/caLTPEeW/J+bV8vcF3vSsUPYlyZzyBLNYrHTAJ7haWwuBwCxeV/BHUVwqK+SWeLUu8UmwzhsEpWnNKUAqHdK/2+8JWzIVySdWUmBgOOezy+8J2nSM3mXi4xKQ0BklxyZju4OLKp0pACkftJhUrEGVBOv/oxAxL4a4BXLrcnrSYvpKCV2VQCrc3GGUsNhOMspa6Q9KwNWNSOEHqdmO5w2KczbvYKOI+DfUxD7jNFDa42CM9W/5n8ZUGF1mNAONN/AmUfDd/P/jW+heOezt4qQZNEfZY6AJvgxmgIqSOkWAh2BJxPwf+bqDrucUV080ikLM4yH1gJRgdsZ568BxotqhrJ3gs6jkluQ8eX0Fwy4P7wBBTGAnk5lrH5Ga9TZ5oJxKqj5cwx6a5LHi0PBQ6pS5uGhhrl4HTAgwAqPPm6lLdlYwAAAAASUVORK5CYII=");
  background-repeat: no-repeat; }

.suggest-ios7 {
  display: none;
  position: absolute;
  margin: 0px 0 0;
  padding: 20px;
  right: 0;
  width: 250px;
  height: 100px;
  background: #fff;
  border-radius: 5px;
  border: #CCC 1px solid; }

            
          
!
            
              $(function(){

	$(".search-2011 input").focus(function(){
		$(".nav-2011").css("width", "775px");
			$(".search-2011 .search").css("color", "#747474");
				$(".search-2011 input").css("color", "#000");
	});
		$(".search-2011 input").blur(function(){
			$(".nav-2011").css("width", "840px");
				$(".search-2011 .search").css("color", "#FFFFFF");
					$(".search-2011 input").css("color", "#FFFFFF");
			
		});
			$(".search-2011 input").on("keypress", function(){
				if ($(this).val().length > 0){
					$(".suggest-2011").css("display", "block");
				}
				else{
					$(".suggest-2011").css("display", "none");
				}
			});
			$(".search-2011 input").on("focus", function(){
				if ($(this).val().length > 0){
					$(".suggest-2011").css("display", "block");
				}
				else{
					$(".suggest-2011").css("display", "none");
				}
			});
				$(".search-2011 input").on("blur", function(){
					$(".suggest-2011").css("display", "none");
				});

	$(".search-future input").focus(function(){
		$(".nav-future").css("width", "830px");
			$(".search-future .search").css("color", "#747474");
				$(".search-future input").css("color", "#000");
	});
		$(".search-future input").blur(function(){
			$(".nav-future").css("width", "905px");
				$(".search-future .search").css("color", "#f0f0f0");
					$(".search-future input").css("color", "#FFFFFF");
			
		});
			$(".search-future input").on("keypress", function(){
				if ($(this).val().length > 0){
					$(".suggest-future").css("display", "block");
				}
				else{
					$(".suggest-future").css("display", "none");
				}
			});
			$(".search-future input").on("focus", function(){
				if ($(this).val().length > 0){
					$(".suggest-future").css("display", "block");
				}
				else{
					$(".suggest-future").css("display", "none");
				}
			});
				$(".search-future input").on("blur", function(){
					$(".suggest-future").css("display", "none");
				});


	$(".search-ios7 input").focus(function(){
		$(".nav-ios7").css("width", "830px");
			$(".search-ios7").addClass("ios7-focus");
				$(".search-ios7 input").css("color", "#000");
	});
		$(".search-ios7 input").blur(function(){
			$(".nav-ios7").css("width", "900px");
				$(".search-ios7").removeClass("ios7-focus")
					$(".search-ios7 input").css("color", "#4e6dfe");
			
		});
			$(".search-ios7 input").on("keypress", function(){
				if ($(this).val().length > 0){
					$(".suggest-ios7").css("display", "block");
				}
				else{
					$(".suggest-ios7").css("display", "none");
				}
			});
			$(".search-ios7 input").on("focus", function(){
				if ($(this).val().length > 0){
					$(".suggest-ios7").css("display", "block");
				}
				else{
					$(".suggest-ios7").css("display", "none");
				}
			});
				$(".search-ios7 input").on("blur", function(){
					$(".suggest-ios7").css("display", "none");
				});

	$(".block a").click(function(e){
		e.preventDefault();
	});


});

            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console