@charset "UTF-8";



.header{
	height:149px;
}
	.top{
		height:40px;
		border-bottom:1px solid #DCDCDC;
	}
		.top-container{
			position:relative;
			top:8px;
			height:24px;
			margin:0 5% 0 5%;		
			justify-content: flex-end;
		}
			.landline{
				width:140px;
				padding-left:25px;
				/* color:#036676; /*dark*/
				/*color:#036c7c;*/
				color:#037383;/*light*/
				font-weight:bold;

			}
			.link{
				width:190px;
			}
			.link a{
				margin: 0 12px 12px;
			}
	.nav{
	 padding:0 5% 0 5%;
	 height:110px;
	 border-bottom:1px solid #DCDCDC;
	}
		.nav-logo h1{
			width:128px;
			color:#037383;
			font-size:32px;
		}

		.nav-logo img{
			width:65px;
			height:65px;
		}
		/* .nav-info{
			width:650px;
		
		} */
			.nav-item{
			display: flex; 
			align-items:center;
				width:110px;
				height:110px;
				justify-content:center;				
			}
			.nav-item a{
				font-size:18px;	
				color:black;
				display: inline-block;
 				height: 110px;
 				width:100%;
 				text-align:center;
 				line-height:110px;
				
			}
			.nav-list li{
				background-color:white;
			}
			.nav-list li:hover{
				background-color:#037383;	
			} 
			.nav-list li:hover a{
				color:white;
			}

	/* .hidden-box{
		position:absolute;
		
		height:300opx;
		margin:0 5% 0 5%;
		right:0;
		left:0;
		align-items:flex-start;
		
	}
	.hidden-logo img{
		width:65px;
		height:65px;
		visibility:hidden;
	}
	.hidden-logo h1{
		width:128px;
		color:#037383;
		font-size:32px;
		visibility: hidden;
	}
	.hidden-info{
		width:760px;
		height:300px;
		align-items:flex-start;
	}
	.hidden-menu{
		width:660px;
		align-items:flex-start;
		
	}
	.hidden-list{
		width:110px;
		display: flex;
		align-items:center;
		flex-direction:row;
		justify-content:center;	
	}
	.hidden-list li{
		width:110px;
		padding:10px 0 10px 0;
		background-color:#DCDCDC;
		border-bottom:1px solid black;
		text-align: center;
		visibility: hidden;
		z-index:2;
	}
	li:hover {
		background-color:#037383;	
	} */