.ydu_section_tiltbar {
	position: relative;
}

/* commenter car bug home avec SVG .home svg g {
  -webkit-transform: translateZ(0);
}*/

.home_slider_marques > div > div > div > div {
	display: flex;
	justify-content: center;
	align-items: center;
}

.home_slider_marques img {
	height: 100px;
	object-fit: contain;
	max-width: 120px;
}

.home_slider_marques {
	margin-top: 50px;
}

.home_slider_marques, #shortcode-883-451 {
	width: 100%;
}

.home_slider_marques ul {
	display: flex;
}

.home_slider_marques li::before {
	content: none !important;
}

.ydu_section_tiltbar::before {
	content: "";
	position: absolute;
	z-index: -1;
	background-size: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: all 1.7s ease-in-out;
	-webkit-mask-image: linear-gradient(to right, black 0% 100%);
	mask-image: linear-gradient(to right, black 0% 100%);
	mask-image: linear-gradient(to right, black 0% 100%);
	mask-image: linear-gradient(to right, black 0% 100%);
    mask-size: 0% 0%;
    -webkit-mask-size: 0% 0%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.ydu_section_tiltbar.ydu_tilt_right::before {
	background-image: -webkit-linear-gradient(to top right, transparent 0% calc(50% - 1.2px), #a4eb92  calc(50% - .4px) calc(50% + .4px), transparent  calc(50% + 1.2px) 100%);
	background-image: -moz-linear-gradient(to top right, transparent 0% calc(50% - 1.2px), #a4eb92  calc(50% - .4px) calc(50% + .4px), transparent  calc(50% + 1.2px) 100%);
	background-image: -o-linear-gradient(to top right, transparent 0% calc(50% - 1.2px), #a4eb92  calc(50% - .4px) calc(50% + .4px), transparent  calc(50% + 1.2px) 100%);
	background-image: linear-gradient(to top right, transparent 0% calc(50% - 1.2px), #a4eb92  calc(50% - .4px) calc(50% + .4px), transparent  calc(50% + 1.2px) 100%);
    mask-position: top left;
    -webkit-mask-position: top left;
}

.ydu_section_tiltbar.ydu_tilt_right.ydu_tiltbar_shown::before {
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
}

.ydu_section_tiltbar.ydu_tilt_left::before {
	background-image: -webkit-linear-gradient(to top left, transparent 0% calc(50% - 1.2px), #a4eb92  calc(50% - .4px) calc(50% + .4px), transparent  calc(50% + 1.2px) 100%);
	background-image: -moz-linear-gradient(to top left, transparent 0% calc(50% - 1.2px), #a4eb92  calc(50% - .4px) calc(50% + .4px), transparent  calc(50% + 1.2px) 100%);
	background-image: -o-linear-gradient(to top left, transparent 0% calc(50% - 1.2px), #a4eb92  calc(50% - .4px) calc(50% + .4px), transparent  calc(50% + 1.2px) 100%);
	background-image: linear-gradient(to top left, transparent 0% calc(50% - 1.2px), #a4eb92  calc(50% - .4px) calc(50% + .4px), transparent  calc(50% + 1.2px) 100%);
    mask-position: top right;
    -webkit-mask-position: top right;
}

.ydu_section_tiltbar.ydu_tilt_left.ydu_tiltbar_shown::before {
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
}

/* Scroll down HP */
.ydu_scroll_down_wrapper .ydu_scroll_down {
	position: absolute;
	bottom: 2em;
	display: block;
	left: 50%;
	transform: translateX(-50%);
	width: 6em;
	height: 12vh;
/* 	filter: drop-shadow(0 0 5px rgba(0,0,0,.5)) */
}
.ydu_scroll_down::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 1em;
	background-image: linear-gradient(to bottom, transparent 0% calc(20% - 1px), red 20% 80%, transparent calc(80% + 1px) 100%);
}



@keyframes ydu_animate_home_arrow_shaft {
	0% {
		-webkit-mask-position-y: -14em;
		mask-position-y: -14em;
	}
	50% {
		-webkit-mask-position-y: 0em;
		mask-position-y: 0em;
	}
	100% {
		-webkit-mask-position-y: 8em;
		mask-position-y: 8em;
	}
}

@keyframes ydu_animate_home_arrow_head {
	0% {
		mask-position: .3em .3em;
		-webkit-mask-position: .3em .3em;
	}
	12% {
		mask-position: .3em .3em;
		-webkit-mask-position: .3em .3em;
	}
	50% {
		mask-position: -1em -1em;
		-webkit-mask-position: -1em -1em;
	}
	60% {
		mask-position: -1em -1em;
		-webkit-mask-position: -1em -1em;
	}
	100% {
		mask-position: -1.8em -1.8em;
		-webkit-mask-position: -1.8em -1.8em;
	}
}

.ydu_scroll_down::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 1em;
	background: #2b6a85;
	width: 2px;
	transform: translateX(-50%);
	-webkit-mask-image: -webkit-linear-gradient(black 0% 100%);
	mask-image: -moz-linear-gradient(black 0% 100%);
	mask-image: -o-linear-gradient(black 0% 100%);
	mask-image: linear-gradient(black 0% 100%);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 200%;
	mask-size: 100% 200%;
	animation: 2s 0s cubic-bezier(1, 0, 0, 1) ydu_animate_home_arrow_shaft infinite;
	-webkit-mask-position-y: -14em;
	mask-position-y: -14em;
}

.ydu_scroll_down::after {
	position: absolute;
	content: "";
	bottom: 1em;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	height: 1em;
	width: 1em;
	background: #2b6a85;
	clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) 0);
	mask-image: linear-gradient(135deg, transparent 0% 25%, black 25% 75%, transparent 75% 100%);
	-webkit-mask-image: linear-gradient(135deg, transparent 0% 25%, black 25% 75%, transparent 75% 100%);
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: 3em 3em;
	-webkit-mask-size: 3em 3em;
	mask-position: .5em .5em;
	-webkit-mask-position: .5em .5em;
	animation: 2s cubic-bezier(1, 0, 0, 1) ydu_animate_home_arrow_head infinite;
}

/* Contact form upload files */

.ydu_form_contact div[data-class="wpcf7cf_group"] {
	overflow: hidden;
	display: block !important;
}

.ydu_form_contact div[data-class="wpcf7cf_group"].wpcf7cf-hidden {
	max-height: 0;
	transition: max-height 0.2s;
}

.ydu_form_contact div[data-class="wpcf7cf_group"]:not(.wpcf7cf-hidden) {
	max-height: 800px;
	transition: max-height 1.5s;
}

