#home-slide{
	margin-top:-500px;
	padding-bottom: 0;
}

#home-top{
	font-size: 16px;
	/*background: transparent url(../img/background-top.png) no-repeat 60% 0;
	background-size: 440px 378px;*/
	background-color: #DFDFDF;
	min-height: 380px;
	color: #001446;
	overflow: hidden;
}


#home-background{
	width: 100%;
	top: 0;
	padding-bottom: 0;
	position: relative;
}

#home-background .container{
	
	width: 100%;
	/*height: 700px;background-size: cover;*/
	height: 100vh;
	background-repeat: repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}


#home-background .what{
	text-align: center;
}
#home-background .home-logo{
	width: 600px;
	position: relative;
}
#home-background .home-logo .light{
	position: absolute;
	top:0px;
	width: 600px;
	z-index: 50;
	transition: top 1.3s;
}
#home-background .home-logo .full{
	position: relative;
	z-index: 100;
}
#home-background .home-logo img{
	
}

#animatedImage{
    min-width: 80%;
}


/*.sticky #home-background .home-logo .light{
	top:-100px;
	transition: top 1.3s;
}*/



/* animation*/
#startup-video-container.link-button a{
	opacity: 0;
	transition: opacity 2s;
}
#startup-video-container.link-button{
	transition: margin 2s;
}
#home-background .home-logo .light{
	transition: top 1.3s;
}

.loaded #home-background .home-logo .light{
	top:-76px;
}
.loaded #startup-video-container.link-button{
	margin: 40px 0 -40px;
}
.loaded #startup-video-container.link-button a{
	opacity: 1;
}






#startup-video-container.link-button{
	margin: 50px 0 0 0;

}
#startup-video-container.link-button a{
	color: #ff1f44;
	border:1px solid #ff1f44;
	text-transform: none;
	padding: 16px 70px;
	font-size: 24px;
	font-weight: 500;
	text-decoration: none;
}
#startup-video-container.link-button a:hover{
	color: #fff;
}



#startup-video-container.link-button {
    margin: 10px 0 0 0;
}

#home-background #home-arrow{
	position: absolute;
	bottom: 14%;
	left: calc(50% - 5px);
	background-size: 10px;
	background-repeat: no-repeat;
	background-image: url(../img/home-arrow.svg);
	background-position: top center;
	height: 40px;
	width: 10px;
	animation: bounce 2.5s ease infinite;
}
@keyframes bounce{
     from {bottom: 14%;}
     50%  {bottom: calc(14% - 20px);}
     to   {bottom: 14;}
}





#home-top{
	/*background-size: cover;
	width: 100%;
	background-repeat: no-repeat;*/
	position: relative;
}


#home-top .decoration{
	background-repeat: no-repeat;
	position: absolute;
	background-size: contain;
	z-index: 101;
}
#home-top .decoration1{
	bottom: 0;
	left:0;
	background-position: bottom left;
	height: 360px;
	width: 360px;
}
#home-top .decoration2{
	top: 20%;
	right: 50px;
	background-position: top right;
	height: 100%;
	width: 524px;
}

#home-top .container{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 30px;
}
#home-top .logo{
	
}
#home-top .logo img{
	height: 30px;
}

#home-top .texts{
	z-index: 102;
	position: relative; 
}
#home-top .text{
	color: #fff;
	font-size: 20px;
	max-width: 420px;
	display: inline-block;
}
#home-top .texts strong em{
	font-style: normal;
	font-size: 24px;
	padding-top: 20px;
	display: inline-block;
}

#home-top .link{
	margin-top: 80px;
}

#home-top h2{
	color: #ff1f44;
	font-weight: bold;
	margin-top: 30px;
	font-family: "Poppins";
	font-size: 20px;
	text-transform: none;
	padding-bottom: 0;
}
#home-top h2 span{
	font-weight: normal;
	font-family: "Poppins";
	font-size: 20px;
	text-transform: none;
}
#home-top .secondary-text{
	margin-top: 10px;
	color: #fff;
	font-size: 16px;
	max-width: 510px;
	display: inline-block;
}



#top-images{
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}
#top-images .container{
	display: flex;
	align-items: flex-start;
}
#top-images .image{
	line-height: 0;
	transition: opacity 0.5s;
}
#top-images .image:hover{
	opacity:0.9;
	transition: opacity 0.5s;
}
#top-images .image img{

}




/*#floating-decoration{
	width: 100%;
	height: 100vh;
	position: absolute;
	bottom: 0;
	left:0;
}*/




#expertises{
	background: transparent url(../img/background-expertises.jpg) repeat center center;
	background-size: auto;
}
#expertises .items, #customers .items, #eactions .item-container{
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
}
#expertises .expertise, #customers .customer, #eactions .item-container .item{
	position: relative;
	z-index: 20;
	width: 28%;
  	margin: 2% auto;
  	aspect-ratio: 1;
}
#expertises .expertise img, #customers .customer img, #eactions .item-container .item img{
	display: block;
}
#expertises .expertise .hover, #customers .customer .hover, #eactions .item-container .item .hover {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #080051;
	z-index: 50;
	opacity: 0.7;
	transition: all 0.5s;
}
#expertises .expertise1:hover .hover{
	background-color: #ffc700;
}
#expertises .expertise2:hover .hover{
	background-color: #ffc7ce;
}
#expertises .expertise3:hover .hover{
	background-color: #ff1f44;
}
#expertises .expertise4:hover .hover{
	background-color: #8000e9;
}
#expertises .expertise5:hover .hover{
	background-color: #00d1a6;
}
#expertises .expertise6:hover .hover{
	background-color: #4248e5;
}

#expertises .expertise:hover .hover, #customers .customer:hover .hover, #eactions .item-container .item:hover .hover{
	opacity: 0.9;
	transition: all 0.5s;
}

#expertises .expertise .texts, #customers .customer .texts, #eactions .item .texts{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
	top:0;
	left: 0;
}
#expertises .expertise .title, #expertises .expertise a, #eactions .item .title, #eactions .item a {
	text-transform: uppercase;
	font-size: 24px;
	max-width: 70%;
	font-weight: bold;
	color: #fff;
}
#expertises .expertise .image{

}
#expertises .expertise .plus, #customers .customer .plus, #eactions .item .plus{
	background: transparent url(../img/plus.svg) no-repeat center center;
    background-size: 100% ;
    position: absolute;
    bottom:66px;
    left: calc(50% - 25px);
    /*display: inline-block;
    margin-top: 16px;*/
    height: 50px;
    width: 50px;
    z-index: 200;
    opacity: 0;
    transition: opacity 0.5s;
}
#customers .customer .plus, #eactions .item .plus{
	bottom:90px;
}
#expertises .expertise:hover .plus, #customers .customer:hover .plus, #eactions .item:hover .plus{
	opacity: 1;
	transition: opacity 0.5s;
}






.animation-container .position0{
	transform: rotate(0Deg);
}
.animation-container .position1{
	transform: rotate(60Deg);
}
.animation-container .position2{
	transform: rotate(120Deg);
}
.animation-container .position3{
	transform: rotate(180Deg);
}
.animation-container .position4{
	transform: rotate(240Deg);
}
.animation-container .position5{
	transform: rotate(300Deg);
}



#customers{
	
}
#customers .customer, #eactions .item{
	/*width: 350px;
	height: 350px;
	width: 17vw;
	height: 17vw;
	margin: 1vw auto;*/

	aspect-ratio: 1;
	width: 28%;
  	margin: 2% auto;


	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}
#customers .customer .hover, #eactions .item .hover{
	background-color: #080051;
}
#customers .customer .logo, #eactions .item .logo{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
}
#customers .customer .logo img{
	max-width: 70%;
	transition: all 0.5s;
}
#eactions .item .logo img{
	max-width: 100%;
	transition: all 0.5s;
}


#customers .customer .center-container, #eactions .item .center-container{
    flex-wrap: wrap;
}

#customers .customer .texts, #eactions .item .texts{
	opacity: 0;
	text-align: center;
}
#customers .customer .title, #eactions .item .title{
	text-transform: uppercase;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	margin:-50px 0 20px;
}
#customers .customer a, #eactions .item a{
	font-size: 16px;
	max-width: 60%;
	color: #fff;
}
#customers .customer .comment{
	margin:0 20px;
}


#customers .customer:hover, #eactions .item:hover{
	background-size: 110%;
	transition: all 0.5s;
}
#customers .customer:hover .texts, #eactions .item:hover .texts{
	opacity: 1;
	transition: all 0.5s;
}
#customers .customer:hover .logo img, #eactions .item:hover .logo img{
	opacity: 0;
	transition: all 0.5s;
}

#customers .more{
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}


#team{
	letter-spacing: 0;
	line-height: 20px;
	background: transparent url(../img/background-team.jpg) repeat center center;
	padding-bottom: 100px;
}
#team .image {

    height: auto;
    width: 160px;
}
#team .people-container-masonry {
	margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#team .people-container-masonry .people{
	margin-bottom: 20px;
}


#team .people .texts {
    width: 160px;
    height: 80px;
}

#team .people .texts .title{
    font-weight: bold;
    text-transform: uppercase;
}
#team a.button{
	
}













#jobs{
    /*clear: both;*/
    /*background: transparent url(../img/background-metiers.jpg) no-repeat center center;
    background-size: 100% auto;*/
}

#jobs .items-container{
	display: flex;
	align-items: top;
	justify-content: space-between;
	margin: 0;
	padding: 0 80px;
	flex-wrap: wrap;
}
#jobs .item{
	width: 48%;
	margin-bottom: 26px;
}
#jobs .item .texts{
	position: absolute;
	width: 100%;
	height: 100%;
}
#jobs .image{
	/*height: 85px;*/
}
#jobs .image img{
	/*height: 100%;
	width: auto;*/
	width: 100%;
}
#jobs .item .title{
	font-weight: bold;
	font-size: 32px;
	margin:0;
	text-align: center;
}
#jobs .item .title .container{
	width: 66%;
	padding-top: calc(50% - 130px);
	display: inline-block;
}
#jobs .item .comment{
	font-size: 13px;
	position: absolute;
	width: 100%;
	bottom: 10px;
}
#jobs .item a{
	color: #fff;
	text-decoration: none;
	display: inline-grid;
	position: relative;
}
#jobs .item a:hover{
	text-decoration: underline;
}







#more-block{
	background-color: #DFDFDF;
	color: #001446;
	padding-top: 1px;
}




#contact-form{
	color: #fff;
	max-width: 500px;
	text-align: center;
	background-color: #001446;
}
#contact-form p{
	margin-top:8px;
}

#contact-form .logo img{
	height: 80px;
	width: auto;
}

span.wpcf7-list-item {
    margin: 0 1em 0 1em;
}


.items-container-masonry, .people-container-masonry, .customers-container-masonry{
	margin : 0 auto;
}