@charset "UTF-8";

:root {
	--color-black: #000000;
	--color-blue: #0033A0;
	--color-purple: #8031A7;
	--color-cyan: #00B5E2;
	--color-white: #ffffff;
	--text-color: #262626;
	--text-color-2: #333333;
	--bg-color-grey: #F2F2F2;
}

.color-blue{color:var(--color-blue);}
.color-purple{color:var(--color-purple);}
.color-text-1{color:var(--text-color);}


html{
	font-family: 'Gotham SSm A', 'Gotham SSm B', sans-serif;
    font-size:1em;
    line-height:1.33em;
    color:var(--text-color);
    background-color:#ffffff;
}

sub, sup{
	font-size:60%;
	font-weight:400;
	white-space:nowrap;
}

sup{
	font-size: 60%;
	line-height: 0;
	vertical-align: super;
}

ul > li > ul{
	list-style-type: disc;
}

hr{
	appearance:none;
	background-color:#C7C7C7;
	border:0;
	height:1px;
	overflow:hidden;
	margin:64px auto;
}

.flex{display:flex;}
.justify-content-center{justify-content: center;}

.text-align-center{text-align:center;}
.text-align-right{text-align:right;}
.text-balance{text-wrap:balance;}
.wrap-forced{word-break:break-all;}

.mobile-text-align-center{text-align:center;}

@media screen and (min-width: 45em) { /*720px*/
	.mobile-text-align-center{text-align:left;}
}

.img-max{max-width:100%;height:auto;}

.mobile-version{display:block;}
.desktop-version{display:none;}
@media screen and (min-width: 45em) { /*720px*/
	.mobile-version{display:none;}
	.desktop-version{display:block;}
}

.chart-margin{
	margin:2rem 0;
}

/* BASIC LAYOUT START */

.site-container{
	margin:0 auto;
	width:100%;
}

/* GLOBAL - FOOTER */ 

.site-footer{
	background-color:#0033A0;
	height:auto;
	padding:24px 0;
}
.site-footer .footer .copyright{
	color:var(--color-white);
	font-size:0.9375em;
	margin:0 auto 1rem auto;
	text-align:center;
}
.site-footer .footer .copyright br{
	display:block;
}
.site-footer nav ul{
	padding:0;
}
.site-footer nav ul li{
	display:block;
	margin:4px 0;
	padding:6px 0;
	text-align:center;
}
.site-footer nav ul li:last-child{	
	padding:6px 0;
}
.site-footer nav ul li:after{
	display:none;
}
.site-footer nav li a{
	color:var(--color-white);
	font-size:0.9375em;
	font-weight:500;
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	text-align:center;
	text-decoration:none;
}
.footer-logo{
	display:block;
	margin:1rem auto 0 auto;
	max-width:100px;
}

@media screen and (min-width: 45em) { 

	.site-footer{
		padding:38px 0;
	}
	.site-footer .footer .copyright{
		font-size:1rem;
		margin:0 auto 0.75rem auto;
		text-align:left;
	}
	.site-footer .footer{
		align-items: center;
		display:flex;
		justify-content: space-between;
	}
	.site-footer .footer .copyright br{
		display:none;
	}
	.site-footer nav{
		display:block;
		width:100%;
	}	
	.site-footer nav ul{
		box-sizing:border-box;
		display:block;
		font-size:1em;
		line-height:1em;
		list-style-type:none;
		margin:0;
		padding:0;
		text-align:left;
		width:100%;
	}
	.site-footer nav ul li{
		box-sizing:border-box;
		display:inline-block;
		font-size:1em;
		line-height:1em;
		margin:0;
		padding: 0 1em 0 0;
		text-align:left;
	}
	.site-footer nav ul li:last-child{
		padding:0px;
	}
	.site-footer nav ul li:after{
		color:#FFFFFF;
		display:inline-block;
		content:'|';
		font-size:1em;
		font-weight:500;
		line-height:1.33em;
	}
	.site-footer nav li:last-child:after{
		display:none;
	}
	.site-footer nav li a{
		color:#FFFFFF;
		font-size:1em;
		font-weight:500;
		line-height:1.33em;
		padding: 0 1em 0 0;
	}
	.site-footer nav li:last-child a{
		padding:0;
	}
	.footer-logo{
		margin:0;
		max-width:133px;
	}

}

/* Buttons */ 

.buttons{
	text-align:center;
}

.buttons > a{
	margin:12px auto;
	min-width:176px;
	text-align:center;
}

@media screen and (min-width: 45em) { 
	.buttons{
		display:flex;
		gap:40px;
		justify-content:center;
	}
	.buttons > a{
		margin:12px 0;
	}
}

.button-blue{
	background-color:#0033A0;
	border:2px solid #0033A0;
	border-radius:14px;
	color:#FFFFFF;
	display:inline-block;
	font-size:0.9rem;
	font-weight:700;
	line-height:1.2em;
	padding:10px 20px 8px 20px;
	text-align:center;
	text-decoration:none;
}
.button-blue:hover{
	background-color:#FFFFFF;
	border:2px solid #0033A0;
	color:#0033A0;
}
.button-arrow img{
    padding-left: 10px;
    position:relative;
    top:-2px;
}

.btn-style-1{
	margin-bottom:1rem;
	min-width:240px;
	text-align:center;
}
.content > div:last-child .btn-style-1{
	margin-bottom:0;
}
.button-blue.mobile-center{
	margin-left:auto;
	margin-right:auto;
}

@media screen and (min-width: 45em) { /*720px*/
	.button-blue{
		font-size:1.125rem;
		padding:10px 20px 8px 20px;
	}
	
	.button-blue.mobile-center{
		margin-left:0;
		margin-right:0;
	}
}

.buttons > button.button-blue{
	line-height:1.2em;
	margin:12px 0;
	min-width:176px;
	padding:10px 20px 8px 20px;
	text-align:center;
}

@media screen and (min-width: 45em) { /*720px*/

	.buttons > button.button-blue{
		margin:12px 0;
		min-width:176px;
		padding:10px 20px 8px 20px;
		text-align:center;
	}

}