/*Here I will write css for show horizantal nav menu*/
.navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #1bc2a2;
}

.navigation ul li {
  display: block;
  position: relative;
  float: left;
  background: #1bc2a2;
}
.navigation li ul { display: none; }

.navigation ul li a {
  display: block;
  padding: 1em;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
}

.navigation ul li a:hover { background: #2c3e50; }
.navigation li:hover > ul {
  display: block;
  position: absolute;
}

.navigation li:hover li { float: none; }

.navigation li:hover a { background: #1bc2a2; }

.navigation li:hover li a:hover { background: #2c3e50; }

.navigation .navigation li ul li { border-top: 0; }
.navigation ul ul ul {
  left: 100%;
  top: 0;
}
.navigation ul:before,
.navigation ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.navigation ul:after { clear: both; }

/*YOU Can download this css from the below link (see youtube description)
    */

/*
     FILE ARCHIVED ON 00:20:14 Sep 20, 2017 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:01:44 Dec 07, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.562
  exclusion.robots: 0.041
  exclusion.robots.policy: 0.031
  esindex: 0.009
  cdx.remote: 7.065
  LoadShardBlock: 240.345 (3)
  PetaboxLoader3.datanode: 191.566 (4)
  PetaboxLoader3.resolve: 314.788 (2)
  load_resource: 436.86
*/