body {
	margin: 0;
	padding: 0;
}

/*@font-face {
	font-family: 'HurmeGeometricSans4Bold';
	src: url('../fonts/HurmeGeometricSans4-Black.eot');
	src: url('../fonts/HurmeGeometricSans4-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/HurmeGeometricSans4-Black.woff') format('woff'), url('../fonts/HurmeGeometricSans4-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'HurmeGeometricSans4';
	src: url('../fonts/HurmeGeometricSans4-Regular.eot');
	src: url('../fonts/HurmeGeometricSans4-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/HurmeGeometricSans4-Regular.woff') format('woff'), url('../fonts/HurmeGeometricSans4-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}*/

@-webkit-keyframes YellowCTA {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

@-moz-keyframes YellowCTA {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

@-o-keyframes YellowCTA {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

@keyframes YellowCTA {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

.step_registration_page {
	/*font-family: 'HurmeGeometricSans4';*/
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	text-align: center;
	color: #202428;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	/*overflow: hidden;*/
}

	.step_registration_page a {
		color: #202428;
	}

	.step_registration_page .logo img {
		max-width: 50%;
	}

	.step_registration_page .step-choose {
		position: relative;
		box-sizing: border-box;
		padding: 2em 0;
		border-top: .5vh solid #202428;
		border-bottom: .5vh solid #202428;
		z-index: 1;
		background-repeat: no-repeat;
		background-attachment: fixed;
        height:100vh

	}

		/*.step_registration_page .step-choose:before {
			content: " ";
			position: absolute;
			height: 6em;
			width: 15em;
			background: url('../images/angle_haut.svg') no-repeat 0 0;
			background-size: cover;
			top: -0.1em;
			left: 0;
			z-index: 2;
		}*/

		/*.step_registration_page .step-choose:after {
			content: " ";
			position: absolute;
			height: 5em;
			width: 15em;
			background: url('../images/angle_bas.svg') no-repeat 0 0;
			background-size: cover;
			bottom: -0.1em;
			right: 0;
			z-index: 2;
		}*/

		.step_registration_page .step-choose h1.main-title {
			color: #202428;
			padding: 0;
			margin: 0 15%;
			/*font-family: 'HurmeGeometricSans4Bold';*/
			text-transform: uppercase;
			font-size: 3em;
		}

		.step_registration_page .step-choose h2 {
			/*font-family: 'HurmeGeometricSans4';*/
			margin: 1em 0;
			text-transform: uppercase;
			color: #202428;
			font-size: 2em;
			font-weight: 100;
		}

		.step_registration_page .step-choose h3 {
			/*font-family: 'HurmeGeometricSans4';*/
			margin: 0;
			font: 200 1.25rem/1.5em;
		}

	.step_registration_page .platforms {
		width: auto;
		max-width: 1280px;
		margin: 0 auto 1em;
		text-align: center;
		position: relative;
	}

	.step_registration_page .platform__link {
		width: 20%;
		height: 10em;
		display: inline-block;
		margin: 0 .5em;
		position: relative;
		border: 1px solid #838d97;
		background-color: #fff;
		text-transform: uppercase;
		text-align: center;
		top: 0;
	}

		.step_registration_page .platform__link img {
			width: 7em;
			transition: all .1s ease-in-out;
			position: absolute;
			top: 0.5em;
			left: 29%;
			display: inline-block;
		}

        .step_registration_page .platform__link.platform__link-epic img {
            width: 6em;
            transition: all .1s ease-in-out;
            position: absolute;
            top: 0.5em;
            left: 33%;
            display: inline-block;
        }

		.step_registration_page .platform__link:hover, .step_registration_page .platform__link:focus, .step_registration_page .platform__link:active, .step_registration_page .platform__link.active {
			background-color: #dadada;
		}

			.step_registration_page .platform__link:hover span, .step_registration_page .platform__link:focus span, .step_registration_page .platform__link:active span, .step_registration_page .platform__link.active span {
				font-size: 140%;
				bottom: 12%;
			}

			.step_registration_page .platform__link:hover img, .step_registration_page .platform__link:focus img, .step_registration_page .platform__link:active img, .step_registration_page .platform__link.active img {
				left: 20%;
				margin-top: -1.7em;
				width: 10em;
			}

        .step_registration_page .platform__link.platform__link-epic:hover img, .step_registration_page .platform__link.platform__link-epic:focus img, .step_registration_page .platform__link.platform__link-epic:active img, .step_registration_page .platform__link.platform__link-epic.active img {
            left: 30%;
            margin-top: -1em;
            width: 7em;
        }

		.step_registration_page .platform__link span {
			/*font-family: 'HurmeGeometricSans4Bold';*/
			position: absolute;
			font-size: 120%;
			bottom: 20%;
			left: 0;
			right: 0;
			text-align: center;
			transition: all .1s ease-in-out;
		}

		.step_registration_page .platform__link:focus span, .step_registration_page .platform__link:active span, .platform__link.active span {
			color: #202428;
		}

	.step_registration_page .cta {
		text-align: center;
		margin-top: 1.8em;
		margin-bottom: 0em;
		width: 100%;
	}

		.step_registration_page .cta .cta__link {
			background-color: #202428 !important;
			transition: none;
			padding-left: 2em;
			padding-right: 2em;
			margin-bottom: 0em;
			display: inline-block;
			background: #1d1d1b center center repeat-x;
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			/*font-family: 'HurmeGeometricSans4Bold';*/
			font-size: 1.5em;
			padding: .6em 1.2em;
			position: relative;
			transition: all .3s;
		}

			.step_registration_page .cta .cta__link:hover {
				background-color: #505a64 !important;
			}

			.step_registration_page .cta .cta__link:before {
				display: none;
				content: "";
				position: absolute;
				height: 100%;
				width: 2em;
				background-color: #000;
				top: 0;
				z-index: -1;
				border: 0;
			}

	.step_registration_page .user-info {
		width: 100%;
		position: relative;
		text-align: center;
		font-size: 2em;
		/*font-family: 'HurmeGeometricSans4Bold';*/
	}

		.step_registration_page .user-info .log-out {
			position: absolute;
			right: 1em;
			top: 1em;
			font-size: .5em;
		}

	.step_registration_page .registration-message {
		margin: 0 10%;
	}

		.step_registration_page .registration-message .important {
			font-size: 1em;
			color: #202428;
		}

	.step_registration_page .registration-social {
		margin: 0em 20%;
	}

		.step_registration_page .registration-social h4 {
			/*font-family: 'HurmeGeometricSans4Bold';*/
			text-transform: uppercase;
			font-size: 1.5em;
			margin: 1em 0 0em 0;
		}

		.step_registration_page .registration-social nav .registration-social__icon {
			height: 3em;
			display: inline-block;
			vertical-align: top;
			transition: all .3s ease;
		}

@media screen and (max-width: 1140px) {
	.step_registration_page .platform__link img {
		left: 25%;
	}

	.step_registration_page .platform__link:hover img, .step_registration_page .platform__link:focus img, .step_registration_page .platform__link:active img {
		left: 14%;
	}
}

@media screen and (max-width: 1024px) {
	.step_registration_page .platform__link img {
		left: 23%;
	}

	.step_registration_page .platform__link:hover img, .step_registration_page .platform__link:focus img, .step_registration_page .platform__link:active img {
		left: 10%;
	}
}

@media screen and (max-width: 980px) {
	.step_registration_page .step-choose h1.main-title {
		margin: 0 10% 1em;
		font-size: 2em;
	}

	.step_registration_page .step-choose h2 {
		margin: 0 10% 1em;
		font-size: 1.4em;
	}

	.step_registration_page .step-choose .logo {
		margin-top: 3em;
	}

		.step_registration_page .step-choose .logo img {
			max-width: 90%;
		}

	.step_registration_page .platform__link {
		width: 25%;
	}

		.step_registration_page .platform__link img {
			left: 23%;
		}

		.step_registration_page .platform__link:hover span, .step_registration_page .platform__link:focus span, .step_registration_page .platform__link:active span {
			font-size: 120%;
		}

		.step_registration_page .platform__link:hover img, .step_registration_page .platform__link:focus img, .step_registration_page .platform__link:active img {
			left: 11%;
		}

	.step_registration_page .registration-social {
		margin: 2em;
	}

		.step_registration_page .registration-social h4 {
			font-size: 1em;
		}

		.step_registration_page .registration-social nav {
			height: auto;
		}

			.step_registration_page .registration-social nav .registration-social__icon {
				height: 3em;
			}

				.step_registration_page .registration-social nav .registration-social__icon:hover {
					height: 3em;
				}
}

@media screen and (max-width: 740px) {
	.step_registration_page .step-choose .platform__link {
		width: 25%;
	}

		.step_registration_page .step-choose .platform__link img {
			left: 15%;
		}

		.step_registration_page .step-choose .platform__link:hover span, .step_registration_page .step-choose .platform__link:focus span, .step_registration_page .step-choose .platform__link:active span {
			font-size: 120%;
		}

		.step_registration_page .step-choose .platform__link:hover img, .step_registration_page .step-choose .platform__link:focus img, .step_registration_page .step-choose .platform__link:active img {
			left: 0%;
		}

	.step_registration_page .step-choose .user-info {
		font-size: 1em;
		margin-bottom: 1em;
	}

		.step_registration_page .step-choose .user-info .log-out {
			font-size: .5em;
			top: .5em;
		}

	.step_registration_page .step-choose .cta .cta__link {
		display: block;
		margin-right: 10%;
		margin-left: 10%;
	}
}

@media screen and (max-width: 540px) {
	.step_registration_page .step-choose h1.main-title {
		font-size: 1.5em;
	}

	.step_registration_page .step-choose:before {
		height: 8vh;
		width: 14vh;
	}

	.step_registration_page .step-choose:after {
		height: 8vh;
		width: 14vh;
		bottom: -1.3em;
	}

	.step_registration_page .step-choose .platform__link {
		height: 7em;
	}

		.step_registration_page .step-choose .platform__link span {
			font-size: .6em;
		}

		.step_registration_page .step-choose .platform__link img {
			left: 10%;
			width: 80%;
			margin-left: 0;
		}

		.step_registration_page .step-choose .platform__link:hover span, .step_registration_page .step-choose .platform__link:focus span, .step_registration_page .step-choose .platform__link.active span, .step_registration_page .step-choose .platform__link:active span {
			bottom: 18%;
			font-size: 60%;
		}

		.step_registration_page .step-choose .platform__link:hover img, .step_registration_page .step-choose .platform__link:focus img, .step_registration_page .step-choose .platform__link.active img, .step_registration_page .step-choose .platform__link:active img {
			left: 10%;
			top: 25%;
		}
}

@media all and (-ms-high-contrast: none) {
	.step_registration_page .step-choose:before {
		display: none;
	}

	.step_registration_page .step-choose:after {
		display: none;
	}
}

input.form-control {
	border-radius: 0px;
	border: solid 1px #dadada;
	box-shadow: none;
	margin: auto;
	width: 50%;
}

	input.form-control:focus {
		border-radius: 0px;
		border: solid 1px #000;
		box-shadow: none;
	}