.hd-container-outer {
	padding-top: calc(18rem + 12.1rem); /* 8rem */
	margin-right: auto;
	margin-left: auto;
	padding-left: 3.2rem;
	padding-right: 3.2rem;
	max-width: 128rem;
}

.hd-container-outer p;
.hd-container-outer div {
	font-size: 1.5rem;
}

{# Google Popup #}
.gm-style-iw-ch {
  padding-top: 20px; !important
}
.gm-style-iw-tc {
  display: none;
}
.gm-style-iw-d {
  min-width: 250px !important;
}
.gm-style-iw-chr button {
  width: 38px !important;
  height: 38px !important;
  position: absolute !important;
  right: 0 !important;
}
.gm-style-iw-chr button span {
  width: 18px !important;
  height: 18px !important;
  margin: 5px !important;
}
.gm-style-iw-d {
  overflow: unset !important;
  margin-bottom: 1rem !important;
}

@media (max-width: 1279px) {
	.hd-container-outer {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
		padding-top: calc(18rem + 8rem);
	}
}

{# INTRODUCTION #}
.hd-introduction-container-outer {
	padding-bottom: 6rem;
}


.hd-introduction-container-outer .wrapper {
	position: relative;
}
.hd-introduction-container-outer .bkg-shape {
	position: absolute;
	top: -40px;
	left: 36.25px;
	width: 60px;
	height: 67px;
	border-top: 2px solid var(--primary-color);
	border-left: 2px solid var(--primary-color);
}

.hd-introduction-container-outer h1 {
	font-size: 2.5rem;
	line-height: 5rem;
}

@media (max-width: 480px) {
	.hd-introduction-container-outer .bkg-shape {
		left: calc(36.25px / 2);
	}
}
@media (max-width: 425px){
	.hd-container-outer {
		padding-top: 8rem;
	}
	.hd-introduction-container-outer {
		display: none;
	}
}
.hd-introduction-container-inner {
	width: calc((100% / 12) * 10);
	margin: 0 auto;
}
.hd-introduction-container-inner p {
  font-size: 1.6rem;
}

.hd-introduction-container-inner p:not(:last-of-type) {
	margin-bottom: 3rem;
}
.hd-introduction-container-inner p strong {
	font-weight: 500;
}
{# MAP & FORM #}
.hd-map-container-outer {
	padding-top: 6rem;
	padding-bottom: 4rem;
	position: relative;
}
@media (max-width: 992px) {
	.hd-map-container-outer {
		display: flex;
		flex-direction: column;
	}
	.hd-map-container-outer .wrapper {
		order: -1;
	}
}
@media (max-width: 425px) {
	.hd-map-container-outer {
		padding-top: 4rem;
	}
}

.map-container {
	position: absolute;
	top: 6rem;
	left: calc(((100vw - 100%) / 2)*(-1));
	width: 50vw;
	height: 533px;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.5s ease, visibility 0.5s ease;
	border-radius: 5px;
}
@media (max-width: 992px) {
	.map-container {
		position: relative;
		width: 100vw;
		top: auto;
	}
}
.map-container.shazam {
	visibility: visible;
	opacity: 1;
}
.map-container .gmnoprint > div {
	border-radius: 6px !important; /* obligatoire pour contrer style inline GMAPS 🤢 */
	/* 	box-shadow: 0 0 6px 0 #bcbcbd !important; */
}
.map-container .gmnoprint > div > div {
	/* width: 40px !important; */ /* obligatoire pour contrer style inline GMAPS 🤢 */
	/* margin: 0px !important; */ /* obligatoire pour contrer style inline GMAPS 🤢 */
}
.map-container .gm-style .gm-style-iw-c {
	padding: 2rem 1.5rem;
	border-radius: 3px;
	box-shadow: none;
	transform: translate(0px,calc(-100% + 25px));
}
@media (max-width: 480px) {
	.map-container .gm-style .gm-style-iw-c {
		transform: translate(-50%,calc(-100% - 0px));
	}
}
.map-container .gm-style .gm-style-iw-c > button {
	display: none !important;/* obligatoire pour contrer style inline GMAPS 🤢 */
}
.map-container .gm-style .gm-style-iw-t::after {
	display: none;
}
.map-container .infowindow .right-col {
	padding-left: 15px;
  padding-right: 15px;
}
.map-container .infowindow .image-maker {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: cover;
}
.map-container .infowindow .name-maker {
	font-family: var(--font-family);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.08;
	color: var(--secondary-color);
	padding-bottom: 5px;
	padding-top: 8px;
}
.map-container .infowindow .city-maker {
	font-family: var(--font-family);
	font-size: 12px;
	font-weight: 300;
	line-height: 1.35;
	color: var(--secondary-color);
	padding-bottom: 5px;
	max-width: 250px;
}
@media (max-width: 1280px) {
	.map-container .infowindow .city-maker {
		max-width: 200px;
	}
}
@media (max-width: 1024px) {
	.map-container .infowindow .city-maker {
		max-width: 140px;
	}
}
.map-container .infowindow .link-maker-container {
	position: relative;
}
.map-container .infowindow .link-maker {
	position: relative;
	font-family: var(--font-family);
	font-size: 15px;
	font-weight: 600;
	line-height: 2.08;
	color: var(--primary-color);
}

.map-container .infowindow .link-maker::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: var(--primary-color);
	bottom: 2px;
	transform: scale(0,1);
	transition: transform .2s;
	transform-origin: right top;
}
@media (hover: hover) {
	.map-container .infowindow .link-maker:hover::after {
		transform-origin: left top;
		transform: scale(1,1);
	}
}

.hd-map-container-inner {
	width: calc((100% / 12) * 5);
	height: 533px;
	margin: 0 0 0 auto;
}
@media (max-width: 992px) {
	.hd-map-container-inner {
		width: 100%;
		height: auto;
		margin: 0;
		padding-bottom: 4rem;
	}
}
.hd-map-title-container,
.hd-map-subtitle-container,
.hd-map-form {
	display: inline-flex;
}

.hd-map-title-container .hd-map-title {
	position: relative;
	font-size: 2.5rem;
	font-weight: 500;
	line-height: 1.6;
	padding-bottom: 4rem;
}
.hd-map-title-container .hd-map-title::after {
	content: "";
	position: absolute;
	bottom: 3rem;
	left: 0;
	width: 36px;
	height: 2px;
	background-color: var(--primary-color);
	transform: translateY(-50%);
}

.hd-map-subtitle-container {
	padding-bottom: 3rem;
	margin-bottom: 0;
  font-size: 1.6rem;
}
.hd-map-form {
	position: relative;
	width: 100%;
}

.hd-map-form:not(:last-of-type) {
	margin-bottom: 2rem;
}

.hd-map-form label {
	flex: 1 0 100%;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.73;
	padding-bottom: 1rem;
}
.hd-map-form .input-container {
	align-items: center;
	justify-content: space-between;
	flex: 1 0 100%;
	background-color: #F9F9F9;
	border-radius: 19.5px;
}

.hd-map-form .input-container input,
.hd-map-form .input-container button {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.hd-map-form .input-container input {
	width: calc(100% - 110px);
	background-color: transparent;
	border: none;
	font-size: 1.5rem;
	font-weight: 300;
	height: 40px;
	padding: 0 0 0 2rem;
	box-shadow: none;
}
.hd-map-form .input-container input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	font-size: 1rem;
	color: #857f91;
}
.hd-map-form .input-container input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-size: 1rem;
	color: #857f91;
	opacity: 1;
}
.hd-map-form .input-container input::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-size: 1rem;
	color: #857f91;
	opacity: 1;
}
.hd-map-form .input-container input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-size: 1rem;
	color: #857f91;
}
.hd-map-form .input-container input::-ms-input-placeholder { /* Microsoft Edge */
	font-size: 1rem;
	color: #857f91;
}
.hd-map-form .input-container input::placeholder { /* Most modern browsers support this now. */
	font-size: 1rem;
	color: #857f91;
}

.hd-map-form .input-container button {
	font-family: var(--font-family);
	border: 0;
	background-color: var(--primary-color);
	box-shadow: inset 0 0 0 1px var(--primary-color);
	padding-left: 2rem;
	padding-right: 2rem;
	border-radius: 100px;
	color: var(--white-color);
	font-size: 1.2rem;
	line-height: 1.73;
	text-align: center;
	height: 36px;
	margin-right: 2px;
	transition: all 0.2s ease;
	white-space: nowrap;
}
@media (hover: hover) {
	.hd-map-form .input-container button:hover {
		background-color: transparent;
		color: var(--primary-color);
	}
}
.hd-map-form .error-message {
	position: absolute;
	top: 100%;
	left: 0;
	padding-left: 2rem;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.73;
	color: var(--danger-color);
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s ease;
}
.hd-map-form .error-message.lumos {
	opacity: 1;
	visibility: visible;
}

.hd-map-form .autocomplete-container {
	position: absolute;
	top: calc(100% + 5px);
	left: 2rem;
	width: calc((100% - 2rem) - 125px);
	z-index: 5;
	padding: 0rem;
	background-color: var(--white-color);
	border-radius: 5px;
	box-shadow: 0 5px 15px rgba(54,51,67,0);
	max-height: 0;
}
.hd-map-form .autocomplete-container.shazam {
	box-shadow: 0 5px 15px rgba(54,51,67,0.3);
	max-height: 500px;
	padding: 2rem;
  font-size: 1.4rem;
}

.hd-map-form .autocomplete-container .suggest-container {
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #E6E6E6;
	cursor: pointer;
}
.hd-map-form .autocomplete-container .suggest-container:first-of-type {
	padding-top: 0;
}
.hd-map-form .autocomplete-container .suggest-container:last-of-type {
	padding-bottom: 0;
	border: 0;
}

{# OTHER CITY #}
.hd-other-country {
	padding-top: 4rem;
	padding-bottom: 6rem;
}
.hd-other-country-text-container {
	width: calc((100% / 12) * 10);
	margin: 0 auto;
	padding-bottom: 3rem;
	font-size: 1.5rem;
}
.hd-other-country-cta-container {
	flex: 1 0 100%;
}
.hd-other-country-cta-container .cta-container.outline.secondary a.cta_button {
	color: var(--secondary-color);
	background-color: transparent;
	box-shadow: inset 0 0 0 1px var(--secondary-color);
	font-size: 10.8px;
	line-height: 11.88px;
}
@media (hover: hover) {
	.hd-other-country-cta-container .cta-container.outline.secondary a.cta_button:hover {
		color: var(--white-color);
		background-color: var(--secondary-color);
	}
}

{# MAKER #}
.hd-maker-container-outer {
	position: relative;
	padding-top: 6rem;
	padding-bottom: 4rem;
}
@media (max-width: 768px) {
	.hd-maker-container-outer {
		padding-bottom: 2rem;
	}
}
.hd-maker-title-container h2 {
	position: relative;
	font-weight: 500;
	padding-bottom: 0.5rem;
	display: inline-block;
	margin: 0 auto;
}

.hd-maker-title-container h2::after {
	content: "";
	position: absolute;
	bottom: -0.5rem;
	right: 0;
	width: 36px;
	height: 2px;
	background-color: var(--primary-color);
	transform: translateY(-50%);
}
@media (max-width: 480px) {
	.hd-maker-title-container h2::after {
		right: calc(50% - 18px);
	}
}
.hd-maker-container-inner {
	position: relative;
	flex-wrap: wrap;
}
.hd-maker-container-inner .maker {
	flex: 0 0 calc(((100% / 12) * 3) - (3rem / (4/3)));
	margin-left: 3rem;
	margin-top: 6rem;
}

.hd-maker-container-inner .maker:nth-child(4n + 1) {
	margin-left: 0rem;
}
@media (max-width: 768px) {
	.hd-maker-container-inner {
		flex-wrap: nowrap;
		overflow-x: scroll;
		padding-bottom: 2rem;
	}
	.hd-maker-container-inner .maker {
		position: relative;
		flex: 0 0 250px;
	}
	.hd-maker-container-inner .maker:not(:first-of-type)::after {
		content: "";
		position: absolute;
		top: 0;
		left: -1.5rem;
		width: 1px;
		height: 100%;
		background-color: #EBEBEB;
	}
	.hd-maker-container-inner .maker:nth-child(4n + 1) {
		margin-left: 3rem;
	}
	.hd-maker-container-inner .maker:first-of-type {
		margin-left: 0;
	}
}
.hd-maker-container-inner .maker-city {
	font-size: 1.8rem;
	font-weight: 600;
	padding-bottom: 2rem;
}

.hd-maker-container-inner .maker-city a {
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.43;
}
.hd-maker-container-inner .maker-text {
	/* padding-bottom: 3rem; */
}
.hd-maker-container-inner .maker-link-container {
	position: relative;
	padding-right: 1.5rem;
	line-height: 3rem;
}
.hd-maker-container-inner .maker-link-container::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: var(--primary-color);
	bottom: -2px;
	transform: scale(0,1);
	transition: transform .2s;
	transform-origin: right top;
}
@media (hover: hover) {
	.hd-maker-container-inner .maker-link-container:hover::after {
		transform-origin: left top;
		transform: scale(1,1);
	}
}

.hd-maker-container-inner .maker-link {
	position: relative;
	font-size: 1.3rem;
	line-height: 1.6;
	font-weight: 600;
  color: var(--primary-color);
	text-align: center;
  display: inline-block;
}
.hd-maker-container-inner .maker-link::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -12px;
	width: 12px;
	height: 12px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c3a744' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
	transform: translate(50%,-50%);
}

.hd-maker-container-inner .col-spacer {
	position: absolute;
	top: 6rem;
	height: calc(100% - 6rem);
	width: 1px;
	background-color: #ebebeb;
}

.hd-maker-container-inner .col-spacer[data-length="1"] {
	left: calc(50% - 0.5px);
}
.hd-maker-container-inner .col-spacer[data-index="1"][data-length="3"] {
	left: calc(((100% / 4) * 1) - 0.5px);
}
.hd-maker-container-inner .col-spacer[data-index="2"][data-length="3"] {
	left: calc(((100% / 4) * 2) - 0.5px);
}
.hd-maker-container-inner .col-spacer[data-index="3"][data-length="3"] {
	left: calc(((100% / 4) * 3) - 0.5px);
}

.hd-maker-container-inner .line-spacer {
	position: absolute;
	left: 0;
	height: 1px;
	width: 100%;
	background-color: #ebebeb;
}

@media (max-width: 768px) {
	.hd-maker-container-inner .col-spacer,
	.hd-maker-container-inner .line-spacer {
		display: none;
	}
}
@media (min-width: 769px) {
	.hd-maker-container-inner .mobile-spacer,
	.hd-maker-container-outer .mobile-box-shadow {
		display: none;
	}

}
.hd-maker-container-inner .mobile-spacer {
	min-width: 100px;
	min-height: 100%;
}
.hd-maker-container-outer .mobile-box-shadow {
	position: absolute;
	bottom: 0;
	right: calc(2.5rem - 1px);
	width: 1px;
	height: calc(100% - 16.5rem);
	box-shadow: 0 0 50px 75px rgba(255,255,255,1);
}
@media (max-width: 480px) {
	.hd-maker-container-outer .mobile-box-shadow {
		height: calc(100% - 20.5rem);
		box-shadow: 0 0 25px 25px rgba(255,255,255,1);
	}
}

/* EN-GB */
{# SALARIES #}
.map-hd-map-container-inner {
	width: 50%;
	margin: 0 0 0 auto;
}
.image-map-container {
	width: 50%;
}
.map-salaries-container-outer {
	width: 100%;
}
.map-salaries-container-outer .wrapper {
	padding: 0;
}
.map-salaries-container-outer .salaries-container-inner {

}

.map-salaries-card-outer {
	text-align: center;
}
.map-salaries-card-outer .map-salaries-card-inner {
	flex: 0 0 calc((100%/2)-3rem);
	position: relative;
	padding: 4rem 4rem;
	margin-top: 3rem;
	margin-right: 3rem;
	background-color: var(--white-color);
	box-shadow: inset 0 0 0 1px #F2F2F2, 0 0 0px 0 #EDEBF3;
	transition: all 0.2s ease;
}
.map-salaries-card-outer .map-salaries-card-inner:last-of-type {
	margin-right: 0;
}
.map-salaries-card-outer .map-salaries-card-inner:hover {
	box-shadow: inset 0 0 0 1px #F2F2F2, 0 0 21px 0 #EDEBF3;
}
.map-salaries-card-outer .map-salaries-card-inner .salaries-img {

}
.map-salaries-card-outer .map-salaries-card-inner .salaries-img img {
	width: 80px;
	height: 80px;
	object-fit: cover;
	border-radius: 50%;
}
.map-salaries-card-outer .map-salaries-card-inner .salaries-name {
	font-weight: 500;
	padding-top: 1.4rem;
	padding-bottom: 1.4rem;
}
.map-salaries-card-outer .map-salaries-card-inner .salaries-name h4 {
	font-size: 1.5rem;
}
.map-salaries-card-outer .map-salaries-card-inner .cta-rdv {
	text-align: center;
	font-size: 0.9rem;
	margin-bottom: 2rem;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 1.3rem;
	padding-bottom: 1.3rem;
	line-height: var(--cta-line-height);
	font-weight: var(--cta-font-weight);
	text-transform: var(--cta-text-transform);
	color: var(--cta-color);
	border-radius: var(--cta-border-radius);
	background: var(--cta-background);
	box-shadow: inset var(--cta-box-shadow-x) var(--cta-box-shadow-y) var(--cta-box-shadow-blur) var(--cta-box-shadow-spread) var(--cta-box-shadow-color);
	transition: var(--cta-transition);
	z-index: 5;
}
.map-salaries-card-outer .map-salaries-card-inner .cta-rdv:hover {
	color: var(--cta-color-hover);
	background: var(--cta-background-hover);
}
.map-salaries-card-outer .map-salaries-card-inner .cta-call {
	text-align: center;
	font-size: 0.9rem;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-top: 1.3rem;
	padding-bottom: 1.3rem;
	line-height: var(--cta-line-height);
	font-weight: var(--cta-font-weight);
	text-transform: var(--cta-text-transform);
	border-radius: var(--cta-border-radius);
	transition: var(--cta-transition);
	box-shadow: inset 0 0 0 1px var(--secondary-color);
	color: var(--secondary-color);
	background-color: var(--white-color);
	z-index: 5;
}
.map-salaries-card-outer .map-salaries-card-inner .cta-call:hover {
	background-color: var(--secondary-color);
	color: var(--white-color);
}
.map-salaries-card-outer .map-salaries-card-inner .cta-card {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 992px) {
	.map-salaries-card-outer .map-salaries-card-inner {
		flex: 0 0 calc((100%/2) - 3rem);
	}
	.map-salaries-card-outer .map-salaries-card-inner:nth-child(odd) {
		margin-right: 3rem;
	}
	.map-salaries-card-outer .map-salaries-card-inner:nth-child(even) {
		margin-right: 0;
	} 
}
@media (max-width: 480px) {
	.map-salaries-card-outer .map-salaries-card-inner {
		flex: 0 0 100%;
	}
	.map-salaries-card-outer .map-salaries-card-inner:nth-child(odd),
	.map-salaries-card-outer .map-salaries-card-inner:nth-child(even) {
		margin-right: 0;
	}
}

@media (max-width: 1006px){
	.image-map-container {
		width: 100%;
	}
	.image-map-container img {
		width: 60%;
	}
	.map-hd-map-container-inner {
		width: 100%;
		margin: 7rem 3rem 0;
	}
}

@media (max-width:465px) {
	.image-map-container img {
		width: 100%;
	}
}