#e-bn-c{
	opacity:0;
	display:block;
	pointer-events:none;
	-webkit-transition: all 1s linear;
	transition: all 1s linear;
}

#e-bn-c[type="float"]{
	position: fixed;
	top: calc(50% - 0px);
	left: 50%;
	z-index: 999999999;
	-webkit-transform: scale(1.05) translate(-50%, -50%);
	transform: scale(1.05) translate(-50%, -50%);
	min-width: unset!important;
	padding: 0;
	width: min(95%, 1230px);
	min-width: unset !important;
	transform-origin: top left;
	-webkit-transition: opacity .25s linear, transform .4s ease-out;
	transition: opacity .25s linear, transform .4s ease-out;
}

#e-bn-c .ferme{
	display:none;
	position:absolute;
	top: 30px;
	right:30px;
	width :25px;
	height:25px;
	cursor:pointer;
	z-index: 99999999;
	cursor: pointer;
}

#e-bn-c .ferme:after{
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	background-color: #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

#e-bn-c .ferme:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	background-color: #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

#e-bn-c[type="float"] .ferme{
	display:block;
	filter: drop-shadow(#fff 1px 1px 0px) invert(1);
}

body.geo-banner #e-bn-c{
	opacity:1;
	-webkit-transform: scale(1) translate(-50%, -50%);
	transform: scale(1) translate(-50%, -50%);
	pointer-events:auto;
}

#PageContainer:before{
	opacity:0;
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #000000ab;
	z-index: 20;
	-webkit-transition: opacity 1s linear;
	transition: opacity 1s linear;
	pointer-events:none;
}

body.geo-banner #PageContainer:before {
	opacity:1;
}

.btn-banner-eco:hover .btn-fill{
	transform: translateY(var(--motion-translateY));
	--motion-translateY: 100%;
}

.btn-banner-eco:hover .btn-fill{
	transform: translateY(var(--motion-translateY));
	--motion-translateY: -50%;
}

#e-bn-c .image-with-text.with-background {
	color: rgb(var(--color-foreground));
	border-radius: var(--rounded-block);
}


.ban-eco .media>img.le-background {
	object-position: 13vw 0 !important;
	left: unset;
	max-width: unset;
	width: auto;
}

.ban-eco .media>img.le-logo {
	object-fit: fill;
}

.ban-eco {
	display: flex;
	flex-direction: column;
	row-gap: 6.5rem;
}

@media (max-width:600px){
	
	.ban-eco .media>img.le-background {
		object-position: 50% center !important;
		left: unset;
		max-width: unset;
		width: auto;
	}
}