@font-face {
		font-family: "Acumin Pro";
		font-style: normal;
		font-weight: normal;
		src: local("Acumin Pro"), url("fonts/Acumin-RPro.woff") format("woff");
	}

	@font-face {
		font-family: "Acumin Pro Italic";
		font-style: normal;
		font-weight: normal;
		src: local("Acumin Pro Italic"), url("fonts/Acumin-ItPro.woff") format("woff");
	}

	@font-face {
		font-family: "Acumin Pro Bold";
		font-style: normal;
		font-weight: normal;
		src: local("Acumin Pro Bold"), url("fonts/Acumin-BdPro.woff") format("woff");
	}

	@font-face {
		font-family: "Acumin Pro Bold Italic";
		font-style: normal;
		font-weight: normal;
		src: local("Acumin Pro Bold Italic"), url("fonts/Acumin-BdItPro.woff") format("woff");
	}

	@font-face {
		font-family: "Debby";
		font-style: normal;
		font-weight: normal;
		src: local("Debby"), url("fonts/Debby.woff") format("woff");
	}

	@font-face {
		font-family: "Futura";
		font-style: normal;
		font-weight: normal;
		src: local("Futura"), url("fonts/Futura.otf") format("otf");
	}

	@font-face {
		font-family: "Futura Bold";
		font-style: normal;
		font-weight: normal;
		src: local("Futura Bold"), url("fonts/Futura-Bold.woff") format("woff");
	}

	@font-face {
		font-family: "Futura Condensed";
		font-style: normal;
		font-weight: normal;
		src: local("Futura Condensed"), url("fonts/FuturaStd-CondensedLight.woff") format("woff");
	}

	@keyframes headerTopAppear {
		0% {
			top: -168px;
		}

		30% {
			top: -168px;
		}

		100% {
			top: 0;
		}
	}

	@keyframes progressBarAppear {
		0% {
			left: -168px;
		}

		30% {
			left: -168px;
		}

		100% {
			left: 0;
		}
	}

	@keyframes rideau {
		0% {
			top: 0;
			height: 100vh;
		}

		70% {
			top: 0;
			height: 100vh;
		}

		100% {
			top: 100vh;
			height: 0;
		}
	}

	@keyframes sms {
		0% {
			top: 195px;
		}

		47% {
			top: 195px;
		}

		50% {
			top: 115px;
		}

		97% {
			top: 115px;
		}

		100% {
			top: 0;
		}
	}

	@keyframes discover-first-text {
		0% {
			z-index: 2100;
			left: 760px;
			opacity: 1;
			background-position: -760px -64px;
		}

		65% {
			z-index: 2100;
			left: 0;
			opacity: 1;
			background-position: 0 -64px;
		}

		70% {
			z-index: 2100;
			left: 0;
			opacity: 1;
			background-position: 0 -64px;
		}

		100% {
			z-index: 2100;
			left: 0;
			opacity: 1;
			background-position: 0 -64px;
		}
	}

	* {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		scroll-behavior: smooth;
	}

	body {
		font-family: "Acumin Pro";
		background-color: #fff;
	}

	a {
		text-decoration: none;
		color: inherit;
	}

	.fixed {
		position: fixed;
		width: 100%;
	}

	.v-centered {
		display: block;
		position: relative;
		top: 50%;
		transform: translate(0, -50%);
	}

	.icon {
		display: inline-block;
		background: url("https://beta.seemore.lu/img/icons.png") 0 0 no-repeat transparent;
	}

	.icon.account {
		position: relative;
		top: 5px;
		width: 26px;
		height: 25px;
	}

	.icon.phone {
		width: 20px;
		height: 21px;
	}

	.icon.mail {
		width: 20px;
		height: 14px;
	}

	.icon.down {
		width: 11px;
		height: 7px;
	}

	.icon.logo {
		width: 41px;
		height: 72px;
	}

	span.anchor {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		border: 0;
		background: none;
	}

	.logo {
		display: inline-block;
		z-index: 200;
		position: fixed;
		top: 0;
		left: 0;
		width: 168px;
		height: 84px;
		line-height: 84px;
		background-color: #000;
		transition: height .35s,line-height .35s;
	}

	.logo span {
		display: block;
		position: relative;
		width: 41px;
		height: 72px;
		margin: 6px auto;
		background: url("https://beta.seemore.lu/img/icons.png") 0 -39px no-repeat transparent;
		transition: transform .35s,margin .35s;
		transform: scale(0.7);
	}

	.logo.big {
		height: 168px;
		line-height: 168px;
	}

	.logo.big span {
		margin: 48px auto;
		transform: scale(1);
	}

	.free-try {
		position: relative;
		height: 100%;
		padding-right: 100px;
		padding-left: 100px;
		text-align: center;
		text-transform: uppercase;
		font-size: 16px;
		background-color: #ffb74f;
	}

	.free-try strong {
		text-transform: none;
		font-family: "Debby";
		font-size: 30px;
		font-weight: normal;
		color: #fff;
	}

	.free-try .separator {
		position: relative;
		margin: 0;
		font-size: 11px;
	}

	.free-try .separator::before {
		content: "";
		position: absolute;
		top: 7px;
		left: 20px;
		width: 30px;
		height: 1px;
		background-color: #000;
	}

	.free-try .separator::after {
		content: "";
		position: absolute;
		top: 7px;
		right: 20px;
		left: 20px;
		left: auto;
		width: 30px;
		height: 1px;
		background-color: #000;
	}

	.free-try .v-centered > * {
		display: block;
	}

	.header {
		z-index: 200;
		width: 100%;
		height: 84px;
		font-family: "Futura Bold";
		transition: height .35s;
	}

	.header.big {
		height: 168px;
	}

	.header.big .slogan img {
		margin: 63px;
	}

	.header.big .account-link {
		padding: 71.5px 42px;
	}

	.header.big .lang-selector label {
		height: 168px;
	}

	.header.big .lang-selector li {
		line-height: 168px;
	}

	.header.big .lang-selector input:checked~ul li {
		height: 168px;
		line-height: 168px;
	}

	.header .slogan {
		display: inline-block;
		position: relative;
		height: 100%;
		background-color: #fff;
		animation: headerTopAppear .7s ease-in 1;
	}

	.header .slogan img {
		margin: 23px 63px;
		transition: margin .35s;
	}

	.header > div {
		float: left;
		height: 100%;
		margin-left: 168px;
	}

	.header > div > * {
		display: block;
		float: left;
	}

	.header div.right-part {
		float: right;
		position: relative;
		background-color: #fff;
		animation: headerTopAppear .7s ease-in 1;
	}

	.header .account-link {
		padding: 26.5px 42px;
		text-transform: uppercase;
		font-family: "Futura Bold";
		font-size: 14px;
		line-height: 25px;
		transition: padding .35s;
	}

	.header .account-link img {
		height: 25px;
		margin-right: 10px;
		vertical-align: middle;
	}

	.header .lang-selector {
		position: relative;
	}

	.header .lang-selector label {
		display: block;
		z-index: 1000;
		position: relative;
		width: 168px;
		height: 84px;
		transition: height .35s;
	}

	.header .lang-selector ul {
		z-index: 500;
		position: absolute;
		top: 0;
		width: 100%;
		list-style: none;
	}

	.header .lang-selector li {
		position: relative;
		height: 0;
		overflow: hidden;
		text-align: center;
		text-transform: uppercase;
		line-height: 84px;
		background-color: #fff;
		transition: height .35s;
		transition: height .35s,line-height .35s;
		cursor: pointer;
	}

	.header .lang-selector li a {
		display: block;
		width: 100%;
		height: 100%;
	}

	.header .lang-selector li a:hover {
		color: #fff;
		background-color: #000;
	}

	.header .lang-selector .selected {
		height: 100%;
	}

	.header .lang-selector .selected::after {
		content: "";
		position: absolute;
		bottom: 20%;
		left: calc(50% - 5.5px);
		width: 11px;
		height: 7px;
		background: url("https://beta.seemore.lu/img/icons.png") 0 -25px no-repeat transparent;
		transition: top .35s,height .35s;
	}

	.header .lang-selector input {
		display: none;
		z-index: -1;
		position: absolute;
		width: 0;
		height: 0;
		margin: 0;
		padding: 0;
		border: 0;
	}

	.header .lang-selector input:checked~ul {
		box-shadow: 0 0 5px 5px rgba(0,0,0,.2);
	}

	.header .lang-selector input:checked~ul li {
		position: relative;
		height: 84px;
		text-align: center;
		line-height: 84px;
	}

	.progress-bar {
		z-index: 200;
		top: 84px;
		width: 168px;
		height: calc(100vh - 84px);
		font-family: "Futura";
		background-color: #fff;
		animation: progressBarAppear .7s ease-in 1;
		transition: top .35s,height .35s;
	}

	.progress-bar.big {
		top: 168px;
		height: calc(100vh - 168px);
	}

	.progress-bar ol {
		counter-reset: progress-counter;
		height: calc(100% - 140px);
		margin-bottom: 140px;
		text-transform: uppercase;
		list-style: none;
	}

	.progress-bar ol li {
		counter-increment: progress-counter;
		position: relative;
		height: 20%;
		margin-right: 20px;
		margin-left: 55px;
		font-weight: bold;
		color: #d6d6d6;
		transition: color .35s .35s;
	}

	.progress-bar ol li span {
		z-index: 10;
		position: absolute;
		top: 50%;
		left: 0;
		opacity: 1;
		transition: left .35s .35s,opacity .35s .35s;
		transform: translateY(-50%);
	}

	.progress-bar ol li span::before {
		content: ".0" counter(progress-counter) " ";
		position: absolute;
		left: -35px;
		font-family: "Futura Condensed";
		color: #000;
		transition: left .35s .35s;
	}

	.progress-bar ol li::after {
		content: "0" counter(progress-counter);
		position: absolute;
		top: 50%;
		left: -35px;
		text-shadow: 0 0 14px rgba(128,128,128,.7);
		font-family: "Futura Bold";
		font-size: 70px;
		line-height: 1em;
		color: #000;
		opacity: 0;
		transition: opacity .35s,left .35s,color 0s 1.05s;
		transform: translateY(-50%);
	}

	.progress-bar ol li::before {
		content: "";
		position: absolute;
		top: 50%;
		left: -155px;
		width: 90px;
		height: 1px;
		opacity: 0;
		background-color: #fff;
		transition: left .35s,opacity .35s;
		transform: translateY(-50%);
	}

	.progress-bar ol li.selected {
		color: #fff;
	}

	.progress-bar ol li.selected:first-child {
		color: #000;
	}

	.progress-bar ol li.selected:first-child::after {
		color: #000;
	}

	.progress-bar ol li.selected:first-child::before {
		background-color: #000;
	}

	.progress-bar ol li.selected span {
		left: -168px;
		opacity: 0;
		transition: left .35s,opacity .35s;
	}

	.progress-bar ol li.selected span::before {
		left: -203px;
	}

	.progress-bar ol li.selected::after {
		left: 85px;
		color: #fff;
		opacity: 1;
		transition: opacity .35s .35s,left .35s .35s;
	}

	.progress-bar ol li.selected::before {
		left: -35px;
		opacity: 1;
		transition: left .35s .35s,opacity .35s .35s;
	}

	.progress-bar ol li.stepOut span::before {
		color: #fff;
	}

	.content .step {
		z-index: 0;
		position: relative;
		left: auto;
		width: 100%;
		overflow: hidden;
	}

	.content .step.notReached > div > * {
		left: -33%;
		opacity: 0;
		transition: none;
	}

	.content .step > div {
		position: relative;
		width: 100%;
		height: auto;
		padding-left: 168px;
	}

	.content .step > div > * {
		transition: opacity .525s,left .525s;
	}

	.content .step .bordered-bottom {
		height: calc(100vh - 158px);
	}

	.content .step p.over-title {
		font-family: "Debby";
		font-size: 25px;
	}

	.content .step .description p {
		margin-top: 20px;
		font-size: 14px;
	}

	.content .step .description p.over-title {
		font-size: 25px;
	}

	.content .step h2 {
		font-family: "Futura Bold";
		font-size: 50px;
	}

	.content .step iframe,
	.content .step video {
		width: 100%;
		height: 100%;
	}

	.content .step .video-overlay {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 50%;
		text-align: center;
		text-shadow: 0 0 10px #000;
		font-family: "Futura Bold";
		font-size: 35px;
		color: #fff;
		transform: translate(-50%, -50%);
	}

	.content .step a.scroll {
		z-index: 150;
		position: absolute;
		bottom: 30px;
		left: calc(50% - 30px);
		width: 30px;
		height: 30px;
		background: url("https://beta.seemore.lu/img/scroll.png") center center transparent;
	}

	.content .step .centered {
		position: relative;
	}

	.content .step .centered > div {
		float: left;
		width: 50%;
	}

	.content .step .centered > div.description {
		padding-right: 100px;
		max-width: 650px;
	}

	.content .step .centered::after {
		content: "";
		display: block;
		clear: both;
	}

	.content .step#home-step a.scroll {
		bottom: 200px;
	}

	.content .step#home-step .bordered-bottom {
		background: url("https://beta.seemore.lu/img/first-step-bg.jpg") 0 0 no-repeat transparent;
		background-size: cover;
	}

	.content .step#home-step .footer {
		z-index: 100;
		bottom: 0;
		left: 168px;
		width: calc(100%);
		height: 158px;
		color: #000;
		background-color: #fff;
	}

	.content .step#home-step .footer .free-try {
		display: none;
	}

	.content .step#home-step .footer .left-part {
		height: 100%;
		font-family: "Futura";
	}

	.content .step#home-step .footer .left-part span * {
		display: block;
	}

	.content .step#home-step .footer .left-part strong {
		margin-top: 7px;
		font-family: "Futura Bold";
		font-weight: normal;
	}

	.content .step#home-step .footer .right-part {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 648px;
		height: 316px;
		padding: 100px;
		overflow: hidden;
		text-align: center;
		font-size: 20px;
		color: #fff;
		background-color: #000;
	}

	.content .step#home-step .footer .right-part label>span:not(.selector) {
		position: absolute;
		top: 100px;
		right: 648px;
		left: -648px;
		width: 448px;
		height: 116px;
		opacity: 0;
		transition: left .35s,right .35s,opacity .35s;
	}

	.content .step#home-step .footer .right-part label>span:not(.selector) em {
		text-decoration: underline;
		font-style: normal;
	}

	.content .step#home-step .footer .right-part label input {
		display: none;
	}

	.content .step#home-step .footer .right-part label .selector {
		display: inline-block;
		position: relative;
		bottom: -150px;
		bottom: -151px;
		left: -15px;
		box-sizing: border-box;
		width: 14px;
		height: 14px;
		margin: 0 15px;
		border-width: 0;
		border-radius: 100%;
		background-color: #fff;
		cursor: pointer;
	}

	.content .step#home-step .footer .right-part label .selector::after {
		content: "";
		position: absolute;
		top: 7px;
		left: 7px;
		width: 0;
		height: 0;
		border-radius: 100%;
		background-color: #000;
		transition: background-color .35s,width .35s,height .35s,top .35s,left .35s;
	}

	.content .step#home-step .footer .right-part label input:checked~.selector::after {
		top: 2px;
		left: 2px;
		width: 10px;
		height: 10px;
	}

	.content .step#home-step .footer .right-part label input:checked~span:not(.selector) {
		right: 100px;
		left: 100px;
		opacity: 1;
		transition: left .35s .35s,opacity .35s .35s;
	}

	.content .step#discoverSeemore-step {
		height: 100%;
	}

	.content .step#discoverSeemore-step .steps {
		counter-reset: step-counter;
	}

	.content .step#discoverSeemore-step .steps .substep a {
		position: absolute;
		top: 65.2%;
		left: 77.9%;
		width: 10.5%;
		height: 5.9%;
	}

	.content .step#discoverSeemore-step .steps .substep[data-slide="9"] a {
		top: 43.6%;
		left: 40.5%;
	}

	.content .step#discoverSeemore-step .steps a.prev,
	.content .step#discoverSeemore-step .steps a.next {
		display: block;
		z-index: 2000;
		position: absolute;
		top: 60%;
		width: 60px;
		height: 60px;
		background-color: #fff;
		box-shadow: 0 0 5px -2px #000;
		transform: translateY(-50%);
		cursor: pointer;
	}

	.content .step#discoverSeemore-step .steps a.prev.hidden,
	.content .step#discoverSeemore-step .steps a.next.hidden {
		display: none;
	}

	.content .step#discoverSeemore-step .steps a.prev::after,
	.content .step#discoverSeemore-step .steps a.next::after {
		position: absolute;
		top: 50%;
		left: 50%;
		font-size: 18px;
		color: #000;
		transform: translate(-50%, -50%);
	}

	.content .step#discoverSeemore-step .steps a.prev {
		left: 168px;
	}

	.content .step#discoverSeemore-step .steps a.prev::after {
		content: "<";
	}

	.content .step#discoverSeemore-step .steps a.next {
		right: 0;
	}

	.content .step#discoverSeemore-step .steps a.next::after {
		content: ">";
	}

	.content .step#discoverSeemore-step > div {
		padding-bottom: 62.5%;
		padding-left: 168px;
		overflow: hidden;
		background: none 168px 0 no-repeat #fff;
		background-size: cover;
	}

	.content .step#discoverSeemore-step .white-bg {
		z-index: 0;
		position: relative;
		height: 100%;
		background-color: rgba(255,255,255,0);
	}

	.content .step#discoverSeemore-step .text-transparent-overlay {
		z-index: 0;
		position: absolute;
		left: 100px;
		width: 100%;
		height: 100%;
		padding-top: 20%;
		padding-left: 168px;
		text-transform: uppercase;
		font-family: "Futura Bold";
		font-size: 13vw;
		line-height: 1em;
		color: transparent;
		opacity: 0;
		background: url("https://beta.seemore.lu/img/step1.jpg") 60px -54px no-repeat transparent;
		background-size: 100%;
		-webkit-background-clip: text;
		background-clip: text;
		transition: color .35s;
	}

	.content .step#discoverSeemore-step .active .text-transparent-overlay {
		top: -64px;
		animation: discover-first-text 5s;
		animation-fill-mode: forwards;
	}

	.content .step#discoverSeemore-step .phone {
		z-index: 1020;
		position: absolute;
		top: 100px;
		left: calc(50% - 30vw);
		width: 35vw;
		height: calc(35vw * 0.486);
		opacity: 0;
		transition: opacity .35s;
	}

	.content .step#discoverSeemore-step .phone.active {
		opacity: 1;
	}

	.content .step#discoverSeemore-step .phone .overlay {
		top: 0;
		height: 100%;
		opacity: 1;
		background: url("https://beta.seemore.lu/img/iphone.png") top left no-repeat transparent;
		background-size: 100%;
	}

	.content .step#discoverSeemore-step .phone .artwork {
		position: absolute;
		top: 50px;
		left: 60%;
		height: 60%;
	}

	.content .step#discoverSeemore-step .phone.before-share .artwork {
		left: 25%;
		transition: left 1s;
	}

	.content .step#discoverSeemore-step .phone.share .overlay {
		top: -200px;
		opacity: 0;
		transition: opacity 1s,top 1s;
	}

	.content .step#discoverSeemore-step .substep {
		z-index: 100;
		position: absolute;
		width: 100%;
		height: auto;
		height: 100%;
		font-size: 13px;
		line-height: 2em;
		color: #000;
		opacity: 1;
		transition: none;
	}

	.content .step#discoverSeemore-step .substep.enter-right {
		top: 0;
		right: -100%;
	}

	.content .step#discoverSeemore-step .substep.enter-bottom {
		bottom: -100%;
		left: 0;
	}

	.content .step#discoverSeemore-step .substep.active {
		z-index: 1000;
		transition: all 1s;
	}

	.content .step#discoverSeemore-step .substep.active.enter-right {
		right: 0;
	}

	.content .step#discoverSeemore-step .substep.active.enter-bottom {
		bottom: 0;
	}

	.content .step#discoverSeemore-step .substep.passed {
		z-index: 500;
		transition: all 1s;
	}

	.content .step#discoverSeemore-step .substep.passed.enter-right.exit-left {
		right: 100%;
	}

	.content .step#discoverSeemore-step .substep.passed.enter-right.exit-top {
		top: -100%;
		right: 0;
	}

	.content .step#discoverSeemore-step .substep.passed.exit-left.enter-bottom {
		bottom: 0;
		left: -100%;
	}

	.content .step#discoverSeemore-step .substep img {
		width: 100%;
	}

	.content .step#discoverSeemore-step .substep .scan {
		z-index: 0;
		position: absolute;
		right: 500px;
		bottom: 0;
		height: 65%;
	}

	.content .step#discoverSeemore-step .substep .description {
		z-index: 10;
		position: absolute;
		top: 0%;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 80px;
	}

	.content .step#discoverSeemore-step .substep .description > a {
		display: block;
		position: absolute;
		top: 80px;
		left: 80px;
		width: calc(100% - 160px);
		height: calc(100% - 160px);
	}

	.content .step#discoverSeemore-step .substep h3 {
		counter-increment: step-counter;
		position: relative;
		margin-bottom: 20px;
		font-family: "Futura Bold";
		font-size: 50px;
		line-height: 1.15em;
	}

	.content .step#discoverSeemore-step .substep h3::before {
		content: "0" counter(step-counter) " ";
		position: absolute;
		top: -50px;
		font-size: 25px;
	}

	.content .step#discoverSeemore-step .substep .sms {
		position: absolute;
		top: 0;
		right: 480px;
		width: 500px;
		padding: 20px;
		overflow: hidden;
		color: #fff;
	}

	.content .step#discoverSeemore-step .substep .sms ul {
		position: relative;
		left: 50%;
		width: 280px;
		list-style: none;
		transform: translateX(-50%);
	}

	.content .step#discoverSeemore-step .substep .sms ul li {
		display: inline-block;
		position: relative;
		left: 50%;
		width: auto;
		margin-bottom: 40px;
		padding: 7px 20px;
		border-radius: 2em;
		background-color: #116ad4;
		box-shadow: 0 0 20px 0 #3e94f0;
		transform: translateX(-100%);
	}

	.content .step#discoverSeemore-step .substep .sms ul li::after {
		content: "";
		position: absolute;
		right: 0;
		bottom: -25px;
		border: 25px solid transparent;
		border-right-color: #116ad4;
		background: none;
	}

	.content .step#discoverSeemore-step .substep .sms ul li:nth-child(2n) {
		transform: translateX(-10%);
	}

	.content .step#discoverSeemore-step .substep .sms ul li:nth-child(2n)::after {
		right: auto;
		left: 0;
		border-right-color: transparent;
		border-left-color: #116ad4;
	}

	.content .step#discoverSeemore-step .substep.active .sms ul {
		animation: sms 5s;
	}

	.content .step#discoverSeemore-step .store_button {
		display: inline-block;
		margin-top: 20px;
		margin-right: 15px;
	}

	.content .step#discoverSeemore-step .store_button img {
		height: 55px;
	}

	.content .step#contact-step {
		color: #fff;
		background: url("https://beta.seemore.lu/img/contact_bg.jpg") center center transparent no-repeat;
		background-size: cover;
	}

	.content .step#contact-step > div {
		position: relative;
		background-color: rgba(0,0,0,.85);
	}

	.content .step#contact-step > div > .centered {
		padding: 100px 50px;
	}

	.content .step#contact-step div.form .contact-element::after {
		content: "";
		display: block;
		clear: both;
	}

	.content .step#contact-step div.form .contact-element > div {
		display: inline-block;
		position: relative;
		padding-right: 50px;
		padding-left: 35px;
		font-size: 15px;
	}

	.content .step#contact-step div.form .contact-element > div::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 20px;
		height: 21px;
		background: url("https://beta.seemore.lu/img/icons.png") -26px 0 no-repeat transparent;
	}

	.content .step#contact-step div.form .contact-element > div.mail::before {
		width: 20px;
		height: 14px;
		background: url("https://beta.seemore.lu/img/icons.png") -11px -25px;
	}

	.content .step#contact-step div.form .contact-element > div span {
		display: block;
		margin-top: 5px;
		font-weight: bold;
	}

	.content .step#contact-step div.form form {
		margin-top: 40px;
		font-size: 0;
	}

	.content .step#contact-step div.form form > div {
		margin: 20px 0;
	}

	.content .step#contact-step div.form form .half-field {
		display: inline-block;
		width: 45%;
		padding-right: 20px;
	}

	.content .step#contact-step div.form form label {
		text-transform: uppercase;
		font-size: 13px;
	}

	.content .step#contact-step div.form form label[for=user_type] {
		line-height: 7px;
	}

	.content .step#contact-step div.form form input,
	.content .step#contact-step div.form form select {
		width: 100%;
		height: 30px;
		margin-top: 15px;
		padding-bottom: 20px;
		border: none;
		border-bottom: 1px solid #fff;
		font-size: 14px;
		color: #fff;
		background: none;
	}

	.content .step#contact-step div.form form textarea {
		display: block;
		width: 100%;
		width: calc(90% - 20px);
		height: 30px;
		margin-top: 15px;
		padding-bottom: 20px;
		padding-bottom: 10px;
		border: none;
		border-bottom: 1px solid #fff;
		font-size: 14px;
		color: #fff;
		background: none;
	}

	.content .step#contact-step div.form form input.required,
	.content .step#contact-step div.form form select.required,
	.content .step#contact-step div.form form textarea.required {
		border-color: #ff6969;
	}

	.content .step#contact-step div.form form select {
		height: 50px;
		margin-top: 0;
		padding-bottom: 0;
	}

	.content .step#contact-step div.form form button {
		position: relative;
		margin-top: 10px;
		padding: 15px 40px 15px 25px;
		border: 0;
		text-transform: uppercase;
		font-family: "Futura Bold";
		font-size: 13px;
		color: #000;
		background-color: #fff;
	}

	.content .step#contact-step div.form form button::after {
		content: ">";
		position: absolute;
		right: 20px;
		color: #000;
	}

	.content .step#contact-step div.form form .submission {
		position: relative;
	}

	.content .step#contact-step div.form form #result {
		position: absolute;
		width: 100%;
		height: 0;
		margin-top: 20px;
		overflow: hidden;
		transition: height .35s;
	}

	.content .step#contact-step div.form form #result.success,
	.content .step#contact-step div.form form #result.fail {
		height: 60px;
	}

	.content .step#contact-step div.form form #result div {
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		height: 0;
		padding: 10px;
		overflow: hidden;
		font-size: 14px;
		font-size: 0;
		line-height: 24px;
		color: #000;
		opacity: 0;
	}

	.content .step#contact-step div.form form #result.success div.success-message {
		height: auto;
		font-size: 14px;
		opacity: 1;
		background-color: #69ff93;
	}

	.content .step#contact-step div.form form #result.fail div.fail-message {
		height: auto;
		font-size: 14px;
		opacity: 1;
		background-color: #ff6969;
	}

	.content .step#reference-step {
		height: auto;
		padding-top: 168px;
		padding-bottom: 60px;
	}

	.content .step#reference-step > div {
		height: auto;
	}

	.content .step#reference-step .description,
	.content .step#reference-step .testimonial {
		display: block;
		float: left;
		width: 40%;
		padding: 80px;
	}

	.content .step#reference-step .centered {
		width: 1300px;
		margin-left:auto;
		margin-right:auto;
	}

	.content .step#reference-step .testimonial {
		position: relative;
		width: 60%;
		height: 590px;
	}

	.content .step#reference-step .testimonial [type=radio] {
		display: none;
	}

	.content .step#reference-step .testimonial [type=radio]:checked + label {
		display: block;
	}

	.content .step#reference-step .testimonial [type=radio]:checked + label + .slide .description {
		z-index: 0;
		left: 0;
		opacity: 1;
		transition: none;
	}

	.content .step#reference-step .testimonial [type=radio]:checked + label + .slide .tetete {
		z-index: 0;
		right: 0;
		opacity: 1;
		transition: none;
	}

	.content .step#reference-step .testimonial label {
		position: absolute;
		top: 0;
		left: 0;
	}

	.content .step#reference-step .testimonial .slide {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
	}

	.content .step#reference-step .testimonial .slide .description {
		z-index: 10;
		position: relative;
		left: -475px;
		width: 475px;
		height: 380px;
		padding: 40px 60px;
		color: #fff;
		opacity: 0;
		background: #000;
		transition: left .35s,opacity .35s .35s;
	}

	.content .step#reference-step .testimonial .slide .description .breadcrumb {
		display: block;
		position: relative;
		left: 25px;
		width: 100px;
		height: 1px;
		margin: 10px 0 40px;
		font-family: "Futura";
		font-size: 12px;
		background-color: #fff;
	}

	.content .step#reference-step .testimonial .slide .description .breadcrumb::before {
		content: attr(data-prior);
		position: absolute;
		top: -8px;
		left: -25px;
	}

	.content .step#reference-step .testimonial .slide .description .breadcrumb::after {
		content: attr(data-prior);
		content: attr(data-next);
		position: absolute;
		top: -8px;
		right: -25px;
		left: -25px;
		left: auto;
	}

	.content .step#reference-step .testimonial .slide .description .name-title {
		margin: 20px 0;
		font-family: "Futura Bold";
		font-size: 14px;
	}

	.content .step#reference-step .testimonial .slide .description .blabla {
		font-size: 15px;
		line-height: 1.5em;
	}

	.content .step#reference-step .testimonial .slide .description .blabla::before {
		content: "";
	}

	.content .step#reference-step .testimonial .tetete {
		z-index: 10;
		float: left;
		position: relative;
		top: 50px;
		width: 295px;
		height: 458px;
		opacity: 0;
		transition: opacity .35s;
	}

	.content .step#reference-step .testimonial label {
		display: none;
		z-index: 10;
		left: 475px;
		width: 50px;
		height: 50px;
		font-size: 20px;
		color: #000;
		background-color: #fff;
		box-shadow: 0 0 40px -10px rgba(0,0,0,.5);
		cursor: pointer;
	}

	.content .step#reference-step .testimonial label::after {
		content: ">";
		position: relative;
		top: 13px;
		left: 17px;
	}

	.content .step#reference-step .testimonial .logos {
		position: absolute;
		top: 400px;
		bottom: 0;
		left: 0;
		width: 475px;
		background: url("https://beta.seemore.lu/img/brands.png") 0 0 no-repeat transparent;
		background-size: contain;
		filter: grayscale(100%);
	}

	.content .step#tarif-step {
		height: auto;
		padding-top: 168px;
		padding-bottom: 60px;
		text-align: center;
	}

	.content .step#tarif-step > div {
		height: auto;
	}

	.content .step#tarif-step .content > p {
		width: 500px;
		margin: 20px auto;
	}

	.content .step#tarif-step.notReached > div > * {
		left: 0;
		opacity: 1;
	}

	.content .step#tarif-step .symbol {
		font-family: "Acumin Pro";
	}

	.content .step#tarif-step .price-block {
		padding: 30px 50px 150px;
		font-size: 50px;
		color: #000;
	}

	.content .step#tarif-step .price-block .price {
		font-family: "Futura Bold";
		font-size: 70px;
		color: #fff;
	}

	.content .step#tarif-step .price-block .price .symbol {
		position: relative;
		top: -22px;
		left: -5px;
		font-size: .8em;
	}

	.content .step#tarif-step .price-block .over-title {
		font-size: 30px;
		color: #fff;
	}

	.content .step#tarif-step h2 {
		margin: 0 auto;
		max-width: 500px;
	}

	.content .step#tarif-step .prices {
		width: 900px;
		margin: 0 auto;
	}

	.content .step#tarif-step .prices::after {
		content: "";
		display: block;
		clear: both;
	}

	.content .step#tarif-step .prices .price-block {
		display: table-cell;
		position: relative;
		right: -10px;
		width: 450px;
		background-color: #f3967f;
	}

	.content .step#tarif-step .prices .price-block.first-try {
		left: -10px;
		background-color: #ffb74f;
	}

	.content .step#tarif-step .prices .price-block .info {
		border: 3px solid #000;
		border-right: 0;
		border-left: 0;
		font-family: "Futura Bold";
		font-size: 20px;
		line-height: 1.31em;
	}

	.content .step#tarif-step .prices .price-block .info:after {
		content: "";
		display: block;
		clear: both;
		height: 0;
	}

	.content .step#tarif-step .prices .price-block .info span {
		display: block;
		margin-bottom: 3px;
		font-size: 40px;
		line-height: 1em;
	}

	.content .step#tarif-step .prices .price-block .info .number {
		position: relative;
		top: -2px;
		margin-bottom: 0;
		font-size: 70px;
		line-height: 1em;
	}

	.content .step#tarif-step .prices .price-block .info > div {
		float: left;
		width: calc(50% - 3px);
		padding: 30px 0;
	}

	.content .step#tarif-step .prices .price-block .info > div:first-child {
		border-right: 3px solid #000;
	}

	.content .step#tarif-step .prices .price-block .detail {
		margin-top: 20px;
		font-size: 15px;
	}

	.content .step#tarif-step .prices .price-block .detail .renew-price {
		display: block;
		margin: 10px 0;
		font-family: "Futura";
		font-size: 20px;
		color: #fff;
	}

	.content .step#tarif-step .prices .price-block a.button {
		position: absolute;
		bottom: 35px;
		left: calc(50% - 100px);
		width: 180px;
		padding: 30px 0;
		text-transform: uppercase;
		font-family: "Futura Bold";
		font-size: 13px;
		color: #fff;
		background-color: #000;
	}

	.content .step#tarif-step .prices .price-block a.button:after {
		content: ">";
		position: relative;
		right: -13px;
	}

	.content .step#tarif-step .already-registered {
		display: block;
		margin: 50px 0 60px;
		text-transform: uppercase;
		font-family: "Futura Bold";
		font-size: 14px;
	}

	.content .step#tarif-step .already-registered span {
		text-decoration: underline;
	}

	.content + .footer {
		z-index: 210;
		position: relative;
		width: 100%;
		padding-left: 168px;
		color: #fff;
		background: #000;
	}

	.content + .footer .content {
		padding: 70px 60px;
	}

	.content + .footer .content > div {
		float: left;
		position: static;
		height: auto;
		padding: 0;
	}

	.content + .footer .content .right-part {
		float: right;
	}

	.content + .footer .content ul {
		float: right;
		list-style: none;
	}

	.content + .footer .content ul li {
		display: inline-block;
		position: relative;
		font-size: 12px;
	}

	.content + .footer .content ul li:after {
		content: "|";
		position: relative;
		top: -1px;
		right: -5px;
		margin: 0 13px 0 10px;
	}

	.content + .footer .content ul li:last-child:after {
		content: none;
	}

	.modal {
		z-index: -1;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		transition: z-index .35s;
	}

	.modal .modal-bg {
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0);
		transition: background .35s;
	}

	.modal .modal-window {
		position: absolute;
		top: -100%;
		left: 50%;
		width: 900px;
		height: 700px;
		padding: 25px;
		max-height: 80%;
		max-width: 80%;
		border-radius: 10px;
		background-color: #fff;
		transition: top .35s;
		transform: translate(-50%, -50%);
	}

	.modal .modal-window a[data-modal-close] {
	";
		content: "×
		position: absolute;
		top: -20px;
		right: -20px;
		width: 40px;
		height: 40px;
		border-radius: 100%;
		text-align: center;
		font-size: 25px;
		font-weight: bold;
		line-height: 40px;
		color: #fff;
		background-color: #000;
		cursor: pointer;
	}

	.modal .modal-window .modal-title {
		margin-bottom: 40px;
		padding: 0 0 20px;
		border-bottom: 2px solid #000;
		font-family: "Futura Bold";
		font-size: 25px;
	}

	.modal .modal-window .modal-body {
		height: calc(100% - 95px);
		overflow: auto;
	}

	.modal.display {
		z-index: 10000;
	}

	.modal.display .modal-window {
		top: 50%;
	}

	.modal.display .modal-bg {
		background-color: rgba(0,0,0,.7);
	}

	.modal h3 {
		margin: 30px 0 20px;
	}

	.modal ul {
		margin: 10px;
	}

	.modal li {
		margin: 5px;
		list-style-position: inside;
	}

	@media(max-width:1470px) {
		.logo {
			width: 84px;
			height: 84px;
		}

		.logo span.logo {
			height: 84px;
			margin: 17.5px auto;
			margin: 3px auto;
			transform: scale(0.7);
		}

		.header {
			height: 84px;
		}

		.header > div {
			height: 84px;
			margin-left: 84px;
		}

		.header .slogan {
			height: 84px;
		}

		.header .slogan img {
			height: 25px;
			margin: 29.5px;
		}

		.header .account-link {
			padding: 23.5px 29px;
		}

		.header .free-try {
			height: 84px;
			padding-right: 30px;
			padding-left: 30px;
			font-size: 14px;
		}

		.header .free-try .separator {
			margin: 0;
		}

		.header .free-try strong {
			font-size: 25px;
		}

		.header .lang-selector li {
			line-height: 84px;
		}

		.header .lang-selector .selected {
			height: 84px;
		}

		.header .lang-selector label {
			width: 84px;
			height: 84px;
		}

		.header .lang-selector label li {
			line-height: 84px;
		}

		.header .lang-selector input:checked~ul li {
			height: 84px;
			line-height: 84px;
		}

		.progress-bar {
			top: 84px;
			width: 84px;
			height: calc(100vh - 84px);
		}

		.progress-bar ol {
			height: 100%;
			padding-bottom: 84px;
		}

		.progress-bar ol li {
			margin-right: 0;
			margin-left: 15px;
		}

		.progress-bar ol li span {
			text-transform: none;
			font-size: 12px;
			font-weight: normal;
		}

		.progress-bar ol li span::before {
			content: counter(progress-counter) " ";
			left: -12px;
		}

		.progress-bar ol li::before {
			width: 51px;
		}

		.progress-bar ol li.selected::before {
			left: 18px;
		}

		.progress-bar ol li.selected::after {
			font-size: 40px;
		}

		.content .step h2 {
			font-size: 30px;
		}

		.content .step h2 br {
			display: none;
		}

		.content .step#contact-step div.form form {
			margin-top: 20px;
		}

		.content .step#contact-step div.form form > div {
			margin: 10px 0;
		}

		.content .step#home-step a.scroll {
			bottom: 86px;
		}

		.content .step#discoverSeemore-step .text-transparent-overlay {
			left: 84px;
			padding-left: 84px;
		}

		.content .step#discoverSeemore-step .steps a.prev {
			left: 84px;
		}
		
		.content .step#reference-step {
    		height: auto;
    		padding-top: 0px;
    		padding-bottom: 0px;
		}
		
		.content .step#reference-step .centered {
    		width: 100%;
		}
		
		.content .step#tarif-step {
    		padding-top: 0px;
		}

		.content .step .centered {
			padding: 50px;
		}

		.content .step a.scroll {
			bottom: 16px;
			left: calc(50% - 48px);
			width: 86px;
			height: 86px;
		}

		.content .step > div {
			padding-left: 84px;
		}

		.content .step .bordered-bottom {
			height: calc(100vh - 83px);
		}

		.content .step .video-overlay {
			font-size: 20px;
		}

		.content .step#home-step .footer {
			left: 83px;
			height: 83px;
		}

		.content .step#home-step .footer .right-part {
			width: 400px;
			height: 220px;
			padding: 50px;
			font-size: 16px;
		}

		.content .step#home-step .footer .right-part label>span:not(.selector) {
			top: 50px;
			width: 448px;
			height: 116px;
			font-size: 15px;
		}

		.content .step#home-step .footer .right-part label input:checked~span:not(.selector) {
			right: 50px;
			left: 50px;
			width: 300px;
		}

		.content .step#home-step .footer .right-part label input:checked~.selector::after {
			top: 1px;
			left: 1px;
			width: 8px;
			height: 8px;
		}

		.content .step#home-step .footer .right-part label .selector {
			bottom: -136px;
			left: 2px;
			width: 10px;
			height: 10px;
		}

		.content .step#home-step .footer .left-part .v-centered {
			padding: 15px 10px;
		}

		.content .step#reference-step .description {
			padding: 20px;
		}

		.content .step#reference-step .testimonial {
			padding: 20px;
		}

		.content .step#reference-step .testimonial label {
			left: 250px;
		}

		.content .step#reference-step .testimonial .slide .description {
			width: 250px;
			padding: 25px;
		}

		.content .step#reference-step .testimonial .slide .description .blabla {
			font-size: 13px;
		}

		.content .step#reference-step .testimonial .tetete {
			width: 160px;
		}

		.content .step#reference-step .testimonial .tetete img {
			width: 100%;
		}

		.content .step#reference-step .testimonial .logos {
			width: 250px;
		}

		.content .step#reference-step .testimonial .logos span.logo {
			width: 40%;
		}

		.content .step#tarif-step h2 {
			font-size: 25px;
		}

		.content .step#tarif-step .prices {
			width: 670px;
		}

		.content .step#tarif-step .prices .price-block {
			padding-bottom: 100px;
		}

		.content .step#tarif-step .prices .price-block a.button {
			bottom: 20px;
			left: calc(50% - 90px);
			padding: 20px 0;
		}

		.content .step#tarif-step .prices .price-block .detail {
			font-size: 13px;
		}

		.content .step#tarif-step .prices .price-block .over-title {
			font-size: 25px;
		}

		.content .step#tarif-step .prices .price-block .price {
			font-size: 40px;
		}

		.content .step#tarif-step .prices .price-block .info {
			font-size: 15px;
		}

		.content .step#tarif-step .prices .price-block .info .number {
			font-size: 35px;
		}

		.content .step#tarif-step .prices .price-block .info span {
			font-size: 20px;
		}

		.content .step#tarif-step .prices .price-block .info > div {
			height: 100px;
			padding: 20px 0;
		}

		.content .step#tarif-step .already-registered + img {
			width: 200px;
		}

		.content + .footer {
			padding: 0 0 0 84px;
		}

		.content + .footer .content {
			position: relative;
			padding: 30px 40px 40px;
		}

		.content + .footer .content .left-part {
			position: absolute;
			bottom: 0;
			width: 100%;
			text-align: center;
		}

		.content + .footer .content .right-part {
			float: none;
		}

		.content + .footer .content ul {
			float: none;
		}

		.content + .footer .content ul li {
			display: block;
			position: relative;
			text-align: center;
			font-size: 15px;
		}

		.content + .footer .content ul li a {
			display: block;
			width: 100%;
			margin-bottom: 30px;
		}

		.content + .footer .content ul li::after {
			content: "";
			position: absolute;
			top: auto;
			right: 35%;
			bottom: -15px;
			left: 35%;
			height: 1px;
			background: #fff;
		}

		.content + .footer .content::after {
			content: "";
			display: block;
			clear: both;
			width: 100%;
		}
	}

	@media(max-width:950px) {
		body > a.logo,
		body div.header .left-part {
			float: left;
			margin: 0;
		}

		body > div.header {
			left: 84px;
			width: calc(100% - 84px);
			background: #fff;
		}

		span.anchor {
			top: -84px;
		}

		.header > div {
			margin: 0;
		}
	}

	@media(max-width:830px) {
		.header .account-link {
			border: 3px solid #f1f1f1;
			border-top: 0;
			border-bottom: 0;
			font-size: 0;
		}

		.header .account-link img {
			margin-right: 0;
		}

		span.anchor {
			top: -140px;
		}

		.content .step a.scroll {
			display: none;
		}

		.content .step .video-overlay {
			font-size: 16px;
		}

		.content .step > div {
			padding-left: 0;
		}

		.content .step#home-step > div {
			padding-bottom: 219px;
		}

		.content .step#home-step .bordered-bottom {
			position: relative;
			width: 100%;
			height: auto;
			margin-top: 140px;
			padding-bottom: 52.56%;
			background-size: 100%;
		}

		.content .step#home-step .footer > div {
			float: left;
			position: static;
			width: 100%;
		}

		.content .step#home-step .footer .right-part {
			width: 100%;
			padding: 20px;
		}

		.content .step#home-step .footer .right-part label>span:not(.selector) {
			top: 40px;
		}

		.content .step#home-step .footer .right-part label input:checked~span:not(.selector) {
			right: 20px;
			left: 20px;
			width: calc(100% - 40px);
		}

		.content .step#discoverSeemore-step .substep {
			position: absolute;
			width: 100%;
			height: 100%;
		}

		.content .step#discoverSeemore-step .substep .scan {
			left: 43%;
			height: 133px;
			transform: translateX(-50%);
		}

		.content .step#discoverSeemore-step .active .text-transparent-overlay {
			z-index: 2100;
			position: absolute;
			top: 20%;
			left: 0;
			width: 100%;
			height: 100%;
			height: 80%;
			padding: 0;
			text-align: center;
			font-size: 30px;
			font-size: 49px;
			line-height: 100px;
			opacity: 1;
			background-position: center top;
			background-size: auto;
		}

		.content .step#discoverSeemore-step .steps {
			height: 100%;
		}

		.content .step#discoverSeemore-step .steps .white-bg {
			z-index: 2000;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: #fff;
		}

		.content .step#discoverSeemore-step .steps a.prev,
		.content .step#discoverSeemore-step .steps a.next {
			display: block;
			z-index: 2000;
			position: absolute;
			top: 80%;
			width: 40px;
			height: 40px;
			background-color: #fff;
			box-shadow: 0 0 5px -2px #000;
			transform: translateY(-50%);
			cursor: pointer;
		}

		.content .step#discoverSeemore-step .steps a.prev.hidden,
		.content .step#discoverSeemore-step .steps a.next.hidden {
			display: none;
		}

		.content .step#discoverSeemore-step .steps a.prev::after,
		.content .step#discoverSeemore-step .steps a.next::after {
			position: absolute;
			top: 50%;
			left: 50%;
			font-size: 18px;
			color: #000;
			transform: translate(-50%, -50%);
		}

		.content .step#discoverSeemore-step .steps a.prev {
			left: 0;
		}

		.content .step#discoverSeemore-step .steps a.prev::after {
			content: "<";
		}

		.content .step#discoverSeemore-step .steps a.next {
			right: 0;
		}

		.content .step#discoverSeemore-step .steps a.next::after {
			content: ">";
		}

		.content .step#discoverSeemore-step .substep {
			transition: left .35s,right .35s;
			transition-delay: 0s;
		}

		.content .step#discoverSeemore-step .substep .description {
			position: absolute;
			right: auto;
			left: 0;
			width: 100%;
			height: 100%;
			padding: 25px 55px;
		}

		.content .step#discoverSeemore-step .substep .description > * {
			position: relative;
			top: 20%;
		}

		.content .step#discoverSeemore-step .substep .description.right {
			right: 0;
			left: auto;
			width: 100%;
		}

		.content .step#discoverSeemore-step .substep h3 {
			font-size: 20px;
		}

		.content .step#discoverSeemore-step .substep h3::before {
			font-size: 15px;
		}

		.content .step#discoverSeemore-step .substep h3::before {
			content: none;
		}

		.content .step#discoverSeemore-step .substep.enter-right,
		.content .step#discoverSeemore-step .substep.enter-bottom {
			top: auto;
			right: -100%;
			bottom: auto;
			left: auto;
		}

		.content .step#discoverSeemore-step .substep.active {
			z-index: 1000;
			transition: left .35s,right .35s;
		}

		.content .step#discoverSeemore-step .substep.active.enter-right,
		.content .step#discoverSeemore-step .substep.active.enter-bottom {
			right: 0;
		}

		.content .step#discoverSeemore-step .substep.passed {
			z-index: 500;
			transition: left .35s,right .35s;
		}

		.content .step#discoverSeemore-step .substep.passed.enter-right.exit-left,
		.content .step#discoverSeemore-step .substep.passed.enter-right.exit-top,
		.content .step#discoverSeemore-step .substep.passed.exit-left.enter-bottom {
			top: auto;
			right: 100%;
			bottom: auto;
			left: auto;
		}

		.content .step#discoverSeemore-step .phone {
			display: none;
		}
		
		.content .step#reference-step {
    		height: auto;
    		padding-top: 0px;
    		padding-bottom: 0px;
		}
		
		.content .step#reference-step .centered {
    		width: 100%;
		}
		
		.content .step#tarif-step {
    		padding-top: 0px;
		}

		.content .step .centered {
			top: auto;
			left: auto;
			height: auto;
			padding: 20px;
			max-width: none;
			transform: none;
		}

		.content .step .centered > div {
			float: none;
			width: auto;
			padding: 0;
		}

		.content .step .centered > div.description {
			padding: 0;
			max-width: none;
		}

		.content .step .centered > div.form {
			margin-top: 40px;
		}

		.content .step .centered > div.form .contact-element > div {
			width: 100%;
			margin-bottom: 20px;
		}

		.content + .footer {
			padding-left: 0;
		}

		.progress-bar {
			z-index: 190;
			width: 100%;
			height: 56px;
			box-shadow: 0 11px 41px 2px #f1f1f1 inset;
		}

		.progress-bar ol {
			padding: 0;
			font-size: 0;
			background: transparent !important;
		}

		.progress-bar ol li {
			display: block;
			float: left;
			width: 20%;
			height: 100%;
			margin: 0;
			text-align: center;
		}

		.progress-bar ol li::before {
			content: "";
			bottom: -3px;
			width: 100%;
			height: 0;
			transition: height .35s;
		}

		.progress-bar ol li span {
			display: block;
			position: relative;
			top: 50%;
			padding: 0;
			font-size: 12px;
			transform: translateY(-50%);
		}

		.progress-bar ol li span::before {
			content: none;
		}

		.progress-bar ol li.selected {
			color: #000;
		}

		.progress-bar ol li.selected span {
			left: auto;
			opacity: 1;
		}

		.progress-bar ol li.selected::after {
			content: none;
		}

		.progress-bar ol li.selected::before {
			content: "";
			top: auto;
			bottom: -3px;
			left: 0;
			height: 5px;
			background-color: #000;
			transition: height .35s;
		}
	}

	@media(max-width:680px) {
		.header .free-try {
			display: none;
		}

		.content .step#home-step > div {
			padding-bottom: 333px;
		}

		.content .step#home-step .footer .free-try {
			display: block;
			height: 92px;
			padding-right: 60px;
			padding-left: 60px;
			font-family: "Futura Bold";
		}

		.content .step#home-step .footer .free-try .separator {
			margin: 2px 0;
		}
		
		.content .step#reference-step {
    		height: auto;
    		padding-top: 0px;
    		padding-bottom: 0px;
		}
		
		.content .step#tarif-step {
    		padding-top: 0px;
		}

		.content .step#tarif-step .content > p {
			width: 100%;
		}

		.content .step#tarif-step .prices {
			width: 100%;
		}

		.content .step#tarif-step .prices .price-block {
			display: block;
			right: 0;
			left: 0;
			width: 100%;
		}

		.content .step#tarif-step .prices .price-block.first-try {
			left: 0;
		}
	}

	@media(max-width:475px) {
		body > div.header {
			top: 0;
			left: 56px;
			width: calc(100% - 56px);
		}

		body > .footer {
			padding-left: 0;
		}

		span.anchor {
			top: -112px;
		}

		a.logo {
			width: 56px;
			height: 56px;
		}

		a.logo span.logo {
			top: -18px;
			height: 200%;
			margin: 0 auto;
			transform: scale(0.5);
		}

		.progress-bar {
			top: 56px;
		}

		.header {
			height: 56px;
		}

		.header > div {
			height: 56px;
			margin-left: 56px;
		}

		.header .left-part .slogan {
			height: 56px;
		}

		.header .left-part .slogan img {
			height: 20px;
			margin: 18px 15px;
		}

		.header .right-part {
			margin: 0;
		}

		.header .right-part .account-link {
			padding: 10px 15px;
		}

		.header .right-part .lang-selector ul li {
			height: 0;
			line-height: 56px;
		}

		.header .right-part .lang-selector ul li.selected {
			height: 56px;
		}

		.header .right-part .lang-selector input:checked~ul li {
			height: 56px;
			line-height: 56px;
		}

		.header .right-part .lang-selector label {
			width: 62px;
			height: 56px;
		}

		.content .step {
			height: auto;
			overflow: visible;
		}

		.content .step.notReached > div > * {
			left: auto;
			opacity: 1;
		}

		.content .step h2 {
			text-align: center;
		}

		.content .step .description p.over-title {
			width: 100%;
			text-align: center;
		}

		.content .step .video-overlay {
			position: absolute;
			top: 50%;
			left: auto;
			width: 100%;
			padding: 20px;
			transform: none;
			transform: translateY(-50%);
		}

		.content .step#home-step .footer {
			position: absolute;
			right: 0;
			bottom: 0;
			left: 0;
			height: auto;
			padding-left: 0;
		}

		.content .step#home-step .footer .left-part,
		.content .step#home-step .footer .right-part {
			display: block;
			float: none;
			position: static;
			height: auto;
		}

		.content .step#home-step .footer .left-part .v-centered {
			top: auto;
			transform: none;
		}

		.content .step#home-step .footer .right-part {
			position: relative;
			height: 160px;
		}

		.content .step#home-step .footer .right-part label > p {
			top: 30px;
		}

		.content .step#home-step .footer .right-part label .selector {
			bottom: -113px;
		}

		.content .step#home-step .bordered-bottom {
			margin-top: 112px;
			background-size: 100%;
		}

		.content .step#discoverSeemore-step .active .text-transparent-overlay {
			z-index: 2100;
			position: absolute;
			top: 9%;
			left: 0;
			width: 100%;
			height: 100%;
			height: 80%;
			padding: 0;
			text-align: center;
			font-size: 30px;
			font-size: 49px;
			line-height: 100px;
			opacity: 1;
			background-position: center top;
			background-size: auto;
		}

		.content .step#discoverSeemore-step .steps {
			height: 100%;
		}

		.content .step#discoverSeemore-step .steps .white-bg {
			z-index: 2000;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: #fff;
		}

		.content .step#discoverSeemore-step .steps .substep {
			transition: left .35s,right .35s;
			transition-delay: 0s;
		}

		.content .step#discoverSeemore-step .steps .substep .description {
			position: absolute;
			right: auto;
			left: 0;
			width: 100%;
			height: 100%;
			padding: 25px 55px;
		}

		.content .step#discoverSeemore-step .steps .substep .description > * {
			position: relative;
			top: 20%;
		}

		.content .step#discoverSeemore-step .steps .substep .description.right {
			right: 0;
			left: auto;
			width: 100%;
		}

		.content .step#discoverSeemore-step .steps .substep h3 {
			font-size: 20px;
		}

		.content .step#discoverSeemore-step .steps .substep h3::before {
			font-size: 15px;
		}

		.content .step#discoverSeemore-step .steps .substep h3::before {
			content: none;
		}

		.content .step#discoverSeemore-step .steps .substep.enter-right,
		.content .step#discoverSeemore-step .steps .substep.enter-bottom {
			top: auto;
			right: -100%;
			bottom: auto;
			left: auto;
		}

		.content .step#discoverSeemore-step .steps .substep.active {
			z-index: 1000;
			transition: left .35s,right .35s;
		}

		.content .step#discoverSeemore-step .steps .substep.active.enter-right,
		.content .step#discoverSeemore-step .steps .substep.active.enter-bottom {
			right: 0;
		}

		.content .step#discoverSeemore-step .steps .substep.passed {
			z-index: 500;
			transition: left .35s,right .35s;
		}

		.content .step#discoverSeemore-step .steps .substep.passed.enter-right.exit-left,
		.content .step#discoverSeemore-step .steps .substep.passed.enter-right.exit-top,
		.content .step#discoverSeemore-step .steps .substep.passed.exit-left.enter-bottom {
			top: auto;
			right: 100%;
			bottom: auto;
			left: auto;
		}

		.content .step#discoverSeemore-step .steps .phone {
			display: none;
		}

		.content .step#contact-step div.form form {
			padding-bottom: 120px;
		}

		.content .step#contact-step div.form form .half-field {
			width: 100%;
			padding: 0;
		}

		.content .step#contact-step div.form form input,
		.content .step#contact-step div.form form select {
			margin-top: 5px;
			margin-bottom: 25px;
			padding-bottom: 10px;
		}

		.content .step#contact-step div.form form textarea {
			width: 100%;
		}

		.content .step#contact-step div.form form button {
			width: 100%;
			margin-top: 20px;
		}

		.content .step#contact-step div.form form #result div {
			display: block;
			width: 100%;
		}

		.content .step#contact-step div.form form #result.fail {
			height: 110px;
		}

		.content .step#reference-step h2 {
			margin-bottom: 40px;
		}

		.content .step#reference-step .centered {
			width: 100%;
		}

		.content .step#reference-step .description,
		.content .step#reference-step .testimonial {
			width: 100%;
			padding: 0;
		}

		.content .step#reference-step .description {
			padding-bottom: 65px;
		}

		.content .step#reference-step .description p {
			width: calc(100% - 140px);
		}

		.content .step#reference-step .description p.over-title {
			width: 100%;
		}

		.content .step#reference-step .testimonial label {
			right: 0;
			left: auto;
		}

		.content .step#reference-step .testimonial .slide {
			overflow: visible;
		}

		.content .step#reference-step .testimonial .slide .description {
			left: 0;
			width: 100%;
		}

		.content .step#reference-step .testimonial .slide .description p {
			width: auto;
		}

		.content .step#reference-step .testimonial .logos {
			width: 100%;
		}

		.content .step#reference-step .testimonial .tetete {
			float: none;
			position: absolute;
			top: -186px;
			right: 0;
			width: 120px;
			height: 187px;
		}

		.content .step#reference-step .testimonial [type=radio]:checked + label {
			z-index: 1000;
		}
		
		.content .step#reference-step {
    		height: auto;
    		padding-top: 0px;
    		padding-bottom: 0px;
		}
		
		.content .step#tarif-step {
    		padding-top: 0px;
		}

		.content .step > div {
			height: auto;
		}
	}