/* ---------- Google Font ---------- */



.mainWrap{width:100%;margin:0 auto;}

.title{margin:100px 0 20px 0;
text-align:center;
color:#000;}
.back{text-align:center;}

nav{display:block;
margin-left:150px;
/* background:#000; */
}

.menu{display:block;
font-size:11pt;
margin-bottom:-10px;
}

.menu li{display: inline-block;
position: relative;
z-index:100;}

.menu li:first-child{margin-left:0;}

.menu li a {font-weight:bold;
text-decoration:none;
padding:12px;
display:block;
color:#ffffff;
font-size:12pt;
text-align:center;
border-radius: 5px;
}

.menu li a:hover, .menu li:hover > a{color:#2F4F9E;
background:white;
box-shadow: 0 0 7px rgba(0,0,0,0.1);

}

.menu ul {display: none;
margin: 0;
padding: 0;
width: 100%;
position: absolute;
top: 35px;
left: 0px;
background: #ffffff;
border-radius: 5px;
}

.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
.menu ul li a {


display:block;
color:#2F4F9E;

background:#ffffff;}

.menu ul li a:hover, .menu ul li:hover > a{
background:#f0f0f0;

color:#2F4F9E;
}

.menu li:hover > ul{ display: block;}
.menu ul ul {left: 149px;
	top: 0px;
}

.mobile-menu{display:none;
width:100%;
padding:11px;
background:#3E4156;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
}
.mobile-menu:hover{background:#3E4156;
color:#ffffff;
text-decoration:none;
}




@media (max-width: 1560px) {
	.menu{display:block;
		font-size:10pt;

	}
	.menu li a {

	font-size:9pt;

	}

	.menu ul {

		top: 30px;

	}	
}	

@media (max-width: 1300px) {
	.menu{
		font-size:9pt;

	}
	.menu li a {

	font-size:8pt;

	}

	.menu ul {

		top: 30px;

	}	
}	
.mmnuuxs{
	display:none;

}

@media (max-width: 1200px) {
	.menu{
		display:none;

	}
	.mmnuuxs{
		display:block;

	}
}	

@media (min-width: 768px) and (max-width: 979px) {

.mainWrap{width:768px;}
.menu ul {top:37px;}
.menu li a{font-size:12px;
padding:8px;}
}

@media (max-width: 767px) {

.mainWrap{width:auto;padding:50px 20px;}

.menu{display:none;}

.mobile-menu{display:block;
margin-top:100px;}

nav{margin:0;
background:none;}

.menu li{display:block;
margin:0;}

.menu li a {background:#ffffff;
color:#666666;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;}

.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#666666;
border-left:3px solid #9CA3DA;}

.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}

}

@media (max-width: 480px) {

}


@media (max-width: 320px) {
}


.headinfo{
	background:black;
}



.mnumobile{
	color:white;

}
.mnumobile li a{
	color:white;
	font-size:15pt;
	text-shadow: 0px 3px 5px rgba(0, 0, 0, 1);
}