@font-face {
  font-family: tk-vista-sans-n4;
  src: url("https://use.typekit.net/af/e99728/00000000000000003b9adcff/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url(https://use.typekit.net/af/e99728/00000000000000003b9adcff/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/e99728/00000000000000003b9adcff/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: tk-vista-sans-n5;
  src: url("https://use.typekit.net/af/40af23/00000000000000003b9adcfd/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url(https://use.typekit.net/af/40af23/00000000000000003b9adcfd/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"), url(https://use.typekit.net/af/40af23/00000000000000003b9adcfd/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: tk-vista-sans-n2;
  src: url("https://use.typekit.net/af/4e1fd7/00000000000000003b9adcfb/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"), url(https://use.typekit.net/af/4e1fd7/00000000000000003b9adcfb/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3) format("woff"), url(https://use.typekit.net/af/4e1fd7/00000000000000003b9adcfb/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3) format("opentype");
  font-weight: 200;
  font-style: normal; }

@font-face {
  font-family: tk-vista-sans-n7;
  src: url("https://use.typekit.net/af/2c97ea/00000000000000003b9adcf7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url(https://use.typekit.net/af/2c97ea/00000000000000003b9adcf7/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"), url(https://use.typekit.net/af/2c97ea/00000000000000003b9adcf7/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: tk-vista-sans-n3;
  src: url("https://use.typekit.net/af/9a49b0/00000000000000003b9adcf9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url(https://use.typekit.net/af/9a49b0/00000000000000003b9adcf9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"), url(https://use.typekit.net/af/9a49b0/00000000000000003b9adcf9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: tk-vista-sans-i7;
  src: url("https://use.typekit.net/af/bb831c/00000000000000003b9adcf8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url(https://use.typekit.net/af/bb831c/00000000000000003b9adcf8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff"), url(https://use.typekit.net/af/bb831c/00000000000000003b9adcf8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("opentype");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: tk-vista-sans-i4;
  src: url("https://use.typekit.net/af/fb5fb4/00000000000000003b9add00/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url(https://use.typekit.net/af/fb5fb4/00000000000000003b9add00/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"), url(https://use.typekit.net/af/fb5fb4/00000000000000003b9add00/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");
  font-weight: 400;
  font-style: italic; }

body {
  background-color: #F4F4F4;
  font-family: "vista-sans", sans-serif; }
  body main {
    margin-bottom: 9.6%; }
    body main h1 {
      font-size: 3rem; }

.registrationForm .radioOption input, .registrationForm .checkbox input {
  width: auto;
  height: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  top: 2px;
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 10px;
  background-color: #fff; }
  .registrationForm .radioOption input:focus, .registrationForm .checkbox input:focus {
    outline: none; }
  .registrationForm .radioOption input:checked::after, .registrationForm .checkbox input:checked::after {
    content: 'x';
    position: absolute;
    font-size: 1.2rem;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.registrationForm .radioOption label, .registrationForm .checkbox label {
  width: auto; }

.registrationForm .radioOption:not(:last-of-type), .registrationForm .checkbox:not(:last-of-type) {
  margin-bottom: 0; }

.registrationForm input,
.registrationForm select {
  width: 100%;
  border: 1px solid #000;
  height: 33px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 0.9rem; }

.registrationForm input[type="submit"] {
  height: auto;
  background-color: #dd3333;
  color: #fff;
  border: 0;
  padding: 10px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  border: 1px solid #dd3333; }
  .registrationForm input[type="submit"]:hover {
    cursor: pointer;
    color: #000;
    border-color: #000;
    background-color: #F4F4F4; }

.registrationForm .hidden {
  display: none; }

.registrationForm .extra-infos {
  border-left: 1px solid #000;
  padding-left: 15px;
  margin-left: 0; }

header {
  background-color: #000; }
  header .logo {
    width: 275px;
    padding: 15px; }

.background {
  position: relative;
  background-image: url("../images/waves.jpg");
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 120px;
  bottom: 0; }

.intro-container {
	background: url("/template/images/Keyvisual-1600x785.png") rgba(0, 0, 0, 0.5);
	background-blend-mode: multiply;
	overflow: hidden;
	background-size: cover;
	background-position: 50% 50%;
	height: 45vh;
	color: #fff;
}
.btn-red {
	border-radius: 3px;
	background-color: #d8232a;
	color: #fefefe !important;
}
.btn-red:hover {
	text-decoration: none;
}
.badge-grey {
	background-color: #f4f4f4;
	border-radius: 3px !important;
}
.list-group-item:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.btn-red {
	border-radius: 3px;
	background-color: #d8232a;
	color: #fefefe !important;
	margin: 0 0 1rem 0;
	padding: 0.45em 1.5em;
	border: 1px solid transparent;
	font-size: 16px;
}