.top-header{
	width:100%;
	height:30px;
	float:left;
	background:#505050;
	z-index:9999;
}

.top-header ul{
	float:right;
	margin-right:10px;
}

.top-header ul li{
	display:inline-block;
	padding:2px 0;
}

.top-header ul li img{
	width:25px;
	opacity:1;
	transition:all 300ms;
}

.top-header ul li:hover a img{
	opacity:0.6;
	transform:translateX(-3px);
}

.mob-but{
	float:right;
	border:1px solid #fff;
	display:none;
	margin:5px 10px 5px 3px;
}

.mob-but img{
	width:25px;
	display:block;
}

.header{
	width:100%;
	float:left;
	background:#fff;
	z-index:9999;
}

.navi{
	width:100%;
	margin:0 auto;
    display: inline-table;
    vertical-align: middle;
}

.logo{
	float:left;
	text-align:center;
	margin:0px 0 0px 10px;
	padding:5px 0px;
	/*background:-webkit-linear-gradient(#0073B7, #7BCEFF);
	background:linear-gradient(#0073B7, #7BCEFF);*/
}

.logo img{
	width:120px;
}

.logo h1{
	font-size:32px;
	color:#0E448A;
	text-transform:uppercase;
	font-family:sans-serif;
	font-weight:800;
}

.navi ul{
	float:right;
	padding:14px 0 10px;
}

.navi ul li{
	float:left;
}

.navi ul li a{
	color:#262626;
	padding:5px 7px;
	display:block;
	text-transform:uppercase;
	text-align:left;
	font-size:13px;
	font-family:roboto;
}

.navi ul li:hover a{
	background:#c0c0c0;
}