html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after {
	content: '';
	content: none
}

q:before,
q:after {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

@-webkit-keyframes appear {
	from {
		-webkit-filter: blur(100px);
		-moz-filter: blur(100px);
		-ms-filter: blur(100px);
		-o-filter: blur(100px);
		filter: blur(100px);
		opacity: 0
	}
	to {
		-webkit-filter: blur(0);
		-moz-filter: blur(0);
		-ms-filter: blur(0);
		-o-filter: blur(0);
		filter: blur(0);
		opacity: 1
	}
}

@-moz-keyframes appear {
	from {
		-webkit-filter: blur(100px);
		-moz-filter: blur(100px);
		-ms-filter: blur(100px);
		-o-filter: blur(100px);
		filter: blur(100px);
		opacity: 0
	}
	to {
		-webkit-filter: blur(0);
		-moz-filter: blur(0);
		-ms-filter: blur(0);
		-o-filter: blur(0);
		filter: blur(0);
		opacity: 1
	}
}

@-ms-keyframes appear {
	from {
		-webkit-filter: blur(100px);
		-moz-filter: blur(100px);
		-ms-filter: blur(100px);
		-o-filter: blur(100px);
		filter: blur(100px);
		opacity: 0
	}
	to {
		-webkit-filter: blur(0);
		-moz-filter: blur(0);
		-ms-filter: blur(0);
		-o-filter: blur(0);
		filter: blur(0);
		opacity: 1
	}
}

@keyframes appear {
	from {
		-webkit-filter: blur(100px);
		-moz-filter: blur(100px);
		-ms-filter: blur(100px);
		-o-filter: blur(100px);
		filter: blur(100px);
		opacity: 0
	}
	to {
		-webkit-filter: blur(0);
		-moz-filter: blur(0);
		-ms-filter: blur(0);
		-o-filter: blur(0);
		filter: blur(0);
		opacity: 1
	}
}

@-webkit-keyframes disappear {
	from {
		-webkit-filter: blur(100px);
		-moz-filter: blur(100px);
		-ms-filter: blur(100px);
		-o-filter: blur(100px);
		filter: blur(100px);
		opacity: 1
	}
	to {
		-webkit-filter: blur(0);
		-moz-filter: blur(0);
		-ms-filter: blur(0);
		-o-filter: blur(0);
		filter: blur(0);
		opacity: 0;
		z-index: -1
	}
}

@-moz-keyframes disappear {
	from {
		-webkit-filter: blur(100px);
		-moz-filter: blur(100px);
		-ms-filter: blur(100px);
		-o-filter: blur(100px);
		filter: blur(100px);
		opacity: 1
	}
	to {
		-webkit-filter: blur(0);
		-moz-filter: blur(0);
		-ms-filter: blur(0);
		-o-filter: blur(0);
		filter: blur(0);
		opacity: 0;
		z-index: -1
	}
}

@-ms-keyframes disappear {
	from {
		-webkit-filter: blur(100px);
		-moz-filter: blur(100px);
		-ms-filter: blur(100px);
		-o-filter: blur(100px);
		filter: blur(100px);
		opacity: 1
	}
	to {
		-webkit-filter: blur(0);
		-moz-filter: blur(0);
		-ms-filter: blur(0);
		-o-filter: blur(0);
		filter: blur(0);
		opacity: 0;
		z-index: -1
	}
}

@keyframes disappear {
	from {
		-webkit-filter: blur(100px);
		-moz-filter: blur(100px);
		-ms-filter: blur(100px);
		-o-filter: blur(100px);
		filter: blur(100px);
		opacity: 1
	}
	to {
		-webkit-filter: blur(0);
		-moz-filter: blur(0);
		-ms-filter: blur(0);
		-o-filter: blur(0);
		filter: blur(0);
		opacity: 0;
		z-index: -1
	}
}

@-webkit-keyframes popup {
	0% {
		top: 40px;
		opacity: 0
	}
	100% {
		top: 0;
		opacity: 1
	}
}

@-moz-keyframes popup {
	0% {
		top: 40px;
		opacity: 0
	}
	100% {
		top: 0;
		opacity: 1
	}
}

@-ms-keyframes popup {
	0% {
		top: 40px;
		opacity: 0
	}
	100% {
		top: 0;
		opacity: 1
	}
}

@keyframes popup {
	0% {
		top: 40px;
		opacity: 0
	}
	100% {
		top: 0;
		opacity: 1
	}
}

@-webkit-keyframes popdown {
	0% {
		top: auto;
		bottom: 40px;
		opacity: 0
	}
	100% {
		bottom: 0;
		opacity: 1
	}
}

@-moz-keyframes popdown {
	0% {
		top: auto;
		bottom: 40px;
		opacity: 0
	}
	100% {
		bottom: 0;
		opacity: 1
	}
}

@-ms-keyframes popdown {
	0% {
		top: auto;
		bottom: 40px;
		opacity: 0
	}
	100% {
		bottom: 0;
		opacity: 1
	}
}

@keyframes popdown {
	0% {
		top: auto;
		bottom: 40px;
		opacity: 0
	}
	100% {
		bottom: 0;
		opacity: 1
	}
}

@-webkit-keyframes pop {
	50% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1)
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}

@-moz-keyframes pop {
	50% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1)
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}

@-ms-keyframes pop {
	50% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1)
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes pop {
	50% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1)
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
}

html,
body {
	height: 100%
}

body {
	color: #6f6f6f;
	font-family: 'Fira Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	width: 100%
}

.main {
	background: transparent url(/img/img1.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

:focus {
	outline: none
}

::-moz-focus-inner {
	border: 0
}

a {
	color: #eb4883;
	outline: none
}

a:hover,
a:focus {
	text-decoration: none;
	color: inherit
}

a,
a:visited,
a:focus,
a:active,
a:hover {
	outline: 0 none !important
}

textarea {
	resize: none
}

.row.no-pad {
	margin-right: 0;
	margin-left: 0
}

.row.no-pad [class*='col-'] {
	padding-right: 0;
	padding-left: 0
}

header {
	height: 75px;
	background-color: #FFF
}

header .lang {
	display: inline-block;
	margin: 30px 0 0 0
}

header .lang li {
	display: inline-block
}

header .lang li:not(:last-child):after {
	content: "";
	position: relative;
	top: 2px;
	display: inline-block;
	height: 12px;
	width: 1px;
	background-color: #cfcfcf;
	margin: 0 0 0 5px
}

header .lang li.active a {
	color: #cfcfcf
}

header .lang li a {
	font-size: 12px
}

header h1 {
	display: inline-block;
	margin: 9px 0 0 0;
	background: transparent url(/img/logo-cook.png) left top no-repeat;
	text-indent: -999px;
	overflow: hidden
}

header h1 a {
	display: block;
	width: 55px;
	height: 61px
}

header button {
	display: block;
	margin: 30px auto 0;
	background: #fff none;
	border: 0 none;
	-webkit-appearance: none;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 300;
	position: relative;
	z-index: 999;
	padding-left: 30px
}

header button span {
	display: inline-block;
	width: 22px;
	height: 3px;
	background-color: #cfcfcf;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	position: absolute;
	left: 0;
	top: 7px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

header button span:nth-of-type(2) {
	top: 1px
}

header button span:nth-of-type(3) {
	top: 13px
}

header button.opened span:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

header button.opened span:nth-of-type(2) {
	opacity: 0
}

header button.opened span:nth-of-type(3) {
	top: 7px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg)
}

.menu {
	position: fixed;
	opacity: 0;
	top: -100vh;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 998;
	background: #f27355;
	background: -moz-linear-gradient(70deg, #f27355 0%, #ed246d 50%, #ed246d 100%);
	background: -webkit-linear-gradient(70deg, #f27355 0%, #ed246d 50%, #ed246d 100%);
	background: linear-gradient(70deg, #f27355 0%, #ed246d 50%, #ed246d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27355', endColorstr='#ed246d', GradientType=1);
	border: 15px solid #FFFFFF;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	display: flex;
	align-items: center
}

.menu.active {
	top: 75px;
	opacity: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	height: 100%
}

.menu ul.navnav {
	margin: 0;
	width: 100%;
	transform: translateY(-25%)
}

.menu ul.navnav li {
	font-size: 30px;
	font-weight: 700;
	text-align: center
}

.menu ul.navnav li a {
	color: #FFFFFF;
	letter-spacing: 2px;
	display: block;
	padding: 15px 0;
	background-color: transparent;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.menu ul.navnav li a:hover {
	background-color: #ef4762;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.menu #finalFooter {
	position: fixed;
	width: 100%;
	bottom: 0
}

.menu footer {
	background-color: #f5f5f5
}

.menu footer ul {
	text-align: center;
	padding: 15px 0
}

.menu footer ul li {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 10px
}

.menu p {
	background-color: #e7e7e7;
	text-align: center;
	font-size: 14px;
	color: #696969;
	padding: 12px 0
}

.menu p a {
	color: #ee2f6a
}

#gmaps {
	width: 550px;
	height: 300px;
	position: relative;
	margin-left: 8%;
	top: 42%;
	max-width: 84%
}

.gradient-sep {
	display: inline-block;
	width: 250px;
	height: 10px;
	background: #f38f4d;
	background: -moz-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
	background: -webkit-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
	background: linear-gradient(to right, #f38f4d 0%, #ed246d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f38f4d', endColorstr='#ed246d', GradientType=1);
	position: absolute
}

.line {
	position: absolute;
	width: 1px;
	height: 450vh;
	top: 149vh;
	left: 50%;
	background-color: #ed246d;
	z-index: 99
}

.circle {
	display: inline-block;
	width: 23px;
	height: 23px;
	border: 2px solid #eb4883;
	position: absolute;
	top: 49%;
	left: 50%;
	margin-left: -11.5px;
	background-color: #FFF;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
	z-index: 100
}

.circ-alpha {
	background-color: #fff;
	color: #70cf7b;
	font-size: 47px;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	padding: 3%;
	text-align: center;
	font-weight: 300;
	letter-spacing: 4px;
	z-index: 100
}

.circ-alpha span {
	display: block !important;
	position: absolute;
	left: 0;
	bottom: -5px
}

.circ-alpha:after {
	content: '';
	position: absolute;
	background: -webkit-radial-gradient(50% 21%, circle, transparent 6.5%, #fff 5%);
	background: radial-gradient(circle at 50% 21%, rgba(0, 0, 0, 0) 6.5%, #ffffff 5%);
	width: 100%;
	height: 25px;
	left: 0;
	top: -25px;
	display: block
}

.circ-alpha:before {
	content: "";
	position: absolute;
	top: -35px;
	left: 50%;
	margin: 0 0 0 -14.5px;
	width: 29px;
	height: 29px;
	background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAABqElEQVR4AcWXIWzCQBSGJwdeASEBg4HAcKDxQYNFMoM3eENWjw+D4fAas4HqwAyFQDAIuDX/3p90S8NW7q5p6ZIvvdy9+78stL3XO52/8/mcEh6FZ8EWPgW417UwdtdT6jS1rCJMhS8BGjhufSWI7F54ckMQAO6zmKMrTAuvAkKAOWmVMCN8CAgR5mX8hAnhTUAEMDfxn9QSECHWpbAqOBFLHXq80qmAGzD13q3OjaQOfZR2BdyQLqVjv4JisYj5fG4czD2lUslvfUKp7bd5Npshm81iuVzqClnLPdzrV2NTergWMhqNkMvlsFqtlELW5PN57rlWd6AUKobDIQqFAjabjW8N11jDWlWe8j/9YTAYoFwuY7vd/lnjHNdYo5F18P6mSvr9Pmq1Gna73e8cx/V6nWvQzLEv714lvV4PjUYD+/2ecMw5GGRMjJ/T0+mETqeDZrNJOOac6XNq/kY6Ho9ot9totVocm76RMjG8e2M4ZeI9T11pMuLOIRlDj6TuBhchCReqbvCySbNC6HuTQZruh4AdftVAo/yWGQvvnkOC17XwYvIt8w0FUD0XahJf+gAAAABJRU5ErkJggg==") left top no-repeat
}

@keyframes moveTitle {
	0% {
		top: 0
	}
	100% {
		top: 20%
	}
}

@keyframes moveText {
	0% {
		top: 100%
	}
	100% {
		top: 45%
	}
}

.whoarewe #front {
	width: 100vw;
	height: 100vh;
	background: transparent url(/img/BGPresentation.jpg) center center no-repeat;
	background-size: cover;
	display: -webkit-flex;
	-webkit-align-items: center;
	display: flex;
	align-items: center;
	display: -ms-flexbox;
	-ms-flex-align: center;
	padding-top: 75px
}

.whoarewe .title {
	position: relative;
	z-index: 2
}

.whoarewe .title span {
	display: inline-block;
	font-size: 24px;
	letter-spacing: 0.12em;
	color: #fff;
	background: #f38f4d;
	background: -moz-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
	background: -webkit-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
	background: linear-gradient(to right, #f38f4d 0%, #ed246d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f38f4d', endColorstr='#ed246d', GradientType=1);
	padding: 8px 60px 8px 25px;
	line-height: 1.25em
}

.whoarewe #whoAreWeImg {
	position: relative;
	animation-name: moveTitle;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	z-index: 2
}

.whoarewe #textArea {
	position: relative;
	animation-name: moveText;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	background-color: white;
	padding: 20px;
	z-index: 1;
	margin-top: -28px;
	padding: 85px 30px 40px
}

.whoarewe #textArea ul {
	text-align: center;
}

.whoarewe #textArea li {
	display: inline-block;
	margin: 0 10px;
}

.whoarewe #textArea p {
	line-height: 20px
}

.whoarewe #textArea #p1 {
	font-weight: bold;
	margin-bottom: 20px
}

.whoarewe #textArea #p2 {
	margin-bottom: 20px
}

.whoarewe #textArea #p3 {
	margin-bottom: 20px
}

.expertises .cache {
	opacity: 0;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
	display: none;
	width: 0
}

.expertises .title {
	position: relative;
	z-index: 1
}

.expertises .title span {
	display: inline-block;
	font-size: 42px;
	letter-spacing: 0.12em;
	color: #fff;
	background: #f38f4d;
	background: -moz-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
	background: -webkit-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
	background: linear-gradient(to right, #f38f4d 0%, #ed246d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f38f4d', endColorstr='#ed246d', GradientType=1);
	padding: 8px 60px 8px 25px
}

.expertises #front {
	width: 100vw;
	height: 100vh;
	background: transparent url("/img/pattern.png") center center repeat;
	display: -webkit-flex;
	-webkit-align-items: center;
	display: flex;
	align-items: center;
	display: -ms-flexbox;
	-ms-flex-align: center
}

.expertises #colLeft {
	width: 100%
}

.expertises .img {
	left: 50%;
	position: absolute;
	top: 50%;
	width: 65vw;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 0
}

.expertises .img img {
	width: 100%;
	opacity: 1;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s
}

.expertises .txt {
	width: 500px;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #fff;
	padding: 50px 30px 30px;
	font-size: 16px;
	line-height: 20px;
	margin-right: 80px
}

.expertises .txt p:before {
	content: "";
	width: 56px;
	height: 56px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 2;
	background-position: center center;
	background-color: transparent;
	background-repeat: no-repeat
}

.expertises .txt p:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 91px;
	height: 91px;
	background-color: #FFF;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
	border-radius: 91px
}

.expertises .txt .bio:before {
	background-image: url(/img/picto-expertises-bio.png)
}

.expertises .txt .gourmand:before {
	background-image: url(/img/picto-expertises-gourmand.png)
}

.expertises .txt .freefrom:before {
	background-image: url(/img/picto-expertises-freefrom.png)
}

.expertises .txt .diet:before {
	background-image: url(/img/picto-expertises-diet.png)
}

.expertises .txt .tendances:before {
	background-image: url(/img/picto-expertises-tendances.png)
}

.expertises .txt .culinaire:before {
	background-image: url(/img/picto-expertises-culinaire.png)
}

.expertises .txt strong {
	color: #70cf7b;
	font-weight: 700
}

.expertises .itemMenu {
	background-color: #FFF;
	padding: 30px;
	width: 300px;
	margin-left: 80px;
	position: relative;
	z-index: 1
}

.expertises .itemMenu li:not(:last-of-type) {
	margin-bottom: 15px
}

.expertises .itemMenu a {
	font-size: 18px;
	font-weight: 100;
	color: #6f6f6f;
	position: relative;
	display: inline-block;
	width: 100%
}

.expertises .itemMenu a span {
	background-color: #FFF;
	z-index: 2;
	position: relative;
	padding-right: 15px
}

.expertises .itemMenu a.active {
	color: #ed246d
}

.expertises .itemMenu a:after {
	content: "";
	width: 0%;
	height: 2px;
	background-color: #ed246d;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s
}

.expertises .itemMenu a:hover {
	color: #ed246d
}

.expertises .itemMenu a:hover:after {
	width: 150%;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s
}

.expertises .linksMenu {
	background-color: #FFF;
	padding: 30px;
	width: 388px;
	margin-left: 80px;
	margin-top: 130px;
	position: relative;
	z-index: 1
}

.expertises .linksMenu h4 {
	font-size: 18px;
	text-transform: uppercase;
	color: #ed246d;
	letter-spacing: 0.12em;
	margin-bottom: 15px
}

.expertises .linksMenu li {
	margin-bottom: 15px
}

.expertises .linksMenu a {
	font-size: 18px;
	font-weight: 100;
	color: #6f6f6f
}

.expertises .linksMenu a:before {
	content: "";
	background: transparent url(/img/link-icon.svg) left top no-repeat;
	display: inline-block;
	width: 14px;
	height: 12px;
	margin-right: 5px
}

.expertises .linksMenu a:hover {
	color: #ed246d
}

@media screen and (min-width: 1224px) {
	.menu ul.navnav li {
		font-size: 30px;
		font-weight: 700;
		text-align: center;
		margin-bottom: 1%
	}
	#BGS7 {
		background: none
	}
	.section1 {
		position: relative;
		height: calc(100vh - 75px);
		margin: 75px 0 0 0;
		border: 15px solid #FFFFFF
	}
	.section1 .row,
	.section1 .col-xs-12 {
		height: 100%
	}
	.section1 .title span {
		display: inline-block;
		font-size: 42px;
		letter-spacing: 0.12em;
		color: #fff;
		background: #f38f4d;
		background: -moz-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
		background: -webkit-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
		background: linear-gradient(to right, #f38f4d 0%, #ed246d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f38f4d', endColorstr='#ed246d', GradientType=1);
		padding: 8px 60px 8px 25px;
		position: absolute;
		top: 40%;
		left: 0;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%)
	}
	.section1 .title span:nth-of-type(2) {
		-webkit-transform: translateY(75%);
		-moz-transform: translateY(75%);
		-ms-transform: translateY(75%);
		-o-transform: translateY(75%);
		transform: translateY(75%)
	}
}

@media screen and (min-width: 1224px) and (min-aspect-ratio: 1 / 1) {
	.section1 img {
		width: 100%;
		max-width: 100%
	}
}

@media screen and (min-width: 1224px) and (max-aspect-ratio: 1 / 1) {
	.section1 img {
		height: 100%;
		max-height: 100%
	}
}

@media screen and (min-width: 1224px) {
	.scrollNext {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		min-height: 30px;
		background-color: #fff;
		z-index: 100
	}
	.scrollNext a {
		display: block;
		text-align: center;
		padding: 15px;
		text-transform: uppercase;
		color: #5b5a5a;
		font-size: 13px;
		font-weight: 700;
		letter-spacing: 3px
	}
	.scrollNext a:before,
	.scrollNext a:after {
		content: "";
		display: inline-block;
		width: 16px;
		height: 9px;
		margin: 0 50px;
		background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAAiUlEQVQoz2N4q5J7EYh1GUgEID1AfAHEcALiB0CsQoJmFageJ5iAHxDfBWIZIjTLAPEdkB50iWggvgbEong0i0LVRONSkAnE54CYH4scP1Quk5ATK4H4CBBzIYlxAfFhkByxgdQBxDuAmA2KQewOUqKIEYinA/EaKAaxGUmNZ2YgXgDEC0FsXOoANlxfsVHBUFsAAAAASUVORK5CYII=") left top no-repeat
	}
	.section7 {
		position: relative;
		height: calc(100vh - 100px);
		z-index: 100
	}
	.section7 img {
		max-height: 100%
	}
	.section7 .row,
	.section7 .col-xs-12 {
		height: 100%
	}
	.section7 .title span {
		display: inline-block;
		font-size: 42px;
		letter-spacing: 0.12em;
		color: #fff;
		background: #f38f4d;
		background: -moz-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
		background: -webkit-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
		background: linear-gradient(to right, #f38f4d 0%, #ed246d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f38f4d', endColorstr='#ed246d', GradientType=1);
		padding: 8px 60px 8px 25px;
		position: absolute;
		top: 30%;
		right: 0
	}
	.section7 .title span:nth-of-type(2) {
		-webkit-transform: translateY(125%);
		-moz-transform: translateY(125%);
		-ms-transform: translateY(125%);
		-o-transform: translateY(125%);
		transform: translateY(125%)
	}
	.section7 .title span:nth-of-type(3) {
		-webkit-transform: translateY(250%);
		-moz-transform: translateY(250%);
		-ms-transform: translateY(250%);
		-o-transform: translateY(250%);
		transform: translateY(250%)
	}
	.section7 .title span:nth-of-type(4) {
		-webkit-transform: translateY(375%);
		-moz-transform: translateY(375%);
		-ms-transform: translateY(375%);
		-o-transform: translateY(375%);
		transform: translateY(375%)
	}
	.section2 .st1 {
		display: inline
	}
	.section2 .st2 {
		fill: #868491
	}
	.section2 .st3 {
		fill: #5C546A
	}
	.section2 .st4 {
		display: inline;
		opacity: 0.8
	}
	.section2 .st5 {
		fill: #FFCD00
	}
	.section2 .st6 {
		fill: #FFFDF8
	}
	.section2 .st7 {
		fill: #FFFFFF
	}
	.section2 .st8 {
		fill: #B4B6BC
	}
	.section2 .st9 {
		display: inline;
		fill: none;
		stroke: #FFCD00;
		stroke-width: 9;
		stroke-linecap: round;
		stroke-miterlimit: 10
	}
	.section2 .st10 {
		fill: #DAEBE9
	}
	.section2 .st11 {
		fill: #838382
	}
	.section2 #on {
		opacity: 0
	}
	.section2 #divImgS2 {
		width: 100%;
		height: 100%
	}
	.section2 .pull-right {
		float: none
	}
	.section2 .col-xs-9 {
		float: none
	}
	.section2 .animated #off {
		animation: disappear .5s .5s linear forwards
	}
	.section2 .animated #on {
		animation: appear 1s 0s linear forwards
	}
	.section3 .st0 {
		fill: #6D4D13
	}
	.section3 .st1 {
		fill: #FFFFFF
	}
	.section3 .st2 {
		fill: #D3E5E3
	}
	.section3 .st3 {
		fill: #757F7E
	}
	.section3 .st4 {
		fill: #B3C4C3
	}
	.section3 .st5 {
		fill: #17284F
	}
	.section3 .st6 {
		fill: #CCCCCC
	}
	.section3 .st7 {
		fill: #21BF92
	}
	.section3 .st8 {
		fill: none;
		stroke: #CCCCCC;
		stroke-width: 10;
		stroke-miterlimit: 10;
		stroke-dasharray: 1000;
		stroke-dashoffset: 1000
	}
	.section3 .st9 {
		fill: none;
		stroke: #FF2B1F;
		stroke-width: 10;
		stroke-miterlimit: 10;
		stroke-dasharray: 1000;
		stroke-dashoffset: 1000
	}
	.section3 #ligne1 rect,
	.section3 #ligne2 rect,
	.section3 #ligne3 rect,
	.section3 #ligne4 rect,
	.section3 #ligne5 rect,
	.section3 #ligne6 rect {
		width: 0
	}
	.section3 #divImgS3 {
		width: 100%;
		height: 100%
	}
	.section3 .animated #ligne1 rect,
	.section3 .animated #ligne2 rect,
	.section3 .animated #ligne3 rect,
	.section3 .animated #ligne4 rect,
	.section3 .animated #ligne5 rect,
	.section3 .animated #ligne6 rect {
		width: 110px
	}
	.section3 .animated #ligne1 rect {
		-webkit-transition: all 1s 0s;
		-moz-transition: all 1s 0s;
		-ms-transition: all 1s 0s;
		-o-transition: all 1s 0s;
		transition: all 1s 0s
	}
	.section3 .animated #ligne2 rect {
		width: 110px;
		-webkit-transition: all 1s 0.5s;
		-moz-transition: all 1s 0.5s;
		-ms-transition: all 1s 0.5s;
		-o-transition: all 1s 0.5s;
		transition: all 1s 0.5s
	}
	.section3 .animated #ligne3 rect {
		-webkit-transition: all 1s 1s;
		-moz-transition: all 1s 1s;
		-ms-transition: all 1s 1s;
		-o-transition: all 1s 1s;
		transition: all 1s 1s
	}
	.section3 .animated #ligne4 rect {
		-webkit-transition: all 1s 1.5s;
		-moz-transition: all 1s 1.5s;
		-ms-transition: all 1s 1.5s;
		-o-transition: all 1s 1.5s;
		transition: all 1s 1.5s
	}
	.section3 .animated #ligne5 rect {
		-webkit-transition: all 1s 2s;
		-moz-transition: all 1s 2s;
		-ms-transition: all 1s 2s;
		-o-transition: all 1s 2s;
		transition: all 1s 2s
	}
	.section3 .animated #ligne6 rect {
		-webkit-transition: all 1s 2.5s;
		-moz-transition: all 1s 2.5s;
		-ms-transition: all 1s 2.5s;
		-o-transition: all 1s 2.5s;
		transition: all 1s 2.5s
	}
	.section3 .animated #chek1 polyline {
		stroke-dashoffset: 940;
		-webkit-transition: all 1s 0s;
		-moz-transition: all 1s 0s;
		-ms-transition: all 1s 0s;
		-o-transition: all 1s 0s;
		transition: all 1s 0s
	}
	.section3 .animated #chek2 polyline {
		stroke-dashoffset: 940;
		-webkit-transition: all 1s 1s;
		-moz-transition: all 1s 1s;
		-ms-transition: all 1s 1s;
		-o-transition: all 1s 1s;
		transition: all 1s 1s
	}
	.section3 .animated #chek3 polyline {
		stroke-dashoffset: 940;
		-webkit-transition: all 1s 2s;
		-moz-transition: all 1s 2s;
		-ms-transition: all 1s 2s;
		-o-transition: all 1s 2s;
		transition: all 1s 2s
	}
	.section4 .st0 {
		fill: #47200D
	}
	.section4 .st1 {
		fill: #F3FAFF
	}
	.section4 .st2 {
		fill: #DADDE0
	}
	.section4 .st3 {
		fill: #DEE0E2
	}
	.section4 .st4 {
		fill: #E2A379
	}
	.section4 .st5 {
		fill: #F4B382
	}
	.section4 .st6 {
		fill: #191919
	}
	.section4 .st7 {
		fill: #141414
	}
	.section4 .st8 {
		fill: #E8D3BB
	}
	.section4 .st9 {
		fill: #E5A173
	}
	.section4 .st10 {
		fill: #D89364
	}
	.section4 .st11 {
		fill: #FFFFFF
	}
	.section4 .st12 {
		fill: none;
		stroke: #205AA6;
		stroke-width: 9;
		stroke-linecap: round;
		stroke-miterlimit: 10
	}
	.section4 .st13 {
		fill: none;
		stroke: #D9DA00;
		stroke-width: 3;
		stroke-linecap: round;
		stroke-miterlimit: 10
	}
	.section4 .st14 {
		fill: none;
		stroke: #CD7DB3;
		stroke-width: 9;
		stroke-linecap: round;
		stroke-miterlimit: 10
	}
	.section4 .st15 {
		opacity: 0.16;
		fill: #1D1D1B
	}
	.section4 .st16 {
		fill: #562717
	}
	.section4 .st17 {
		fill: #BAE5D2
	}
	.section4 .st18 {
		fill: #D1EDDF
	}
	.section4 .st19 {
		fill: #301E19
	}
	.section4 .st20 {
		fill: #DEDFE0
	}
	.section4 #louuuunets,
	.section4 #toctoc {
		-webkit-transform: translateX(-300px);
		-moz-transform: translateX(-300px);
		-ms-transform: translateX(-300px);
		-o-transform: translateX(-300px);
		transform: translateX(-300px);
		opacity: 0
	}
	.section4 #divImgS4 {
		width: 100%;
		height: 100%
	}
	.section4 .animated #louuuunets,
	.section4 .animated #toctoc {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition: all 0.5s 0s;
		-moz-transition: all 0.5s 0s;
		-ms-transition: all 0.5s 0s;
		-o-transition: all 0.5s 0s;
		transition: all 0.5s 0s;
		opacity: 1
	}
	.section5 .visu {
		width: 308px;
		height: 457px;
		background: transparent url(/img/graph.png) left top no-repeat;
		position: absolute;
		right: 0;
		top: 50%;
		margin: -228.5px 0 0 0
	}
	.section5 .visu img {
		margin: 0;
		position: absolute;
		left: 50px;
		top: 30px;
		z-index: 2
	}
	.section5 .visu .mask {
		-webkit-clip-path: circle(50% at 50% 50%);
		clip-path: circle(50% at 50% 50%);
		background: transparent url(/img/graph2.jpg) 100% 10% no-repeat;
		background-size: 200%;
		width: 190px;
		height: 190px;
		top: 45px;
		left: 80px;
		position: absolute
	}
	.section5 #divImgS5 {
		width: 100%;
		height: 100%
	}
	.section5 .animated.visu img {
		top: 0;
		left: 20px;
		-webkit-transition: all 0.5s 0s;
		-moz-transition: all 0.5s 0s;
		-ms-transition: all 0.5s 0s;
		-o-transition: all 0.5s 0s;
		transition: all 0.5s 0s
	}
	.section5 .animated.visu .mask {
		background-position: 75% 15%;
		top: 15px;
		left: 50px;
		-webkit-transition: all 0.5s 0s;
		-moz-transition: all 0.5s 0s;
		-ms-transition: all 0.5s 0s;
		-o-transition: all 0.5s 0s;
		transition: all 0.5s 0s
	}
	#divImgS6 {
		width: 100%;
		height: 100%
	}
	.section6 .st0 {
		fill: #E8E6E6
	}
	.section6 .st1 {
		fill: #87532B
	}
	.section6 .st2 {
		fill: #9B612F
	}
	.section6 .st3 {
		fill: #A86C2D
	}
	.section6 .st4 {
		fill: #ECB481
	}
	.section6 .st5 {
		fill: #DCD1D2
	}
	.section6 .st6 {
		fill: #DB9653
	}
	.section6 .st7 {
		fill: #F9DFB2
	}
	.section6 .st8 {
		fill: #EDAC4E
	}
	.section6 .st9 {
		fill: #F0BB6D
	}
	.section6 .st10 {
		fill: #4C484C
	}
	.section6 .st11 {
		fill: #F4F0F1
	}
	.section6 .st12 {
		fill: #E2E2E2
	}
	.section6 svg {
		width: 415px !important
	}
	.section6 svg #palette {
		-webkit-transform: translate(-300px, 400px);
		-moz-transform: translate(-300px, 400px);
		-ms-transform: translate(-300px, 400px);
		-o-transform: translate(-300px, 400px);
		transform: translate(-300px, 400px)
	}
	.section6 svg #carton,
	.section6 svg #carton2,
	.section6 svg #carton3,
	.section6 svg #carton4,
	.section6 svg #carton5,
	.section6 svg #carton6,
	.section6 svg #carton7,
	.section6 svg #carton8,
	.section6 svg #carton9,
	.section6 svg #carton10,
	.section6 svg #carton11,
	.section6 svg #carton12 {
		-webkit-transform: translateY(-400px);
		-moz-transform: translateY(-400px);
		-ms-transform: translateY(-400px);
		-o-transform: translateY(-400px);
		transform: translateY(-400px)
	}
	.section6 svg.animated #palette {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0s ease-out;
		-moz-transition: all 0.5s 0s ease-out;
		-ms-transition: all 0.5s 0s ease-out;
		-o-transition: all 0.5s 0s ease-out;
		transition: all 0.5s 0s ease-out
	}
	.section6 svg.animated #carton {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0s ease-out;
		-moz-transition: all 0.5s 0s ease-out;
		-ms-transition: all 0.5s 0s ease-out;
		-o-transition: all 0.5s 0s ease-out;
		transition: all 0.5s 0s ease-out
	}
	.section6 svg.animated #carton2 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.25s ease-out;
		-moz-transition: all 0.5s 0.25s ease-out;
		-ms-transition: all 0.5s 0.25s ease-out;
		-o-transition: all 0.5s 0.25s ease-out;
		transition: all 0.5s 0.25s ease-out
	}
	.section6 svg.animated #carton3 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.35s ease-out;
		-moz-transition: all 0.5s 0.35s ease-out;
		-ms-transition: all 0.5s 0.35s ease-out;
		-o-transition: all 0.5s 0.35s ease-out;
		transition: all 0.5s 0.35s ease-out
	}
	.section6 svg.animated #carton4 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.45s ease-out;
		-moz-transition: all 0.5s 0.45s ease-out;
		-ms-transition: all 0.5s 0.45s ease-out;
		-o-transition: all 0.5s 0.45s ease-out;
		transition: all 0.5s 0.45s ease-out
	}
	.section6 svg.animated #carton5 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.55s ease-out;
		-moz-transition: all 0.5s 0.55s ease-out;
		-ms-transition: all 0.5s 0.55s ease-out;
		-o-transition: all 0.5s 0.55s ease-out;
		transition: all 0.5s 0.55s ease-out
	}
	.section6 svg.animated #carton6 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.65s ease-out;
		-moz-transition: all 0.5s 0.65s ease-out;
		-ms-transition: all 0.5s 0.65s ease-out;
		-o-transition: all 0.5s 0.65s ease-out;
		transition: all 0.5s 0.65s ease-out
	}
	.section6 svg.animated #carton7 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.75s ease-out;
		-moz-transition: all 0.5s 0.75s ease-out;
		-ms-transition: all 0.5s 0.75s ease-out;
		-o-transition: all 0.5s 0.75s ease-out;
		transition: all 0.5s 0.75s ease-out
	}
	.section6 svg.animated #carton8 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.85s ease-out;
		-moz-transition: all 0.5s 0.85s ease-out;
		-ms-transition: all 0.5s 0.85s ease-out;
		-o-transition: all 0.5s 0.85s ease-out;
		transition: all 0.5s 0.85s ease-out
	}
	.section6 svg.animated #carton9 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.95s ease-out;
		-moz-transition: all 0.5s 0.95s ease-out;
		-ms-transition: all 0.5s 0.95s ease-out;
		-o-transition: all 0.5s 0.95s ease-out;
		transition: all 0.5s 0.95s ease-out
	}
	.section6 svg.animated #carton10 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 1.05s ease-out;
		-moz-transition: all 0.5s 1.05s ease-out;
		-ms-transition: all 0.5s 1.05s ease-out;
		-o-transition: all 0.5s 1.05s ease-out;
		transition: all 0.5s 1.05s ease-out
	}
	.section6 svg.animated #carton11 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 1.15s ease-out;
		-moz-transition: all 0.5s 1.15s ease-out;
		-ms-transition: all 0.5s 1.15s ease-out;
		-o-transition: all 0.5s 1.15s ease-out;
		transition: all 0.5s 1.15s ease-out
	}
	.section6 svg.animated #carton12 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 1.25s ease-out;
		-moz-transition: all 0.5s 1.25s ease-out;
		-ms-transition: all 0.5s 1.25s ease-out;
		-o-transition: all 0.5s 1.25s ease-out;
		transition: all 0.5s 1.25s ease-out
	}
	#imgS7 {
		display: none
	}
	.section8 {
		height: 65vh
	}
	#finalRow {
		height: 100%
	}
	#finalCol {
		height: 100%
	}
	.footerLi {
		height: 100%
	}
	.section2,
	.section3,
	.section4,
	.section5,
	.section6 {
		height: 100vh;
		overflow: hidden;
		position: relative;
		padding-left: 0;
		padding-right: 0;
		border: 15px solid #FFFFFF
	}
	.section2 svg,
	.section3 svg,
	.section4 svg,
	.section5 svg,
	.section6 svg {
		position: absolute;
		width: 300px;
		z-index: 997;
		top: 50%;
		left: 50%;
		-webkit-transform: translateX(-35vw) translateY(-50%);
		-moz-transform: translateX(-35vw) translateY(-50%);
		-ms-transform: translateX(-35vw) translateY(-50%);
		-o-transform: translateX(-35vw) translateY(-50%);
		transform: translateX(-35vw) translateY(-50%)
	}
	.section2 svg.animated,
	.section3 svg.animated,
	.section4 svg.animated,
	.section5 svg.animated,
	.section6 svg.animated {
		animation-delay: 1s
	}
	.section2 .row,
	.section2 .col-xs-12,
	.section3 .row,
	.section3 .col-xs-12,
	.section4 .row,
	.section4 .col-xs-12,
	.section5 .row,
	.section5 .col-xs-12,
	.section6 .row,
	.section6 .col-xs-12 {
		height: 100%
	}
	.section2 .col-xs-12,
	.section3 .col-xs-12,
	.section4 .col-xs-12,
	.section5 .col-xs-12,
	.section6 .col-xs-12 {
		background-color: #f5f5f5
	}
	.section2 img,
	.section3 img,
	.section4 img,
	.section5 img,
	.section6 img {
		margin-top: 4.5%
	}
	.section2 .text,
	.section3 .text,
	.section4 .text,
	.section5 .text,
	.section6 .text {
		background: #fff;
		position: absolute;
		right: 0;
		padding: 65px;
		min-height: 360px;
		bottom: 30%
	}
	.section2 .text .counter,
	.section3 .text .counter,
	.section4 .text .counter,
	.section5 .text .counter,
	.section6 .text .counter {
		font-size: 405px;
		color: #eaeaea;
		font-weight: 700;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 20px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none
	}
	.section2 .text h3,
	.section3 .text h3,
	.section4 .text h3,
	.section5 .text h3,
	.section6 .text h3 {
		font-size: 30px;
		color: #2bbfef;
		letter-spacing: 0.12em;
		text-transform: uppercase;
		text-align: left;
		padding: 0 5% 0 10%;
		margin: 0 0 30px 0;
		position: relative;
		z-index: 1
	}
	.section2 .text p,
	.section3 .text p,
	.section4 .text p,
	.section5 .text p,
	.section6 .text p {
		text-align: left;
		padding: 0 5% 0 10%;
		font-size: 20px;
		line-height: 26px;
		position: relative;
		z-index: 1
	}
	.section2 .text p strong,
	.section3 .text p strong,
	.section4 .text p strong,
	.section5 .text p strong,
	.section6 .text p strong {
		font-weight: 700
	}
	.section2 .text .gradient-sep,
	.section3 .text .gradient-sep,
	.section4 .text .gradient-sep,
	.section5 .text .gradient-sep,
	.section6 .text .gradient-sep {
		top: -5px;
		right: 0;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	.section3 svg,
	.section5 svg {
		left: auto;
		right: 50%;
		-webkit-transform: translateX(35vw) translateY(-50%);
		-moz-transform: translateX(35vw) translateY(-50%);
		-ms-transform: translateX(35vw) translateY(-50%);
		-o-transform: translateX(35vw) translateY(-50%);
		transform: translateX(35vw) translateY(-50%)
	}
	.section3 .text,
	.section5 .text {
		left: 0
	}
	.section3 .text .counter,
	.section5 .text .counter {
		left: auto;
		right: 0
	}
	.section3 .text h3,
	.section5 .text h3 {
		color: #70cf7b;
		text-align: right;
		padding: 0 10% 0 5%
	}
	.section3 .text p,
	.section5 .text p {
		padding: 0 10% 0 5%
	}
	.section3 .text .gradient-sep,
	.section5 .text .gradient-sep {
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	.section5 .visu {
		right: 50%;
		-webkit-transform: translateX(35vw) translateY(-50%);
		-moz-transform: translateX(35vw) translateY(-50%);
		-ms-transform: translateX(35vw) translateY(-50%);
		-o-transform: translateX(35vw) translateY(-50%);
		transform: translateX(35vw) translateY(-50%);
		margin-top: 0
	}
	.section8 .col-xs-12 {
		background-color: #f5f5f5
	}
	.section8 h3 {
		font-size: 30px;
		color: #ed246d;
		margin: 80px 0 20px;
		text-transform: uppercase;
		text-align: center
	}
	.section8 li {
		height: 450px;
		float: left;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		width: 20%;
		cursor: pointer;
		opacity: 0.8;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		padding: 193px 0 0 0
	}
	.section8 li:hover {
		opacity: 1;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s
	}
	.section8 #first {
		background-image: url(/img/first.jpg);
		width: 40%
	}
	.section8 #second {
		background-image: url(/img/second.jpg)
	}
	.section8 #third {
		background-image: url(/img/third.jpg)
	}
	.section8 #fourth {
		background-image: url(/img/fourth.jpg)
	}
	.section8 #first,
	.section8 #second,
	.section8 #third,
	.section8 #fourth {
		vertical-align: middle;
		text-align: center;
		position: relative
	}
	.section8 #first a,
	.section8 #second a,
	.section8 #third a,
	.section8 #fourth a {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0
	}
	.section8 #first:hover span,
	.section8 #second:hover span,
	.section8 #third:hover span,
	.section8 #fourth:hover span {
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s
	}
	.section8 #first span,
	.section8 #second span,
	.section8 #third span,
	.section8 #fourth span {
		display: inline-block;
		vertical-align: middle;
		padding: 20px;
		border-bottom: 2px solid #ed246d;
		color: #FFFFFF;
		font-weight: 700;
		font-size: 24px;
		letter-spacing: 2px;
		text-transform: uppercase;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		background-color: transparent
	}
	.section8 #second span {
		border-color: #fff600
	}
	.section8 #third span {
		border-color: #70cf7b
	}
	.section8 #fourth span {
		border-color: #2bbfef
	}
	.disclaimer {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #FFF;
		padding: 20px;
		z-index: 9999;
		box-shadow: 5px -5px 50px 0px #656565
	}
	.disclaimer p {
		float: left
	}
	.disclaimer .close {
		font-size: 41px;
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -20px
	}
}

@media screen and (min-width: 621px) and (max-width: 750px) {
	.menu ul.navnav li {
		font-size: 30px;
		font-weight: 700;
		text-align: center
	}
	.circ-alpha {
		width: 80%;
		font-size: 35px
	}
	#divImgS2 {
		width: 100%;
		height: 100%
	}
	#imgS2 {
		display: block;
		margin-left: 10%;
		margin-right: 5%;
		padding-top: 10%;
		float: none;
		width: 90%
	}
	#divImgS3 {
		width: 100%;
		height: 100%
	}
	#imgS3 {
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10%;
		float: none;
		width: 90%
	}
	#divImgS4 {
		width: 100%;
		height: 100%
	}
	#imgS4 {
		display: block;
		margin-left: auto;
		margin-right: 5%;
		padding-top: 10%;
		float: none;
		width: 90%
	}
	#divImgS5 {
		width: 100%;
		height: 100%
	}
	#imgS5 {
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10%;
		float: none;
		width: 85%
	}
	#divImgS6 {
		width: 100%;
		height: 100%
	}
	#imgS6 {
		display: block;
		margin-left: auto;
		margin-right: 7.5%;
		padding-top: 10%;
		float: none;
		width: 85%
	}
	#BGS7 {
		background: none
	}
	.section1 {
		position: relative;
		height: calc(100vh - 75px);
		margin: 75px 0 0 0
	}
	.section1 .row,
	.section1 .col-xs-12 {
		height: 100%
	}
	.section1 .title span {
		display: inline-block;
		font-size: 35px;
		letter-spacing: 0.12em;
		color: #fff;
		background: #f38f4d;
		background: -moz-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
		background: -webkit-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
		background: linear-gradient(to right, #f38f4d 0%, #ed246d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f38f4d', endColorstr='#ed246d', GradientType=1);
		padding: 8px 60px 8px 25px;
		position: absolute;
		top: 30vh;
		left: 0
	}
	.section1 .title span:nth-of-type(2) {
		top: 37vh
	}
}

@media screen and (min-width: 621px) and (max-width: 750px) and (min-aspect-ratio: 1 / 1) {
	.section1 img {
		width: 100%;
		max-width: 100%
	}
}

@media screen and (min-width: 621px) and (max-width: 750px) and (max-aspect-ratio: 1 / 1) {
	.section1 img {
		height: 100%;
		max-height: 100%
	}
}

@media screen and (min-width: 621px) and (max-width: 750px) {
	.scrollNext {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		min-height: 30px;
		background-color: #fff;
		z-index: 100
	}
	.scrollNext a {
		display: block;
		text-align: center;
		padding: 15px;
		text-transform: uppercase;
		color: #5b5a5a;
		font-size: 13px;
		font-weight: 700;
		letter-spacing: 3px
	}
	.scrollNext a:before,
	.scrollNext a:after {
		content: "";
		display: inline-block;
		width: 16px;
		height: 9px;
		margin: 0 50px;
		background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAAiUlEQVQoz2N4q5J7EYh1GUgEID1AfAHEcALiB0CsQoJmFageJ5iAHxDfBWIZIjTLAPEdkB50iWggvgbEong0i0LVRONSkAnE54CYH4scP1Quk5ATK4H4CBBzIYlxAfFhkByxgdQBxDuAmA2KQewOUqKIEYinA/EaKAaxGUmNZ2YgXgDEC0FsXOoANlxfsVHBUFsAAAAASUVORK5CYII=") left top no-repeat
	}
	.section7 {
		position: relative;
		height: calc(100vh - 100px);
		z-index: 100
	}
	.section7 img {
		max-height: 100%;
		display: none
	}
	.section7 .row,
	.section7 .col-xs-12 {
		height: 100%
	}
	.section7 .title span {
		display: inline-block;
		font-size: 35px;
		letter-spacing: 0.12em;
		color: #fff;
		background: #f38f4d;
		background: -moz-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
		background: -webkit-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
		background: linear-gradient(to right, #f38f4d 0%, #ed246d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f38f4d', endColorstr='#ed246d', GradientType=1);
		padding: 8px 60px 8px 25px;
		position: absolute;
		top: 30vh;
		right: 0
	}
	.section7 .title span:nth-of-type(1) {
		top: 42vh
	}
	.section7 .title span:nth-of-type(2) {
		top: 50vh
	}
	.section7 .title span:nth-of-type(3) {
		top: 58vh
	}
	.section7 .title span:nth-of-type(4) {
		top: 66vh
	}
	.section2 .st1 {
		display: inline
	}
	.section2 .st2 {
		fill: #868491
	}
	.section2 .st3 {
		fill: #5C546A
	}
	.section2 .st4 {
		display: inline;
		opacity: 0.8
	}
	.section2 .st5 {
		fill: #FFCD00
	}
	.section2 .st6 {
		fill: #FFFDF8
	}
	.section2 .st7 {
		fill: #FFFFFF
	}
	.section2 .st8 {
		fill: #B4B6BC
	}
	.section2 .st9 {
		display: inline;
		fill: none;
		stroke: #FFCD00;
		stroke-width: 9;
		stroke-linecap: round;
		stroke-miterlimit: 10
	}
	.section2 .st10 {
		fill: #DAEBE9
	}
	.section2 .st11 {
		fill: #838382
	}
	.section2 #on {
		opacity: 0
	}
	.section2 .animated #off {
		animation: disappear .5s .5s linear forwards
	}
	.section2 .animated #on {
		animation: appear 1s 0s linear forwards
	}
	.section3 .st0 {
		fill: #6D4D13
	}
	.section3 .st1 {
		fill: #FFFFFF
	}
	.section3 .st2 {
		fill: #D3E5E3
	}
	.section3 .st3 {
		fill: #757F7E
	}
	.section3 .st4 {
		fill: #B3C4C3
	}
	.section3 .st5 {
		fill: #17284F
	}
	.section3 .st6 {
		fill: #CCCCCC
	}
	.section3 .st7 {
		fill: #21BF92
	}
	.section3 .st8 {
		fill: none;
		stroke: #CCCCCC;
		stroke-width: 10;
		stroke-miterlimit: 10;
		stroke-dasharray: 1000;
		stroke-dashoffset: 1000
	}
	.section3 .st9 {
		fill: none;
		stroke: #FF2B1F;
		stroke-width: 10;
		stroke-miterlimit: 10;
		stroke-dasharray: 1000;
		stroke-dashoffset: 1000
	}
	.section3 #ligne1 rect,
	.section3 #ligne2 rect,
	.section3 #ligne3 rect,
	.section3 #ligne4 rect,
	.section3 #ligne5 rect,
	.section3 #ligne6 rect {
		width: 0
	}
	.section3 .animated #ligne1 rect,
	.section3 .animated #ligne2 rect,
	.section3 .animated #ligne3 rect,
	.section3 .animated #ligne4 rect,
	.section3 .animated #ligne5 rect,
	.section3 .animated #ligne6 rect {
		width: 110px
	}
	.section3 .animated #ligne1 rect {
		-webkit-transition: all 1s 0s;
		-moz-transition: all 1s 0s;
		-ms-transition: all 1s 0s;
		-o-transition: all 1s 0s;
		transition: all 1s 0s
	}
	.section3 .animated #ligne2 rect {
		width: 110px;
		-webkit-transition: all 1s 0.5s;
		-moz-transition: all 1s 0.5s;
		-ms-transition: all 1s 0.5s;
		-o-transition: all 1s 0.5s;
		transition: all 1s 0.5s
	}
	.section3 .animated #ligne3 rect {
		-webkit-transition: all 1s 1s;
		-moz-transition: all 1s 1s;
		-ms-transition: all 1s 1s;
		-o-transition: all 1s 1s;
		transition: all 1s 1s
	}
	.section3 .animated #ligne4 rect {
		-webkit-transition: all 1s 1.5s;
		-moz-transition: all 1s 1.5s;
		-ms-transition: all 1s 1.5s;
		-o-transition: all 1s 1.5s;
		transition: all 1s 1.5s
	}
	.section3 .animated #ligne5 rect {
		-webkit-transition: all 1s 2s;
		-moz-transition: all 1s 2s;
		-ms-transition: all 1s 2s;
		-o-transition: all 1s 2s;
		transition: all 1s 2s
	}
	.section3 .animated #ligne6 rect {
		-webkit-transition: all 1s 2.5s;
		-moz-transition: all 1s 2.5s;
		-ms-transition: all 1s 2.5s;
		-o-transition: all 1s 2.5s;
		transition: all 1s 2.5s
	}
	.section3 .animated #chek1 polyline {
		stroke-dashoffset: 940;
		-webkit-transition: all 1s 0s;
		-moz-transition: all 1s 0s;
		-ms-transition: all 1s 0s;
		-o-transition: all 1s 0s;
		transition: all 1s 0s
	}
	.section3 .animated #chek2 polyline {
		stroke-dashoffset: 940;
		-webkit-transition: all 1s 1s;
		-moz-transition: all 1s 1s;
		-ms-transition: all 1s 1s;
		-o-transition: all 1s 1s;
		transition: all 1s 1s
	}
	.section3 .animated #chek3 polyline {
		stroke-dashoffset: 940;
		-webkit-transition: all 1s 2s;
		-moz-transition: all 1s 2s;
		-ms-transition: all 1s 2s;
		-o-transition: all 1s 2s;
		transition: all 1s 2s
	}
	.section4 .st0 {
		fill: #47200D
	}
	.section4 .st1 {
		fill: #F3FAFF
	}
	.section4 .st2 {
		fill: #DADDE0
	}
	.section4 .st3 {
		fill: #DEE0E2
	}
	.section4 .st4 {
		fill: #E2A379
	}
	.section4 .st5 {
		fill: #F4B382
	}
	.section4 .st6 {
		fill: #191919
	}
	.section4 .st7 {
		fill: #141414
	}
	.section4 .st8 {
		fill: #E8D3BB
	}
	.section4 .st9 {
		fill: #E5A173
	}
	.section4 .st10 {
		fill: #D89364
	}
	.section4 .st11 {
		fill: #FFFFFF
	}
	.section4 .st12 {
		fill: none;
		stroke: #205AA6;
		stroke-width: 9;
		stroke-linecap: round;
		stroke-miterlimit: 10
	}
	.section4 .st13 {
		fill: none;
		stroke: #D9DA00;
		stroke-width: 3;
		stroke-linecap: round;
		stroke-miterlimit: 10
	}
	.section4 .st14 {
		fill: none;
		stroke: #CD7DB3;
		stroke-width: 9;
		stroke-linecap: round;
		stroke-miterlimit: 10
	}
	.section4 .st15 {
		opacity: 0.16;
		fill: #1D1D1B
	}
	.section4 .st16 {
		fill: #562717
	}
	.section4 .st17 {
		fill: #BAE5D2
	}
	.section4 .st18 {
		fill: #D1EDDF
	}
	.section4 .st19 {
		fill: #301E19
	}
	.section4 .st20 {
		fill: #DEDFE0
	}
	.section4 #louuuunets,
	.section4 #toctoc {
		-webkit-transform: translateX(-300px);
		-moz-transform: translateX(-300px);
		-ms-transform: translateX(-300px);
		-o-transform: translateX(-300px);
		transform: translateX(-300px);
		opacity: 0
	}
	.section4 .animated #louuuunets,
	.section4 .animated #toctoc {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition: all 0.5s 0s;
		-moz-transition: all 0.5s 0s;
		-ms-transition: all 0.5s 0s;
		-o-transition: all 0.5s 0s;
		transition: all 0.5s 0s;
		opacity: 1
	}
	.section5 .visu {
		width: 308px;
		height: 457px;
		background: transparent url(/img/graph.png) left top no-repeat;
		position: absolute;
		right: 0;
		top: 50%;
		margin: -228.5px 0 0 0;
		display: none
	}
	.section5 .visu img {
		margin: 0;
		position: absolute;
		left: 50px;
		top: 30px;
		z-index: 2
	}
	.section5 .visu .mask {
		-webkit-clip-path: circle(50% at 50% 50%);
		clip-path: circle(50% at 50% 50%);
		background: transparent url(/img/graph2.jpg) 100% 10% no-repeat;
		background-size: 200%;
		width: 190px;
		height: 190px;
		top: 45px;
		left: 80px;
		position: absolute
	}
	.section5 .animated.visu img {
		top: 0;
		left: 20px;
		-webkit-transition: all 0.5s 0s;
		-moz-transition: all 0.5s 0s;
		-ms-transition: all 0.5s 0s;
		-o-transition: all 0.5s 0s;
		transition: all 0.5s 0s
	}
	.section5 .animated.visu .mask {
		background-position: 75% 15%;
		top: 15px;
		left: 50px;
		-webkit-transition: all 0.5s 0s;
		-moz-transition: all 0.5s 0s;
		-ms-transition: all 0.5s 0s;
		-o-transition: all 0.5s 0s;
		transition: all 0.5s 0s
	}
	.section6 .st0 {
		fill: #E8E6E6
	}
	.section6 .st1 {
		fill: #87532B
	}
	.section6 .st2 {
		fill: #9B612F
	}
	.section6 .st3 {
		fill: #A86C2D
	}
	.section6 .st4 {
		fill: #ECB481
	}
	.section6 .st5 {
		fill: #DCD1D2
	}
	.section6 .st6 {
		fill: #DB9653
	}
	.section6 .st7 {
		fill: #F9DFB2
	}
	.section6 .st8 {
		fill: #EDAC4E
	}
	.section6 .st9 {
		fill: #F0BB6D
	}
	.section6 .st10 {
		fill: #4C484C
	}
	.section6 .st11 {
		fill: #F4F0F1
	}
	.section6 .st12 {
		fill: #E2E2E2
	}
	.section6 svg {
		width: 415px !important;
		left: 100px !important;
		top: 50% !important;
		margin: -200px 0 0 0
	}
	.section6 svg #palette {
		-webkit-transform: translate(-300px, 400px);
		-moz-transform: translate(-300px, 400px);
		-ms-transform: translate(-300px, 400px);
		-o-transform: translate(-300px, 400px);
		transform: translate(-300px, 400px)
	}
	.section6 svg #carton,
	.section6 svg #carton2,
	.section6 svg #carton3,
	.section6 svg #carton4,
	.section6 svg #carton5,
	.section6 svg #carton6,
	.section6 svg #carton7,
	.section6 svg #carton8,
	.section6 svg #carton9,
	.section6 svg #carton10,
	.section6 svg #carton11,
	.section6 svg #carton12 {
		-webkit-transform: translateY(-400px);
		-moz-transform: translateY(-400px);
		-ms-transform: translateY(-400px);
		-o-transform: translateY(-400px);
		transform: translateY(-400px)
	}
	.section6 svg.animated #palette {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0s ease-out;
		-moz-transition: all 0.5s 0s ease-out;
		-ms-transition: all 0.5s 0s ease-out;
		-o-transition: all 0.5s 0s ease-out;
		transition: all 0.5s 0s ease-out
	}
	.section6 svg.animated #carton {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0s ease-out;
		-moz-transition: all 0.5s 0s ease-out;
		-ms-transition: all 0.5s 0s ease-out;
		-o-transition: all 0.5s 0s ease-out;
		transition: all 0.5s 0s ease-out
	}
	.section6 svg.animated #carton2 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.25s ease-out;
		-moz-transition: all 0.5s 0.25s ease-out;
		-ms-transition: all 0.5s 0.25s ease-out;
		-o-transition: all 0.5s 0.25s ease-out;
		transition: all 0.5s 0.25s ease-out
	}
	.section6 svg.animated #carton3 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.35s ease-out;
		-moz-transition: all 0.5s 0.35s ease-out;
		-ms-transition: all 0.5s 0.35s ease-out;
		-o-transition: all 0.5s 0.35s ease-out;
		transition: all 0.5s 0.35s ease-out
	}
	.section6 svg.animated #carton4 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.45s ease-out;
		-moz-transition: all 0.5s 0.45s ease-out;
		-ms-transition: all 0.5s 0.45s ease-out;
		-o-transition: all 0.5s 0.45s ease-out;
		transition: all 0.5s 0.45s ease-out
	}
	.section6 svg.animated #carton5 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.55s ease-out;
		-moz-transition: all 0.5s 0.55s ease-out;
		-ms-transition: all 0.5s 0.55s ease-out;
		-o-transition: all 0.5s 0.55s ease-out;
		transition: all 0.5s 0.55s ease-out
	}
	.section6 svg.animated #carton6 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.65s ease-out;
		-moz-transition: all 0.5s 0.65s ease-out;
		-ms-transition: all 0.5s 0.65s ease-out;
		-o-transition: all 0.5s 0.65s ease-out;
		transition: all 0.5s 0.65s ease-out
	}
	.section6 svg.animated #carton7 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.75s ease-out;
		-moz-transition: all 0.5s 0.75s ease-out;
		-ms-transition: all 0.5s 0.75s ease-out;
		-o-transition: all 0.5s 0.75s ease-out;
		transition: all 0.5s 0.75s ease-out
	}
	.section6 svg.animated #carton8 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.85s ease-out;
		-moz-transition: all 0.5s 0.85s ease-out;
		-ms-transition: all 0.5s 0.85s ease-out;
		-o-transition: all 0.5s 0.85s ease-out;
		transition: all 0.5s 0.85s ease-out
	}
	.section6 svg.animated #carton9 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.95s ease-out;
		-moz-transition: all 0.5s 0.95s ease-out;
		-ms-transition: all 0.5s 0.95s ease-out;
		-o-transition: all 0.5s 0.95s ease-out;
		transition: all 0.5s 0.95s ease-out
	}
	.section6 svg.animated #carton10 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 1.05s ease-out;
		-moz-transition: all 0.5s 1.05s ease-out;
		-ms-transition: all 0.5s 1.05s ease-out;
		-o-transition: all 0.5s 1.05s ease-out;
		transition: all 0.5s 1.05s ease-out
	}
	.section6 svg.animated #carton11 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 1.15s ease-out;
		-moz-transition: all 0.5s 1.15s ease-out;
		-ms-transition: all 0.5s 1.15s ease-out;
		-o-transition: all 0.5s 1.15s ease-out;
		transition: all 0.5s 1.15s ease-out
	}
	.section6 svg.animated #carton12 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 1.25s ease-out;
		-moz-transition: all 0.5s 1.25s ease-out;
		-ms-transition: all 0.5s 1.25s ease-out;
		-o-transition: all 0.5s 1.25s ease-out;
		transition: all 0.5s 1.25s ease-out
	}
	.section2,
	.section3,
	.section4,
	.section5,
	.section6 {
		height: 100vh;
		overflow: hidden;
		position: relative
	}
	.section2 svg,
	.section3 svg,
	.section4 svg,
	.section5 svg,
	.section6 svg {
		width: 300px;
		position: absolute;
		z-index: 997;
		top: 300px;
		left: 325px;
		display: none
	}
	.section2 .row,
	.section2 .col-xs-12,
	.section3 .row,
	.section3 .col-xs-12,
	.section4 .row,
	.section4 .col-xs-12,
	.section5 .row,
	.section5 .col-xs-12,
	.section6 .row,
	.section6 .col-xs-12 {
		height: 100%
	}
	.section2 .col-xs-12,
	.section3 .col-xs-12,
	.section4 .col-xs-12,
	.section5 .col-xs-12,
	.section6 .col-xs-12 {
		background-color: #f5f5f5
	}
	.section2 img,
	.section3 img,
	.section4 img,
	.section5 img,
	.section6 img {
		margin-top: 80px
	}
	.section2 .text,
	.section3 .text,
	.section4 .text,
	.section5 .text,
	.section6 .text {
		background: #fff;
		position: absolute;
		bottom: 0;
		right: 0;
		padding: 65px;
		min-height: 360px
	}
	.section2 .text .counter,
	.section3 .text .counter,
	.section4 .text .counter,
	.section5 .text .counter,
	.section6 .text .counter {
		font-size: 405px;
		color: #eaeaea;
		font-weight: 700;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 20px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none
	}
	.section2 .text h3,
	.section3 .text h3,
	.section4 .text h3,
	.section5 .text h3,
	.section6 .text h3 {
		font-size: 30px;
		color: #2bbfef;
		letter-spacing: 0.12em;
		text-transform: uppercase;
		text-align: left;
		padding: 0 5% 0 10%;
		margin: 0 0 30px 0;
		position: relative;
		z-index: 1
	}
	.section2 .text p,
	.section3 .text p,
	.section4 .text p,
	.section5 .text p,
	.section6 .text p {
		text-align: left;
		padding: 0 5% 0 10%;
		font-size: 17px;
		line-height: 26px;
		position: relative;
		z-index: 1
	}
	.section2 .text p strong,
	.section3 .text p strong,
	.section4 .text p strong,
	.section5 .text p strong,
	.section6 .text p strong {
		font-weight: 700
	}
	.section2 .text .gradient-sep,
	.section3 .text .gradient-sep,
	.section4 .text .gradient-sep,
	.section5 .text .gradient-sep,
	.section6 .text .gradient-sep {
		top: -5px;
		right: 0;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	.section3 svg,
	.section5 svg {
		left: auto;
		right: 325px
	}
	.section3 .text,
	.section5 .text {
		left: 0
	}
	.section3 .text .counter,
	.section5 .text .counter {
		left: auto;
		right: 0
	}
	.section3 .text h3,
	.section5 .text h3 {
		color: #70cf7b;
		text-align: right;
		padding: 0 10% 0 5%
	}
	.section3 .text p,
	.section5 .text p {
		padding: 0 10% 0 5%
	}
	.section3 .text .gradient-sep,
	.section5 .text .gradient-sep {
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	.section5 .visu {
		right: 250px
	}
	.section8 .col-xs-12 {
		background-color: #f5f5f5
	}
	.section8 h3 {
		font-size: 30px;
		color: #ed246d;
		margin: 80px 0 20px;
		text-transform: uppercase;
		text-align: center
	}
	.section8 li {
		height: 450px;
		float: left;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		width: 20%;
		cursor: pointer;
		opacity: 0.8;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		padding: 193px 0 0 0
	}
	.section8 li:hover {
		opacity: 1;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s
	}
	.section8 #first {
		background-image: url(/img/first.jpg);
		width: 40%
	}
	.section8 #second {
		background-image: url(/img/second.jpg)
	}
	.section8 #third {
		background-image: url(/img/third.jpg)
	}
	.section8 #fourth {
		background-image: url(/img/fourth.jpg)
	}
	.section8 #first,
	.section8 #second,
	.section8 #third,
	.section8 #fourth {
		vertical-align: middle;
		text-align: center
	}
	.section8 #first:hover span,
	.section8 #second:hover span,
	.section8 #third:hover span,
	.section8 #fourth:hover span {
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s
	}
	.section8 #first span,
	.section8 #second span,
	.section8 #third span,
	.section8 #fourth span {
		display: inline-block;
		vertical-align: middle;
		border-bottom: 2px solid #ed246d;
		color: #FFFFFF;
		font-weight: 700;
		font-size: 18px;
		letter-spacing: 2px;
		text-transform: uppercase;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		background-color: transparent
	}
	.section8 #second span {
		border-color: #fff600
	}
	.section8 #third span {
		border-color: #70cf7b
	}
	.section8 #fourth span {
		border-color: #2bbfef
	}
	.disclaimer {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #FFF;
		padding: 20px;
		z-index: 9999;
		box-shadow: 5px -5px 50px 0px #656565
	}
	.disclaimer p {
		float: left
	}
	.disclaimer .close {
		font-size: 41px;
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -20px
	}
}

@media screen and (min-width: 751px) and (max-width: 1223px) {
	.menu ul.navnav li {
		font-size: 30px;
		font-weight: 700;
		text-align: center
	}
	#BGS7 {
		background: none
	}
	.circ-alpha {
		width: 50%
	}
	.section1 {
		position: relative;
		height: calc(100vh - 75px);
		margin: 75px 0 0 0;
		border: 15px solid #FFFFFF
	}
	.section1 .row,
	.section1 .col-xs-12 {
		height: 100%
	}
	.section1 .col-xs-4 {
		width: 50%
	}
	.section1 .title span {
		display: inline-block;
		font-size: 30px;
		letter-spacing: 0.12em;
		color: #fff;
		background: #f38f4d;
		background: -moz-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
		background: -webkit-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
		background: linear-gradient(to right, #f38f4d 0%, #ed246d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f38f4d', endColorstr='#ed246d', GradientType=1);
		padding: 8px 60px 8px 25px;
		position: absolute;
		top: 30vh;
		left: 0
	}
	.section1 .title span:nth-of-type(2) {
		top: 37vh
	}
}

@media screen and (min-width: 751px) and (max-width: 1223px) and (min-aspect-ratio: 1 / 1) {
	.section1 img {
		width: 100%;
		max-width: 100%
	}
}

@media screen and (min-width: 751px) and (max-width: 1223px) and (max-aspect-ratio: 1 / 1) {
	.section1 img {
		height: 100%;
		max-height: 100%
	}
}

@media screen and (min-width: 751px) and (max-width: 1223px) {
	.scrollNext {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		min-height: 30px;
		background-color: #fff;
		z-index: 100
	}
	.scrollNext a {
		display: block;
		text-align: center;
		padding: 15px;
		text-transform: uppercase;
		color: #5b5a5a;
		font-size: 13px;
		font-weight: 700;
		letter-spacing: 3px
	}
	.scrollNext a:before,
	.scrollNext a:after {
		content: "";
		display: inline-block;
		width: 16px;
		height: 9px;
		margin: 0 50px;
		background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAAiUlEQVQoz2N4q5J7EYh1GUgEID1AfAHEcALiB0CsQoJmFageJ5iAHxDfBWIZIjTLAPEdkB50iWggvgbEong0i0LVRONSkAnE54CYH4scP1Quk5ATK4H4CBBzIYlxAfFhkByxgdQBxDuAmA2KQewOUqKIEYinA/EaKAaxGUmNZ2YgXgDEC0FsXOoANlxfsVHBUFsAAAAASUVORK5CYII=") left top no-repeat
	}
	.section7 {
		position: relative;
		height: calc(100vh - 100px);
		z-index: 100
	}
	.section7 img {
		max-height: 100%
	}
	.section7 .row,
	.section7 .col-xs-12 {
		height: 100%
	}
	.section7 .title span {
		display: inline-block;
		font-size: 30px;
		letter-spacing: 0.12em;
		color: #fff;
		background: #f38f4d;
		background: -moz-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
		background: -webkit-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
		background: linear-gradient(to right, #f38f4d 0%, #ed246d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f38f4d', endColorstr='#ed246d', GradientType=1);
		padding: 8px 60px 8px 25px;
		position: absolute;
		top: 30vh;
		right: 0
	}
	.section7 .title span:nth-of-type(2) {
		top: 37vh
	}
	.section7 .title span:nth-of-type(3) {
		top: 44vh
	}
	.section7 .title span:nth-of-type(4) {
		top: 51vh
	}
	.section2 .st1 {
		display: inline
	}
	.section2 .st2 {
		fill: #868491
	}
	.section2 .st3 {
		fill: #5C546A
	}
	.section2 .st4 {
		display: inline;
		opacity: 0.8
	}
	.section2 .st5 {
		fill: #FFCD00
	}
	.section2 .st6 {
		fill: #FFFDF8
	}
	.section2 .st7 {
		fill: #FFFFFF
	}
	.section2 .st8 {
		fill: #B4B6BC
	}
	.section2 .st9 {
		display: inline;
		fill: none;
		stroke: #FFCD00;
		stroke-width: 9;
		stroke-linecap: round;
		stroke-miterlimit: 10
	}
	.section2 .st10 {
		fill: #DAEBE9
	}
	.section2 .st11 {
		fill: #838382
	}
	.section2 #on {
		opacity: 0
	}
	.section2 #anim2 {
		display: none
	}
	.section2 #divImgS2 {
		width: 100%;
		height: 100%
	}
	.section2 #imgS2 {
		display: block;
		margin-left: 10%;
		margin-right: 5%;
		padding-top: 10%;
		float: none;
		width: 90%
	}
	.section2 .pull-right {
		float: none
	}
	.section2 .col-xs-9 {
		float: none
	}
	.section2 .animated #off {
		animation: disappear .5s .5s linear forwards
	}
	.section2 .animated #on {
		animation: appear 1s 0s linear forwards
	}
	.section3 .st0 {
		fill: #6D4D13
	}
	.section3 .st1 {
		fill: #FFFFFF
	}
	.section3 .st2 {
		fill: #D3E5E3
	}
	.section3 .st3 {
		fill: #757F7E
	}
	.section3 .st4 {
		fill: #B3C4C3
	}
	.section3 .st5 {
		fill: #17284F
	}
	.section3 .st6 {
		fill: #CCCCCC
	}
	.section3 .st7 {
		fill: #21BF92
	}
	.section3 .st8 {
		fill: none;
		stroke: #CCCCCC;
		stroke-width: 10;
		stroke-miterlimit: 10;
		stroke-dasharray: 1000;
		stroke-dashoffset: 1000
	}
	.section3 .st9 {
		fill: none;
		stroke: #FF2B1F;
		stroke-width: 10;
		stroke-miterlimit: 10;
		stroke-dasharray: 1000;
		stroke-dashoffset: 1000
	}
	.section3 #ligne1 rect,
	.section3 #ligne2 rect,
	.section3 #ligne3 rect,
	.section3 #ligne4 rect,
	.section3 #ligne5 rect,
	.section3 #ligne6 rect {
		width: 0
	}
	.section3 #divImgS3 {
		width: 100%;
		height: 100%
	}
	.section3 #imgS3 {
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10%;
		float: none;
		width: 90%
	}
	.section3 #anim3 {
		display: none
	}
	.section3 .animated #ligne1 rect,
	.section3 .animated #ligne2 rect,
	.section3 .animated #ligne3 rect,
	.section3 .animated #ligne4 rect,
	.section3 .animated #ligne5 rect,
	.section3 .animated #ligne6 rect {
		width: 110px
	}
	.section3 .animated #ligne1 rect {
		-webkit-transition: all 1s 0s;
		-moz-transition: all 1s 0s;
		-ms-transition: all 1s 0s;
		-o-transition: all 1s 0s;
		transition: all 1s 0s
	}
	.section3 .animated #ligne2 rect {
		width: 110px;
		-webkit-transition: all 1s 0.5s;
		-moz-transition: all 1s 0.5s;
		-ms-transition: all 1s 0.5s;
		-o-transition: all 1s 0.5s;
		transition: all 1s 0.5s
	}
	.section3 .animated #ligne3 rect {
		-webkit-transition: all 1s 1s;
		-moz-transition: all 1s 1s;
		-ms-transition: all 1s 1s;
		-o-transition: all 1s 1s;
		transition: all 1s 1s
	}
	.section3 .animated #ligne4 rect {
		-webkit-transition: all 1s 1.5s;
		-moz-transition: all 1s 1.5s;
		-ms-transition: all 1s 1.5s;
		-o-transition: all 1s 1.5s;
		transition: all 1s 1.5s
	}
	.section3 .animated #ligne5 rect {
		-webkit-transition: all 1s 2s;
		-moz-transition: all 1s 2s;
		-ms-transition: all 1s 2s;
		-o-transition: all 1s 2s;
		transition: all 1s 2s
	}
	.section3 .animated #ligne6 rect {
		-webkit-transition: all 1s 2.5s;
		-moz-transition: all 1s 2.5s;
		-ms-transition: all 1s 2.5s;
		-o-transition: all 1s 2.5s;
		transition: all 1s 2.5s
	}
	.section3 .animated #chek1 polyline {
		stroke-dashoffset: 940;
		-webkit-transition: all 1s 0s;
		-moz-transition: all 1s 0s;
		-ms-transition: all 1s 0s;
		-o-transition: all 1s 0s;
		transition: all 1s 0s
	}
	.section3 .animated #chek2 polyline {
		stroke-dashoffset: 940;
		-webkit-transition: all 1s 1s;
		-moz-transition: all 1s 1s;
		-ms-transition: all 1s 1s;
		-o-transition: all 1s 1s;
		transition: all 1s 1s
	}
	.section3 .animated #chek3 polyline {
		stroke-dashoffset: 940;
		-webkit-transition: all 1s 2s;
		-moz-transition: all 1s 2s;
		-ms-transition: all 1s 2s;
		-o-transition: all 1s 2s;
		transition: all 1s 2s
	}
	.section4 .st0 {
		fill: #47200D
	}
	.section4 .st1 {
		fill: #F3FAFF
	}
	.section4 .st2 {
		fill: #DADDE0
	}
	.section4 .st3 {
		fill: #DEE0E2
	}
	.section4 .st4 {
		fill: #E2A379
	}
	.section4 .st5 {
		fill: #F4B382
	}
	.section4 .st6 {
		fill: #191919
	}
	.section4 .st7 {
		fill: #141414
	}
	.section4 .st8 {
		fill: #E8D3BB
	}
	.section4 .st9 {
		fill: #E5A173
	}
	.section4 .st10 {
		fill: #D89364
	}
	.section4 .st11 {
		fill: #FFFFFF
	}
	.section4 .st12 {
		fill: none;
		stroke: #205AA6;
		stroke-width: 9;
		stroke-linecap: round;
		stroke-miterlimit: 10
	}
	.section4 .st13 {
		fill: none;
		stroke: #D9DA00;
		stroke-width: 3;
		stroke-linecap: round;
		stroke-miterlimit: 10
	}
	.section4 .st14 {
		fill: none;
		stroke: #CD7DB3;
		stroke-width: 9;
		stroke-linecap: round;
		stroke-miterlimit: 10
	}
	.section4 .st15 {
		opacity: 0.16;
		fill: #1D1D1B
	}
	.section4 .st16 {
		fill: #562717
	}
	.section4 .st17 {
		fill: #BAE5D2
	}
	.section4 .st18 {
		fill: #D1EDDF
	}
	.section4 .st19 {
		fill: #301E19
	}
	.section4 .st20 {
		fill: #DEDFE0
	}
	.section4 #louuuunets,
	.section4 #toctoc {
		-webkit-transform: translateX(-300px);
		-moz-transform: translateX(-300px);
		-ms-transform: translateX(-300px);
		-o-transform: translateX(-300px);
		transform: translateX(-300px);
		opacity: 0
	}
	.section4 #divImgS4 {
		width: 100%;
		height: 100%
	}
	.section4 #imgS4 {
		display: block;
		margin-left: auto;
		margin-right: 5%;
		padding-top: 10%;
		float: none;
		width: 90%
	}
	.section4 #anim4 {
		display: none
	}
	.section4 .animated #louuuunets,
	.section4 .animated #toctoc {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition: all 0.5s 0s;
		-moz-transition: all 0.5s 0s;
		-ms-transition: all 0.5s 0s;
		-o-transition: all 0.5s 0s;
		transition: all 0.5s 0s;
		opacity: 1
	}
	.section5 .visu {
		width: 308px;
		height: 457px;
		background: transparent url(/img/graph.png) left top no-repeat;
		position: absolute;
		right: 0;
		top: 50%;
		margin: -228.5px 0 0 0
	}
	.section5 .visu img {
		margin: 0;
		position: absolute;
		left: 50px;
		top: 30px;
		z-index: 2
	}
	.section5 .visu .mask {
		-webkit-clip-path: circle(50% at 50% 50%);
		clip-path: circle(50% at 50% 50%);
		background: transparent url(/img/graph2.jpg) 100% 10% no-repeat;
		background-size: 200%;
		width: 190px;
		height: 190px;
		top: 45px;
		left: 80px;
		position: absolute
	}
	.section5 #anim5 {
		display: none
	}
	.section5 #divImgS5 {
		width: 100%;
		height: 100%
	}
	.section5 #imgS5 {
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10%;
		float: none;
		width: 85%
	}
	.section5 .animated.visu img {
		top: 0;
		left: 20px;
		-webkit-transition: all 0.5s 0s;
		-moz-transition: all 0.5s 0s;
		-ms-transition: all 0.5s 0s;
		-o-transition: all 0.5s 0s;
		transition: all 0.5s 0s
	}
	.section5 .animated.visu .mask {
		background-position: 75% 15%;
		top: 15px;
		left: 50px;
		-webkit-transition: all 0.5s 0s;
		-moz-transition: all 0.5s 0s;
		-ms-transition: all 0.5s 0s;
		-o-transition: all 0.5s 0s;
		transition: all 0.5s 0s
	}
	#anim6 {
		display: none
	}
	#divImgS6 {
		width: 100%;
		height: 100%
	}
	#imgS6 {
		display: block;
		margin-left: auto;
		margin-right: 7.5%;
		padding-top: 10%;
		float: none;
		width: 85%
	}
	.section6 .st0 {
		fill: #E8E6E6
	}
	.section6 .st1 {
		fill: #87532B
	}
	.section6 .st2 {
		fill: #9B612F
	}
	.section6 .st3 {
		fill: #A86C2D
	}
	.section6 .st4 {
		fill: #ECB481
	}
	.section6 .st5 {
		fill: #DCD1D2
	}
	.section6 .st6 {
		fill: #DB9653
	}
	.section6 .st7 {
		fill: #F9DFB2
	}
	.section6 .st8 {
		fill: #EDAC4E
	}
	.section6 .st9 {
		fill: #F0BB6D
	}
	.section6 .st10 {
		fill: #4C484C
	}
	.section6 .st11 {
		fill: #F4F0F1
	}
	.section6 .st12 {
		fill: #E2E2E2
	}
	.section6 svg {
		width: 415px !important;
		left: 100px !important;
		top: 50% !important;
		margin: -200px 0 0 0
	}
	.section6 svg #palette {
		-webkit-transform: translate(-300px, 400px);
		-moz-transform: translate(-300px, 400px);
		-ms-transform: translate(-300px, 400px);
		-o-transform: translate(-300px, 400px);
		transform: translate(-300px, 400px)
	}
	.section6 svg #carton,
	.section6 svg #carton2,
	.section6 svg #carton3,
	.section6 svg #carton4,
	.section6 svg #carton5,
	.section6 svg #carton6,
	.section6 svg #carton7,
	.section6 svg #carton8,
	.section6 svg #carton9,
	.section6 svg #carton10,
	.section6 svg #carton11,
	.section6 svg #carton12 {
		-webkit-transform: translateY(-400px);
		-moz-transform: translateY(-400px);
		-ms-transform: translateY(-400px);
		-o-transform: translateY(-400px);
		transform: translateY(-400px)
	}
	.section6 svg.animated #palette {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0s ease-out;
		-moz-transition: all 0.5s 0s ease-out;
		-ms-transition: all 0.5s 0s ease-out;
		-o-transition: all 0.5s 0s ease-out;
		transition: all 0.5s 0s ease-out
	}
	.section6 svg.animated #carton {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0s ease-out;
		-moz-transition: all 0.5s 0s ease-out;
		-ms-transition: all 0.5s 0s ease-out;
		-o-transition: all 0.5s 0s ease-out;
		transition: all 0.5s 0s ease-out
	}
	.section6 svg.animated #carton2 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.25s ease-out;
		-moz-transition: all 0.5s 0.25s ease-out;
		-ms-transition: all 0.5s 0.25s ease-out;
		-o-transition: all 0.5s 0.25s ease-out;
		transition: all 0.5s 0.25s ease-out
	}
	.section6 svg.animated #carton3 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.35s ease-out;
		-moz-transition: all 0.5s 0.35s ease-out;
		-ms-transition: all 0.5s 0.35s ease-out;
		-o-transition: all 0.5s 0.35s ease-out;
		transition: all 0.5s 0.35s ease-out
	}
	.section6 svg.animated #carton4 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.45s ease-out;
		-moz-transition: all 0.5s 0.45s ease-out;
		-ms-transition: all 0.5s 0.45s ease-out;
		-o-transition: all 0.5s 0.45s ease-out;
		transition: all 0.5s 0.45s ease-out
	}
	.section6 svg.animated #carton5 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.55s ease-out;
		-moz-transition: all 0.5s 0.55s ease-out;
		-ms-transition: all 0.5s 0.55s ease-out;
		-o-transition: all 0.5s 0.55s ease-out;
		transition: all 0.5s 0.55s ease-out
	}
	.section6 svg.animated #carton6 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.65s ease-out;
		-moz-transition: all 0.5s 0.65s ease-out;
		-ms-transition: all 0.5s 0.65s ease-out;
		-o-transition: all 0.5s 0.65s ease-out;
		transition: all 0.5s 0.65s ease-out
	}
	.section6 svg.animated #carton7 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.75s ease-out;
		-moz-transition: all 0.5s 0.75s ease-out;
		-ms-transition: all 0.5s 0.75s ease-out;
		-o-transition: all 0.5s 0.75s ease-out;
		transition: all 0.5s 0.75s ease-out
	}
	.section6 svg.animated #carton8 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.85s ease-out;
		-moz-transition: all 0.5s 0.85s ease-out;
		-ms-transition: all 0.5s 0.85s ease-out;
		-o-transition: all 0.5s 0.85s ease-out;
		transition: all 0.5s 0.85s ease-out
	}
	.section6 svg.animated #carton9 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.95s ease-out;
		-moz-transition: all 0.5s 0.95s ease-out;
		-ms-transition: all 0.5s 0.95s ease-out;
		-o-transition: all 0.5s 0.95s ease-out;
		transition: all 0.5s 0.95s ease-out
	}
	.section6 svg.animated #carton10 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 1.05s ease-out;
		-moz-transition: all 0.5s 1.05s ease-out;
		-ms-transition: all 0.5s 1.05s ease-out;
		-o-transition: all 0.5s 1.05s ease-out;
		transition: all 0.5s 1.05s ease-out
	}
	.section6 svg.animated #carton11 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 1.15s ease-out;
		-moz-transition: all 0.5s 1.15s ease-out;
		-ms-transition: all 0.5s 1.15s ease-out;
		-o-transition: all 0.5s 1.15s ease-out;
		transition: all 0.5s 1.15s ease-out
	}
	.section6 svg.animated #carton12 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 1.25s ease-out;
		-moz-transition: all 0.5s 1.25s ease-out;
		-ms-transition: all 0.5s 1.25s ease-out;
		-o-transition: all 0.5s 1.25s ease-out;
		transition: all 0.5s 1.25s ease-out
	}
	.container-fluid {
		padding-right: 0;
		padding-left: 0
	}
	#imgS7 {
		display: none
	}
	.section8 {
		height: 65vh
	}
	#finalRow {
		height: 100%
	}
	#finalCol {
		height: 100%
	}
	.footerLi {
		height: 100%
	}
	.section2,
	.section3,
	.section4,
	.section5,
	.section6 {
		height: 100vh;
		overflow: hidden;
		position: relative;
		padding-left: 0;
		padding-right: 0;
		border: 15px solid #FFFFFF
	}
	.section2 svg,
	.section3 svg,
	.section4 svg,
	.section5 svg,
	.section6 svg {
		width: 300px;
		z-index: 997;
		top: 300px;
		left: 325px
	}
	.section2 .row,
	.section2 .col-xs-12,
	.section3 .row,
	.section3 .col-xs-12,
	.section4 .row,
	.section4 .col-xs-12,
	.section5 .row,
	.section5 .col-xs-12,
	.section6 .row,
	.section6 .col-xs-12 {
		height: 100%
	}
	.section2 .col-xs-12,
	.section3 .col-xs-12,
	.section4 .col-xs-12,
	.section5 .col-xs-12,
	.section6 .col-xs-12 {
		background-color: #f5f5f5
	}
	.section2 img,
	.section3 img,
	.section4 img,
	.section5 img,
	.section6 img {
		margin-top: 3%
	}
	.section2 .text,
	.section3 .text,
	.section4 .text,
	.section5 .text,
	.section6 .text {
		background: #fff;
		position: absolute;
		right: 0;
		padding: 65px;
		min-height: 360px;
		bottom: 5%
	}
	.section2 .text .counter,
	.section3 .text .counter,
	.section4 .text .counter,
	.section5 .text .counter,
	.section6 .text .counter {
		font-size: 405px;
		color: #eaeaea;
		font-weight: 700;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 20px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none
	}
	.section2 .text h3,
	.section3 .text h3,
	.section4 .text h3,
	.section5 .text h3,
	.section6 .text h3 {
		font-size: 30px;
		color: #2bbfef;
		letter-spacing: 0.12em;
		text-transform: uppercase;
		text-align: left;
		padding: 0 5% 0 10%;
		margin: 0 0 30px 0;
		position: relative;
		z-index: 1
	}
	.section2 .text p,
	.section3 .text p,
	.section4 .text p,
	.section5 .text p,
	.section6 .text p {
		text-align: left;
		padding: 0 5% 0 10%;
		font-size: 17px;
		line-height: 26px;
		position: relative;
		z-index: 1
	}
	.section2 .text p strong,
	.section3 .text p strong,
	.section4 .text p strong,
	.section5 .text p strong,
	.section6 .text p strong {
		font-weight: 700
	}
	.section2 .text .gradient-sep,
	.section3 .text .gradient-sep,
	.section4 .text .gradient-sep,
	.section5 .text .gradient-sep,
	.section6 .text .gradient-sep {
		top: -5px;
		right: 0;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	.section3 svg,
	.section5 svg {
		left: auto;
		right: 325px
	}
	.section3 .text,
	.section5 .text {
		left: 0
	}
	.section3 .text .counter,
	.section5 .text .counter {
		left: auto;
		right: 0
	}
	.section3 .text h3,
	.section5 .text h3 {
		color: #70cf7b;
		text-align: right;
		padding: 0 10% 0 5%
	}
	.section3 .text p,
	.section5 .text p {
		padding: 0 10% 0 5%
	}
	.section3 .text .gradient-sep,
	.section5 .text .gradient-sep {
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	.section5 .visu {
		right: 250px
	}
	.section8 .col-xs-12 {
		background-color: #f5f5f5
	}
	.section8 h3 {
		font-size: 30px;
		color: #ed246d;
		margin: 80px 0 20px;
		text-transform: uppercase;
		text-align: center
	}
	.section8 li {
		height: 450px;
		float: left;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		width: 20%;
		cursor: pointer;
		opacity: 0.8;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		padding: 193px 0 0 0
	}
	.section8 li:hover {
		opacity: 1;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s
	}
	.section8 #first {
		background-image: url(/img/first.jpg);
		width: 40%
	}
	.section8 #second {
		background-image: url(/img/second.jpg)
	}
	.section8 #third {
		background-image: url(/img/third.jpg)
	}
	.section8 #fourth {
		background-image: url(/img/fourth.jpg)
	}
	.section8 #first,
	.section8 #second,
	.section8 #third,
	.section8 #fourth {
		vertical-align: middle;
		text-align: center
	}
	.section8 #first:hover span,
	.section8 #second:hover span,
	.section8 #third:hover span,
	.section8 #fourth:hover span {
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s
	}
	.section8 #first span,
	.section8 #second span,
	.section8 #third span,
	.section8 #fourth span {
		display: inline-block;
		vertical-align: middle;
		padding: 20px;
		border-bottom: 2px solid #ed246d;
		color: #FFFFFF;
		font-weight: 700;
		font-size: 18px;
		letter-spacing: 2px;
		text-transform: uppercase;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		background-color: transparent
	}
	.section8 #second span {
		border-color: #fff600
	}
	.section8 #third span {
		border-color: #70cf7b
	}
	.section8 #fourth span {
		border-color: #2bbfef
	}
	.disclaimer {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #FFF;
		padding: 20px;
		z-index: 9999;
		box-shadow: 5px -5px 50px 0px #656565
	}
	.disclaimer p {
		float: left
	}
	.disclaimer .close {
		font-size: 41px;
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -20px
	}
}

@media screen and (max-width: 620px) {
	.container-fluid:not(.section8):not(.section1) {
		padding: 0
	}
	.circle,
	.line,
	.scrollNext {
		display: none
	}
	.circ-alpha {
		width: 100%;
		font-size: 25px;
		left: 0;
		margin: 0;
		padding: 10%
	}
	#imgS2 {
		display: block;
		float: none;
		padding-top: 10%;
		width: 100%
	}
	#imgS3 {
		display: block;
		padding-top: 10%;
		float: none;
		width: 100%
	}
	#imgS4 {
		display: block;
		padding-top: 10%;
		float: none;
		width: 100%
	}
	#imgS5 {
		display: block;
		float: none;
		padding-top: 10%;
		width: 100%;
		margin: 0
	}
	#imgS6 {
		display: block;
		float: none;
		padding-top: 10%;
		width: 100%
	}
	#lastMenu {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-bottom: 5%
	}
	#BGS7 {
		background: none
	}
	.section1 {
		position: relative;
		height: calc(100vh - 75px);
		margin: 75px 0 0 0
	}
	.section1 .row,
	.section1 .col-xs-12 {
		height: 100%
	}
	.section1 .title span {
		display: inline-block;
		font-size: 25px;
		letter-spacing: 0.12em;
		color: #fff;
		background: #f38f4d;
		background: -moz-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
		background: -webkit-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
		background: linear-gradient(to right, #f38f4d 0%, #ed246d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f38f4d', endColorstr='#ed246d', GradientType=1);
		padding: 8px 60px 8px 25px;
		position: absolute;
		top: 30vh;
		left: 0
	}
	.section1 .title span:nth-of-type(2) {
		top: 37vh
	}
}

@media screen and (max-width: 620px) and (min-aspect-ratio: 1 / 1) {
	.section1 img {
		width: 100%;
		max-width: 100%
	}
}

@media screen and (max-width: 620px) and (max-aspect-ratio: 1 / 1) {
	.section1 img {
		height: 100%;
		max-height: 100%
	}
}

@media screen and (max-width: 620px) {
	.scrollNext {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		min-height: 30px;
		background-color: #fff;
		z-index: 100
	}
	.scrollNext a {
		display: block;
		text-align: center;
		padding: 15px;
		text-transform: uppercase;
		color: #5b5a5a;
		font-size: 13px;
		font-weight: 700;
		letter-spacing: 3px
	}
	.scrollNext a:before,
	.scrollNext a:after {
		content: "";
		display: inline-block;
		width: 16px;
		height: 9px;
		margin: 0 50px;
		background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAAiUlEQVQoz2N4q5J7EYh1GUgEID1AfAHEcALiB0CsQoJmFageJ5iAHxDfBWIZIjTLAPEdkB50iWggvgbEong0i0LVRONSkAnE54CYH4scP1Quk5ATK4H4CBBzIYlxAfFhkByxgdQBxDuAmA2KQewOUqKIEYinA/EaKAaxGUmNZ2YgXgDEC0FsXOoANlxfsVHBUFsAAAAASUVORK5CYII=") left top no-repeat
	}
	.section7 {
		position: relative;
		height: calc(100vh - 100px);
		z-index: 100
	}
	.section7 img {
		max-height: 100%;
		display: none
	}
	.section7 .row,
	.section7 .col-xs-12 {
		height: 100%
	}
	.section7 .title span {
		display: inline-block;
		font-size: 20px;
		letter-spacing: 0.12em;
		color: #fff;
		background: #f38f4d;
		background: -moz-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
		background: -webkit-linear-gradient(left, #f38f4d 0%, #ed246d 100%);
		background: linear-gradient(to right, #f38f4d 0%, #ed246d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f38f4d', endColorstr='#ed246d', GradientType=1);
		padding: 8px 30px 8px 25px;
		position: absolute;
		top: 30vh;
		right: 0
	}
	.section7 .title span:nth-of-type(1) {
		top: 45vh
	}
	.section7 .title span:nth-of-type(2) {
		top: 50vh
	}
	.section7 .title span:nth-of-type(3) {
		top: 55vh
	}
	.section7 .title span:nth-of-type(4) {
		top: 60vh
	}
	.section2 .st1 {
		display: inline
	}
	.section2 .st2 {
		fill: #868491
	}
	.section2 .st3 {
		fill: #5C546A
	}
	.section2 .st4 {
		display: inline;
		opacity: 0.8
	}
	.section2 .st5 {
		fill: #FFCD00
	}
	.section2 .st6 {
		fill: #FFFDF8
	}
	.section2 .st7 {
		fill: #FFFFFF
	}
	.section2 .st8 {
		fill: #B4B6BC
	}
	.section2 .st9 {
		display: inline;
		fill: none;
		stroke: #FFCD00;
		stroke-width: 9;
		stroke-linecap: round;
		stroke-miterlimit: 10
	}
	.section2 .st10 {
		fill: #DAEBE9
	}
	.section2 .st11 {
		fill: #838382
	}
	.section2 #on {
		opacity: 0
	}
	.section2 .animated #off {
		animation: disappear .5s .5s linear forwards
	}
	.section2 .animated #on {
		animation: appear 1s 0s linear forwards
	}
	.section3 .st0 {
		fill: #6D4D13
	}
	.section3 .st1 {
		fill: #FFFFFF
	}
	.section3 .st2 {
		fill: #D3E5E3
	}
	.section3 .st3 {
		fill: #757F7E
	}
	.section3 .st4 {
		fill: #B3C4C3
	}
	.section3 .st5 {
		fill: #17284F
	}
	.section3 .st6 {
		fill: #CCCCCC
	}
	.section3 .st7 {
		fill: #21BF92
	}
	.section3 .st8 {
		fill: none;
		stroke: #CCCCCC;
		stroke-width: 10;
		stroke-miterlimit: 10;
		stroke-dasharray: 1000;
		stroke-dashoffset: 1000
	}
	.section3 .st9 {
		fill: none;
		stroke: #FF2B1F;
		stroke-width: 10;
		stroke-miterlimit: 10;
		stroke-dasharray: 1000;
		stroke-dashoffset: 1000
	}
	.section3 #ligne1 rect,
	.section3 #ligne2 rect,
	.section3 #ligne3 rect,
	.section3 #ligne4 rect,
	.section3 #ligne5 rect,
	.section3 #ligne6 rect {
		width: 0
	}
	.section3 .animated #ligne1 rect,
	.section3 .animated #ligne2 rect,
	.section3 .animated #ligne3 rect,
	.section3 .animated #ligne4 rect,
	.section3 .animated #ligne5 rect,
	.section3 .animated #ligne6 rect {
		width: 110px
	}
	.section3 .animated #ligne1 rect {
		-webkit-transition: all 1s 0s;
		-moz-transition: all 1s 0s;
		-ms-transition: all 1s 0s;
		-o-transition: all 1s 0s;
		transition: all 1s 0s
	}
	.section3 .animated #ligne2 rect {
		width: 110px;
		-webkit-transition: all 1s 0.5s;
		-moz-transition: all 1s 0.5s;
		-ms-transition: all 1s 0.5s;
		-o-transition: all 1s 0.5s;
		transition: all 1s 0.5s
	}
	.section3 .animated #ligne3 rect {
		-webkit-transition: all 1s 1s;
		-moz-transition: all 1s 1s;
		-ms-transition: all 1s 1s;
		-o-transition: all 1s 1s;
		transition: all 1s 1s
	}
	.section3 .animated #ligne4 rect {
		-webkit-transition: all 1s 1.5s;
		-moz-transition: all 1s 1.5s;
		-ms-transition: all 1s 1.5s;
		-o-transition: all 1s 1.5s;
		transition: all 1s 1.5s
	}
	.section3 .animated #ligne5 rect {
		-webkit-transition: all 1s 2s;
		-moz-transition: all 1s 2s;
		-ms-transition: all 1s 2s;
		-o-transition: all 1s 2s;
		transition: all 1s 2s
	}
	.section3 .animated #ligne6 rect {
		-webkit-transition: all 1s 2.5s;
		-moz-transition: all 1s 2.5s;
		-ms-transition: all 1s 2.5s;
		-o-transition: all 1s 2.5s;
		transition: all 1s 2.5s
	}
	.section3 .animated #chek1 polyline {
		stroke-dashoffset: 940;
		-webkit-transition: all 1s 0s;
		-moz-transition: all 1s 0s;
		-ms-transition: all 1s 0s;
		-o-transition: all 1s 0s;
		transition: all 1s 0s
	}
	.section3 .animated #chek2 polyline {
		stroke-dashoffset: 940;
		-webkit-transition: all 1s 1s;
		-moz-transition: all 1s 1s;
		-ms-transition: all 1s 1s;
		-o-transition: all 1s 1s;
		transition: all 1s 1s
	}
	.section3 .animated #chek3 polyline {
		stroke-dashoffset: 940;
		-webkit-transition: all 1s 2s;
		-moz-transition: all 1s 2s;
		-ms-transition: all 1s 2s;
		-o-transition: all 1s 2s;
		transition: all 1s 2s
	}
	.section4 .st0 {
		fill: #47200D
	}
	.section4 .st1 {
		fill: #F3FAFF
	}
	.section4 .st2 {
		fill: #DADDE0
	}
	.section4 .st3 {
		fill: #DEE0E2
	}
	.section4 .st4 {
		fill: #E2A379
	}
	.section4 .st5 {
		fill: #F4B382
	}
	.section4 .st6 {
		fill: #191919
	}
	.section4 .st7 {
		fill: #141414
	}
	.section4 .st8 {
		fill: #E8D3BB
	}
	.section4 .st9 {
		fill: #E5A173
	}
	.section4 .st10 {
		fill: #D89364
	}
	.section4 .st11 {
		fill: #FFFFFF
	}
	.section4 .st12 {
		fill: none;
		stroke: #205AA6;
		stroke-width: 9;
		stroke-linecap: round;
		stroke-miterlimit: 10
	}
	.section4 .st13 {
		fill: none;
		stroke: #D9DA00;
		stroke-width: 3;
		stroke-linecap: round;
		stroke-miterlimit: 10
	}
	.section4 .st14 {
		fill: none;
		stroke: #CD7DB3;
		stroke-width: 9;
		stroke-linecap: round;
		stroke-miterlimit: 10
	}
	.section4 .st15 {
		opacity: 0.16;
		fill: #1D1D1B
	}
	.section4 .st16 {
		fill: #562717
	}
	.section4 .st17 {
		fill: #BAE5D2
	}
	.section4 .st18 {
		fill: #D1EDDF
	}
	.section4 .st19 {
		fill: #301E19
	}
	.section4 .st20 {
		fill: #DEDFE0
	}
	.section4 #louuuunets,
	.section4 #toctoc {
		-webkit-transform: translateX(-300px);
		-moz-transform: translateX(-300px);
		-ms-transform: translateX(-300px);
		-o-transform: translateX(-300px);
		transform: translateX(-300px);
		opacity: 0
	}
	.section4 .animated #louuuunets,
	.section4 .animated #toctoc {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition: all 0.5s 0s;
		-moz-transition: all 0.5s 0s;
		-ms-transition: all 0.5s 0s;
		-o-transition: all 0.5s 0s;
		transition: all 0.5s 0s;
		opacity: 1
	}
	.section5 .visu {
		width: 308px;
		height: 457px;
		background: transparent url(/img/graph.png) left top no-repeat;
		position: absolute;
		right: 0;
		top: 50%;
		margin: -228.5px 0 0 0;
		display: none
	}
	.section5 .visu img {
		margin: 0;
		position: absolute;
		left: 50px;
		top: 30px;
		z-index: 2
	}
	.section5 .visu .mask {
		-webkit-clip-path: circle(50% at 50% 50%);
		clip-path: circle(50% at 50% 50%);
		background: transparent url(/img/graph2.jpg) 100% 10% no-repeat;
		background-size: 200%;
		width: 190px;
		height: 190px;
		top: 45px;
		left: 80px;
		position: absolute
	}
	.section5 .animated.visu img {
		top: 0;
		left: 20px;
		-webkit-transition: all 0.5s 0s;
		-moz-transition: all 0.5s 0s;
		-ms-transition: all 0.5s 0s;
		-o-transition: all 0.5s 0s;
		transition: all 0.5s 0s
	}
	.section5 .animated.visu .mask {
		background-position: 75% 15%;
		top: 15px;
		left: 50px;
		-webkit-transition: all 0.5s 0s;
		-moz-transition: all 0.5s 0s;
		-ms-transition: all 0.5s 0s;
		-o-transition: all 0.5s 0s;
		transition: all 0.5s 0s
	}
	.section6 .st0 {
		fill: #E8E6E6
	}
	.section6 .st1 {
		fill: #87532B
	}
	.section6 .st2 {
		fill: #9B612F
	}
	.section6 .st3 {
		fill: #A86C2D
	}
	.section6 .st4 {
		fill: #ECB481
	}
	.section6 .st5 {
		fill: #DCD1D2
	}
	.section6 .st6 {
		fill: #DB9653
	}
	.section6 .st7 {
		fill: #F9DFB2
	}
	.section6 .st8 {
		fill: #EDAC4E
	}
	.section6 .st9 {
		fill: #F0BB6D
	}
	.section6 .st10 {
		fill: #4C484C
	}
	.section6 .st11 {
		fill: #F4F0F1
	}
	.section6 .st12 {
		fill: #E2E2E2
	}
	.section6 svg {
		width: 415px !important;
		left: 100px !important;
		top: 50% !important;
		margin: -200px 0 0 0
	}
	.section6 svg #palette {
		-webkit-transform: translate(-300px, 400px);
		-moz-transform: translate(-300px, 400px);
		-ms-transform: translate(-300px, 400px);
		-o-transform: translate(-300px, 400px);
		transform: translate(-300px, 400px)
	}
	.section6 svg #carton,
	.section6 svg #carton2,
	.section6 svg #carton3,
	.section6 svg #carton4,
	.section6 svg #carton5,
	.section6 svg #carton6,
	.section6 svg #carton7,
	.section6 svg #carton8,
	.section6 svg #carton9,
	.section6 svg #carton10,
	.section6 svg #carton11,
	.section6 svg #carton12 {
		-webkit-transform: translateY(-400px);
		-moz-transform: translateY(-400px);
		-ms-transform: translateY(-400px);
		-o-transform: translateY(-400px);
		transform: translateY(-400px)
	}
	.section6 svg.animated #palette {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0s ease-out;
		-moz-transition: all 0.5s 0s ease-out;
		-ms-transition: all 0.5s 0s ease-out;
		-o-transition: all 0.5s 0s ease-out;
		transition: all 0.5s 0s ease-out
	}
	.section6 svg.animated #carton {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0s ease-out;
		-moz-transition: all 0.5s 0s ease-out;
		-ms-transition: all 0.5s 0s ease-out;
		-o-transition: all 0.5s 0s ease-out;
		transition: all 0.5s 0s ease-out
	}
	.section6 svg.animated #carton2 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.25s ease-out;
		-moz-transition: all 0.5s 0.25s ease-out;
		-ms-transition: all 0.5s 0.25s ease-out;
		-o-transition: all 0.5s 0.25s ease-out;
		transition: all 0.5s 0.25s ease-out
	}
	.section6 svg.animated #carton3 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.35s ease-out;
		-moz-transition: all 0.5s 0.35s ease-out;
		-ms-transition: all 0.5s 0.35s ease-out;
		-o-transition: all 0.5s 0.35s ease-out;
		transition: all 0.5s 0.35s ease-out
	}
	.section6 svg.animated #carton4 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.45s ease-out;
		-moz-transition: all 0.5s 0.45s ease-out;
		-ms-transition: all 0.5s 0.45s ease-out;
		-o-transition: all 0.5s 0.45s ease-out;
		transition: all 0.5s 0.45s ease-out
	}
	.section6 svg.animated #carton5 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.55s ease-out;
		-moz-transition: all 0.5s 0.55s ease-out;
		-ms-transition: all 0.5s 0.55s ease-out;
		-o-transition: all 0.5s 0.55s ease-out;
		transition: all 0.5s 0.55s ease-out
	}
	.section6 svg.animated #carton6 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.65s ease-out;
		-moz-transition: all 0.5s 0.65s ease-out;
		-ms-transition: all 0.5s 0.65s ease-out;
		-o-transition: all 0.5s 0.65s ease-out;
		transition: all 0.5s 0.65s ease-out
	}
	.section6 svg.animated #carton7 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.75s ease-out;
		-moz-transition: all 0.5s 0.75s ease-out;
		-ms-transition: all 0.5s 0.75s ease-out;
		-o-transition: all 0.5s 0.75s ease-out;
		transition: all 0.5s 0.75s ease-out
	}
	.section6 svg.animated #carton8 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.85s ease-out;
		-moz-transition: all 0.5s 0.85s ease-out;
		-ms-transition: all 0.5s 0.85s ease-out;
		-o-transition: all 0.5s 0.85s ease-out;
		transition: all 0.5s 0.85s ease-out
	}
	.section6 svg.animated #carton9 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 0.95s ease-out;
		-moz-transition: all 0.5s 0.95s ease-out;
		-ms-transition: all 0.5s 0.95s ease-out;
		-o-transition: all 0.5s 0.95s ease-out;
		transition: all 0.5s 0.95s ease-out
	}
	.section6 svg.animated #carton10 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 1.05s ease-out;
		-moz-transition: all 0.5s 1.05s ease-out;
		-ms-transition: all 0.5s 1.05s ease-out;
		-o-transition: all 0.5s 1.05s ease-out;
		transition: all 0.5s 1.05s ease-out
	}
	.section6 svg.animated #carton11 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 1.15s ease-out;
		-moz-transition: all 0.5s 1.15s ease-out;
		-ms-transition: all 0.5s 1.15s ease-out;
		-o-transition: all 0.5s 1.15s ease-out;
		transition: all 0.5s 1.15s ease-out
	}
	.section6 svg.animated #carton12 {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: all 0.5s 1.25s ease-out;
		-moz-transition: all 0.5s 1.25s ease-out;
		-ms-transition: all 0.5s 1.25s ease-out;
		-o-transition: all 0.5s 1.25s ease-out;
		transition: all 0.5s 1.25s ease-out
	}
	.section2,
	.section3,
	.section4,
	.section5,
	.section6 {
		height: 90vh;
		overflow: hidden;
		position: relative
	}
	.section2 svg,
	.section3 svg,
	.section4 svg,
	.section5 svg,
	.section6 svg {
		width: 300px;
		position: absolute;
		z-index: 997;
		top: 300px;
		left: 325px;
		display: none
	}
	.section2 .row,
	.section2 .col-xs-12,
	.section3 .row,
	.section3 .col-xs-12,
	.section4 .row,
	.section4 .col-xs-12,
	.section5 .row,
	.section5 .col-xs-12,
	.section6 .row,
	.section6 .col-xs-12 {
		height: 100%
	}
	.section2 .col-xs-12,
	.section3 .col-xs-12,
	.section4 .col-xs-12,
	.section5 .col-xs-12,
	.section6 .col-xs-12 {
		background-color: #f5f5f5
	}
	.section2 .text,
	.section3 .text,
	.section4 .text,
	.section5 .text,
	.section6 .text {
		background: #fff;
		position: absolute;
		bottom: 0;
		right: 0;
		padding: 65px;
		min-height: 300px
	}
	.section2 .text .counter,
	.section3 .text .counter,
	.section4 .text .counter,
	.section5 .text .counter,
	.section6 .text .counter {
		font-size: 325px;
		color: #eaeaea;
		font-weight: 700;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 20px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none
	}
	.section2 .text h3,
	.section3 .text h3,
	.section4 .text h3,
	.section5 .text h3,
	.section6 .text h3 {
		font-size: 20px;
		color: #2bbfef;
		letter-spacing: 0.12em;
		text-transform: uppercase;
		text-align: left;
		padding: 0 5% 0 10%;
		margin: 0 0 30px 0;
		position: relative;
		z-index: 1
	}
	.section2 .text p,
	.section3 .text p,
	.section4 .text p,
	.section5 .text p,
	.section6 .text p {
		text-align: left;
		padding: 0 5% 0 10%;
		font-size: 14px;
		line-height: 26px;
		position: relative;
		z-index: 1
	}
	.section2 .text p strong,
	.section3 .text p strong,
	.section4 .text p strong,
	.section5 .text p strong,
	.section6 .text p strong {
		font-weight: 700
	}
	.section2 .text .gradient-sep,
	.section3 .text .gradient-sep,
	.section4 .text .gradient-sep,
	.section5 .text .gradient-sep,
	.section6 .text .gradient-sep {
		top: -5px;
		right: 0;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	.section3 svg,
	.section5 svg {
		left: auto;
		right: 325px
	}
	.section3 .text,
	.section5 .text {
		left: 0
	}
	.section3 .text .counter,
	.section5 .text .counter {
		left: auto;
		right: 0
	}
	.section3 .text h3,
	.section5 .text h3 {
		color: #70cf7b;
		text-align: right;
		padding: 0 10% 0 5%
	}
	.section3 .text p,
	.section5 .text p {
		padding: 0 10% 0 5%
	}
	.section3 .text .gradient-sep,
	.section5 .text .gradient-sep {
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	.section5 .visu {
		right: 250px
	}
	.section8 .col-xs-12 {
		background-color: #f5f5f5
	}
	.section8 h3 {
		font-size: 25px;
		color: #ed246d;
		margin: 40px 0 20px;
		text-transform: uppercase;
		text-align: center
	}
	.section8 li {
		float: left;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		width: 40%;
		cursor: pointer;
		opacity: 0.8;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		padding: 193px 0 0 0
	}
	.section8 li:hover {
		opacity: 1;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s
	}
	.section8 #first {
		background-image: url(/img/first.jpg);
		width: 40%
	}
	.section8 #second {
		background-image: url(/img/second.jpg);
		width: 40%
	}
	.section8 #third {
		background-image: url(/img/third.jpg);
		width: 40%
	}
	.section8 #fourth {
		background-image: url(/img/fourth.jpg);
		width: 40%
	}
	.section8 #span1 {
		padding-top: 30px;
		padding-bottom: 30px
	}
	.section8 #span2 {
		padding: 20px;
		padding-bottom: 55px
	}
	.section8 #span3 {
		padding: 30px;
		padding-bottom: 35px
	}
	.section8 #span4 {
		padding-top: 30px;
		padding-bottom: 50px;
		padding-left: 12px;
		padding-right: 15px
	}
	.section8 .footerUl {
		display: flex;
		justify-content: center;
		width: 100%
	}
	.section8 .footerUl a {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute
	}
	.section8 #first,
	.section8 #second,
	.section8 #third,
	.section8 #fourth {
		vertical-align: middle;
		text-align: center;
		position: relative
	}
	.section8 #first:hover span,
	.section8 #second:hover span,
	.section8 #third:hover span,
	.section8 #fourth:hover span {
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s
	}
	.section8 #first span,
	.section8 #second span,
	.section8 #third span,
	.section8 #fourth span {
		display: inline-block;
		vertical-align: middle;
		border-bottom: 2px solid #ed246d;
		color: #FFFFFF;
		font-weight: 700;
		font-size: 15px;
		letter-spacing: 2px;
		text-transform: uppercase;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		background-color: transparent
	}
	.section8 #second span {
		border-color: #fff600
	}
	.section8 #third span {
		border-color: #70cf7b
	}
	.section8 #fourth span {
		border-color: #2bbfef
	}
	.disclaimer {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #FFF;
		padding: 20px;
		z-index: 9999;
		box-shadow: 5px -5px 50px 0px #656565
	}
	.disclaimer p {
		float: left
	}
	.disclaimer .close {
		font-size: 41px;
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -20px
	}
}

@media screen and (max-height: 700px) {
	.menu ul.navnav {
		margin: 60px 0
	}
	.menu ul.navnav li {
		margin-bottom: 10px;
		font-size: 20px
	}
}

.mobile .whoarewe #front {
	height: auto
}

.mobile .whoarewe #front img {
	max-width: 100%
}

.mobile .whoarewe .title {
	margin-top: 20px
}

.mobile .whoarewe .timeline {
	margin-top: 20px
}

.legal #colRight {
	justify-content: center;
}

.legal #colRight p {
	padding: 0 10%;
}
.legal #colRight p strong {
    font-weight: bold;
}