@charset "utf-8";

*{
	box-sizing: border-box;
}

body{
	margin: 0px;
	font-family: calibri;
}

/*---top nav---*/

#top_nav{
	background: midnightblue;
	margin: 0px;
	position: fixed;
	top: 0px;
	width: 100%;
}

#top_nav .logo{
	width: 50%;
	/*background: red;*/
}

/*#top_nav img{
	width: 10px;
}*/

#top_nav ul{
	display: flex;
	width: 100%;
	align-items: center;
	list-style-type: none;
}

#top_nav ul li a{
	text-decoration: none;
	color: white;
	font-weight: bold;
}

#top_nav #con_a{
	padding: 9px 10px;
	border-radius: 8px;
	color: midnightblue;
	background: white;
	margin-right: 3px;
}


#top_nav #con_a:hover{
	color: white;
	background: rgb(4, 37, 73);
	transition: 1s;
}




/*---section one---*/

.section1_main_div{
	background: midnightblue;
	display: flex;
	flex-wrap: wrap;
	color: white;
	align-items: center;
	justify-content: center;;
}

.section1_main_div div{
	margin: 100px 30px 30px 30px;
	list-style-type: none;
}

.section1_main_div div:nth-of-type(1){
	width:500px;
}

.section1_main_div a{
	text-decoration: none;
	color: midnightblue;
	background: white;
	padding: 10px 15px;
	border-radius: 8px;
	font-size: 20px;
	font-weight: bold;
}

.section1_main_div h1{
	font-size: 50px;
}

.section1_main_div li{
	margin-top: 15px;
	font-size: 20px; 
}

.section1_main_div img{
	width: 500px;
}


/*---section two---*/

.section2_main_div{
	background: white;
	display: flex;
	flex-wrap: wrap;
	padding: 20px;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.section2_main_div div{
	margin: 25px;
	color: rgb(22,28,45);
}


/*---section three---*/

.general_pic{
	background: white;	
	list-style-type: none;
}


.general_pic div div{
	margin: 40px;
	font-size: 20px;
	color: rgb(22,28,45);
}

.general_pic div li:nth-of-type(2){
	margin-top: 10px;
}

.general_pic div a{
	padding: 8px 12px;
	background: rgb(4, 37, 73);
	text-decoration: none;
	border-radius: 7px;
	color: white;
	font-weight: bold;
}

.general_pic div img{
	width: 250px;
}


.section3_main_div, .section4_main_div, .section5_main_div{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	list-style-type: none;
}

.general_pic div:nth-of-type(2) img, .general_pic div:nth-of-type(3) img{
	/*width: 500px;*/
}


/*---section six---*/

.section6_main_div h1{
	text-align: center;
	color: rgb(22,28,45);
	font-size: 40px;
}

.section6_main_div li{
	list-style-type: none;
	color: rgb(22,28,45);
	font-size: 20px;
	text-align: center;
	margin-top: -10px;
}

.section6_main_div div{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	color: rgb(22,28,45);

}

.section6_main_div div div{
	margin: 20px;
}

.section6_main_div a{
	text-decoration: none;
	padding: 8px 12px;
	border-radius: 8px;
	background: rgb(4, 37, 73);
	color: white;
	font-weight: bold;
	font-size: 18px;
}

#section3{
	background: midnightblue;
	padding: 10px;
}

#section3 img{
	width: 100%;
}


/*---footer---*/

.footer{
	margin-top: 10px;
	background: midnightblue;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}


.footer li{
	list-style-type: none;
	color: white;
	/*margin: 10px;*/
	font-size: 16px;
	font-weight: normal;
}

.footer ul{
	font-size: 18px;
	font-weight: bold;
	color: white;
	/*padding: 7px;*/
}

.footer li a{
	text-decoration: none;
	color: white;
	/*padding: 7px;*/
	border-radius: 8px;
}

.footer li a:hover{
	background: rgb(4, 37, 73);
}


/*---ASSET PAGE---*/

.asset_section1_div .sub{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.asset_section1_div .one{
	margin-top: 30px;
	text-align: center;
	color: rgb(22,28,45);
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.asset_section1_div div{
	margin: 30px;
	list-style-type: none;
}

.asset_section1_div li{
	margin: 10px;
	color: rgb(22,28,45);
	font-size: 19px;
}

.frost{
	background: rgba(11, 100, 195, 0.5);
	position: fixed;
	bottom: 0px;
	z-index: 999999999999;
	width: 100%;
	padding: 10px;
	display: none;
}

.frost textarea{
	width: 100%;
	text-align: center;
}

.frost button{
	background: midnightblue;
	color: white;
	font-weight: bolder;
	font-size: 20px;
	width: 100%;
	padding: 10px 2px;
}



#regdiv{
	box-shadow: 0px 30px 50px rgba(011, 100, 195, 1.0);
	/*height: 500px;*/
	width: 500px;
	border-radius: 5px;
	list-style-type: none;
	text-align: left;
	padding: 6px;
}

#regdiv li{
	font-weight: bold;
	font-size: 25px;
	text-align: center;
}

#regdiv img{
	width: 100%;
	height: 55px;
}

#regdiv b{
	font-size: 18px;
}

#regdiv input{
	width: 100%;
	padding: 4px;
	font-size: 18px;
}

#regdiv button{
	background: rgb(011, 100, 195);
	width: 100%;
	padding: 7px 4px;
	color: white;
	font-size: 20px;
	border: none;
	font-weight: bold;
	border-radius: 6px;

}

/*--section two--*/

@media screen and (max-width: 400px){

	#top_nav ul li{
		margin: 0px;
	}

	#top_nav .logo{
		margin-left: -30px;
	}

	#top_nav img{
		width: 150px;
	}

	#top_nav ul li{
		display: none;
	}

	nav ul #fog{
		display: block;
	}

	#top_nav .logo{
		display: block;
	}

	.section2_main_div div h2{
		font-size: 18px;
	}

	.general_pic div img{
		width: 100%;
	}

	.asset_section2_div{
		padding: 3px;
	}

	.asset_section2_div li{
		list-style-type: none;
		padding: 5px;
	}

	.section1_main_div img{
		width: 100%;
	}

	.asset_section2_div img{
		width: 100%;
	}

	.footer div{
		width: 100%;
	}

	.section1_main_div h1{
		font-size: 20px;
	}

	#regdiv{
		width: 100%;
	}
}