html{font-size:62.5%}


/*colors*/
.white{color:#fff}
.grey{color:#333333}
.error{color: #E70739;}

.bg_white{background-color:#fff}
.bg_lgrey{background-color:#faf9f9}
.bg_black{background-color:#000}


body{
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	color: #999999;
	font-size: 1.7rem;
	padding: 6.2rem 5rem 5rem 5rem;
}
h1,.h1{
	font-weight:900;
	font-size:3.5rem;
	color: #333333;
	text-transform: uppercase;
	position: relative;
}
h1:before, .h1:before{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -7rem);
	width: 5.9rem;
	height: 3.7rem;
	background: transparent url(../img/mprod-agence-slash-black.png) no-repeat center center;
}
h1{
	margin-bottom: 6rem;
}
.h1{
	margin-bottom: 8rem;
}
h2.h2{
	font-weight: 700;
	color: #333333;
	margin-bottom: 2rem;
	font-size: 2.4rem;
}
h3{
	font-size:2.6rem;
	font-weight:700;
}
.btn-all{
	padding: 2rem 3rem;
	font-size: 1.7rem;
	line-height: 2.2rem;
	color: #ffffff;
	text-transform: uppercase;
	border-radius: 0;
	border: none;
	background: #202020;
	cursor: pointer;
}
.btn-all:hover,
.btn-all:focus{
	background: #0082c0;
}

/*** Menu ***/
.navbar{
	background-color: #ffffff;
	padding: 1rem 0;

}
.navbar-collapse{
	align-items: center;
	justify-content: center;
}
.navbar-expand-lg .navbar-nav{
	gap: 3rem;
}
.navbar-expand-lg .navbar-nav .nav-link{
	font-size: 1.5rem;
	line-height: 2.2rem;
	color: #333333;
	padding: 0.5rem 2rem;
	font-weight: 400;
	position:relative;
}
.navbar-expand-lg .navbar-nav .nav-link:not(.home):hover,
.navbar-expand-lg .navbar-nav .nav-link:not(.home):focus{
	color: #0082c0;
}
.navbar-expand-lg .navbar-nav .nav-link:not(.home):hover:after,
.navbar-expand-lg .navbar-nav .nav-link:not(.home):focus:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 2rem; /* décalage pour centrer */
	width: calc(100% - 4rem);
	border-bottom: 0.1rem solid #0082c0; /* définition de la bordure */
}
.navbar-expand-lg .networks{
	position: absolute;
	right: 5rem;
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 1.5rem;
}
.navbar-expand-lg .networks a {
	display: inline-block;
	width: 2.6rem;
	aspect-ratio: 1;
}
.navbar-expand-lg .networks a.svg img{
	display: block;
	width: 2.6rem;
	filter: brightness(0) saturate(100%) invert(13%) sepia(8%) saturate(5%) hue-rotate(175deg);
}
.navbar-expand-lg .networks a.svg img:hover,
.navbar-expand-lg .networks a.svg img:focus{
	filter: brightness(0) saturate(100%) invert(41%) sepia(80%) saturate(600%) hue-rotate(165deg);
}
.navbar-expand-lg .networks a.icon{
	width: 2.2rem;
	aspect-ratio: 1;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #333333;
}
.navbar-expand-lg .networks a.icon:hover,
.navbar-expand-lg .networks a.icon:focus{
	background-color: #0082c0;
}
.navbar-expand-lg .networks a.icon img{
	width: 1rem;
}

#video{
	position:relative;
	height: calc(100vh - 6.2rem);
	width: auto;
}
#video .video-scroll{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: #ffffff url(../img/scroll.png) no-repeat center center;
	padding: 1rem;
	width: 5.8rem;
	height: 3.7rem;
}
.video-container {
	background: #333333 url(../img/mprod-prod-des-agences.jpg) no-repeat center center /cover;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100vw - 10rem);
	height: calc(100vh - 6.2rem);
	overflow: hidden;
	/*z-index: -1; !* Derrière les autres contenus *!*/
}

.video-container iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	min-height: 100%;
	min-width: 100%;
	width: 177.778vh;
	height: 56.25vw;
	transform: translate(-50%, -50%);
	pointer-events: none; /* Empêche l'interaction pour le plein écran */
	border: none;
}


/*part1*/
.part1{
	padding:19rem 0 10rem 0;
}
.part1 p{
	margin-bottom: 3rem;
}
.part1 p:last-of-type{
	margin-bottom: 0;
}
.part1 p.intro{
	color: #333333;
	font-weight: 700;
}

.part2{
	padding: 20rem 0 0 0;
	margin-bottom: -16rem;
}
.part2 .expertise-cards{
	display: flex;
	justify-content: space-between;
	gap: 5rem;
	width: 172rem;
	margin: 0 auto;
}
.part2 .expertise-cards .card{
	/*width: calc(50% - 4rem);*/
	padding: 6rem 3.5rem 4rem 3.5rem;
	display: flex;
	flex: 1;
	flex-direction: row;
	gap: 3rem;
	justify-content: space-between;
	align-items: start;
	border: 0.1rem solid #333333;
}
/*
// tentative de flip
.part2 .expertise-cards .card .card-inner{
	padding: 6rem 3.5rem 4rem 3.5rem;
	display: flex;
	flex: 1;
	flex-direction: row;
	gap: 3rem;
	justify-content: space-between;
	align-items: start;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
.part2 .expertise-cards .card-inner:hover .card {
	transform: rotateY(180deg);
}
.part2 .expertise-cards .card .card-content,
.part2 .expertise-cards .card .overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}
*/
.part2 .expertise-cards .card .card-content{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: end;
	gap: 4rem;
}
.part2 .expertise-cards .card .card-content p{
	margin-bottom: 0;
}
.part2 .expertise-cards .card .card-content .card-number{
	width: 100%;
	font-size: 12.7rem;
	line-height: 0.4;
	font-weight: 900;
}
.part2 .expertise-cards .card:nth-of-type(2n) .card-content .card-number{
	color: #ffffff;
	text-shadow:
		1px 1px 0 black,
		-1px 1px 0 black,
		1px -1px 0 black,
		-1px -1px 0 black;
}
.part2 .expertise-cards .card .card-content .card-title{
	font-size: 3.7rem;
	line-height: 1.2;
	font-weight: 700;
}

.part2 .expertise-cards .card .overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap:3rem;
	opacity: 0;
	transition: all 0.5s ease;
	padding: 4rem;
	/*transform: rotateY(180deg);*/
}
.part2 .expertise-cards .card .overlay .overlay-text{
	color: #ffffff;
	font-size:1.7rem;
	line-height: 2.6rem;
	text-align: center;
}
.part2 .expertise-cards .card:hover .overlay,
.part2 .expertise-cards .card:focus .overlay{
	opacity: 1;
}


.part3{
	padding: 30rem 0 13rem 0;
}
.part3 .filters {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.6rem;
	padding: 0 2rem;
}
.part3 .filters div{
	color: #333333;
	font-size: 1.5rem;
	border: none;
	padding: 1rem 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.part3 .filters div:not(.active):hover span,
.part3 .filters div:not(.active):focus span{
	text-decoration: underline;
}
.part3 .filters div.active{
	background-color: #333333;
	color: #ffffff;
	transform: skew(20deg);
}
.part3 .filters div.active span{
	transform: skew(-20deg);
}
.part3 .references-list{
	width: 100%;
	margin: 10rem auto;
}
.part3 .references-list .card-reference{
	display: flex;
	width: calc(25% - 3.75rem);
	/*width: 25%;*/
	position: relative;
	margin-bottom: 5rem;
}
.part3 .references-list .card-reference.card-reference-hide{
	display: none;
}
.part3 .references-list .card-reference .card-text{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	gap: 3rem;
}
.part3 .references-list .card-reference .card-text .card-title{
	font-size: 2.4rem;
	font-weight: 900;
	margin-bottom: 0;
}
.part3 .references-list .card-reference .card-text .card-resume{
	text-align: center;
	font-weight: 300;
}
.part3 .references-list .card-reference .card-text .card-resume p{
	margin-bottom: 0;
	line-height: 2rem;
}
.part3 .references-list .card-reference .overlay{
	position: absolute;
	top: 5%;
	left: 5%;
	height: 90%;
	width: 90%;
	overflow: hidden;
	background: rgba(0,0,0,0.75);
	transition: all 0.4s ease;
	opacity: 0;
}
.part3 .references-list .card-reference:hover .overlay,
.part3 .references-list .cacard-referencerd:focus .overlay{
	opacity: 1;
}


#news{
	padding: 0;
	margin-bottom: -20rem;
}
.part4{
	padding: 18rem 0 0 0;
}
.part4 .h1{
	color: #ffffff;
	&:before{
		background: transparent url(../img/mprod-agence-slash-white.png) no-repeat center center;
	}
}
.part4 .swiper-container{
	width: 80%;
	min-width: 110rem;
	margin: 0 auto;
	padding-bottom: 10rem;
	overflow: hidden;
	position: relative;
}
.part4 .ref-img{
	display:block;
	width:100%;
	aspect-ratio: 1.5;
	position:relative
}
.part4 .ref-img .hover{
	position:absolute;
	top:5%;
	left:5%;
	height:0;
	width:90%;
	overflow:hidden;
	background:rgba(0,0,0,0.75);
	transition:all 0.4s ease
}
.part4 .ref-img:hover .hover{
	height:90%
}
.part4 .ref-img .hover .hover_txt{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	width: 100%;
	height: 100%;
	padding: 2rem;
	color: #fefefe;
}
.part4 .ref-img .hover .hover_txt strong{
	font-weight:900;
	font-style:normal;
	font-size:2.5rem;
}
.part4 .ref-img .hover .hover_txt > div{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	text-align: center;
}

.part4 .swiper-container .swiper-pagination .swiper-pagination-bullet{
	width: 1.4rem;
	height: 1.4rem;
	background-color: #e6e6e6;
	opacity: 1;
	margin: 0 0.8rem;
}
.part4 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{
	background: #333333;
}

.part5{
	padding: 38rem 0 3rem 0;
}
.part5 .team-container{
	position: relative;
	width: 60%;
	aspect-ratio: 1.78;
	margin: 0 auto;
	/*padding: 56.25% 0 0 0;*/
}
.part5 .team-container iframe{
	/*position: absolute;*/
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*transform: translate(-50%, -50%);*/
	pointer-events: none; /* Empêche l'interaction pour le plein écran */
	border: none;
}
.part6{
	padding: 7rem 0;
}
.part6 .contact-logo{
	margin-bottom: 7rem;
}
.part6 .h1:before{
	display: none;
}
.part6 .contact-wrapper{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: start;
	gap: 4rem;
}
.part6 .contact-wrapper .contact-form{
	width: 100%;
}
.part6 .contact-wrapper .contact-form .error{
	font-size: 1.4rem;
}
.part6 .contact-wrapper .contact-form .form .bd-error{
	border: 0.1rem solid #E70739;
}
.part6 .contact-wrapper .contact-form .form{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.part6 .contact-wrapper .contact-form .form .form-group{
	margin-bottom: 2rem;
	width: calc(50% - 3rem);
}
.part6 .contact-wrapper .contact-form .form .form-group-wide{
	width: 100%;
}
.part6 .contact-wrapper .contact-form .form .form-group:last-of-type{
	margin-bottom: 0;
	margin-top: 4rem;
}
.part6 .contact-wrapper .contact-form .form .form-control{
	padding: 0.4rem 1.5rem;
	border: none;
	font-size: 1.5rem;
	line-height: 2.4rem;
	font-weight: 300;
	color: #333333;
	background-color: #f5f5f5;
}
.part6 .contact-wrapper .contact-form .form .form-control::placeholder{
	color: #333333;
}
.part6 .contact-wrapper .contact-form .form textarea.form-control{
	height: 18rem;
}
.part6 .contact-wrapper .form input.btn{
	padding: 1rem 3rem;
	font-size: 2rem;
	line-height: 2.6rem;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 0;
	border: none;
	background: #333;
}
.part6 .contact-wrapper .form input.btn:hover{
	background: #0082c0;
}

.part6 .contact-wrapper .contact-users{
	width: 100%;
	display: flex;
	gap: 22rem;
	justify-content: start;
	align-items: start;
}

.part6 .contact-wrapper .contact-users .contact-user{
	display: flex;
	flex-direction: column;
	gap: 4rem;
	align-items: start;
}
.part6 .contact-wrapper .contact-users .contact-user .link{
	display: flex;
	flex-direction: row;
	gap: 2rem;
	align-items: start;
	justify-content: start;
}
.part6 .contact-wrapper .contact-users .contact-user .link .icon{
	width: 4rem;
	aspect-ratio: 1;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #333333;
}
.part6 .contact-wrapper .contact-users .contact-user .link.position .icon{
	background-color: #0082c0;
}

.part6 .contact-wrapper .contact-users .contact-user .link .icon:hover,
.part6 .contact-wrapper .contact-users .contact-user .link .icon:focus{
	background-color: #0082c0;
}
.part6 .contact-wrapper .contact-users .contact-user .link.position .icon:hover,
.part6 .contact-wrapper .contact-users .contact-user .link.position .icon:focus{
	background-color: #333333;
}


.part6 .contact-wrapper .contact-users .contact-user .link .contact-user-info p,
.part6 .contact-wrapper .contact-users .contact-user .link .contact-user-info p a{
	font-size: 1.5rem;
	margin-bottom: 0;
	font-weight: 300;
	color: #000000;
}
.part6 .contact-wrapper .contact-users .contact-user .link .contact-user-info p.name{
	font-weight: 900;
}



/*modal ref*/
.modal-backdrop.show{
	opacity: 0.9
}
.ekko-lightbox.modal .modal-dialog{
	/*max-width: 125rem !important;*/
	margin: 0;
}
.ekko-lightbox.modal .modal-content{
	position: relative;
	padding-top: 13.55rem;
}
.ekko-lightbox.modal .modal-header{
	position: absolute;
	z-index: 10;
	top: 0;
	width: 100%;
	background: #ffffff;
	color: #333333;
	border: 0;
	flex-direction: column;
	padding: 0;
}
.ekko-lightbox.modal .modal-header .modal-header-top{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.7rem 1rem;
}
.ekko-lightbox.modal .modal-header .modal-header-top .modal-title{
	font-size: 2.7rem;
	font-weight: 700;
	color: #333333;
}
.ekko-lightbox.modal .modal-header .modal-header-top .close{
	background-color: #333333;
	width: 4rem;
	aspect-ratio: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
	text-shadow: none;
	margin: 0;
	padding: 0;
}
.ekko-lightbox.modal .modal-header .modal-header-top .close span{
	color: #ffffff;
	display: inline-block;
	position: relative;
	width: 2rem;
	height: 2rem;
}
.ekko-lightbox.modal .modal-header .modal-header-top .close span:before,
.ekko-lightbox.modal .modal-header .modal-header-top .close span:after{
	content: '';
	position: absolute;
	top: 0;
	left: calc(50% - 0.1rem);
	width: 0.2rem;
	height: 100%;
	background-color: #ffffff;
	transform-origin: center;
}
.ekko-lightbox.modal .modal-header .modal-header-top .close span:before{
	transform: rotate(45deg);
}
.ekko-lightbox.modal .modal-header .modal-header-top .close span:after{
	transform: rotate(-45deg);
}
.ekko-lightbox.modal .modal-header .modal-header-top .close:hover,
.ekko-lightbox.modal .modal-header .modal-header-top .close:focus{
	background-color: #0082c0;
}
.ekko-lightbox.modal .modal-header .modal-header-bottom{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: start;
	border-top: 0.1rem solid #cccccc;
	padding: 1.2rem 1rem;
	gap: 0.5rem;
	color: #999999;

}
.ekko-lightbox.modal .modal-header .modal-header-bottom .data{
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 10rem;
	width: 100%;
}
.ekko-lightbox.modal .modal-header .modal-header-bottom .data strong{
	color: #333333;
	font-weight: 400;
}

.ekko-lightbox.modal .ekko-lightbox-nav-overlay a{
	background: #ffffff;
	width: 4.8rem;
	height: 9.6rem;
	position:absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	opacity: 1;
	transition: all 0.3s ease;
	text-decoration: none;
}
.ekko-lightbox.modal .ekko-lightbox-nav-overlay a:nth-child(2){
	left:calc(100% - 4.8rem);
}
.ekko-lightbox.modal .ekko-lightbox-nav-overlay a span{
	text-align:center;
	color: #333333;
	padding: 0;
	font-size: 2.2rem;
}
.ekko-lightbox.modal .ekko-lightbox-nav-overlay a:hover,
.ekko-lightbox.modal .ekko-lightbox-nav-overlay a:focus{
	background:#333333;
}
.ekko-lightbox.modal .ekko-lightbox-nav-overlay a:hover span,
.ekko-lightbox.modal .ekko-lightbox-nav-overlay a:focus span{
	color: #ffffff;
}

footer{
	padding:3rem 1.5rem;
}
footer *{
	font-size: 1.3rem;
	font-weight: 300;
	color: #666666;
	margin: 0;
}
footer a:hover, footer a:focus{
	color: #666666;
}
/*modal*/
.modal-dialog .modal-content{
	border-radius:0;
	border:0;
}
.modal-dialog .modal-content .modal-body{
	padding:0;
}
#legalModal .modal-dialog .modal-content .modal-body a{
	color: #999999;
	text-decoration: underline;
}
#legalModal .modal-dialog .modal-content .modal-body a:hover,
#legalModal .modal-dialog .modal-content .modal-body a:focus{
	color: #333333;
}


/*sent*/
body.sent .fixed-top{top:82px}
body.sent  .alert{position:fixed;top:0;left:0;width:100%;z-index:99999}


#legalModal .modal-dialog .modal-content .modal-header{border-radius:0}
#legalModal .modal-dialog .modal-content .modal-header h5{}
#legalModal .modal-dialog .modal-content .modal-body{padding:30px}

.grecaptcha-badge {
	visibility: hidden;
}

@media (max-width: 1919.99px) {

	.part2 .expertise-cards{
		width: 140rem;
		gap: 4rem;
	}
	.part2 .expertise-cards .card .overlay{
		padding: 4rem 3rem;
		gap: 2rem;
	}
	.part2 .expertise-cards .card .overlay .overlay-text {
		line-height: 2.2rem;
	}

	#news{
		margin-bottom: -19rem;
	}
	.part4 {
		padding: 16rem 0 0 0;
	}
	.part4 .swiper-container{
		width: 90%;
	}
	.part4 .swiper-container .swiper-slide{
		font-size: 1.7rem;
	}

	.part5{
		padding: 35rem 0 14rem 0;
	}
}

@media (max-width: 1599.99px) {
	body{
		padding: 6.2rem 4rem 5rem 4rem;
	}
	.navbar-expand-lg .networks{
		right: 4rem;
	}

	.video-container {
		width: calc(100vw - 8rem);
	}

	.part2{
		margin-bottom: -14rem;
	}
	.part2 .expertise-cards{
		width: 124rem;
		gap: 3rem;
	}
	.part2 .expertise-cards .card .card-content .card-number{
		font-size: 10rem;
	}
	.part2 .expertise-cards .card .card-content .card-title {
		font-size: 2.6rem;
	}
	.part2 .expertise-cards .card .overlay{
		padding: 2rem;
		gap: 2rem;
	}
	.part2 .expertise-cards .card .overlay .overlay-text {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.part3{
		padding: 30rem 0 13rem 0;
	}
	.part3 .references-list .card-reference{
		width: calc(25% - 3rem);
	}

	.part4 .swiper-container{
		width: 95%;
	}
	.part4 .swiper-container .swiper-slide{
		font-size: 1.6rem;
	}
}
@media (max-width: 1399.99px) {
	body{
		padding: 6.2rem 3rem 5rem 3rem;
	}
	.navbar-expand-lg .navbar-nav{
		gap: 2rem;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		padding: 0.5rem 1.5rem;
	}
	.navbar-expand-lg .networks{
		right: 3rem;
	}

	.video-container {
		width: calc(100vw - 6rem);
	}

	.part2 .expertise-cards{
		width: 108rem;
		gap: 2rem;
	}
	.part2 .expertise-cards .card{
		padding: 6rem 2.5rem 4rem 2.5rem;
	}
	.part2 .expertise-cards .card .card-content .card-title {
		font-size: 2.4rem;
	}
	.part2 .expertise-cards .card .overlay{
		padding: 2rem;
	}
	.part2 .expertise-cards .card .overlay .overlay-text {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}

	.part3{
		padding: 30rem 0 13rem 0;
	}
	.part3 .references-list .card-reference{
		width: calc(33.33% - 2rem);
	}

	.ekko-lightbox.modal .modal-header .modal-header-top .modal-title{
		font-size: 2.4rem;
		line-height: 3rem;
	}
	.ekko-lightbox.modal .modal-header .modal-header-top .close{
		width: 3rem;
	}
	.ekko-lightbox.modal .modal-header .modal-header-bottom{
		padding: 1rem;
	}
	.ekko-lightbox.modal .modal-header .modal-header-bottom .text{
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.ekko-lightbox.modal .ekko-lightbox-nav-overlay a{
		width: 4rem;
		height: 8rem;
	}
	.ekko-lightbox.modal .ekko-lightbox-nav-overlay a:nth-child(2){
		left:calc(100% - 4rem);
	}
	.ekko-lightbox.modal .ekko-lightbox-nav-overlay a span{
		font-size: 2rem;
		line-height: 2.8rem;
	}


	#news{
		margin-bottom: -17rem;
	}
	.part4 .swiper-container{
		min-width: 100rem;
	}

	.part5{
		padding: 32rem 0 12rem 0;
	}
	.part5 .team-container {
		width: 70%;
	}

	.part6 .contact-wrapper .contact-users{
		gap: 20rem;
	}
}
@media (max-width: 1199.99px) {
	body{
		padding: 6.2rem 1.6rem 5rem 1.6rem;
	}
	.navbar-expand-lg .navbar-nav{
		gap: 1rem;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		padding: 0.5rem 1rem;
		font-size: 1.4rem;
	}
	.navbar-expand-lg .networks{
		right: 1.6rem;
	}

	#video{
		aspect-ratio: 2.15;
		height: inherit;
	}
	.video-container {
		width: calc(100vw - 3.2rem);
		aspect-ratio: 2.15;
		height: inherit;
	}

	.part2{
		/*padding: 20rem 1.5rem 0 1.5rem;*/
		margin-bottom: -17rem;
	}
	.part2 .expertise-cards{
		width: 92rem;
		gap: 2rem;
	}
	.part2 .expertise-cards .card{
		padding: 6rem 1.5rem 4rem 1.5rem;
	}
	.part2 .expertise-cards .card .card-content .card-title {
		font-size: 2.2rem;
	}
	.part2 .expertise-cards .card .overlay {
		padding: 2rem 1rem;
		gap: 1rem;
	}
	.part2 .expertise-cards .card .overlay .overlay-text {
		font-size: 1.3rem;
		line-height: 1.8rem;
	}

	.part3{
		padding: 30rem 0 13rem 0;
	}
	.part3 .references-list .card-reference{
		width: calc(33.33% - 1.34rem);
	}

	.part4 {
		padding: 14rem 0 0 0;
	}
	.part4 .swiper-container {
		width: 84rem;
		min-width: inherit;
		padding-bottom: 8rem;
	}

	.part5 .team-container {
		width: 80%;
	}

	.part6 .contact-wrapper{
		gap: 3rem;
		margin-top: 2rem;
	}
	.part6 .contact-wrapper .contact-form .form .form-group:not(.form-group-wide){
		width: calc(50% - 2rem);
	}
	.part6 .contact-wrapper .contact-form .form .form-group:last-of-type {
		margin-top: 2rem;
	}
	.part6 .contact-wrapper .contact-users{
		gap: 16rem;
	}
	.part6 .contact-wrapper .contact-users .contact-user{
		gap: 3rem;
	}
}

@media (max-width: 991.99px) {
	body{
		font-size: 1.5rem;
		padding: 5rem 2.4rem;
	}
	.navbar > .container, .navbar > .container-fluid{
		justify-content: end;
	}
	.navbar-expand-lg .navbar-nav{
		gap: 1rem;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		display: inline-block;
		padding: 0.6rem 2rem;
	}
	.navbar-collapse{
		flex-direction: column;
		align-items: start;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	.navbar-dark .navbar-toggler{
		border-color: #333333;
		color: #333333;
		margin-right: 2.4rem;
	}
	.navbar-dark .navbar-toggler span{
		display: block;
		width: 2.1rem;
		height: 0.2rem;
		background-color: #333333;
		margin: 0.4rem 0;
	}
	.navbar-expand-lg .networks {
		top: 1rem;
		left: 2.4rem;
		right: inherit;
	}

	h1{
		font-size: 3rem;
		margin-bottom: 5rem;
	}
	.h1{
		font-size: 3rem;
		margin-bottom: 6rem;
	}
	h1:before, .h1:before{
		width: 4.5rem;
		height: 2.8rem;
		transform: translate(-50%, -6rem);
	}
	h2.h2{
		font-size: 2rem;
	}

	.video-container {
		width: calc(100vw - 4.8rem);
	}

	.part1{
		padding: 16rem 0 8rem 0;
	}
	.part2{
		padding: 16rem 0 0 0;
		margin-bottom: -13rem;
	}
	.part2 .expertise-cards{
		width: 67rem;
		flex-wrap: wrap;
		gap: 3rem;
	}
	.part2 .expertise-cards .card{
		width: calc(50% - 1.5rem);
		aspect-ratio: 1.2;
		padding: 4rem 2.5rem 3rem 2.5rem;
		gap: 1rem;
		flex: auto;
	}
	.part2 .expertise-cards .card .card-content .card-number{
		font-size: 12.7rem;
	}
	.part2 .expertise-cards .card .card-content .card-title {
		font-size: 2.6rem;
	}
	.part2 .expertise-cards .card .overlay{
		padding: 2rem 2.5rem;
		gap: 2rem;
	}
	.part2 .expertise-cards .card .overlay .overlay-text {
		font-size: 1.5rem;
		line-height: 2.2rem;
	}

	.part3{
		padding: 30rem 0 13rem 0;
	}
	.part3 .references-list .card-reference{
		width: calc(50% - 1.2rem);
	}
	.ekko-lightbox.modal .modal-content{
		padding-top: 11.45rem;
	}
	.ekko-lightbox.modal .modal-header .modal-header-top .modal-title{
		font-size: 1.8rem;
		line-height: 2.2rem;
	}
	.ekko-lightbox.modal .modal-header .modal-header-top .close{
		width: 2.2rem;
	}
	.ekko-lightbox.modal .modal-header .modal-header-bottom .text{
		font-size: 1.4rem;
		line-height: 1.6rem;
	}
	.ekko-lightbox.modal .ekko-lightbox-nav-overlay a{
		width: 3rem;
		height: 5rem;
	}
	.ekko-lightbox.modal .ekko-lightbox-nav-overlay a:nth-child(2){
		left:calc(100% - 3rem);
	}
	.ekko-lightbox.modal .ekko-lightbox-nav-overlay a span{
		font-size: 1.6rem;
		line-height: 2rem;
	}

	#news{
		margin-bottom: -17rem;
	}
	.part4 .swiper-container {
		width: 65rem;
	}
	.part4 .swiper-container .swiper-slide{
		font-size: 1.5rem;
	}

	.part5{
		padding: 30rem 0 10rem 0;
	}

	.part6 .contact-wrapper .contact-form .form .form-group:not(.form-group-wide){
		width: calc(50% - 1rem);
	}
	.part6 .contact-wrapper .contact-users{
		gap: 12rem;
	}
	.part6 .contact-wrapper .contact-users .contact-user .link{
		gap: 1.5rem;
	}
	.part6 .contact-wrapper .contact-users .contact-user .link .contact-user-info p,
	.part6 .contact-wrapper .contact-users .contact-user .link .contact-user-info p a{
		font-size: 1.4rem;
	}

}

@media (max-width: 767.99px) {
	body{
		padding: 5rem 1.8rem;
	}
	.btn-all{
		padding: 1.5rem 2rem;
		font-size: 1.5rem;
		line-height: 1.8rem;
	}
	.navbar-expand-lg .networks {
		left: 1.9rem;
	}
	.navbar-dark .navbar-toggler {
		margin-right: 1.9rem;
	}

	h1{
		font-size: 2.6rem;
		margin-bottom: 4rem;
	}
	.h1{
		font-size: 2.6rem;
		margin-bottom: 5rem;
	}
	h1:before, .h1:before{
		width: 4rem;
		height: 2.5rem;
		transform: translate(-50%, -5rem);
	}
	h2.h2{
		font-size: 1.8rem;
	}

	.video-container {
		width: calc(100vw - 3.8rem);
	}
	#video .video-scroll{
		background: #ffffff url(../img/scroll.png) no-repeat center center / 60% ;
		padding: 0;
		width: 3.9rem;
		height: 2.5rem;
	}

	.part1{
		padding: 14rem 0 6rem 0;
	}
	.part1 p{
		margin-bottom: 2rem;
	}

	.part2{
		padding: 12rem 0 0 0;
		margin-bottom: -12rem;
	}
	.part2 .expertise-cards{
		width: 50rem;
		gap: 2rem;
	}
	.part2 .expertise-cards .card{
		aspect-ratio: 1;
	}
	.part2 .expertise-cards .card .card-content .card-number {
		font-size: 10rem;
	}
	.part2 .expertise-cards .card .card-content .card-title{
		font-size: 2.4rem;
	}
	.part2 .expertise-cards .card .overlay {
		padding: 2rem;
		gap: 1rem;
	}
	.part2 .expertise-cards .card .overlay .overlay-text {
		font-size: 1.3rem;
		line-height: 1.6rem;
	}

	.part3{
		padding: 26rem 0 10rem 0;
	}
	.part3 .references-list .card-reference{
		width: calc(50% - 1rem);
	}

	#news{
		margin-bottom: -16rem;
	}
	.part4 {
		padding: 12rem 0 0 0;
	}
	.part4 .swiper-container {
		width: 48rem;
		padding-bottom: 6rem;
	}
	.part4 .swiper-container .swiper-slide{
		font-size: 1.6rem;
	}
	.part4 .ref-img .hover .hover_txt{
		padding: 2.5rem;
	}
	.part4 .swiper-container .swiper-pagination .swiper-pagination-bullet {
		width: 1.3rem;
		height: 1.3rem;
		margin: 0 0.6rem;
	}

	.part5{
		padding: 28rem 0 8rem 0;
	}
	.part5 .team-container {
		width: 90%;
		max-width: 51rem;
	}

	.part6 .contact-wrapper{
		margin-top: 0;
	}
	.part6 .contact-wrapper .contact-users{
		flex-direction: column;
		gap: 6rem;
		align-items: stretch;
	}
	.part6 .contact-wrapper .contact-users .contact-user{
		flex-direction: row;
		gap: 2.5rem;
		align-items: start;
	}
	.part6 .contact-wrapper .contact-users .contact-user .link {
		gap: 1rem;
		flex: 1;
	}
	.part6 .contact-wrapper .contact-users .contact-user .link .contact-user-info p,
	.part6 .contact-wrapper .contact-users .contact-user .link .contact-user-info p a{
		font-size: 1.3rem;
	}

}

@media (max-width: 575.99px) {
	body{
		font-size: 1.4rem;
		padding: 5rem 1.5rem;
	}
	.navbar-dark .navbar-toggler{
		margin-right: 1.5rem;
	}
	.navbar-expand-lg .networks {
		left: 1.5rem;
	}

	h1{
		font-size: 2.4rem;
		margin-bottom: 3rem;
	}
	.h1{
		font-size: 2.4rem;
		margin-bottom: 4rem;
	}
	h1:before, .h1:before{
		width: 4rem;
		height: 2.5rem;
		transform: translate(-50%, -5rem);
	}

	.video-container {
		width: calc(100vw - 3rem);
	}

	.part1{
		padding: 12rem 0 4rem 0;
	}
	.part2{
		padding: 10rem 1.5rem 0 1.5rem;
		margin-bottom: -14rem;
	}
	.part2 .expertise-cards{
		padding: 0 1.5rem;
	}
	.part2 .expertise-cards .card{
		width: calc(100% - 3rem);
		aspect-ratio: 1.25;
		max-height: 30rem;
	}
	.part2 .expertise-cards .card .card-content .card-number {
		font-size: 12.7rem;
	}
	.part2 .expertise-cards .card .card-content .card-title {
		font-size: 3rem;
	}
	.part2 .expertise-cards .card .overlay .overlay-text {
		font-size: 1.4rem;
		line-height: 1.8rem;
	}

	.part3 .filters{
		flex-direction: column;
	}
	.part3{
		padding: 26rem 1.5rem 10rem 1.5rem;
	}
	.part3 .references-list .card-reference{
		width: 100%;
	}
	.ekko-lightbox.modal .modal-header .modal-header-top .modal-title{
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.ekko-lightbox.modal .modal-header .modal-header-top .close{
		width: 2rem;
	}
	.ekko-lightbox.modal .modal-header .modal-header-bottom .text{
		font-size: 1.3rem;
		line-height: 1.5rem;
	}
	.ekko-lightbox.modal .ekko-lightbox-nav-overlay a{
		width: 2.6rem;
		height: 4rem;
	}
	.ekko-lightbox.modal .ekko-lightbox-nav-overlay a:nth-child(2){
		left:calc(100% - 2.6rem);
	}
	.ekko-lightbox.modal .ekko-lightbox-nav-overlay a span{
		font-size: 1.4rem;
		line-height: 1.8rem;
	}

	#news{
		padding: 0 1.5rem;
		margin-bottom: -12rem;
	}
	.part4 .swiper-container {
		width: 90%;
		padding-bottom: 5rem;
	}
	.part4 .swiper-container .swiper-slide{
		font-size: 1.4rem;
	}
	.part4 .ref-img .hover .hover_txt{
		padding: 1.5rem;
	}
	.part4 .swiper-container .swiper-pagination .swiper-pagination-bullet {
		width: 1rem;
		height: 1rem;
		margin: 0 0.3rem
	}

	.part5{
		padding: 22rem 0 6rem 0;
	}
	.part5 .team-container {
		width: calc(100% - 3rem);
		max-width: inherit;
	}

	.part6 .contact-wrapper .contact-form .form .form-group:not(.form-group-wide){
		width: 100%;
	}
	.part6 .contact-wrapper .contact-form .form .form-group:last-of-type{
		margin-top: 0;
	}
	.part6 .contact-wrapper .contact-users .contact-user{
		flex-direction: column;
		gap: 2rem;
		align-items: start;
	}
	.part6 .contact-wrapper .contact-users .contact-user .link{
		gap: 1.5rem;
	}
	.part6 .contact-wrapper .contact-users .contact-user .link .contact-user-info p,
	.part6 .contact-wrapper .contact-users .contact-user .link .contact-user-info p a {
		font-size: 1.4rem;
	}

}