@charset "utf-8";

@font-face {
  font-display: swap; 
  font-family: 'Noto Sans Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-display-v20-latin-regular.woff2') format('woff2'), 
       url('../fonts/noto-sans-display-v20-latin-regular.ttf') format('truetype'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Noto Sans Display';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/noto-sans-display-v20-latin-italic.woff2') format('woff2'), 
       url('../fonts/noto-sans-display-v20-latin-italic.ttf') format('truetype'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Noto Sans Display';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-display-v20-latin-700.woff2') format('woff2'), 
       url('../fonts/noto-sans-display-v20-latin-700.ttf') format('truetype'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Noto Sans Display';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/noto-sans-display-v20-latin-700italic.woff2') format('woff2'), 
       url('../fonts/noto-sans-display-v20-latin-700italic.ttf') format('truetype'); 
}
  
  

  

	html {
		font-family: 'Noto Sans Display', sans-serif;
	}

	body, li {
		color: #000000;
		line-height: 1.3;
	}

	strong, b, h1, h2, h3, h4, h5, h6 {
		font-weight: 700;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #B8B8B8;
	}

	h1 {
		font-size: 260%;
	}

	h2 {
		font-size: 120%;
		color: #0d4691;
	}

	h3 {
		font-size: 120%;
		line-height: 1.8;
	}

	.text_website {
		color: #bd1321;
		font-weight: 700;
	}

	p {
		margin: 15px 0px 0px 0px;
	}

	.root {
		margin: 20px auto;
		position: relative;
		width: 850px;
		z-index: 100;
	}

	.color	{
		text-decoration: none !important;
		color: #000000;
	}

	.color:hover	{
		text-decoration: none !important;
		color: #0d4691;
	}

		@media screen and (max-width: 870px) {
			.root {
				width: 100%;
			}
		}

	.text_container {
		background-color: #FFFFFF;
		display: inline-block;
		font-size: medium;
		margin: 15px auto;
		padding: 20px;
		width: 810px;
		z-index: 100;
		text-align: center;
		border-radius: 10px;
		border-top: 10px solid #0d4691;
	}

		@media screen and (max-width: 870px) {
			.text_container {
				padding: 5%;
				width: 90%;
			}
		}

	.text_container .logo {
		margin: 0px 0px 20px 20px;
	}

	.intro {
		background-color: #FFFFFF;
		display: inline-block;
		font-size: 80%;
		margin: 5px auto 10px auto;
		padding: 20px 20px 20px 20px;
		width: 810px;
	}

		@media screen and (max-width: 870px) {
			.intro {
				padding: 2% 5% 2% 5%;
				width: 90%;
			}
		}

	.logos_container {
		display: inline-block;
		margin: 10px auto;
		padding: 0px;
		width: 850px;
		z-index: 100;

		
	}

		@media screen and (max-width: 870px) {
			.logos_container {
				padding: 0;
				width: 100%;
			}
		}
	
	.logo_container,
	.logo_container-special
	 {
		background-color: #FFFFFF;
		display: inline-block;
		font-size: 80%;
		margin: 0px 21px 0px 0px;
		padding: 20px;
		text-align: center;
		vertical-align: top;
		width: 372px;
		z-index: 100;
		text-align: center;
		border-radius:4px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-top: 10px solid #0d4691;
				-webkit-box-shadow: 0px 0px 10px 0px #777;
		-moz-box-shadow: 0px 0px 10px 0px #777;
		box-shadow: 0px 0px 10px 0px #777;		
	}



.apo2{border-top-color:#bf1120;}
.apo3{border-top-color:#14520a;}

	.logo_container:hover, 
	.text_container:hover, 
	.logo_container-special:hover {
		-webkit-box-shadow: 0px 0px 10px 0px #000000;
		-moz-box-shadow: 0px 0px 10px 0px #000000;
		box-shadow: 0px 0px 10px 0px #000000;
	}

		.logo_container:last-child,
		#logo-special {
			margin: 0px 0px 0px 0px;
		}

			@media screen and (max-width: 870px) {
				.logo_container, 
				.logo_container-special,
				#logo-special {
					padding: 5% 0%;
					margin: 0px 0px 20px 0px;
					width: 100%;
				}

				.logo_container:last-child {
					margin: 0px 0px 0px 0px;
				}
			}

	a:-webkit-any-link {
		text-decoration: none;
		color: #000000;
	} 
			
	a:-webkit-any-link:hover {
		color: #0d4691;
	} 
			
	a.choose:hover {
		color:#ffffff;
	}

	.link {
		color: #000000;
		margin: 0px;
		padding: 0px;
		text-decoration: none;
		vertical-align: top;
	}

	.mail_link {
		color: #000000;
		text-decoration: none;
	}

	.mail_link:hover {
		color: #0d4691;
		text-decoration: none;
	}

	.mail_link-blue {
		color: #858585;
		text-decoration: none;
	}

	.mail_link-blue:hover {
		color: #0d4691;
		text-decoration: none;
	}

	.address {
		margin: 15px auto 17px auto;
		text-align: center;
		font-size: medium;
	}

		.address.KID815 {
			width: 244px;
		}

		.green {
			color: #0d4691;
		} 
		
	.choose {
		background-color: #ffffff;
		border: 2px solid #0d4691;
		color: #0d4691;
		cursor: pointer;
		display: inline-block;
		font-size: 100%;
		font-weight: 700;
		margin: 0px;
		padding: 15px;
		text-decoration: none;
		border-radius: 10px;
	}

	.choose:hover {
		background-color: #0d4691;
		border: 2px solid #0d4691;
		color: #FFFFFF;
	}

	.choose-special {
		background-color: #B8B8B8;
		border: 2px solid #B8B8B8;
		color: #ffffff;
		cursor: pointer;
		display: inline-block;
		font-size: 100%;
		font-weight: 700;
		margin-left: 10px;
		margin-right: 10px;
		padding: 15px;
		text-decoration: none;
		border-radius: 10px;
	}
	
	.choose-special:hover {
			background-color: #0d4691;
			border: 2px solid #0d4691;
			color: #FFFFFF;
	}

	.legals {
		color: #000000;
		font-size: 80%;
		text-align: center;
	}

	.cb-slideshow {
		background-color: #B8B8B8;
		border-top: 10px solid #0d4691;
	}

	.cb-slideshow {
	background-color: #B8B8B8;
}

.margin-top {
	margin: 0px 0px 15px 0px;;
}

.text-blue {
	color: #B8B8B8;
}

@media screen and (max-width: 870px) {
.text_container .logo {
    margin: 0px 0px 0px 0px;
}

@media screen and (max-width: 870px) {
.text_container .logo {
    padding: 5% 0%;
    margin: 0px 0px 20px 0px;
    width: 100%;
}
}