html{
	font-size: 14px;
}

*{
	font-family: "Open Sans",sans-serif;
	/* list-style-type: none;	 */
	margin: 0px;
	color: #3C424F;
	font-weight: 350;
	font-size: 1rem;
	line-height: 1.5rem;

}

h1 {
	font-size: 1.25rem;
	line-height: 1.5rem;
	font-weight: bold;

}

h2 {
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: bold;
}

h3 {
	font-size: 1.75rem;
	font-weight: bold;
	line-height: 2.25rem;
}

h4 {
	font-size: 2rem;
	line-height: 2.5rem;
	font-weight: bold;
	color: #3C424F;
}

h5 {
	font-size: 2.25rem;
	line-height: 2.75rem;
	font-weight: bold;
}

h6 {
	font-size: 2.5rem;
	line-height: 3rem;
	font-weight: bold;
}

p{
	text-align: justify-all;
}

body {
	width: stretch;
}

strong{
	font-weight: bold;
}

.clear{
	clear: both;
}


a{
	text-decoration: none;
	color: inherit;
	margin: 0;
	padding: 0;
}

.buttonOnTransPanel{
	padding: 5px;
	background-color: rgba(51, 51, 51,0.2);
	color: white;
	border: 1px solid white;
	padding: 15px;

	border-radius: 5px;            
	cursor: pointer;
}


.buttonOnTransPanel:hover{
	background-color: rgba(255, 255, 255,0.2); 
}


#sideBarButton_wp{

	right: 10px;
	top:30px;
	width: 50px;
	height: 50px;

	/*background: url('../imgs/sideBar.png') center center no-repeat;*/
	cursor: pointer;
	@media (width<1200px){
		display: block;
	}	
	@media (width>1200px){
		display: none;
	}	
	z-index: 9999;
}

	.sideBarButton_wp_active{
		position: fixed;
	}

	.sideBarButton_wp_passive{
		position: absolute;
	}	

.sideBarButtonIconOpen{
	color:#164893;
	font-size: 48px!important;
	display: black;

}

.sideBarButtonIconClose{
	color:white;
	font-size: 36px!important;
	padding-left: 10px;
}

#sideBar_wp{
	width: 80%;
	max-width: 350px;
	height: 100vh;
	position: fixed;
	top: 20px;
	right: 0;

	padding-bottom: 10px;
	border-radius: 16px 0 0 16px;
	z-index: 500;

	background: #151A2D;
	height: calc(100vh - 32px);
	transition: all 0.4s ease;
	/*
	//background-color: rgba(0,0,0,0.6);
	background-color: #151A2D;
	//background-color: rgba(30,68,209,0.5);
	backdrop-filter: blur(5px);
	box-shadow: -10px 0 10px rgba(0,0,0,0.5); */
}

	.sideBarOn{
		display: block;
	}

	.sideBarOff{
		display: none;
	}

	#sideBarCaption{
		color: white;
		width: 80%;
		margin-top: 15px;
		margin-left: 15px;
		font-size: 1.5rem;
		font-weight: 600;
	}

	#sideBarMenu{
		margin: 0 5px 15px 5px;
		padding-top: 15px;

	}

		.sideBarMenuItem{
			padding: 5px;
			padding-left: 10px;
			margin:10px auto;

		}

		.sideBarMenuItem:hover {
			border-radius: 5px;
			background: rgba(255,255,255,0.3);
		}

			.sideBarMenuItemIcon{
				color:white;
				font-size: 32px;
				margin-right: 10px;
			}

			.sideBarMenuItem a{
				/*//font-weight: bold;*/
				display: block;
				color: white;
				font-size: 1rem;
				display: flex;
  				align-items: center;				
			}



#header_wp{
	width: 100%;
	background-color: white;
	z-index: 1000;
	align-content: center;

	@media (width> 1000px) {
		/*//position: sticky;*/
	}	
}

	#header{
		width: 95%;
		max-width: 1200px;
		margin: 0 auto;
	}
	
		#logo{
			float: left;

		}
			#logo a{
				display: block;
			}

			#logo img {
				height: 15vh;
				max-height:130px;

			}


	#navbar{
		float: right;
		margin-top: 20px;
		@media (width<1200px){
			display: none;
		}
	}

	#navbar ul{
		list-style-type: none;

	}

		#navbar ul li{
			/*//width: 128px;*/
			float: left;
			margin-left: 10px;
			text-align: center;
		}

		#navbar ul li:hover{
			/* border: 1px solid rgba(37,97,137,0.4); */
			box-shadow: 2px 2px 10px rgba(37,97,137,0.5);
			border-radius: 5px;
		}

		#navbar ul li a{
			display: block;		

		}
			#navbar ul li a div{
				font-weight: 600;
				font-size: 0.8rem;			
				padding: 10px;
				padding-top: 70px;
				margin-top: 10px;

			}
	
#header_sep{
	height: 10px;
	background-color: #164893;
}


	#sideBarMenuSep{
		width: 100%;
		height: 3px;
		background-color: white;
		margin: 20px 0;
	}

#cover_wp{
	width: stretch;
	overflow: hidden;
	text-align: center;
	background-color: black;
}

	#embedVideo{
		width: 100%;
		max-height: 60vh;
	}

		#flyPanel_wp{
			@media (width<500px)
			{
				display: none;
			}
			position: absolute;	
			width: 100%;
			top:160px;			
			z-index: 5;
			margin: auto 0;
		}

		#flyPanel{		
			max-width: 600px;
			margin: auto;			
			text-align: center;
			font-weight: bold;
			color: white;
		}	


		#flyPanel h4{

			color: white;
			font-weight: bold;
		}

		#flyPanel h2{
			color: white;
			font-weight: bold;
		}		

			#flyPanelButton_wp{
				@media (width<750px){
					display: none;
				};
			@media (width>=750px){
					display: block;
				}				
				width: 85%;
				margin: 0 auto;
				margin-top: 20px;
				text-align: center;
				align-content: center;
			}


			.flyPanelButton{
				padding:0.5vw 0.75vw 0.5vw 0.75vw;
				border: 3px solid white;
				border-radius: 30px;
				color: white;
				background: rgba(22,72,147,0.6);
				text-align: center;
				margin-top: 15px;
			}

				.flyPanelButton a{	
					display: block;
					font-weight: 500;
				}


				.flyPanelButton:hover {
					box-shadow: 2px 2px 20px;
				}


#cover_sep{
	height: 10px;
	background-color: #164893;	
}

#innerPageSep{
	background-color: #164893;
	color: white;
	font-size: 2rem;
	line-height: 2.5rem;
	text-align: center;
	font-weight: bold;
	padding: 20px;
	margin-top: -2px;
}

.clearCoverMargin{
	margin-top: 160px;
	width: 100%;
}



#contents_wp{
	background: #ececec; /* Old browsers */
	background: -moz-linear-gradient(top, #ececec 0%, #f7f7f7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ececec 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ececec 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	width: 100%;
	align-content: center;
}

	.halfContent_wp{
		max-width: 1200px;
		margin: 0 auto;	
		margin-bottom: 50px;
	}

		.hcOpposite{
			background-color: #151A2D;
		}



	.contentHeader{
		font-size: 2rem;
		line-height: 2.5rem;
		color: #2561bb;
		margin-top: 50px;
	}	

		.contentHeader::after {
			display: block;
			content: " ";
			border-bottom: 2px solid #2561bb;
			height: 2px;
			width: 125px;
			margin-top: 15px;
			margin-bottom: 10px;
		}	
		
			.chLeft{
				text-align: left!important;
			}

	.downloadibleContents_wp{
		width: 95%;
		margin: 0 auto;
	}

		.downloadibleContents{
			display: flex;
			flex-wrap: wrap;
			gap: 15px;
		}

			.downloadibleContentItem{
				flex:120px;
				max-width: 150px;
				border: 1px solid #e0e1e1;
				border-radius: 5px;
				background-color: white;	
				padding: 15px;		
				cursor: pointer;	
				
			}
				.downloadibleContentItem:hover{
					box-shadow: 2px 2px 10px rgba(37,97,137,0.5);
					border-radius: 5px;
				}


				.downloadibleContentCaption{
					margin:10px 0 15px 0;
					/* font-size: 1.2rem; */
					font-weight: bold;
				}

				.iconBig{
					color: #164893;
					font-size: 50px!important;
				}		


#footer_sep{
	height: 10px;
	background-color: #333333;
	/* background-image: linear-gradient(rgba(255,255,255,0.2),rgba(51,51,51,0.1)); */
	/* background-image: linear-gradient(rgba(255,255,255,0.2),#2a2a2a); */
}

.footer_content_wp{
	color: white!important;
	width: 100%;
	background: url("../media/siteImgs/footer_bg.png") repeat-x;	
	background-position: center center;
	background-size: cover;
}

	.footer_content_wp2{
		width: 95%;
		max-width: 1200px;
		margin:0 auto;
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		justify-content: space-around;
		padding: 20px 0;
	}

	.footerItem{
		/* text-align: center; */
		color: white;
		flex: 250px;
		max-width: 350px;


		background-color: rgba(6, 24, 49, 0.4);
		backdrop-filter: blur(5px);
		border: 2px solid rgba(255,255,255,0.6);
		box-shadow: 0 5px 5px rgba(255,255,255,0.3);
		border-radius: 5px;		

		padding: 15px;
		border: 1px solid white;
		border-radius: 5px;

	}

		.footerItem, .footerItem h1, .footerItem h2,.footerItem h3,.footerItem ul, .footerItem li, .footerItem table tbody tr td{
			color:white;
		}

			#seeMap{
				margin-top: 40px;
				border: 2px solid white;
				border-radius: 30px;
				color: white!important;
				text-align: center;
				/* width: 90%; */
				max-width: 350px;
				background: rgba(22,72,147,0.6);


			}

				#seeMap a{
					padding: 15px;
					font-size: 1.1rem;
					line-height: 1.1rem;
					display: block;
					font-weight: bold;
				}

				#seeMap:hover{
					box-shadow: 2px 2px 20px;
				}			
#footer_map{
	width: 100%;
	height: 400px;
	border: 2px solid white;
	border-radius: 5px;
}