.d{
	background-color:#47a3da;
	display:block;
	z-index:100000;
	height:46px;
	color:#47a3da;}

nav > ul {
  	float: left;
		background: #47a3da;
	position: relative;
	z-index: 100;
	
}

nav > ul > li {
  	text-align: center;
	  line-height: 40px;
	  list-style-type:none;

}

.active {
	  background-color:#f9f9f9;
	  color:#153b64;
}


nav ul li:hover {
	  cursor: pointer;
	  position: relative;
}
nav ul li:hover > ul {
  	display: block;
}
nav ul li:hover > a {
	  background-color:#f9f9f9;
	  color:#153b64;
}


nav > ul > li > a {
	color: #fff;
	font-size: 1.2em;
	line-height: 3em;
	display: inline-block;
	position: relative;
	z-index: 10000;
	outline: none;
	  padding-left:1.3em;
	  padding-right:1.5em;
	  margin-right:0.2em;
}
nav > ul > li > a:active{
	  background-color:#f9f9f9;
	  
}


nav > ul > li {
  	float: left;
}
nav a {
	  color: white;
}
nav > ul li ul {
  	display: none;
  	position: absolute;
  	left: 0;
	  top: 100%;
  	width: 100%;
	  z-index: 2000;
}
nav > ul li ul li > a {
	  text-decoration: none;
}

[type="checkbox"], label {
	  display: none;
}

@media screen and (max-width: 768px) {
	.d{
	background-color:#47a3da;
	display:block;
	z-index:100000;
	height:5px;
	color:#47a3da;}

	nav ul {
		  display: none;
	}

	label {
  		display: block;
		  width: 40px;
  		height: 40px;
  		cursor: pointer;
		  position: absolute;
		  right: 20px;
  		top: 0px;
	}
  
label:after{
  content:'';
  display: block;
  width: 30px;
  height: 5px;
  background: #777;
  margin: 7px 5px;
  box-shadow: 0px 10px 0px #777, 0px 20px 0px #777
}

	[type="checkbox"]:checked ~ ul {
  		display: block;
  		z-index: 9999;
  		position: absolute;
		  right: 20px;
		  left: 20px;
	}

	nav a {
		  color: #777;
	}

	nav ul li {
		  display: block;
  		float: none;
  		width: 100%;
  		text-align: left;
  		background: #47a3da;
		  text-indent: 20px;
		  
	}

	nav > ul > li {
  		margin-left: 0px;
		
	}

	nav > ul > li {
  		margin-left: 0px;
		
	}