.navigation{
	margin:0;padding:0;font-size:0;width:100%;
	background-color:#fdfdfd;
}
.navigation > div.wrap{ align-items: center;-webkit-align-items:center; }
#nav-list{
	display: flex;display: -webkit-flex;padding-left:0;
	align-items: center;-webkit-align-items:center;
	font-size:.75rem;list-style: none;margin:0;
}
#nav-list > li{
	padding:5px 30px 5px;
	border-left:1px solid #ccc;
	-webkit-border-image:-webkit-linear-gradient( white,#d1d1d1,#d1d1d1,white) 1 1;
	-moz-border-image:-moz-linear-gradient( white,#d1d1d1,#d1d1d1,white) 1 1;
	-ms-border-image:-ms-linear-gradient( white,#d1d1d1,#d1d1d1,white) 1 1;
	-o-border-image:-o-linear-gradient( white,#d1d1d1,#d1d1d1,white) 1 1;
	border-image:linear-gradient( white,#d1d1d1,#d1d1d1,white) 1 1;
}
#nav-list > li:last-child{
	border-right:1px solid #ccc;
}
#nav-list > li > a{
	display: flex;display: -webkit-flex;
	flex-direction: column;-webkit-flex-direction:column;
	justify-content: center;-webkit-justify-content:center;
	align-items: center;-webkit-align-items:center;
	text-decoration: none;color:#666;padding-bottom:2px;
	border-bottom:2px solid transparent;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
#nav-list > li >a:hover{
	border-color:#2977d5;color:#2977d5;
}
#nav-list > li > a > span.enname{
	font-size:.5rem;color:#a2a2a2;
}

#search-form{
	display: flex;display: -webkit-flex;
	align-items: center;-webkit-align-items:center;
}
#search-form input{
	border:1px solid #ccc;
	padding:5px 10px;color:#888;
	text-indent: 1em;-webkit-text-indent:1em;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
#search-form input:focus{
	-webkit-box-shadow: 0 0 5px #1d69d0;
	-moz-box-shadow: 0 0 5px #1d69d0;
	-ms-box-shadow: 0 0 5px #1d69d0;
	-o-box-shadow: 0 0 5px #1d69d0;
	box-shadow: 0 0 5px #1d69d0;
	border-color:rgba(29,105,208,.3);
}
#search-form a{
	background-color:#a5a5a5;color:white;
	text-decoration: none;padding:5px 10px;
	margin-left:5px;
	cursor: pointer;-webkit-cursor:pointer;
}

@media screen and (min-width: 300px) and (max-width: 768px){
	.navigation{ display: none; }
}

@media screen and (min-width: 768px) and (max-width: 1024px){
	#nav-list{ font-size: .65rem; }
}