/* SUMMARY

.FONTS
.GLOBAL SETTINGS
.HEADER
.OUR WEBSITES
.HOME
.LIST NEWS
.ARTICLE
.GLOSSARY
.GLOSSARY BOURSE
.KEY FIGURES
.PAGE
.VALEO AI
.PRESS RELEASES
.SOCIAL MEDIA
.CONTACT
.CONTACT FORM
.MAP IFRAME
.FOOTER
.HACK INTERNET EXPLORER
.MEDIA QUERIES - DEVICE < 1450px
.MEDIA QUERIES - DEVICE < 1350px
.MEDIA QUERIES - DEVICE < 1150px
.MEDIA QUERIES - TABLET < 1024px
.MEDIA QUERIES - TABLET LANDSCAPE < 1024px
.MEDIA QUERIES - TABLET < 768px
.MEDIA QUERIES - MOBILE < 480px

*/

/* FONTS
================================================================================= */
@font-face {
	font-family: 'Arrrows';
	src: url('../fonts/Arrrows-Regular.eot');
	src: url('../fonts/Arrrows-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Arrrows-Regular.woff2') format('woff2'),
		url('../fonts/Arrrows-Regular.woff') format('woff'),
		url('../fonts/Arrrows-Regular.ttf') format('truetype'),
		url('../fonts/Arrrows-Regular.svg#Arrrows-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Montserrat
* -------------------------- */
@font-face {
	font-family: 'Montserrat';
	src: url("../fonts/Montserrat-VF.woff2") format("woff2 supports variations"),
		url("../fonts/Montserrat-VF.woff2") format("woff2-variations");
	font-weight: 100 1000;
}

/* IBM Plex Mono
* -------------------------- */
@font-face {
	font-family: 'IBM Plex Mono';
	src: url('../fonts/IBMPlexMono-Regular.woff2') format('woff2'),
		url('../fonts/IBMPlexMono-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* IBM Plex Mono - Medium
* -------------------------- */
@font-face {
	font-family: 'IBM Plex Mono';
	src: url('../fonts/IBMPlexMono-Medium.woff2') format('woff2'),
		url('../fonts/IBMPlexMono-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}


/* IBM Plex Sans
* -------------------------- */
@font-face {
	font-family: 'IBM Plex Sans';
	src: url('../fonts/IBMPlexSans-Regular.woff2') format('woff2'),
		url('../fonts/IBMPlexSans-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* IBM Plex Sans - Medium
* -------------------------- */
@font-face {
	font-family: 'IBM Plex Sans';
	src: url('../fonts/IBMPlexSans-Medium.woff2') format('woff2'),
		url('../fonts/IBMPlexSans-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

/* IBM Plex Sans - Semi bold
* -------------------------- */
@font-face {
	font-family: 'IBM Plex Sans';
	src: url('../fonts/IBMPlexSans-SemiBold.woff2') format('woff2'),
		url('../fonts/IBMPlexSans-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}


/* GLOBAL SETTINGS
================================================================================= */
* {
	box-sizing: border-box;
}
html {
	width: 100%;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	font-weight: normal;
	font-family: 'Montserrat', sans-serif, "Microsoft YaHei";
	color: #000000;
	font-weight:normal;
	background: #ffffff;
	width: 100%;
}
::-moz-selection {
	background: #82e600;
	color: #ffffff;
}
::selection {
	background: #82e600;
	color: #ffffff;
}
a {
	text-decoration: none;
	color: #000000;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
}
ul, ol {
	margin: 0;
	padding: 0;
}
ul li {
	list-style: none;
}
a.evitement {
	display: inline-block;
	color: #555;
	background: #fff;
	padding: .5em;
	position: absolute;
	left: -99999px;
	z-index: 100;
	top: 0;
}
a.evitement:focus {
	left: 0;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap; /* added line */
	border: 0;
}
.monitoringClaraNet {
	display: none;
	visibility: hidden;
	opacity: 0;
}

/* Barba wrapper */
#barba-wrapper {
	margin-top: 105px;
	position: relative;
}

/* Button */
.btnNew {
	width: 94px;
	height: 94px;
	background: transparent;
	border-radius: 50%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
	text-align: center;
	transition: all 0.3s ease-in-out;
}
body.mobility .discover {
	margin: 0 auto;
	border: 1px solid #283583;
}
	.btnNew p {
		text-align: center;
		width: 100%;
		font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
		font-size: 10px;
		line-height: 10px;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #000000;
	}
	.btnNew a {
		text-align: center;
		width: 100%;
		height: 100%;
		font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
		font-size: 10px;
		line-height: 92px;
		text-transform: uppercase;
		color: #000000;
		transition: all 0.3s ease-in-out;
	}
	.btnNew svg {
		text-align: center;
		margin: 0 auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
		.btnNew svg * {
			fill: currentColor !important;
		}
		.btnNew svg path {
			fill: #000000;
			transition: all 0.3s ease-in-out;
		}

		.buttonCta {
			width: 100%;
			margin: 80px auto 0 auto;
			display: block;
			text-align: center;
		}
			.buttonCta a {
				text-decoration: underline;
				font-size: 14px;
				line-height: 19px;
			}

/* BTN Carriere */
.btnNew.cercle {
	margin: 0 auto;
	width: 94px;
	height: 94px;
	background: #334395;
	border: 1px solid #334395;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
}
	.btnNew.cercle a {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: 100%;
		height: 100%;
		font-family: 'Montserrat', sans-serif, "Microsoft YaHei";
		font-size: 12px;
		line-height: 14px;
		font-weight: 500;
		text-transform: none;
		color: #ffffff;
		transition: all 0.3s ease-in-out;
	}
.btnNew.cercle:hover {
	background: #ffffff;
}
	.btnNew.cercle:hover a {
		color: #000000;
	}

.btnNew.rectangle {
	background: #334395;
	border: 1px solid #334395;
	margin: 0 auto;
	width: fit-content;
	height: auto;
	border-radius: 35px;
	padding: 0;
	text-align: center;
	transition: all 0.3s ease-in-out;
}
	.btnNew.rectangle a {
		color: #ffffff;
		font-family: 'Montserrat', sans-serif, "Microsoft YaHei";
		font-size: 14px;
		line-height: 16px;
		font-weight: 500;
		width: 100%;
		display: block;
		height: 100%;
		position: relative;
		padding: 20px 20px;
		text-transform: none;
		transition: all 0.3s ease-in-out;
	}
.btnNew.rectangle:hover {
	background: #ffffff;
}
	.btnNew.rectangle:hover a {
		color: #000000;
	}

/* Banner news */
.bannerNews {
	width: 100%;
	background: #334395;
	margin-top: 50px;
}
	.bannerNews .inner {
		margin: 0 auto;
	}
		.bannerNews .inner a {
			display: block;
			padding: 20px;
			color: #ffffff;
			font-size: 20px;
			line-height: 26px;
			text-align: center;
		}

#cookie-law-info-bar {
	padding: 40px !important;
}

/* Cookies banner Webtoffee */
.cli-bar-container {
	flex-direction: column;
}
.cli-bar-message {
	width: 100%;
	margin-bottom: 30px;
}
.cli-bar-btn_container {
	align-self: flex-end;
}
#cookie-law-info-bar {
	padding: 40px !important;
}
.cli-modal-content .cli-tab-footer .cli-btn {
	background: rgb(30, 115, 190);
	border: 0 !important;
	border-radius: 25px !important;
}
.cli-plugin-button,
.cli-plugin-button:visited,
.medium.cli-plugin-button,
.medium.cli-plugin-button:visited {
	border: 0 !important;
	border-radius: 25px !important;
}
.cli-privacy-content-text a {
	text-decoration: underline;
}


/* HEADER
================================================================================= */
header.mainHeader {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 12;
	background: #ffffff;
	box-shadow: 0px 6px 11px 0px rgb(0 0 0 / 25%);
}
	header.mainHeader .top {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		-ms-flex-pack: justify;
		    justify-content: space-between;
		border-bottom: 1px solid #D9D9D9;
	}
		header.mainHeader .top .left {
			margin-right: auto;
			padding: 5px 30px;
		}
			header.mainHeader .top .left a {
				font-family: 'IBM Plex Mono', sans-serif;
				font-weight: 500;
				font-size: 12px;
				line-height: 16px;
				text-transform: uppercase;
			}
				header.mainHeader .top .left a p {
					display: inline;
				}
				header.mainHeader .top .left a p.green {
					color: #334395;
				}
				header.mainHeader .top .left a p.red {
					color: #334395;
				}
		header.mainHeader .top .right {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-align: center;
			    align-items: center;
		}
			header.mainHeader .top .right .joinUs {
				background: #82E600;
				padding: 10px 24px;
				font-weight: 400;
				font-family: 'IBM Plex Mono', sans-serif;
				font-size: 12px;
				line-height: 16px;
				text-transform: uppercase;
				transition: 0.3s;
			}
			header.mainHeader .top .right .joinUs:hover {
				background: #000000;
				color: #82E600;
			}

	header.mainHeader .headerWrapper {
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		padding: 10px 0;
	}

	/* Burger menu (Tablet & mobile)
	* -------------------------- */	
	.burger-menu {
		width: calc( (100vw/12) * 2 );
		display: block;
		transition: all 0.3s;
		height: 48px;
		background: none;
		border: none;
		position: relative;
		padding: 0;
	}
		.burger-menu .inner {
			width: 30px;
			position: absolute;
			top: 50%;
			left: 30px;
			transform: translateY(-50%);
			cursor: pointer;
		}
		.burger-menu span {
			font-family: 'IBM Plex Sans', sans-serif;
			font-size: 12px;
			line-height: 18px;
			font-weight: 400;
			color: #19191c;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			left: 40px;
			min-width: 40px;
		}
		.burger-menu #circle {
			z-index: 2;
		}
		.burger-menu .bar {
			transition: all 0.3s;
			height: 1px;
			width: 100%;
			display: block;
			background-color: #19191c;
			border-top: 1px solid black;
		}
		.burger-menu .bar:nth-of-type(2) {
			margin: 11px 0 0 0;
		}
		.burger-menu .bar:nth-of-type(3) {
			margin: 12px 0 0 0;
		}
		.burger-menu--closed {
			transition-delay: 0.3s;
		}
		.burger-menu--closed .bar:nth-of-type(2) {
			transition-property: margin, height, width;
			transition-delay: 0.3s, 0.3s, 0s;
		}
		.burger-menu--closed .bar:nth-of-type(3) {
			transition-property: margin, height, width;
			transition-delay: 0.3s, 0.3s, 0s;
		}
		.burger-menu--opened {
			padding-top: 12px;
		}
		.burger-menu--opened .bar:nth-of-type(1) {
			transform: rotate(45deg);
			transition-delay: 0.3s;
			height: 1px;
		}
		.burger-menu--opened .bar:nth-of-type(2) {
			transform: rotate(-45deg);
			transition-delay: 0.3s;
			height: 1px;
			margin: -1px 0 0 0;
		}
		.burger-menu--opened .bar:nth-of-type(3) {
			transform: rotate(-45deg);
			transition-delay: 0.3s;
			height: 1px;
			margin: -1px 0 0 0;
		}

	/* Black Header
	* -------------------------- */
	header.mainHeader.blackHeader {
		background: #19191c;
	}
		header.mainHeader.blackHeader .burger-menu .bar {
			background: #ffffff;
		}
		header.mainHeader.blackHeader .burger-menu span {
			color: #ffffff;
		}
		header.mainHeader.blackHeader .languages a {
			color: #ffffff;
		}
		header.mainHeader.blackHeader .languages li.active {
			background: #ffffff;
			color: #19191c;
		}
			header.mainHeader.blackHeader .languages li.active a {
				color: #19191c;
			}
		header.mainHeader.blackHeader .ourWebsites svg .cls-133 {
			fill: none;
			stroke: #ffffff;
			stroke-linejoin: round;
		}
		header.mainHeader.blackHeader .searchMobileWrapper svg path {
			fill: #ffffff;
		}
		header.mainHeader.blackHeader .logo svg path:first-of-type {
			fill: #ffffff;
		}
		header.mainHeader.blackHeader .logo svg path:last-of-type {
			fill: #ffffff;
		}


	/* Main Nav Wrapper
	* -------------------------- */
	header.mainHeader .mainNavWrapper {
		width: calc( (100vw/12) * 5 );
		position: relative;
	}
		header.mainHeader .logo {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			text-align: center;
		}
			header.mainHeader .logo img {
				display: block;
				width: 80px;
				height: auto;
				margin: 0 auto;
				position: relative;
				z-index: 99;
			}
			header.mainHeader .logo h1 {
				text-align: center;
			}
				header.mainHeader .logo h1 a,
				header.mainHeader .logo a {
					display: block;
					height: -moz-fit-content;
					height: fit-content;
				}
				header.mainHeader .logo svg {
					width: 80px;
					height: 35px;
					position: relative;
					z-index: 99;
					transition: all 0.3s ease-in-out;
				}
					header.mainHeader .logo svg path:first-of-type {
						fill: #4e6b7c;
					}
					header.mainHeader .logo svg path:last-of-type {
						fill: #82e600;
					}

	/* Overlay Main menu
	* -------------------------- */
	.overlayMainMenu {
		position: fixed;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.6);
		z-index: 1;
		top: 0;
		left: 0;
		display: none;
	}

	/* Search Pop-in
	* -------------------------- */
	.searchPopin {
		display: none;
	}

	/* Our websites
	* -------------------------- */
	header.mainHeader .ourWebsites {
		background: none;
		border: 0;
		padding: 0;
		cursor: pointer;
		margin: 0 32px;
	}
		header.mainHeader .ourWebsites svg {
			width: 25px;
			display: block;
		}
		header.mainHeader .ourWebsites svg:focus-visible {
			outline: 2px solid #000000;
			padding: 1px;
		}
			header.mainHeader .ourWebsites svg .cls-133 {
				fill: none;
				stroke: #19191c;
				stroke-linejoin: round;
				color: #ffffff;
			}
		header.mainHeader .ourWebsites svg * {
			fill: currentColor !important;
		}

	/* Languages selector
	* -------------------------- */
	header.mainHeader .searchMobileWrapper {
		display: none;
	}
	header.mainHeader .languages {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-ms-flex-item-align: end;
		margin-left: auto;
	}
	header.mainHeader .languages li {
		display: inline-block;
		width: 30px;
		height: 30px;
		text-align: center;
		border-radius: 50%;
		line-height: 26px;
		float: right;
		text-transform: uppercase;
	}
		header.mainHeader .languages a {
			font-family: 'IBM Plex Sans', sans-serif;
			font-size: 10px;
			font-weight: 400;
			width: 30px;
			height: 30px;
			color: #000000;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-align: center;
			    align-items: center;
			-ms-flex-pack: center;
			    justify-content: center;
		}
		header.mainHeader .languages a:focus-visible {
			outline: 2px solid #000;
			padding: 1px;
		}
			
	/* Active */
	header.mainHeader .languages li.active a {
		font-weight: 600;
	}

	/* Search results page */
	body.search-results header.mainHeader .languages li,
	body.search-no-results header.mainHeader .languages li,
	body.error404 header.mainHeader .languages li {
		display: none;
	}
	header.mainHeader .languages li.en,
	header.mainHeader .languages li.fr,
	header.mainHeader .languages li.cn {
		display: inline-block;
	}

	/* Main navigation mobile
	* -------------------------- */
	header.mainHeader .mainNavMobile {
		background: #ffffff;
		width: 100%;
		height: 90vh;
		position: fixed;
		top: 91px;
		left: 0;
		z-index: 5;
		padding: 35px calc( (100vw/12) * 0.5 );
		display: none;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
	header.mainHeader .mainNavMobile .ourWebsites {
		display: block;
		width: 100%;
		padding-bottom: 50px;
	}
	header.mainHeader .mainNavMobile ul > li {
		padding-bottom: 30px;
		font-size: 20px;
		line-height: 24px;
	}
	header.mainHeader .mainNavMobile ul > li:last-of-type {
		/* padding-bottom: 0; */
	}
		header.mainHeader .mainNavMobile ul > li > button {
			font-size: 20px;
			line-height: 24px;
			background: #ffffff;
			border: 0;
			font-family: 'Montserrat', sans-serif, "Microsoft YaHei";
			padding: 0;
			color: #000000;
		}
			header.mainHeader .mainNavMobile ul > li > button svg {
				margin-left: 10px;
			}
	header.mainHeader .mainNavMobile ul li.back {
		padding-bottom: 50px;
	}
	header.mainHeader .mainNavMobile ul li.back span {
		opacity: 0.5;
	}
		header.mainHeader .mainNavMobile ul li.back button {
			padding-left: 5px;
		}
		header.mainHeader .mainNavMobile .subMenu.firstLevel {
			display: none;
			z-index: 2;
			position: absolute;
			top: 0;
			left: 100%;
			width: 100%;
			padding-bottom: 30px;
		}
			header.mainHeader .mainNavMobile .subMenu.firstLevel .secondLevel {
				display: none;
				width: 100%;
				z-index: 3;
				position: absolute;
				top: 0;
				left: 100%;
			}

/* Main navigation - Desktop
* -------------------------- */
.mainNavDesktop {
	width: 100%;
	height: calc(100vh - 105px);
	position: fixed;
	top: 105px;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1;
	display: none;
}
	.mainNavDesktop .wrapper {
		width: calc( (100vw/12) * 9 );
		height: 100%;
	}
		.searchFormMenuWrapper {
			width: calc( (100vw/12) * 3 );
			background: #ffffff;
			padding-top: 30px;
		}
			.searchFormMenuWrapper .searchFormMenu {
				width: calc( (100vw/12) * 2.5 );
				background: #ffffff;
				border: none;
				border-radius: 35px;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-align: center;
				    align-items: center;
				padding: 0 10px;
				margin-left: calc( (100vw/12) * 0.25 );
				border: 1px solid #000000;
				margin-bottom: 0;
			}
				.searchFormMenuWrapper .searchFormMenu button {
					background: none;
					border: none;
					padding: 5px 0;
					cursor: pointer;
				}
				.searchFormMenuWrapper .searchFormMenu input[type="text"] {
					margin: 0 0 0 20px;
					padding: 5px;
					border: none;
					font-family: 'IBM Plex Sans', sans-serif;
					font-size: 12px;
					line-height: 20px;
					font-weight: 400;
					color: #19191c;
				}
				.searchFormMenuWrapper .searchFormMenu input[type="text"]:-ms-input-placeholder {
					font-family: 'IBM Plex Sans', sans-serif;
					font-size: 12px;
					line-height: 20px;
					font-weight: 400;
					color: #19191c;
				}
				.searchFormMenuWrapper .searchFormMenu input[type="text"]::placeholder {
					font-family: 'IBM Plex Sans', sans-serif;
					font-size: 12px;
					line-height: 20px;
					font-weight: 400;
					color: #19191c;
				}

		.mainNavDesktop .wrapper ul {
			width: calc( (100vw/12) * 3 );
			height: 100%;
			padding: 40px 0 40px calc( (100vw/12) * 0.5 );
			background: #ffffff;
		}
			.mainNavDesktop .wrapper ul > li {
				padding-bottom: 20px;
				padding-right: 30px;
			}
				.mainNavDesktop .wrapper ul > li > button,
				.mainNavDesktop .wrapper ul > li > a {
					font-family: 'IBM Plex Sans', sans-serif;
					font-size: 16px;
					line-height: 20px;
					font-weight: 400;
					color: #19191c;
					background: none;
					border: none;
					cursor: pointer;
					padding: 0;
					transition: color 0.3s ease-in-out;
				}
					.mainNavDesktop .wrapper ul > li > button svg {
						margin-left: 5px;
					}
						.mainNavDesktop .wrapper ul > li > button svg path {
							transition: fill 0.3s ease-in-out;
						}

				.mainNavDesktop .wrapper ul > li > button:hover,
				.mainNavDesktop .wrapper ul > li > a:hover,
				.mainNavDesktop .wrapper ul li.active > button,
				.mainNavDesktop .wrapper ul > li.active > a {
					font-weight: 700;
				}
				.mainNavDesktop .wrapper ul > li > a:hover + button  svg path,
				.mainNavDesktop .wrapper ul > li > button:hover svg path,
				.mainNavDesktop .wrapper ul > li.openMenu.active > button svg path,
				.mainNavDesktop .wrapper ul > li.active > button svg path {
					fill: #82e600;
				}

		.mainNavDesktop .wrapper .subMenu.firstLevel {
			display: none;
			background: #ffffff;
			width: calc( (100vw/12) * 3 );
			height: 100%;
			position: absolute;
			top: 0;
			left: calc( (100vw/12) * 3 );
			padding-top: 75px;
			border-left: 1px solid #19191c;
		}
			.mainNavDesktop .wrapper .subMenu.firstLevel .secondLevel {
				display: none;
				background: #ffffff;
				width: calc( (100vw/12) * 3 );
				height: 100%;
				position: absolute;
				top: 0;
				left: calc( (100vw/12) * 3 );
				padding-top: 75px;
				border-left: 1px solid #19191c;
				margin-left: -1px;
			}
				.mainNavDesktop .wrapper .subMenu.firstLevel .secondLevel ul > li {
					margin-left: 15px;
					display: -ms-flexbox;
					display: flex;
					-ms-flex-align: center;
					    align-items: center;
				}
				.mainNavDesktop .wrapper .subMenu.firstLevel .secondLevel ul > li > svg {
					margin-right: 10px;
					min-width: 17px;
				}
				.mainNavDesktop .wrapper .subMenu.firstLevel .secondLevel ul > li:first-of-type {
					margin-left: 0;
				}
				.mainNavDesktop .wrapper .subMenu.firstLevel .secondLevel ul > li:first-of-type svg {
					display: none;
				}


/* OUR WEBSITES
================================================================================= */
.ourWebsitesPopin {
	position: fixed;
	width: 100%;
	height: calc(100vh - 105px);
	top: 105px;
	left: 0;
	z-index: 12;
	background: #34343a;
	display: none;
}
	.ourWebsitesPopin .inner {
		width: calc( (100vw/12) * 10 );
		margin-left: calc( (100vw/12) * 1 );
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		height: 80vh;
		margin-top: 60px;
		position: relative;
	}
		.ourWebsitesPopin .inner h2 {
			font-size: 35px;
			line-height: 39px;
			font-weight: 300;
			color: #ffffff;
			margin-bottom: 30px;
		}
		.ourWebsitesPopin .inner .wrapperColumns {
			width: 100%;
			display: -ms-flexbox;
			display: flex;
		}
		.ourWebsitesPopin .inner .column-2 {
			width: calc( (100vw/12) * 2 );
			margin-right: calc( (100vw/12) * 1 );
		}
			.ourWebsitesPopin .inner .column h3 {
				font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
				font-size: 10px;
				line-height: 18px;
				font-weight: 400;
				text-transform: uppercase;
				letter-spacing: 1px;
				color: #ffffff;
				padding-bottom: 5px;
				margin-bottom: 30px;
				position: relative;
				display: inline-block;
			}
			.ourWebsitesPopin .inner .column h3::after {
				content: '';
				width: 100%;
				height: 1px;
				position: absolute;
				left: 0;
				bottom: 5px;
				background: #ffffff;
			}
			.ourWebsitesPopin .inner .column ul li {
				padding-bottom: 5px;
			}
			.ourWebsitesPopin .inner .column ul li a {
				font-size: 14px;
				line-height: 22px;
				font-weight: 400;
				color: #ffffff;
				transition: all 0.3s ease;
			}
			.ourWebsitesPopin .inner .column ul li a:focus-visible {
				outline: 2px solid;
			}
		.ourWebsitesPopin .inner .column-3 {
			width: calc( (100vw/12) * 2 );
			margin-right: calc( (100vw/12) * 1 );
		}
		.ourWebsitesPopin .inner .column-4 {
			width: calc( (100vw/12) * 2 );
		}
		/* Close */
		.ourWebsitesPopin .inner .close {
			position: absolute;
			right: 20px;
			top: 0;
			border: 1px solid #ffffff;
			transition: all 0.6s ease;
			padding: 0;
			cursor: pointer;
		}
			.ourWebsitesPopin .inner .close button {
				background: none;
				border: 0;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				cursor: pointer;
			}
			.ourWebsitesPopin .inner .close button:focus-visible {
				outline: 2px solid;
			}
				.ourWebsitesPopin .inner .close button svg {
					position: static;
					transform: none;
				}
					.ourWebsitesPopin .inner .close button svg path {
						stroke: #ffffff;
					}
		/* Hover */
		.ourWebsitesPopin .inner .close:hover,
		.ourWebsitesPopin .inner .close:focus-visible {
			transform: rotate(270deg);
		}
		.ourWebsitesPopin .inner .column ul li a:hover
		.ourWebsitesPopin .inner .column ul li a:focus-visible {
			color: #000000;
		}


/* HOME
================================================================================= */

/* Main Slider
* -------------------------- */
.slider-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc( 100vh - 105px);
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.text-overlay {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    pointer-events: none;
    z-index: 7;
    position: absolute;
    top: 50%;
    transform: translateY(-15%);
}
.text-overlay .top {
    display: flex;
    align-items: center;
    width: 30vw;
    height: 40px;
    margin-left: 10vw;
}
.text-overlay .top em {
    font-style: normal;
}
.text-overlay .top .current-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4vw;
}
.text-overlay .top .current-slide .page-number {
    color: #83e600;
    transform: translateY(-4px);
    font-size: 14px;
    transition: 0.5s;
}
.text-overlay .top .current-slide .page-max {
    color: #ffffff;
    transform: translateY(4px);
    font-size: 10px;
    line-height: 18px;
    letter-spacing: 1px;
}
.text-overlay .top .separator {
    width: 3vw;
    height: 1px;
    margin: 0 2vw 0 1vw;
    background: #7f7d7e;
}
.text-overlay .top .tag {
    font-size: 10px;
    line-height: 18px;
    letter-spacing: 1px;
    width: 20vw;
    margin: 0;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 300;
    transition: 0.5s;
}
.text-overlay .top .tag em {
    font-weight: 500;
    color: #83e600;
}
.text-overlay .bottom {
    display: flex;
    flex-direction: column;
    width: 40vw;
    margin-left: 20vw;
    pointer-events: all;
}
.text-overlay .bottom .title-container {
    overflow: hidden;
}
.text-overlay .bottom .title-container.second-line {
    display: none !important;
}
.text-overlay .bottom .title-container .title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 44px;
    line-height: 50px;
    margin: 0;
    color: #ffffff;
    transition: 0.5s;
}
.slider-container .line-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4000px;
    height: 100%;
    transform: translateX(990px) translateY(253px);
}
.slider-container .points {
    position: absolute;
    width: 2300px;
    display: flex;
    justify-content: space-around;
}
.slider-container .line-container .point-1 {
    transform: translateY(-240px);
}
.slider-container .line-container .point-2 {
    transform: translateY(-145px);
}
.slider-container .line-container .point-3 {
    transform: translateY(-120px);
}
.slider-container .line-container .point-4 {
    transform: translateY(-30px);
}
.slider-container .line-container .point-5 {
    transform: translateY(130px);
}
.slider-container .line-container .point-6 {
    transform: translateY(280px);
}
.slider-container .line-container .point-7 {
    transform: translateY(212px);
}
.slider-container .line-container .point {
    width: 45px;
    z-index: 4;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px #cecece solid;
    border-radius: 50%;
    transition: 0.2s;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
}
.slider-container .line-container .point:hover {
    border: 6px #f2f2f2 solid;
    cursor: pointer;
}
.slider-container .line-container .point:active {
    border: 10px #83e600 solid;
}
.slider-container .line-container .point .center {
    width: 10px;
    height: 10px;
    background: #ffffff;
    border-radius: 50%;
    transition: 0.15s;
}
.slider-container .line-container .point:hover .center {
    transform: scale(1.30)
}
.checked-point {
    border: 3px #83e600 solid;
}
.checked {
    background: #83e600 !important;
}
.slider-container .line-container .control-overline {
    z-index: 3;
    height: 600px;
    width: 4000px;
}
.slider-container .line-container .control-overline .overline {
    z-index: 3;
    height: 600px;
    width: 4000px;
    position: absolute;
    overflow: hidden;
}
.slider-container .line-container .line {
    z-index: 2;
    height: 600px;
    width: 4000px;
    position: absolute;
}
.slider-container .line-container .line svg,
.slider-container .line-container .overline svg {
    width: 4000px;
}
.slider-container .line-container .line svg .cls-1 {
    fill: none;
    stroke: #ffffff;
    stroke-miterlimit: 10;
    stroke-width: 0.5px;
    stroke-dasharray: 1 2;
}
.slider-container .line-container .control-overline .overline svg .cls-2 {
    fill: none;
    stroke: #83e600;
    stroke-miterlimit: 10;
    stroke-width: 1px;
}
.circle-container {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 600px;
    z-index: 1;
    /* border-radius: 20px; */
    pointer-events: none;
}
.circle {
    width: 400px;
    height: 400px;
    z-index: 1;
    /* background: #ffffff; */
    opacity: 100%;
    border-radius: 50%;
    transition: 0.5s;
    transform: scale(1);
    backdrop-filter: brightness(1);
}
.background-content {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: -1;
	position: absolute;
	background: #1b1a1f;
	width: 100%;
	height: calc( 100vh - 105px);
	overflow: hidden;
}
.background-content .content .image {
	opacity: 0;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-size: cover;
}
.background-content .content .video {
	display: none;
	opacity: 0;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-size: cover;
}
.controls {
	display: flex;
	align-items: center;
	position: absolute;
	width: 100%;
	height: calc( 100vh - 105px);
	z-index: 11;
	pointer-events: none;
}
.controls .navigation {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 120px;
}
.controls .navigation .arrow-left {
	margin-left: 2vw;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	border: #ffffff solid 1px;
	border-radius: 50%;
	pointer-events: all;
	transition: .3s;
	cursor: pointer;
	background: none;
}
.controls .navigation .arrow-left svg {
	transform: rotate(-90deg);
}
.controls .navigation .arrow-left svg path {
	stroke: #ffffff;
}
.controls .navigation .arrow-right {
	margin-right: 2vw;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	border: #ffffff solid 1px;
	border-radius: 50%;
	pointer-events: all;
	transition: .3s;
	cursor: pointer;
	background: none;
}
.controls .navigation .arrow-right:hover,
.controls .navigation .arrow-left:hover,
.controls .navigation .arrow-right:focus,
.controls .navigation .arrow-left:focus  {
	border: #83e600 solid 5px;
	backdrop-filter: blur(2px);
	transform: scale(0.9);
}
.controls .navigation .arrow-right:active,
.controls .navigation .arrow-left:active {
    border: #83e600 solid 20px;
    backdrop-filter: blur(2px);
    transform: scale(0.75);
}
.controls .navigation .arrow-right svg {
    transform: rotate(90deg);
}
.controls .navigation .arrow-right svg path {
    stroke: #ffffff;
}
.video-controls {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    position: absolute;
    width: 100%;
    height: calc( 100vh - 105px);
    z-index: 11;
    /* border-radius: 20px; */
    pointer-events: none;
}
.video-controls .overflow {
    display: flex;
    margin-right: 40px;
    margin-bottom: 20px;
    overflow: hidden;
}
.video-controls .play {
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    width: 40px;
    height: 40px;
    background: #000000;
    border-radius: 50%;
    margin-right: 20px;
    transition: transform 0.6s;
    cursor: pointer;
    border: none;
    transform: translateY(40px);
}
.coverUnique .video-controls .play,
.coverUnique .video-controls .sound {
	transform: translateY(0px);
}
.video-controls .play img {
	width: 20px;
	height: 20px;
	transition: 0.3s;
}
.video-controls .sound {
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: all;
	width: 40px;
	height: 40px;
	background: #000000;
	border-radius: 50%;
	transition: transform 0.6s;
	cursor: pointer;
	border: none;
	transform: translateY(40px);
}
.video-controls .sound img {
	width: 20px;
	height: 20px;
	transition: 0.3s;
}
.video-controls .play:hover,
.video-controls .sound:hover {
	background: #000000;
}
.video-controls .play:hover img,
.video-controls .sound:hover img {
	transform: scale(0.9);
}
.video-controls .play:active img,
.video-controls .sound:active img {
	transform: scale(0.5);
}
.side-shadow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: calc( 100vh - 105px);
	z-index: 8;
	pointer-events: none;
}
.side-shadow .left {
	width: 20vw;
	height: 1000px;
	opacity: 0.45;
	background: rgb(18, 26, 18);
	filter: blur(70px);
	transform: translateX(-10vw);
}
.side-shadow .right {
	width: 20vw;
	height: 1000px;
	opacity: 0.45;
	background: rgb(18, 26, 18);
	filter: blur(70px);
	transform: translateX(10vw);
}
.slider-container .scrollBottom {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: calc( 100vh - 105px);
	z-index: 11;
	/* background: red; */
	/* border-radius: 20px; */
	pointer-events: none;
}
.slider-container .scrollBottom .arrow {
	pointer-events: all;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 2vw;
	transition: 0.3s;
	cursor: pointer;
	background: none;
	border: none;
}
.slider-container .scrollBottom .arrow svg {
	transform: rotateZ(180deg);
}
.slider-container .scrollBottom .arrow svg path {
	stroke: #ffffff;
}
.slider-container .scrollBottom .arrow:hover {
	transform: scale(0.9);
}
.discover-container {
	margin-left: 20vw;
	margin-top: 20px;
}
.discover-container .discover {
	display: flex;
	pointer-events: all;
	justify-content: center;
	align-items: center;
	width: 90px;
	height: 90px;
	color: #000000;
	background: #82e600;
	text-decoration: none;
	font-size: 10px;
	line-height: 18px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-radius: 50%;
	cursor: pointer;
	transition: 0.2s;
}
.discover-container .discover:hover {
	transform: scale(0.9) !important;
}
.discover-container .discover:focus {
	transform: scale(0.9) !important;
	outline: 2px solid;
}

/* Home - Main event Video
* -------------------------- */
.mainEventVideo {
	position: relative;
	overflow: hidden;
}
	.mainEventVideo img {
		width: 100%;
		display: block;
	}
	.mainEventVideo video {
		display: block;
		-o-object-fit: cover;
		object-fit: cover;
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		transform: translateX(-50%) translateY(-50%);
		background-size: cover;
	}
	.mainEventVideo .mutevideo {
		position: absolute;
		bottom: 50px;
		right: 40px;
		z-index: 2;
		background: #000000;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
		border: 1px solid #000000;
		cursor: pointer;
	}
		.mainEventVideo .mutevideo svg {
			width: 20px;
		}
        .mainEventVideo .mutevideo svg.soundOff {
            fill:none;
            stroke:#231f20;
            stroke-width:2;
            stroke-linecap:round;
            stroke-linejoin:round;
            stroke-miterlimit:10;
        }
			.mainEventVideo .mutevideo svg path {
				stroke: #82e600;
			}
 		.soundOn {
			display: none;		
		}

	/* Play / Pause */
	.mainEventVideo .playpause {
		position: absolute;
		bottom: 50px;
		right: 100px;
		z-index: 2;
		background: #000000;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #000000;
		cursor: pointer;
	}
		.mainEventVideo .playpause svg {
			width: 14px;
		}
			.mainEventVideo .playpause svg path {
				stroke: #82e600;
			}

		/* Play On */
 		.playOn {
			display: none;	
		}

	/* Overlay */
	.mainEventVideo .overlay {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.7);
	}

	/* Title */
	.mainEventVideo p.h1 {
		width: 100%;
		font-size: 80px;
		line-height: 70px;
		font-weight: 900;
		color: #ffffff;
		text-align: center;
		text-transform: uppercase;
		position: absolute;
		top: 130px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
	}
		.mainEventVideo p.h1 span.green {
			color: #82e600;
		}
		
	/* Link */
	.mainEventVideo a.link {
		font-family: 'IBM Plex Sans', sans-serif;
		font-size: 20px;
		line-height: 20px;
		font-weight: 300;
		color: #ffffff;
		text-transform: uppercase;
		position: absolute;
		top: 65%;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.3s ease-in-out;
	}
	.mainEventVideo a.link:after {
		content: '';
		width: 100%;
		height: 1px;
		background: #ffffff;
		position: absolute;
		bottom: -2px;
		left: 0;
	}

	/* Scroll Bottom */
	.mainEventVideo .scrollBottom {
		border: 1px solid #82e600;
		position: absolute;
		bottom: 10%;
		right: 50%;
		transform: rotate(180deg) translateX(-50%);
		z-index: 1
	}
	.mainEventVideo .scrollBottom:hover {
		background: #82e600;
	}

		.mainEventVideo .scrollBottom svg path {
			stroke: #ffffff;
		}

/* Main Event Black BG */
.blackBG {
	background: #19191c;
}
	.blackBG video,
	.blackBG .playpause,
	.blackBG .mutevideo,
	.blackBG .overlay {
		display: none;
	}
	.blackBG p.h1 span.stroke {
		color: #19191c;
		-webkit-text-stroke: 1px #ffffff;
	}


/* Home - Main carrousel
* -------------------------- */
.mainCarrouselHome {
	position: relative;
	height: calc( 100vh - 94px);
}
	/* Carrousel image */
	.mainCarrouselHomeImage .slick-item {
		position: relative;
		overflow: hidden;
		height: calc(100vh - 94px);
	}
		.mainCarrouselHomeImage .slick-item img {
			display: block;
			min-height: 100%;
			width: 100%;
		}
		.mainCarrouselHomeImage .slick-item img.mainCarrouselMobile {
			display: none;
		}
		.mainCarrouselHomeImage .slick-item video {
			display: block;
			height: 100%;
			min-width: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
		}	
		.mainCarrouselHomeImage .slick-item .overlay {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background: rgba(0, 0, 0, 0.5);
		}

		/* Mute button Carrousel
		* -------------------------- */
		.muteVideo {
			position: absolute;
			bottom: 100px;
			right: 40px;
			z-index: 2;
			background: #ffffff;
			width: 40px;
			height: 40px;
			border-radius: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 0;
			border: 1px solid #000000;
			cursor: pointer;
		}
			.muteVideo svg {
				width: 18px;
			}
			.muteVideo.clicked svg .hide {
				display: none;
			}

		/* Play/Stop button Carrousel
		* -------------------------- */
		.playpause {
			position: absolute;
			bottom: 40px;
			right: 40px;
			z-index: 2;
			background: #ffffff;
			width: 40px;
			height: 40px;
			border-radius: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			padding-left: 11px;
			border: 1px solid #000000;
		}
			.playpause button {
				display: block;
				box-sizing: border-box;
				width: 0;
				height: 22px;
				border-color: transparent transparent transparent #000000;
				transition: 100ms all ease;
				cursor: pointer;
				border-style: double;
				border-width: 0 0 0 16px;
				background: none;
			}
			.playpause.clicked button {
				border-style: solid;
				border-width: 11px 0 11px 16px;
			}

	/* Carrousel content */
	.mainCarrouselHomeContent {
		/* background: rgba(255, 255, 255, 0.9); */
		/* width: calc( (100vw/12) * 2.5 ); */
		/* right: calc( (100vw/12) * 1 ); */
		position: absolute;
		z-index: 1;
		top: 50%;
		/* transform: translateY(-50%); */
		display: none;
		opacity: 0;

		width: 40%;
		right: auto;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.mainCarrouselHomeContent.slick-initialized {
		display: block;
	}
		.mainCarrouselHomeContent .slick-list,
		.mainCarrouselHomeContent .slick-track {
			height: 100%;
		}
			.mainCarrouselHomeContent .slick-item .content {
				height: 100%;
				position: relative;
				min-height: 70vh;
				text-align: center;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
			}
				.mainCarrouselHomeContent .slick-item .content div.h2 {
					padding: 25px 40px;
				}
				.mainCarrouselHomeContent .slick-item .content div.h2 span {
					/* font-weight: 400;
					font-size: 25px;
					line-height: 29px;
					color: #000000;
					padding: 0; */

					padding: 0;
					text-align: center;
					color: #ffffff;
					font-size: 55px;
					line-height: 60px;
					font-weight: 600;
					width: 40%;
					margin-bottom: 40px;
				}
				.mainCarrouselHomeContent .slick-item .content .category {
					/* border-bottom: 1px solid hsla(0, 0%, 0%, 0.1); */
					padding: 20px 40px;
					position: absolute;
					bottom: 0;
					align-self: flex-end;
					justify-self: end;
					left: 50%;
					transform: translateX(-50%);
				}
					.mainCarrouselHomeContent .slick-item .content .category span {
						display: inline-block;
						font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
						font-size: 12px;
						line-height: 18px;
						font-weight: 500;
						text-transform: uppercase;
						letter-spacing: 1px;
						color: #000000;
						background-color: #ffffff;
						padding: 10px 15px;
						border-radius: 25px;
					}
				.mainCarrouselHomeContent .slick-item .content .cta {
					position: absolute;
					/* border: 1px solid #82e600; */
					border: 2px solid #ffffff;
					bottom: 90px;
					left: 50%;
					top: auto;
					margin: 60px auto 0;
					width: 60px;
					height: 60px;
					transform: translateX(-50%);
				}
					.mainCarrouselHomeContent .slick-item .content .cta svg path {
						color: #ffffff;
					}

				/* Hover CTA */
				.mainCarrouselHomeContent .slick-item .content .cta:hover,
				.mainCarrouselHomeContent .slick-item .content .cta:focus {
					background: #82e600;
					border: 5px solid #82e600;
				}
				.mainCarrouselHomeContent .slick-item .content .cta:hover svg path,
				.mainCarrouselHomeContent .slick-item .content .cta:focus svg path {
					fill: #ffffff;
				}
			
	/* Nav */
	.btnNewTemp {
		position: absolute;
		top: 50%;
		right: 25px;
		transform: translateY(-50%);
		z-index: 1;
		background: #ffffff;
		border: 0;
		z-index: 3;
	}

	.mainCarrouselHome .navNext {
		width: calc( (100vw/12) * 1 );
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		z-index: 1;
		opacity: 0;
		background: none;
		border: 0;
	}
		.mainCarrouselHome .navNext .btnNew {
			cursor: pointer;
			/* background: rgba(245, 245, 247, 0.9); */
			background: #ffffff;
			font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
			font-size: 10px;
			line-height: 18px;
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: 1px;
			color: #000000;
			text-align: center;
			margin: 0 auto;
			-ms-flex-align: center;
			    align-items: center;
			-ms-flex-pack: center;
			    justify-content: center;
			transition: all 0.3s ease-in-out;
		}

	/* Search button */
	.search.btnNew {
		position: fixed;
		top: 58%;
		left: 25px;
		transform: translateY(-50%);
		z-index: 2;
		background: #ffffff;
		border: 0;
		cursor: pointer;
		opacity: 0;
	}
	.barbaWrapperArticle .search.btnNew {
		opacity: 1;
	}
		.search.btnNew svg {
			transition: all 0.3s ease-in-out;
		}
		.search.btnNew:hover svg,
		.search.btnNew:focus svg {
			transform: translate(-50%, -50%) scale(1.25);
		}

	/* Search Form */
	.searchForm {
		height: 94px;
		background-color: #ffffff;
		position: fixed;
		top: 58%;
		left: 25px;
		transform: translateY(-50%);
		z-index: 1;
		border-radius: 55px;
		display: -ms-flexbox;
		display: flex;
		width: 0;
		transition: all 0.5s ease-in-out;
		-ms-flex-align: center;
		    align-items: center;
		-ms-flex-pack: justify;
		    justify-content: space-between;
		opacity: 0;
		visibility: hidden;
		border: 1px solid #000000;
	}
	.searchForm.open {
		width: calc( (100vw/12) * 6);
		z-index: 2;
	}
		.searchForm button[type="submit"] {
			cursor:pointer;
			width: 94px;
			background: none;
			border: none;
			opacity: 0;
			transition: all 1s ease-in-out;
		}
		.searchForm.open button[type="submit"] {
			opacity: 1;
		}
		.searchForm input[type="text"] {
			font-family: 'Montserrat', sans-serif, "Microsoft YaHei";
			width: calc( (100vw/12) * 4);
			margin: 0;
			background: none;
			border: 0;
			font-size: 22px;
			line-height: 24px;
			font-weight: 300;
			color: #000000;
			border: 1px solid #000000;
		}
		.searchForm .close {
			width: 94px;
			text-align: center;
			opacity: 0;
			cursor: pointer;
			background: none;
			border: 0;
		}
			.searchForm .close svg path {
				fill: #000000;
			}
		.searchForm.open .close {
			opacity: 1;
		}

	/* Search button - Article */
	.barbaWrapperArticle .search.btnNew,
	.barbaWrapperPage .search.btnNew {
		position: fixed;
		transform: translateX(-50%);
		top: 25vh;
		left: calc( (100vw/12) * 1 );
	}
	.barbaWrapperArticle .searchForm,
	.barbaWrapperPage .searchForm {
		position: fixed;
		transform: none;
		top: 25vh;
		left: calc( (100vw/12) * 1 - 47px );
	}
	.barbaWrapperPage.barbaWrapperPageEbike .search.btnNew {
		position: fixed;
		top: 58%;
		left: 25px;
		transform: translateY(-50%);
		z-index: 2;
		background: #ffffff;
		border: 0;
		cursor: pointer;
	}

	/* Contact button - Article */
	.barbaWrapperPage .contactBtn.btnNew {
		position: fixed;
		transform: translateX(-50%);
		top: 40vh;
		left: calc( (100vw/12) * 1 );
		z-index: 2;
		background: #ffffff;
		cursor: pointer;
		opacity: 0;
	}
	.contactBtn.btnNew svg {
		transition: all 0.3s ease-in-out;
		width: 20px;
	}
	.contactBtn.btnNew:hover svg,
	.contactBtn.btnNew:focus svg {
		transform: translate(-50%, -50%) scale(1.25);
	}

	/* Hide on article page */
	body.page-id-29732 .barbaWrapperPage .contactBtn.btnNew,
	body.page-id-29729 .barbaWrapperPage .contactBtn.btnNew,
	body.page-id-36255 .barbaWrapperPage .contactBtn.btnNew {
		display: none !important;
	}

	.socialIcones {
		position: fixed;
		z-index: 50;
		width: calc( (100vw/12) * 1 );
		right: 0px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1;
	}
	body.home .socialIcones {
		display: none;
	}
		.socialIcones ul {
			text-align: center;
		}
			.socialIcones ul li {
				width: 26px;
				margin: 0 auto;
			}
				.socialIcones ul li svg {
					width: 26px;
					height: 26px;
				}
				.socialIcones ul li:nth-of-type(5) svg .st0,
				.socialIcones ul li:nth-of-type(5) svg .st1,
				.socialIcones ul li:nth-of-type(5) svg .st2,
				.socialIcones ul li:nth-of-type(5) svg .st3 {
					fill: #000;
				}

			/* Hover */
			.socialIcones ul li:nth-of-type(1):hover svg circle,
			.socialIcones ul li:nth-of-type(1):focus svg circle {
				fill: #0077b5;
			}
			.socialIcones ul li:nth-of-type(2):hover svg path:nth-of-type(1),
			.socialIcones ul li:nth-of-type(2):focus svg path:nth-of-type(1) {
				fill: #0077b5;
			}
			.socialIcones ul li:nth-of-type(3):hover svg circle,
			.socialIcones ul li:nth-of-type(3):focus svg circle {
				fill: red;
			}
			.socialIcones ul li:nth-of-type(4):hover svg circle,
			.socialIcones ul li:nth-of-type(4):focus svg circle {
				fill: #4267b2;
			}

			.socialIcones ul li:nth-of-type(5):hover svg .st0,
			.socialIcones ul li:nth-of-type(5):focus svg .st0 {
				fill: url(#SVGID_1_);
			}
			.socialIcones ul li:nth-of-type(5):hover svg .st1,
			.socialIcones ul li:nth-of-type(5):focus svg .st1 {
				fill: url(#SVGID_2_);
			}
			.socialIcones ul li:nth-of-type(5):hover svg .st2,
			.socialIcones ul li:nth-of-type(5):focus svg .st2 {
				fill: url(#SVGID_3_);
			}

/* News Home & Country page
* -------------------------- */
.newsHome {
	background: #f5f5f7;
	padding: 95px 0;
	display: -ms-flexbox;
	display: flex;
}
	/* Main news */
	.newsHome .mainNews {
		width: calc( (100vw/12) * 5 - 25px);
		margin-left: 0;
		background: #334395;
		position: relative;
	}
	.newsHome .mainNews.bg {
		width: calc( (100vw/12) * 2);
		margin-left: calc( (100vw/12) * 1 );
		overflow: hidden;
	}
	.newsHome .mainNews.right {
		width: calc( (100vw/12) * 2.5);
		margin-left: calc( (100vw/12) * 1 );
	}
	.newsHome .mainNews.bg.right {
		width: calc( (100vw/12) * 4.5 - 25px);
		margin-left: 0;
	}
		.newsHome .mainNews.bg video {
			object-fit: cover;
			position: absolute;
			top: 50%;
			left: 50%;
			min-width: 100%;
			min-height: 100%;
			-webkit-transform: translateX(-50%) translateY(-50%);
			transform: translateX(-50%) translateY(-50%);
			background-size: cover;
			position: absolute;
			width: 150%;
			display: block;
		}
		.newsHome .mainNews.bg .controls-video {
			position: absolute;
			bottom: 20px;
			right: 20px;
			display: flex;
			align-items: center;
		}
			.newsHome .mainNews.bg .controls-video button {
				display: flex;
				justify-content: center;
				align-items: center;
				pointer-events: all;
				width: 40px;
				height: 40px;
				background: #000000;
				border-radius: 50%;
				transition: transform 0.6s;
				cursor: pointer;
				border: none;
				margin: 0 5px;
			}
			.newsHome .mainNews.bg .controls-video button img {
				display: block;
				width: 20px;
				height: 20px;
				transition: 0.3s;
			}
			.newsHome .mainNews.bg .controls-video button:hover img {
				transform: scale(0.9);
			}
		.newsHome .mainNews.bg img {
			display: none;
		}
		.newsHome .mainNews > span {
			font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
			font-size: 10px;
			line-height: 18px;
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: 1px;
			padding: 30px 40px 0 40px;
			color: #ffffff;
			display: block;
		}
			.newsHome .mainNews > a {
				color: #ffffff;
				font-size: 26px;
				line-height: 31px;
				font-weight: 300;
				padding: 20px 40px;
				width: 100%;
				display: block;
			}
			.newsHome .mainNews.right > a {
				font-size: 24px;
				line-height: 29px;
			}
		.newsHome .mainNews .cta {
			border: 1px solid #ffffff;
			position: absolute;
			left: 40px;
			bottom: 40px;
		}
			.newsHome .mainNews .cta svg path {
				fill: #ffffff;
			}
		/* Hover */
		.newsHome .mainNews .cta:hover,
		.newsHome .mainNews .cta:focus {
			background: #ffffff;
		}
		.newsHome .mainNews .cta:hover svg path,
		.newsHome .mainNews .cta:focus svg path {
			stroke: #334395;
		}

	/* Latest news */
	.newsHome .latestNews {
		background: #ffffff;
		width: calc( (100vw/12) * 3 );
	}
		.newsHome .latestNews h2 {
			background: #ffffff;
			font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
			font-size: 10px;
			line-height: 18px;
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: 1px;
			padding: 30px 40px;
			border-bottom: 1px solid hsla(0, 0%, 0%, 0.1);
			color: #000000;
		}
			.newsHome .latestNews h2 span {
				color: #00b6ed;	
			}
			.newsHome .latestNews ul li {
				padding: 15px 40px 25px 40px;
			}
				.newsHome .latestNews ul li a {
					color: #000000;
				}
				.newsHome .latestNews ul li .time {
					font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
					font-size: 10px;
					line-height: 18px;
					font-weight: 400;
					display: block;
				}
				.newsHome .latestNews ul li span {
					font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
					font-size: 14px;
					line-height: 18px;
					font-weight: 500;
					margin-top: 15px;
				}

	/* More news */
	.newsHome .moreNews {
		margin: 15px 0 40px 0;
	}
		.newsHome .moreNews .cta {
			border: 1px solid #00b6ed;
			margin-left: 40px;
		}
		.newsHome .moreNews .cta:hover,
		.newsHome .moreNews .cta:focus {
			background: #00b6ed;
		}
		.newsHome .moreNews .cta:hover a,
		.newsHome .moreNews .cta:focus a {
			color: #000000;
		}
		.newsHome .mainNews .cta:hover svg,
		.newsHome .mainNews .cta:focus svg {
			color: #000000;
		}

	/* Empty */
	.newsHome .empty {
		width: 25px;
	}

/* Mobility
* -------------------------- */
.mobilityHome {
	background: #f5f5f7;
	padding-bottom: 95px;
}	
	/* Carrousel image */
	.carrouselMobilityImage .slick-item img {
		width: 100%;
		display: block;
	}
	.carrouselMobilityImage .slick-item img.mobilityMobile {
		display: none;
	}
	/* Carrousel video */
	.carrouselMobilityImage .slick-item video {
		width: 100%;
		display: block;
	}
	.carrouselMobilityImage .slick-item {
		max-height: 32.29vw;
		overflow: hidden;
		position: relative;
	}

	/* Inner */
	.mobilityHome .inner {
		margin: -45px calc( (100vw/12) * 1 ) 0;
		background: #ffffff;
		position: relative;
		z-index: 1;
		border-bottom: 1px solid hsla(0, 0%, 0%, 0.1);
	}
		.mobilityHome .inner h2 {
			font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
			font-size: 10px;
			line-height: 18px;
			font-weight: 500;
			text-transform: uppercase;
			letter-spacing: 1px;
			padding: 13px 0 13px calc( (100vw/12) * 1 );
			border-bottom: 1px solid hsla(0, 0%, 0%, 0.1);
			color: #000000;
		}

		/* Carrousel dots */
		.carrouselMobilityTabs {
			display: none;
		}
		.carrouselMobilityTabsDots {
			padding: 40px 0 40px calc( (100vw/12) * 1 );
			border-bottom: 1px solid hsla(0, 0%, 0%, 0.1);
		}
			.carrouselMobilityTabsDots ul {
				padding: 0;
				margin: 0;
				position: static;
				text-align: left;
			}
				.carrouselMobilityTabsDots .slick-dots li {
					width: auto;
					height: auto;
				}
					.carrouselMobilityTabsDots .slick-dots li button {
						font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
						font-size: 10px;
						line-height: 18px;
						font-weight: 400;
						text-transform: uppercase;
						letter-spacing: 1px;
						color: #000000;
						transition: all 0.3s ease-in-out;
						padding: 38px 0;
						cursor: pointer;
						margin-right: 20px;
						background-color: #f5f5f7;
						padding: 5px 15px;
						border-radius: 25px;
						border: none;
						width: auto;
						height: auto;
					}
					.carrouselMobilityTabsDots .slick-dots li.slick-active button {
						background-color: #00b6ed !important;
						color: #000000;
						font-weight: 700;
					}
					.carrouselMobilityTabsDots .slick-dots li button:before {
						display: none;
					}
		
		/* Carrousel content */
		.carrouselMobilityContent {
			position: relative;
		}
			.carrouselMobilityContent .slick-item {
				font-size: 17px;
				line-height: 27px;
				padding: 60px calc( (100vw/12) * 3 ) 80px calc( (100vw/12) * 1 );
				display: -ms-flexbox;
				display: flex;
				position: relative;
			}
			.carrouselMobilityContent .slick-item .content {
				width: calc( (100vw/12) * 8 );
			}
				.carrouselMobilityContent .slick-item .cta {
					border: 1px solid #00b6ed;
					position: absolute;
					right: calc( (100vw/12) * 1 );
					top: 50%;
					transform: translateY(-50%);
				}
				/* Hover */
				.carrouselMobilityContent .slick-item .cta:hover,
				.carrouselMobilityContent .slick-item .cta:focus {
					background: #00b6ed;
				}
				.carrouselMobilityContent .slick-item .cta:hover svg path,
				.carrouselMobilityContent .slick-item .cta:focus svg path {
					fill: #ffffff;
				}

/* Banner 100 years
* -------------------------- */
.banner100years {
	overflow: hidden;
	background: #000000;
	padding: 60px 30px;
}
	.banner100years .row {
		display: block;
		width: 100%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
		-ms-flex-pack: center;
		    justify-content: center;
		margin-bottom: 20px;
	}
	.banner100years .row:last-of-type {
		margin-bottom: 0;
	}
		.banner100years .row img.logo {
			display: block;
			width: 100%;
			max-width: 250px;
		}
		.banner100years .row img.banner {
			display: block;
			width: auto;
			max-width: 100%;
		}
		.banner100years .row span {
			display: block;
			font-style: italic;
			font-weight: 100;
			font-size: 60px;
			line-height: 73px;
			color: #ffffff;
			margin-left: 10px;
		}
		.banner100years .row .discover {
			font-family: 'IBM Plex Mono', monospace;
			display: -ms-flexbox;
			display: flex;
			pointer-events: all;
			-ms-flex-pack: center;
			    justify-content: center;
			-ms-flex-align: center;
			    align-items: center;
			min-width: 94px;
			width: 94px;
			height: 94px;
			color: #000000;
			background: #82e600;
			text-decoration: none;
			font-weight: 400;
			font-size: 10px;
			line-height: 13px;
			letter-spacing: 1px;
			text-transform: uppercase;
			border-radius: 50%;
			cursor: pointer;
			transition: 0.2s;
			margin-left: 40px;
		}
		.banner100years .row .discover:hover {
			transform: scale(0.9);
		}

/* Valeo Stories
* -------------------------- */
.valeoStories {
	padding: 56px calc( (100vw/12) * 1);
}
	.valeoStories .supertitle {
		display: block;
		font-family: 'IBM Plex Mono', sans-serif;
		font-size: 12px;
		line-height: 16px;
		font-weight: 500;
		letter-spacing: 0.25em;
		text-transform: uppercase;
		color: #5B7E8E;
	}
	.valeoStories h2 {
		font-size: 32px;
		line-height: 40px;
		font-weight: 500;
		color: #000000;
		margin: 24px 0 36px;
	}

	/* Carrousel */
	.valeoStoriesCarrousel {
		visibility: hidden;
		width: 100%;
	}
	.valeoStoriesCarrousel.slick-initialized {
		visibility: visible;
	}
		.valeoStoriesCarrousel .slick-track {
			display: -ms-flexbox;
			display: flex;
		}
		.valeoStoriesCarrousel .slick-list {
			margin: 0 -16px;
		}
			.valeoStoriesCarrousel .slick-slide {
				height: inherit;
				margin: 0 16px;
			}
			.valeoStoriesCarrousel .slick-slide:focus {
				outline: 1px solid #000000;
			}
				.valeoStoriesCarrousel .slick-item a {
					position: relative;
					display: block;
					width: 100%;
					height: 100%;
					padding-bottom: 100px;
				}
				.valeoStoriesCarrousel .slick-item .img {
					position: relative;
					width: 100%;
					overflow: hidden;
				}
					.valeoStoriesCarrousel .slick-item .img svg {
						position: absolute;
						top: 24px;
						left: 24px;
						z-index: 1;
					}
					.valeoStoriesCarrousel .slick-item .img img {
						display: block;
						width: 100%;
						height: auto;
					}
					.valeoStoriesCarrousel .slick-item .img video {
						object-fit: cover;
						position: absolute;
						top: 50%;
						left: 50%;
						width: 200%;
						height: auto;
						transform: translateX(-50%) translateY(-50%);
						background-size: cover;
					}

					/* Video controls */
					.valeoStoriesCarrousel .slick-item .img .videoControls {
						display: -ms-flexbox;
						display: flex;
						-ms-flex-align: center;
						    align-items: center;
						-ms-flex-pack: center;
						    justify-content: center;
						gap: 16px;
						position: absolute;
						right: 20px;
						bottom: 20px;
						z-index: 1;
					}
					.valeoStoriesCarrousel .slick-item .img .videoControls .play {
						display: -ms-flexbox;
						display: flex;
						-ms-flex-pack: center;
						    justify-content: center;
						-ms-flex-align: center;
						    align-items: center;
						width: 40px;
						height: 40px;
						background: #000000;
						border-radius: 50%;
						transition: transform 0.6s;
						cursor: pointer;
						border: 0;
					}
					.valeoStoriesCarrousel .slick-item .img .videoControls .play img {
						width: 20px;
						height: 20px;
						transition: 0.3s;
					}
					.valeoStoriesCarrousel .slick-item .img .videoControls .sound {
						display: -ms-flexbox;
						display: flex;
						-ms-flex-pack: center;
						    justify-content: center;
						-ms-flex-align: center;
						    align-items: center;
						width: 40px;
						height: 40px;
						background: #000000;
						border-radius: 50%;
						transition: transform 0.6s;
						cursor: pointer;
						border: 0;
					}
					.valeoStoriesCarrousel .slick-item .img .videoControls .sound img {
						width: 20px;
						height: 20px;
						transition: 0.3s;
					}
					.valeoStoriesCarrousel .slick-item .img .videoControls .play:hover img,
					.valeoStoriesCarrousel .slick-item .img .videoControls .sound:hover img {
						transform: scale(0.9);
					}
					.valeoStoriesCarrousel .slick-item .img .videoControls .play:active img,
					.valeoStoriesCarrousel .slick-item .img .videoControls .sound:active img {
						transform: scale(0.5);
					}

				.valeoStoriesCarrousel .slick-item .content {
					padding: 24px 12px;
				}
					.valeoStoriesCarrousel .slick-item .content .top {
						font-family: 'IBM Plex Mono', sans-serif;
						font-size: 12px;
						line-height: 16px;
						font-weight: 300;
						letter-spacing: 0.25em;
						text-transform: uppercase;
						color: #000000;
					}
						.valeoStoriesCarrousel .slick-item .content .top span {
							font-weight: 500;
							color: #334395;
						}
						.valeoStoriesCarrousel .slick-item .content h3 {
							margin: 12px auto 24px;
							font-weight: 500;
							font-size: 20px;
							line-height: 28px;
						}
						.valeoStoriesCarrousel .slick-item .content .cta {
							position: absolute;
							left: 12px;
							bottom: 0;
							width: 94px;
							height: 94px;
							border: 1px solid #334395;
							border-radius: 50%;
							display: -ms-flexbox;
							display: flex;
							-ms-flex-align: center;
							    align-items: center;
							-ms-flex-pack: center;
							    justify-content: center;
							cursor: pointer;
							font-family: 'IBM Plex Mono', sans-serif;
							font-weight: 400;
							font-size: 10px;
							line-height: 13px;
							text-transform: uppercase;
							transition: 0.3s;
						}

						/* Hover */
						.valeoStoriesCarrousel .slick-item:hover .cta {
							background: #334395;
							color: #ffffff;
						}

		/* Nav */
		.valeoStoriesCarrousel .arrow-left {
			position: absolute;
			top: 50%;
			left: -120px;
			transform: translateY(-50%);
			display: -ms-flexbox;
			display: flex;
			-ms-flex-pack: center;
			    justify-content: center;
			-ms-flex-align: center;
			    align-items: center;
			width: 94px;
			height: 94px;
			border: 1px solid #334395;
			border-radius: 50%;
			pointer-events: all;
			transition: .3s;
			transition-property: background;
			cursor: pointer;
			background: #334395;
		}
			.valeoStoriesCarrousel .arrow-left svg {
				transform: rotate(270deg);
			}
				.valeoStoriesCarrousel .arrow-left svg path {
					stroke: #ffffff;
					transition: .3s;
				}
		.valeoStoriesCarrousel .arrow-left:hover,
		.valeoStoriesCarrousel .arrow-left:focus-within {
			background: #ffffff;
		}
			.valeoStoriesCarrousel .arrow-left:hover svg path,
			.valeoStoriesCarrousel .arrow-left:focus-within svg path {
				stroke: #334395;
			}
		.valeoStoriesCarrousel .arrow-right {
			position: absolute;
			top: 50%;
			right: -120px;
			transform: translateY(-50%);
			display: -ms-flexbox;
			display: flex;
			-ms-flex-pack: center;
			    justify-content: center;
			-ms-flex-align: center;
			    align-items: center;
			width: 94px;
			height: 94px;
			border: 1px solid #334395;
			border-radius: 50%;
			pointer-events: all;
			transition: .3s;
			transition-property: background;
			cursor: pointer;
			background: #334395;
		}
			.valeoStoriesCarrousel .arrow-right svg {
				transform: rotate(90deg);
			}
				.valeoStoriesCarrousel .arrow-right svg path {
					stroke: #ffffff;
					transition: .3s;
				}
		.valeoStoriesCarrousel .arrow-right:hover,
		.valeoStoriesCarrousel .arrow-right:focus-within {
			background: #ffffff;
		}
			.valeoStoriesCarrousel .arrow-right:hover svg path,
			.valeoStoriesCarrousel .arrow-right:focus-within svg path {
				stroke: #334395;
			}

	.valeoStories .progress {
		width: 100%;
		height: 4px;
		margin-top: 56px;
		background: rgba(217, 217, 217, 0.2);
		transition: background-size .4s ease-in-out;
		position: relative;
		overflow: hidden;
	}
		.valeoStories .progress span {
			width: 20%;
			height: 4px;
			background: #334395;
			position: absolute;
			top: 0px;
			left: 0;
			z-index: 1;
			transition: width .4s ease-in-out;
		}
	.slick-disabled {
		display: none !important;
	}
	.slick-hidden {
		display: none !important;
	}

	/* Dots */
	.slick-dotted.slick-slider {
		margin-bottom: 0;
	}
	.valeoStories .slick-dots {
		position: static;
		margin-top: 24px;
	}
		.valeoStories .slick-dots li {
			margin: 0 5px;
		}
			.valeoStories .slick-dots li button::before {
				color: #334395;
				opacity: 1;
				font-size: 10px;
				transition: .3s;
			}
			.valeoStories .slick-dots li.slick-active button::before,
			.valeoStories .slick-dots li:hover button::before {
				color: #82E600;
			}


/* Valeo Technologies
* -------------------------- */
.valeoTechnologies {
	padding: 56px 0 0 0;
}
	.valeoTechnologies .supertitle {
		display: block;
		padding: 0 calc( (100vw/12) * 1);
		font-family: 'IBM Plex Mono', sans-serif;
		font-size: 12px;
		line-height: 16px;
		font-weight: 500;
		letter-spacing: 0.25em;
		text-transform: uppercase;
		color: #5B7E8E;
	}
	.valeoTechnologies h2 {
		padding: 0 calc( (100vw/12) * 1);
		font-size: 32px;
		line-height: 40px;
		font-weight: 500;
		color: #000000;
		margin: 24px 0 36px;
	}
	.valeoTechnologies .inner {
		display: -ms-flexbox;
		display: flex;
	}
		.valeoTechnologies .inner .item {
			width: calc(100% / 4);
		}
			.valeoTechnologies .inner .item a {
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
			}
				.valeoTechnologies .inner .item a img {
					display: block;
					width: 100%;
				}
				.valeoTechnologies .inner .item a h3 {
					position: absolute;
					top: 50%;
					left: 50%;
					width: 100%;
					transform: translate(-50%, -50%);
					z-index: 2;
					padding: 24px;
					font-weight: 600;
					font-size: 16px;
					line-height: 20px;
					text-align: center;
					letter-spacing: 0.15em;
					text-transform: uppercase;
					color: #ffffff;
					transition: 0.3s;
				}
				.valeoTechnologies .inner .item a .cta {
					position: absolute;
					left: 50%;
					bottom: 94px;
					transform: translateX(-50%);
					width: 94px;
					height: 94px;
					border: 1px solid #ffffff;
					border-radius: 50%;
					display: -ms-flexbox;
					display: flex;
					-ms-flex-align: center;
					    align-items: center;
					-ms-flex-pack: center;
					    justify-content: center;
					cursor: pointer;
					font-family: 'IBM Plex Mono', sans-serif;
					font-weight: 400;
					font-size: 10px;
					line-height: 13px;
					text-transform: uppercase;
					transition: 0.3s;
					color: #ffffff;
					opacity: 0;
					z-index: 2;
				}
				.valeoTechnologies .inner .item .overlay {
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;
					background: linear-gradient(0deg, rgba(19, 46, 100, 0.25), rgba(19, 46, 100, 0.25));
					transition: 0.3s;
				}

				/* Hover */
				.valeoTechnologies .inner .item:hover .overlay,
				.valeoTechnologies .inner .item:focus-within .overlay {
					background: #334395;
				}
				.valeoTechnologies .inner .item:hover h3,
				.valeoTechnologies .inner .item:focus-within h3 {
					transform: translate(-50%, -40%);
				}
				.valeoTechnologies .inner .item:hover .cta,
				.valeoTechnologies .inner .item:focus-within .cta {
					opacity: 1;
					bottom: 104px;
				}

/* Valeo Products
* -------------------------- */
.valeoProducts {
	background: #F7F7F7;
	padding:  0 calc( (100vw/12) * 1) 56px calc( (100vw/12) * 1);
	overflow: hidden;
}
	.valeoProducts .h2 {
		display: block;
		position: relative;
		width: 318px;
		height: 318px;
		background: #334395;
		border-radius: 50%;
		margin: 0 auto;
		transform: translateY(-50%);
		transition: 0.3s;
		transition-property: background;
		border: 1px solid transparent;
	}
		.valeoProducts .h2 h2 {
			position: absolute;
			top: 200px;
			left: 0;
			display: block;
			width: 100%;
			text-align: center;
			font-family: 'IBM Plex Mono', sans-serif;
			font-weight: 300;
			font-size: 24px;
			line-height: 28px;
			color: #ffffff;
			text-transform: uppercase;
			transition: 0.3s;
			transition-property: color;
		}
	
	/* Hover */
	.valeoProducts .h2:hover,
	.valeoProducts .h2:focus-within {
		background: #ffffff;
		border: 1px solid #334395;
	}
		.valeoProducts .h2:hover h2,
		.valeoProducts .h2:focus-within h2 {
			color: #334395;
		}


	/* Carrousel */
	.valeoProductsCarrousel {
		visibility: hidden;
		margin-top: -135px;
	}
	.valeoProductsCarrousel.slick-initialized {
		visibility: visible;
	}
		.valeoProductsCarrousel .slick-track {
			display: -ms-flexbox;
			display: flex;
		}
		.valeoProductsCarrousel .slick-list {
			margin: 0 -12px;
		}
			.valeoProductsCarrousel .slick-slide {
				height: inherit;
				margin: 0 12px;
			}
				.valeoProductsCarrousel .slick-item a {
					position: relative;
					display: block;
					width: 100%;
					height: 100%;
					background: #ffffff;
					padding: 12px;
					transition: 0.3s;
				}
					.valeoProductsCarrousel .slick-item a .img {
						min-height: 160px;
						display: -ms-flexbox;
						display: flex;
						-ms-flex-align: center;
						    align-items: center;
						-ms-flex-pack: center;
						    justify-content: center;
						transition: 0.6s;
					}
						.valeoProductsCarrousel .slick-item a .img img {
							width: auto;
							max-width: 100%;
							height: auto;
						}
						.valeoProductsCarrousel .slick-item a .content {
							margin-top: 12px;
							transition: 0.7s;
						}
							.valeoProductsCarrousel .slick-item a .content .supertitle {
								font-family: 'IBM Plex Mono', sans-serif;
								font-weight: 400;
								font-size: 12px;
								line-height: 16px;
								text-transform: uppercase;
								color: #334395;
							}
							.valeoProductsCarrousel .slick-item a .content p {
								font-family: 'IBM Plex Mono', sans-serif;
								font-weight: 400;
								font-size: 12px;
								line-height: 16px;
								text-transform: uppercase;
								color: #000000;
							}
								.valeoProductsCarrousel .slick-item a .content p strong {
									font-weight: 500;
								}
							.valeoProductsCarrousel .slick-item a .content h3 {
								font-weight: 600;
								font-size: 16px;
								line-height: 20px;
								text-transform: uppercase;
								color: #000000;
								margin-top: 12px;
							}
							.valeoProductsCarrousel .slick-item a .cta {
								position: absolute;
								left: 12px;
								bottom: 12px;
								width: 94px;
								height: 94px;
								border: 1px solid #ffffff;
								background: none;
								color: #ffffff;
								border-radius: 50%;
								display: -ms-flexbox;
								display: flex;
								-ms-flex-align: center;
								    align-items: center;
								-ms-flex-pack: center;
								    justify-content: center;
								cursor: pointer;
								font-family: 'IBM Plex Mono', sans-serif;
								font-weight: 400;
								font-size: 10px;
								line-height: 13px;
								text-transform: uppercase;
								transition: 0.3s;
								transition-property: background;
								display: none;
							}

				/* Hover */
				.valeoProductsCarrousel .slick-item a:hover,
				.valeoProductsCarrousel .slick-item a:focus {
					background: #000000;
				}
				.valeoProductsCarrousel .slick-item a:hover .content .supertitle,
				.valeoProductsCarrousel .slick-item a:hover .content p,
				.valeoProductsCarrousel .slick-item a:hover .content h3,
				.valeoProductsCarrousel .slick-item a:focus .content .supertitle,
				.valeoProductsCarrousel .slick-item a:focus .content p,
				.valeoProductsCarrousel .slick-item a:focus .content h3 {
					color: #ffffff;
				}
				.valeoProductsCarrousel .slick-item a .cta:hover,
				.valeoProductsCarrousel .slick-item a .cta:focus {
					background: #ffffff;
					color: #000000;
				}

	/* Nav */
		.valeoProducts .arrow-left {
			position: absolute;
			top: 50%;
			left: -120px;
			transform: translateY(-50%);
			display: -ms-flexbox;
			display: flex;
			-ms-flex-pack: center;
			    justify-content: center;
			-ms-flex-align: center;
			    align-items: center;
			width: 94px;
			height: 94px;
			border: 1px solid #334395;
			border-radius: 50%;
			pointer-events: all;
			transition: .3s;
			transition-property: background;
			cursor: pointer;
			background: #334395;
		}
			.valeoProducts .arrow-left svg {
				transform: rotate(270deg);
			}
				.valeoProducts .arrow-left svg path {
					stroke: #ffffff;
					transition: .3s;
				}
		.valeoProducts .arrow-left:hover,
		.valeoProducts .arrow-left:focus-within {
			background: #ffffff;
		}
			.valeoProducts .arrow-left:hover svg path,
			.valeoProducts .arrow-left:focus-within svg path {
				stroke: #334395;
			}
		.valeoProducts .arrow-right {
			position: absolute;
			top: 50%;
			right: -120px;
			transform: translateY(-50%);
			display: -ms-flexbox;
			display: flex;
			-ms-flex-pack: center;
			    justify-content: center;
			-ms-flex-align: center;
			    align-items: center;
			width: 94px;
			height: 94px;
			border: 1px solid #334395;
			border-radius: 50%;
			pointer-events: all;
			transition: .3s;
			transition-property: background;
			cursor: pointer;
			background: #334395;
		}
			.valeoProducts .arrow-right svg {
				transform: rotate(90deg);
			}
				.valeoProducts .arrow-right svg path {
					stroke: #ffffff;
					transition: .3s;
				}
		.valeoProducts .arrow-right:hover,
		.valeoProducts .arrow-right:focus-within {
			background: #ffffff;
		}
			.valeoProducts .arrow-right:hover svg path,
			.valeoProducts .arrow-right:focus-within svg path {
				stroke: #334395;
			}

	.valeoProducts .progress {
		width: 100%;
		height: 4px;
		margin-top: 56px;
		background: rgba(217, 217, 217, 0.2);
		transition: background-size .4s ease-in-out;
		position: relative;
		overflow: hidden;
	}
		.valeoProducts .progress span {
			width: 20%;
			height: 4px;
			background: #334395;
			position: absolute;
			top: 0px;
			left: 0;
			z-index: 1;
			transition: width .4s ease-in-out;
		}

	/* Dots */
	.valeoProducts .slick-dots {
		position: static;
		margin-top: 24px;
	}
		.valeoProducts .slick-dots li {
			margin: 0 5px;
		}
			.valeoProducts .slick-dots li button::before {
				color: #334395;
				opacity: 1;
				font-size: 10px;
				transition: .3s;
			}
			.valeoProducts .slick-dots li.slick-active button::before,
			.valeoProducts .slick-dots li:hover button::before {
				color: #82E600;
			}


/* Publications
* -------------------------- */
.valoPublications {
	width: 100%;
	padding: 56px calc( (100vw/12) * 1);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	gap: 24px;
}
	.valoPublications .column-1 {
		width: calc( (100vw/12) * 7);
		padding-bottom: 24px;
		border-bottom: 1px solid #D9D9D9;
	}
	.valoPublications .column-2 {
		width: calc( (100vw/12) * 3 );
	}
		.valoPublications .column h2 {
			font-family: 'IBM Plex Mono', sans-serif;
			font-weight: 400;
			font-size: 16px;
			line-height: 21px;
			text-transform: uppercase;
			color: #000000;
			width: 100%;
			margin-bottom: 20px;
			padding-bottom: 24px;
			border-bottom: 1px solid #D9D9D9;
		}
			.valoPublications .column h2 span {
				color: #334395;
			}
		.valoPublications .column .cta {
			width: 94px;
			height: 94px;
			border: 1px solid #334395;
			border-radius: 50%;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-align: center;
			    align-items: center;
			-ms-flex-pack: center;
			    justify-content: center;
			cursor: pointer;
			font-family: 'IBM Plex Mono', sans-serif;
			font-weight: 400;
			font-size: 10px;
			line-height: 13px;
			text-transform: uppercase;
			transition: 0.3s;
		}
		.valoPublications .column .cta:hover {
			background: #334395;
			color: #ffffff;
		}
		.valoPublications .column-1 ul {
			width: 100%;
		}
			.valoPublications .column-1 ul li {
				margin-bottom: 40px;
			}
			.valoPublications .column-1 ul li:last-of-type {
				margin-bottom: 20px;
			}
				.valoPublications .column-1 ul li a {
					display: block;
					width: 100%;
					height: 100%;
				}
					.valoPublications .column-1 ul li a span {
						font-family: 'IBM Plex Mono', sans-serif;
						font-weight: 300;
						font-size: 12px;
						line-height: 16px;
						letter-spacing: 0.25em;
						text-transform: uppercase;
						color: #000000;
					}
					.valoPublications .column-1 ul li a p {
						font-weight: 500;
						font-size: 18px;
						line-height: 24px;
						color: #000000;
					}
	.valoPublications .column-2 {
		padding-bottom: 20px;
		border-bottom: 1px solid #D9D9D9;
	}
		.valoPublications .column-2 .img {
			width: 100%;
			min-height: 290px;
			background: #334395;
			margin-bottom: 20px;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-align: center;
			    align-items: center;
			-ms-flex-pack: center;
			    justify-content: center;
		}
			.valoPublications .column-2 .img a {
				display: block;
				position: relative;
				width: 100%;
				height: 100%;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-align: center;
				    align-items: center;
				-ms-flex-pack: center;
				    justify-content: center;
			}
				.valoPublications .column-2 .img a img {
					max-width: 100%;
				}


/* Quote - Home
* -------------------------- */
.quoteHome {
	background: #334395;
	padding: 100px 0 70px;
	text-align: center;
	color: #ffffff;
}

	/* Title */
	.quoteHome p.h3 {
		font-family: 'IBM Plex Sans', sans-serif;
		font-size: 10px;
		line-height: 18px;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin-bottom: 20px;
	}

	/* Social wrapper */
	.quoteHome ul {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		    justify-content: center;
		margin-bottom: 120px;
	}
		.quoteHome ul li {
			margin: 0 10px;
		}
			.quoteHome ul li svg {
				width: 45px;
			}	
				.quoteHome  ul li svg path.greenHover {
					fill: #334395;
					transition: all 0.3s ease-in-out;
				}
				.quoteHome  ul li svg:hover path.greenHover {
					fill: #82e600;
				}

	/* Block Quote */
	.quoteHome blockquote {
		max-width: 750px;
		margin: 0 auto;
        font-size: 22px;
        line-height: 28px;
        font-weight: 200;
        position: relative;
        margin-bottom: 50px;
	}
			/* Marks */
			.quoteHome blockquote .mark {
				font-family: 'IBM Plex Sans', sans-serif;
				font-size: 300px;
				line-height: 0;
				position: absolute;
				top: 0;
				left: -20%;
				color: #334395;
				-webkit-text-stroke: 2px #ffffff;
                width: 100px;
			}
			.quoteHome blockquote span.greenText {
				color: #82e600;
			}
			.quoteHome blockquote span.greenText:hover {
				text-decoration: underline;
			}
			.quoteHome blockquote .markAfter {
				left: 105%;
				top: 100%;
			}

		/* Twitter Link */
		.quoteHome  a.twitterLink svg {
			width: 60px;
		}
			.quoteHome  a.twitterLink svg path {
				transition: all 0.3s ease-in-out;
			}
			.quoteHome  a.twitterLink svg:hover path {
				fill: #82e600;
			}

	
/* LIST NEWS
================================================================================= */
.barbaWrapperPage {
	background-color: #f5f5f7;
	padding: 0 calc( (100vw/12) * 2 ) 120px calc( (100vw/12) * 2 );
	overflow: hidden;
}
	/* Breadcrumb
	* -------------------------- */
	.breadcrumb {
		padding: 20px 0;
		opacity: 0;
	}
		.breadcrumb ul li {
			font-size: 10px;
			display: inline-block;
			position: relative;
			padding: 0 15px 0 10px;
		}
		.breadcrumb ul li:first-of-type {
			padding-left: 0;
		}
		.breadcrumb ul li:last-of-type {
			font-weight: 500;
		}
		.breadcrumb ul li::after {
			content: '';
			width: 4px;
			height: 4px;
			border-radius: 50%;
			background-color: #000000;
			position: absolute;
			top: 50%;
			right: 0;
			transform: translateY(-50%);
		}
		.breadcrumb ul li:last-of-type::after {
			display: none;
		}

	/* Title
	* -------------------------- */
	.barbaWrapperPage h1 {
		text-align: center;
		padding: 60px 0 40px;
		font-size: 34px;
		line-height: 42px;
		font-weight: 700;
		opacity: 0;
	}

	/* Filters
	* -------------------------- */
	.barbaWrapperPage .filters {
		width: calc( (100vw/12) * 6 );
		margin: 0 auto;
		padding-bottom: 40px;
	}
		.barbaWrapperPage .filters ul {
			text-align: center;
		}
			.barbaWrapperPage .filters ul li {
				display: inline-block;
				margin: 0 2px 10px;
				opacity: 0;
			}
				.barbaWrapperPage .filters ul li input {
					display: none;
				}
				.barbaWrapperPage .filters ul li label {
					font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
					font-size: 12px;
					line-height: 18px;
					font-weight: 400;
					letter-spacing: 1px;
					color: #000000;
					background-color: #ffffff;
					padding: 6px 15px;
					border-radius: 25px;
					cursor: pointer;
					transition: all 0.3s ease-in-out;
				}
			/* Hover & Active */
			.barbaWrapperPage .filters ul li:hover label,
			.barbaWrapperPage .filters ul li:focus label {
				background-color: #82e600;
			}
			.barbaWrapperPage .filters ul li.active label {
				background-color: #82e600;
			}

	/* Grid
	* -------------------------- */
	.newsGrid .item {
		background-color: #ffffff;
		width: 31.5%;
		margin-bottom: 30px;
		min-height: 450px;
	}
		.newsGrid .item .img {
			overflow: hidden;
		}
			.newsGrid .item .img img {
				width: 100%;
				display: block;
				transition: all 0.5s ease-in-out;
			}
		.newsGrid .item .content {
			padding: 30px;
		}
			.newsGrid .item .content span.h3 {
				display: inline-block;
				font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
				font-size: 10px;
				line-height: 12px;
				font-weight: 400;
				text-transform: uppercase;
				color: #000000;
			}
			.newsGrid .item .content h2 {
				font-size: 16px;
				line-height: 20px;
				font-weight: 500;
				margin: 20px 0 30px;
			}
			.newsGrid .item .content .footer {
				position: absolute;
				bottom: 30px;
				left: 30px;
				right: 30px;
				display: -ms-flexbox;
				display: flex;
				    justify-content: flex-start;
				   flex-direction: row-reverse;
			}
				.newsGrid .item .content .footer span.hashtag {
					font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
					font-size: 10px;
					line-height: 18px;
					font-weight: 400;
					text-transform: uppercase;
					letter-spacing: 1px;
					color: #000000;
					background-color: #f5f5f7;
					padding: 6px 15px;
					border-radius: 25px;
					position: absolute;
					top: 0;
					left: 0;
				}
				.newsGrid .item .content .footer .shareContent {
					display: -ms-flexbox;
					display: flex;
					-ms-flex-direction: row-reverse;
					    flex-direction: row-reverse;
				}
					.newsGrid .item .content .footer li {
						margin-right: 5px;
					}
					.newsGrid .item .content .footer .share {
						background-color: #000000;
						width: 26px;
						height: 26px;
						display: -ms-flexbox;
						display: flex;
						-ms-flex-pack: center;
						    justify-content: center;
						-ms-flex-align: center;
						    align-items: center;
						border-radius: 50%;
						cursor: pointer;
						border: 0;
					}
					.newsGrid .item .content .footer li.shareNetwork {
						opacity: 0;
						visibility: hidden;
					}
						.newsGrid .item .content .footer .share svg {
							width: 11px;
							height: 11px;
						}
							.newsGrid .item .content .footer .share svg .cls-1 {
								fill:none;
								stroke:#ffffff;
								stroke-miterlimit:10;
							}

	/* Pagination
	* -------------------------- */
	.page-numbers {
		text-align: center;
		display: flex;
		-ms-flex-pack: center;
		    justify-content: center;
	}
		.page-numbers span,
		.page-numbers a {
			display: inline-block;
			font-size: 10px;
			line-height: 12px;
			width: 30px;
			height: 30px;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-pack: center;
			    justify-content: center;
			-ms-flex-align: center;
			    align-items: center;
			margin: 0 5px;
		}
			.page-numbers span.current {
				background-color: #ffffff;
				border-radius: 50%;
				border: 1px solid #000000;
				font-weight: 500;
			}

	/* Loading animation
	* -------------------------- */
	.page-load-status {
		text-align: center;
		font-size: 10px;
		display: none;
	}
		.infinite-scroll-request {
			font-size: 10px;
			position: relative;
			width: 4em;
			height: 1em;
			margin: 10px auto;
		}
			.infinite-scroll-request__dot {
				display: block;
				width: 1em;
				height: 1em;
				border-radius: 0.5em;
				background: #82e600;
				position: absolute;
				animation-duration: 0.5s;
				animation-timing-function: ease;
				animation-iteration-count: infinite;
			}
			.infinite-scroll-request__dot:nth-child(1),
			.infinite-scroll-request__dot:nth-child(2) {
				left: 0;
			}
			.infinite-scroll-request__dot:nth-child(3) {
				left: 1.5em;
			}
			.infinite-scroll-request__dot:nth-child(4) {
				left: 3em;
			}
			@keyframes reveal {
				from { transform: scale(0.001); }
				to { transform: scale(1); }
			}
			@keyframes slide {
				to { transform: translateX(1.5em) }
			}
			.infinite-scroll-request__dot:nth-child(1) {
				animation-name: reveal;
			}
			.infinite-scroll-request__dot:nth-child(2),
			.infinite-scroll-request__dot:nth-child(3) {
				animation-name: slide;
			}
			.infinite-scroll-request__dot:nth-child(4) {
				animation-name: reveal;
				animation-direction: reverse;
			}


/* ARTICLE
================================================================================= */
.barbaWrapperArticle {
	background-color: #f5f5f7;
	padding: 0 calc( (100vw/12) * 2 ) 120px calc( (100vw/12) * 2 );
}
	.contentWrapper {
		background-color: #ffffff;
		width: calc( (100vw/12) * 8);
		padding: 40px calc( (100vw/12) * 1 ) 0;
	}
		.contentWrapper .articleHeader {
			font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
			font-size: 10px;
			line-height: 12px;
			font-weight: 400;
			text-transform: uppercase;
			color: #000000;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-pack: justify;
			    justify-content: space-between;
			-ms-flex-align: end;
			    align-items: flex-end;
		}
			.contentWrapper .articleHeader .column-1 > div {
				margin-bottom: 30px;
				opacity: 0;
			}
				.contentWrapper .articleHeader .column-1 ul li {
					display: inline-block;
					margin-right: 5px;
					opacity: 0;
				}
					.contentWrapper .articleHeader .column-1 ul li span {
						font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
						font-size: 10px;
						line-height: 18px;
						font-weight: 400;
						text-transform: uppercase;
						letter-spacing: 1px;
						color: #000000;
						background-color: #f5f5f7;
						padding: 6px 15px;
						border-radius: 25px;
					}
				.contentWrapper .articleHeader .column-2 ul li {
					display: inline-block;
					margin-left: 10px;
					opacity: 0;
				}
		.contentWrapper h1 {
			font-size: 34px;
			line-height: 42px;
			padding: 60px 0;
			opacity: 0;
		}
		.shareContentMobile {
			display: none;
			padding-bottom: 20px;
		}
			.shareContentMobile li {
				display: inline-block;
				margin-right: 10px;
			}
		.contentWrapper .intro {
			font-size: 18px;
			line-height: 25px;
			opacity: 0;
		}
		.contentWrapper .widget {
			/* opacity: 0; */
			/* visibility: hidden; */
			padding: 80px 0;
		}
		.contentWrapper .widget:last-of-type {
			padding-bottom: 0px;
		}

		/* Widget - Wysiwyg
		* -------------------------- */
		.widgetIntro {
			display: -ms-flexbox;
			display: flex;
			visibility: hidden;
		}
		.widgetIntro.widgetIntroDocument {
			margin-bottom: 80px;
		}
			.widgetIntro .headerImage {
				width: calc((100vw/12) * 6.75);
				margin-right: calc((100vw/12) * 0.25);
			}
				.widgetIntro img {
					width: 100%;
					display: block;
				}
			.widgetIntro .headerContent {
				width: calc((100vw/12) * 3);
				position: relative;
				background: #ffffff;
				padding: 30px;
			}
				.widgetIntro .headerContent .headerShare {
					text-align: left;
					padding: 0 0 30px 0;
				}
				.widgetIntro .headerContent .headerIntro {
					color: #000000;
					font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
					font-size: 14px;
					line-height: 18px;
					font-weight: 500;
					text-align: left;
					
				}
		/* Widget - Wysiwyg
		* -------------------------- */
		.widgetWysiwyg + .widgetWysiwyg {
			padding-top: 0;
		}
		.widgetWysiwyg:after {
			content: '';
			display: table;
			clear: both;
		}
			.widgetWysiwyg h2 {
				font-size: 24px;
				line-height: 32px;
				font-weight: 700;
				margin-top: 60px;
				margin-bottom: 30px;
			}
				.widgetWysiwyg h2 strong {
					font-weight: 700;
				}
			.widgetWysiwyg h3 {
				font-size: 20px;
				line-height: 28px;
				margin-top: 60px;
				margin-bottom: 30px;
				font-weight: 500;
			}
			.widgetWysiwyg h4 {
				font-size: 18px;
				line-height: 24px;
				margin-bottom: 30px;
				font-weight: 500;
			}
			.widgetWysiwyg.full {
				margin-left: calc( (-100vw/12) * 1 );
				width: calc( (100vw/12) * 8 );
			}
			.single-socle .widgetWysiwyg.full {
				margin-left: calc( (-100vw/12) * 1 );
				width: calc( (100vw/12) * 10 );
			}
			.widgetWysiwyg p {
				font-size: 17px;
				line-height: 27px;
				margin-bottom: 30px;
			}
			.widgetWysiwyg p.wp-caption-text {
				font-size: 10px;
				line-height: 14px;
				margin-top: 5px;
			}
			.widgetWysiwyg p:last-of-type {
				margin-bottom: 0;
			}
			.widgetWysiwyg blockquote {
				margin: 0 0 30px 0;
			}
			.widgetWysiwyg ol {
				margin-bottom: 30px;
				padding: 0 0 0 40px;
			}
				.widgetWysiwyg ol li {
					font-size: 17px;
					line-height: 27px;
				}
			.widgetWysiwyg ul {
				margin-bottom: 30px;
				padding: 0 0 0 40px;
			}
				.widgetWysiwyg ul li {
					font-size: 17px;
					line-height: 27px;
					list-style-type: disc;
				}
				.widgetWysiwyg ul li.noDisc {
					list-style-type: none;
				}

				.widgetWysiwyg ul.noDisc li {
					margin-bottom: 0;
				}
				 .widgetWysiwyg .sitemap-list ul li.mainLi {
					margin-bottom: 20px;
				}

				.widgetWysiwyg strong {
					font-weight: 600;
				}
				.widgetWysiwyg a {
					text-decoration: underline;
				}
			.widgetWysiwyg img {
				max-width: 100%;
				height: auto;
				overflow: hidden;
				display: block;
			}
			.widgetWysiwyg img.alignleft,
			.alignleft {
				float: left;
				margin: 0 20px 20px 0;
			}
			.widgetWysiwyg img.alignright,
			.alignright {
				float: right;
				margin: 0 0 20px 20px;
			}
			.widgetWysiwyg img.aligncenter,
			.aligncenter {
				margin: 20px auto;
			}

		/* Widget - Wysiwyg iFrame
		* -------------------------- */
		.widgetWysiwyg .embed-container { 
			position: relative; 
			overflow: hidden; 
			padding-top: 56.25%; 
		}
		.widgetWysiwyg .embed-container iframe { 
			position: absolute; 
			top: 0; 
			left: 0; 
			width: 100%; 
			height: 100%; 
			border: 0; 
		}

		/* Widget - Wysiwyg highlighted
		* -------------------------- */
		.barbaWrapperPage .contentWrapper .widgetWysiwyg.highlighted {
			background: #4e6b7c;
			color: #ffffff;
			padding: 80px;
		}
			.barbaWrapperPage .contentWrapper .widgetWysiwyg.highlighted a {
				color: #ffffff;
			}

		/* Widget - Image
		* -------------------------- */
		.contentWrapper .widgetImage  {
			padding: 80px 0 0 0;
		}
		.widgetImage img {
			display: block;
			width: calc( (100vw/12) * 8 );
			margin-left: calc( (-100vw/12) * 1 );
			margin-right: calc( (-100vw/12) * 1 );
		}

		/* Widget - Highlighted content
		* -------------------------- */
		.contentWrapper .widgetHighlighted {
			width: calc( (100vw/12) * 8 );
			margin-left: calc( (-100vw/12) * 1 );
			margin-right: calc( (-100vw/12) * 1 );
			background-color: #f5f5f7;
			padding: 80px 0;
		}
			.widgetHighlighted h2.blockTitle {
				padding-bottom: 30px;
			}
			.widgetHighlighted .inner {
				display: -ms-flexbox;
				display: flex;
				background-color: #334395;
			}
				.widgetHighlighted .inner .column {
					width: 50%;
				}
					.widgetHighlighted .inner img,
					.widgetHighlighted .inner video {
						width: 100%;
						display: block;
					}
				.widgetHighlighted .inner .column-1 {
					background: #ffffff;
				}
				.widgetHighlighted .inner .column-2 {
					color: #ffffff;
					font-size: 16px;
					line-height: 20px;
					padding: 40px;
				}
					.widgetHighlighted .inner .column > div {
						height: 100%;
						display: -ms-flexbox;
						display: flex;
						-ms-flex-direction: column;
						    flex-direction: column;
						-ms-flex-align: center;
						    align-items: center;
						-ms-flex-line-pack: center;
						    align-content: center;
						-ms-flex-pack: center;
						    justify-content: center;
					}
					.widgetHighlighted .inner .column-1 button {
						margin-top: 5px;
						background: none;
						font-family: 'Montserrat', sans-serif, "Microsoft YaHei";
						color: #334395;
						border: 1px solid #334395;
						padding: 5px 10px;
						cursor: pointer;
						transition: all 0.3s ease-in-out;
					}
					.widgetHighlighted .inner .column-1 button:hover {
						color: #ffffff;
						background: #334395;
					}
						.widgetHighlighted .inner .column-2 h2 {
							font-weight: 500;
							font-size: 24px;
							line-height: 32px;
							margin-bottom: 20px;
						}
						.widgetHighlighted .inner .column-2 h3 {
							font-weight: 500;
							font-size: 20px;
							line-height: 28px;
							margin-bottom: 20px;
						}
						.widgetHighlighted .inner .column-2 h4 {
							font-weight: 500;
							font-size: 18px;
							line-height: 24px;
							margin-bottom: 20px;
						}
						.widgetHighlighted .inner .column-2 p {
							font-size: 17px;
							line-height: 27px;
							margin-bottom: 20px;
						}
						.widgetHighlighted .inner .column-2 p:last-of-type {
							margin-bottom: 0;
						}
						.widgetHighlighted .inner .column-2 p a {
							color: #ffffff;
							text-decoration: underline;
						}
						.widgetHighlighted .inner .column-2 p strong {
							font-weight: 600;
						}
						.widgetHighlighted .inner .column-2 .cta {
							border: 1px solid #ffffff;
							margin-top: 30px;
						}
							.widgetHighlighted .inner .column-2 .cta a {
								color: #ffffff;
							}
						/* Hover */
						.widgetHighlighted .inner .column-2 .cta:hover,
						.widgetHighlighted .inner .column-2 .cta:focus {
							background-color: #ffffff;
						}
							.widgetHighlighted .inner .column-2 .cta:hover a,
							.widgetHighlighted .inner .column-2 .cta:focus a {
								color: #334395;
							}
				/* No image */
				.widgetHighlighted.noImage .inner .column-1 {
					display: none;
				}
				.widgetHighlighted.noImage .inner .column-2 {
					width: 100%;
				}

		/* Widget - Download documents
		* -------------------------- */
		.widgetDownloadDocuments h2.blockTitle {
			padding-bottom: 30px;
			font-size: 24px;
			line-height: 32px;
			font-weight: 700;
		}
		.widgetDownloadDocuments .item {
			width: 100%;
			margin: 0;
			min-height: auto;
			border-bottom: 1px solid #f5f5f7;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-pack: justify;
			    justify-content: space-between;
			-ms-flex-align: center;
			    align-items: center;
			padding: 10px 0;
			background: #ffffff;
			padding: 30px;
		}
			.widgetDownloadDocuments .item .content {
				padding: 0;
				max-width: calc( (100vw/12) * 6);
			}
				.widgetDownloadDocuments .item .time {
					font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
					font-size: 10px;
					line-height: 12px;
					font-weight: 400;
					text-transform: uppercase;
					color: #000000;
					display: block;
				}
				.widgetDownloadDocuments .item span.h2 {
					margin: 0;
					font-size: 16px;
					line-height: 20px;
					font-weight: 500;
				}
			.widgetDownloadDocuments .item .file {
				font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
				font-size: 10px;
				line-height: 12px;
				font-weight: 400;
				text-transform: uppercase;
				color: #000000;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-pack: center;
				    justify-content: center;
				-ms-flex-align: center;
				    align-items: center;
			}
				.widgetDownloadDocuments .item .file .svg {
					width: 30px;
					height: 30px;
					border: 1px solid #19191c;
					border-radius: 50%;
					display: -ms-flexbox;
					display: flex;
					-ms-flex-pack: center;
					    justify-content: center;
					-ms-flex-align: center;
					    align-items: center;
					margin-left: 30px;
					transition: all 0.3s ease-in-out;
				}
				.widgetDownloadDocuments .item:hover .file .svg,
				.widgetDownloadDocuments .item:focus .file .svg {
					transform: rotate(-90deg);
				}

		/* Widget - Accordion
		* -------------------------- */
		.widgetAccordion h2.blockTitle {
			padding-bottom: 30px;
			font-size: 24px;
			line-height: 32px;
			font-weight: 700;
		}
		.widgetAccordion .item {
			width: 100%;
			margin: 0;
			min-height: auto;
			border-bottom: 1px solid #f5f5f7;
			padding: 10px 0;
			position: relative;
			cursor: pointer;
		}
		.widgetAccordion .item:first-of-type {
			padding-top: 0;
		}
		.widgetAccordion .item:last-of-type {
			padding-bottom: 0;
			border-bottom: 0;
		}
			.widgetAccordion .item .content {
				padding: 0;
				max-width: calc( (100vw/12) * 12);
				display: -ms-flexbox;
				display: flex;
				-ms-flex-pack: justify;
				    justify-content: space-between;
			}
				.widgetAccordion .content h2 {
					margin: 0;
					font-size: 16px;
					line-height: 20px;
					font-weight: 500;
				}
				.widgetAccordion .content .svg {
					width: 30px;
					height: 30px;
					transition: all 0.3s ease-in-out;
					position: relative;
				}
					.widgetAccordion .content .svg svg {
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%) rotate(-90deg);
					}
				.widgetAccordion .item:hover .svg,
				.widgetAccordion .item:focus .svg {
					transform: rotate(90deg);
				}
				.widgetAccordion .item .text.open .svg {
					transform: rotate(90deg);
				}
			.widgetAccordion .text {
				padding-top: 20px;
				display: none;
			}
				.widgetAccordion .text h2 {
					font-size: 24px;
					line-height: 32px;
					margin-bottom: 30px;
				}
				.widgetAccordion .text h3 {
					font-size: 20px;
					line-height: 28px;
					margin-bottom: 30px;
				}
				.widgetAccordion .text h4 {
					font-size: 18px;
					line-height: 24px;
					margin-bottom: 30px;
				}
				.widgetAccordion .text p {
					font-size: 17px;
					line-height: 27px;
					margin-bottom: 30px;
				}
				.widgetAccordion .text p.wp-caption-text {
					font-size: 10px;
					line-height: 14px;
					margin-top: 5px;
				}
				.widgetAccordion .text p:last-of-type {
					margin-bottom: 0;
				}
				.widgetAccordion .text ol {
					margin-bottom: 30px;
					padding: 0 0 0 40px;
				}
					.widgetAccordion .text ol li {
						font-size: 17px;
						line-height: 27px;
					}
				.widgetAccordion .text ul {
					margin-bottom: 30px;
					padding: 0 0 0 40px;
				}
					.widgetAccordion .text ul li {
						font-size: 17px;
						line-height: 27px;
						list-style-type: disc;
					}
					.widgetAccordion .text strong {
						font-weight: 600;
					}
					.widgetAccordion .text a {
						text-decoration: underline;
					}

		/* Widget - Quote
		* -------------------------- */
		.contentWrapper .widgetQuote {
			width: calc( (100vw/12) * 8 );
			margin-left: calc( (-100vw/12) * 1 );
			margin-right: calc( (-100vw/12) * 1 );
			background-color: #4e6b7c;
			padding: 40px calc( (100vw/12) * 1 );
			text-align: center;
		}
			.widgetQuote img {
				width: 120px;
				height: 120px;
				border-radius: 50%;
			}
			.widgetQuote blockquote {
				margin: 0;
				padding: 30px 0 0 0;
				font-size: 20px;
				line-height: 24px;
				color: #ffffff;
				font-weight: 100;
			}
				.widgetQuote blockquote a {
					color: #ffffff;
				}
				.widgetQuote blockquote footer {
					margin-top: 20px;
				}
			.widgetQuote .job {
				font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
				font-size: 10px;
				line-height: 12px;
				font-weight: 400;
				text-transform: uppercase;
				color: #ffffff;
				letter-spacing: 1px;
				padding-bottom: 5px;
			}
			.widgetQuote .name {
				font-size: 16px;
				line-height: 20px;
				color: #ffffff;
			}
			.widgetContainer.video .widget.widgetQuote {
				width: 49%;
			}
			.widgetContainer.video .video-block {
			  width: 49%;
			  vertical-align: top;
			  position: relative;
			}
			.widgetContainer.video {
				display: flex;
				justify-content: space-between;
				align-items: center;
				flex-wrap: wrap;
				margin-top: 80px;
				align-items: stretch;
			}
			.widgetContainer.video .video-block .video-container {
				display: -ms-flexbox;
				display: flex;
				-ms-flex-pack: center;
				    justify-content: center;
				    height: 100%;		
			}
			.widgetContainer.video .video-block .video-container iframe {
				width: 100%;
				min-height: 45vh;
				border: 0;
			}

		/* Widget - Push content
		* -------------------------- */
		.contentWrapper .widgetPushContent {
			width: calc( (100vw/12) * 9 );
			margin-left: calc( (-100vw/12) * 1 );
			margin-right: calc( (-100vw/12) * 2 );
			background-color: #f5f5f7;
			padding: 80px 0;
		}
			.widgetPushContent h2.blockTitle {
				padding-bottom: 30px;
				font-weight: 700;
			}
			.widgetPushContent p.intro {
				font-size: 17px;
				line-height: 27px;
				font-weight: 400;
				margin-bottom: 30px;
				opacity: 1;
			}
		.SimilarNewsCarrousel {
			display: none;
		}
		.SimilarNewsCarrousel.slick-initialized {
			display: block;
		}
			.widgetPushContent .SimilarNewsCarrousel .slick-list {
				margin: 0 -12px;
				display: -ms-flexbox;
				display: flex;
			}
				.widgetPushContent .SimilarNewsCarrousel .slick-track {
					display: -ms-flexbox;
					display: flex;
				}
					.widgetPushContent .SimilarNewsCarrousel .slick-item {
						position: relative;
						margin: 0 12px;
						background-color: #ffffff;
					}
						.widgetPushContent .SimilarNewsCarrousel .slick-item span.h3 {
							font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
							font-size: 10px;
							line-height: 18px;
							font-weight: 400;
							text-transform: uppercase;
							color: #000000;
							letter-spacing: 1px;
							padding: 30px;
							display: block;
						}
						.widgetPushContent .SimilarNewsCarrousel .slick-item p {
							font-size: 14px;
							line-height: 19px;
							padding: 30px 30px 40px 30px;
							font-weight: 500;
						}
						.widgetPushContent .SimilarNewsCarrousel .slick-item p:first-of-type {
							/* padding-bottom: 0; */
						}
						.widgetPushContent .SimilarNewsCarrousel .slick-item p.learnMore {
							padding: 0 30px;
							position: absolute;
							bottom: 10px;
						}
						.widgetPushContent .SimilarNewsCarrousel .slick-item p.learnMore a {
							text-decoration: underline;
						}
						.widgetPushContent .SimilarNewsCarrousel .slick-item .img {
							overflow: hidden;
						}
							.widgetPushContent .SimilarNewsCarrousel .slick-item .img img {
								width: 100%;
								display: block;
								transition: all 0.5s ease-in-out;
							}
							.widgetPushContent .SimilarNewsCarrousel .slick-item:hover .img img,
							.widgetPushContent .SimilarNewsCarrousel .slick-item:focus .img img {
								transform: scale(1.15);
							}
			.widgetPushContent .sliderDirection {
				background-color: #334395;
				height: 60px;
				width: 60px;
				border-radius: 50%;
				position: absolute;
				cursor: pointer;
				top: 50%;
				transform: translateY(-50%);
				right: -8%;
			}
				.widgetPushContent .sliderDirection svg {
					position: absolute;
					left: 50%;
					top: 50%;
					transform: translate(-50%,-50%);
				}
			.widgetPushContent .sliderDirection.left {
				right: initial;
				left: -8%;
			}
				.widgetPushContent .sliderDirection.left svg {
					transform: translate(-50%,-50%) rotate(180deg);
				}


		/* Widget - Video
		* -------------------------- */
		.videoTitle {
			font-size: 24px;
			line-height: 32px;
			margin-bottom: 30px;
		}
		.contentWrapper .widgetVideo {
			width: calc( (100vw/12) * 8 );
			margin-left: calc( (-100vw/12) * 1 );
			margin-right: calc( (-100vw/12) * 1 );
			padding: 0;
			position: relative;
			overflow: hidden;
		}
		.barbaWrapperPage .contentWrapper .widgetVideo.full {
			width: calc( (100vw/12) * 10);
			margin-left: calc( (-100vw/12) * 1);
		}
			.barbaWrapperPage .contentWrapper .widgetVideo.full h2 {
				padding: 0 calc( (100vw/12) * 1 );
			}
			body.single-post .contentWrapper .widgetVideo h2 {
				padding: 0 calc( (100vw/12) * 1 );
			}
			.contentWrapper .widgetVideo .inner {
				position: relative;
			}
			.contentWrapper .widgetVideo img.background {
				position: absolute;
				top: 0;
				left: 50%;
				transform: translateX(-50%);
				width: 100%;
				/* height: 100%; */
				display: block;
			}
			.contentWrapper .widgetVideo .playVideo {
				background: #82e600;
				width: 94px;
				height: 94px;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				z-index: 1;
				border-radius: 50%;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-pack: center;
				    justify-content: center;
				-ms-flex-align: center;
				    align-items: center;
				cursor: pointer;
				border: 0;
			}
			.contentWrapper .widgetVideo iframe {
				display: block;
				height: 100%;
				min-height: 610px;
				width: 100%;
				border: 0;
			}
			.contentWrapper .widgetVideo iframe.hideVideo {
				visibility: hidden;
			}

		/* Widget - Push members
		* -------------------------- */
		.contentWrapper .widgetPushMembers {
			width: calc( (100vw/12) * 8 );
			margin-top: 0;
			margin-left: calc( (-100vw/12) * 1 );
			margin-right: calc( (-100vw/12) * 1 );
			background-color: #f5f5f7;
			padding: 80px 0;
		}
			h2.blockTitle {
				padding-bottom: 30px;
				font-size: 24px;
				line-height: 32px;
				font-weight: 700;
			}
			h2.blockTitle span {
				font-size: 16px;
			}
				.contentWrapper .widgetPushMembers .inner {
					display: -ms-flexbox;
					display: flex;
					-ms-flex-flow: row wrap;
					flex-flow: row wrap;
				}
				.widgetPushMembers .inner ul {
					display: -ms-flexbox;
					display: flex;
					-ms-flex-flow: row wrap;
					    flex-flow: row wrap;
					/* justify-content: space-between; */
				}
					.widgetPushMembers .inner .item {
						position: relative;
						background-color: transparent;
						margin: 0 2% 30px 0;
						width: 31%;
						overflow: hidden;
					}
					.widgetPushMembers .item:nth-of-type(3n) {
						margin: 0 0 30px 0;
					}
						.widgetPushMembers .inner .item .img {
							overflow: hidden;
						}
							.widgetPushMembers .inner .item .img img {
								width: 100%;
								display: block;
								transition: all 0.5s ease-in-out;
							}
							.widgetPushMembers .inner .item:hover .img img,
							.widgetPushMembers .inner .item:focus .img img {
								transform: scale(1.15);
							}
						.widgetPushMembers .inner .item .content {
							padding: 30px;
							background: #ffffff;
							min-height: 90px;
							height: 100%;
						}
						.widgetPushMembers.widgetMeetPeople .inner .item .content {
							height: auto;
						}
						.single-country .widgetPushMembers .inner .item .content {
							height: auto;
						}
							.widgetPushMembers .inner .item .content h3 {
								font-size: 16px;
								line-height: 20px;
								font-weight: 600;
								width: 100%;
								max-width: 80%;
							}
							.widgetPushMembers .inner .item .content span {
								font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
								font-size: 10px;
								line-height: 12px;
								font-weight: 400;
								text-transform: uppercase;
								color: #000000;
								padding-bottom: 10px;
							}
							.widgetPushMembers .inner .item .content span.h3 {
								font-size: 16px;
								line-height: 20px;
								font-weight: 600;
								display: block;
								padding-top: 10px;
							}
							.widgetPushMembers .inner .item .content span.h4 {
								font-family: 'IBM Plex Sans',sans-serif,"Microsoft YaHei";
								font-size: 10px;
								line-height: 12px;
								font-weight: 400;
								text-transform: uppercase;
								color: #000;
								display: block;
								padding: 0;
							}
							.widgetPushMembers .item .hoverItem {
								opacity: 0;
								position: absolute;
								background-color:rgb(78, 107, 124);
								top: 0;
								left: 0;
								color: #ffffff;
								transition: 0.5s all ease-in-out;
								height: 100%;
								padding: 20px;
								font-size: 17px;
								line-height: 27px;
								width: 100%;
								overflow: auto;
							}
								.widgetPushMembers .item .hoverItem blockquote {
									position: absolute;
									top: 0;
									left: 50%;
									transform: translateX(-50%);
									width: 90%;
									margin: 0;
									font-size: 15px;
									line-height: 22px;
									padding: 10px;
								}
									.widgetPushMembers .item .hoverItem blockquote p {
										font-size: 15px;
										line-height: 22px;
										margin: 0;
									}
									.widgetPushMembers .item .hoverItem blockquote a {
										color: #ffffff;
										text-decoration: underline;
									}
									.widgetPushMembers .item .hoverItem blockquote footer {
										margin-top: 10px;
									}
									.widgetPushMembers .item .hoverItem blockquote footer p {
										display: block;
										font-size: 13px;
									}
							.widgetPushMembers .item.hoverEffect:hover .hoverItem,
							.widgetPushMembers .item.hoverEffect:focus .hoverItem {
								opacity: 1;
							}

		/* Widget - Meet our team
		* -------------------------- */
		.widgetMeetPeople .blockIntro {
			font-size: 17px;
			line-height: 27px;
			font-weight: 400;
			margin-bottom: 30px;
		}
			.widgetMeetPeople .inner .item {
				width: 23%;
				margin-right: 2%;
			}
			.widgetMeetPeople .inner .item:nth-child(4n+4) {
				margin-right: 0;
			}

		/* Widget - Similar news
		* -------------------------- */
		.contentWrapper .widgetSimilarNews {
			width: calc( (100vw/12) * 9 );
			margin-left: calc( (-100vw/12) * 1 );
			margin-right: calc( (-100vw/12) * 2 );
			background-color: #f5f5f7;
			padding: 80px 0;
		}
			.widgetSimilarNews h2.blockTitle {
				padding-bottom: 30px;
			}
			.widgetSimilarNews .SimilarNewsCarrousel .slick-list {
				margin: 0 -12px;
			}
				.widgetSimilarNews .SimilarNewsCarrousel .slick-item {
					position: relative;
					margin: 0 12px;
					background-color: #ffffff;
					min-height: 450px;
				}
					.widgetSimilarNews .SimilarNewsCarrousel .slick-item .img {
						overflow: hidden;
					}
						.widgetSimilarNews .SimilarNewsCarrousel .slick-item .img img {
							width: 100%;
							display: block;
							transition: all 0.5s ease-in-out;
						}
						.widgetSimilarNews .SimilarNewsCarrousel .slick-item:hover .img img,
						.widgetSimilarNews .SimilarNewsCarrousel .slick-item:focus .img img {
							transform: scale(1.15);
						}
					.widgetSimilarNews .SimilarNewsCarrousel .slick-item .content {
						padding: 30px;
					}
						.widgetSimilarNews .SimilarNewsCarrousel .slick-item .content h3 {
							display: inline-block;
							font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
							font-size: 10px;
							line-height: 12px;
							font-weight: 400;
							text-transform: uppercase;
							color: #000000;
						}
						.widgetSimilarNews .SimilarNewsCarrousel .slick-item .content h2 {
							font-size: 16px;
							line-height: 20px;
							font-weight: 500;
							margin: 20px 0 30px;
						}
						.widgetSimilarNews .SimilarNewsCarrousel .slick-item .content .footer {
							position: absolute;
							bottom: 30px;
							left: 30px;
							right: 30px;
							display: -ms-flexbox;
							display: flex;
							-ms-flex-pack: justify;
							    justify-content: space-between;
						}
							.widgetSimilarNews .SimilarNewsCarrousel .slick-item .content .footer h4 {
								display: inline-block;
							}
								.widgetSimilarNews .SimilarNewsCarrousel .slick-item .content .footer h4 span {
									font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
									font-size: 10px;
									line-height: 18px;
									font-weight: 400;
									text-transform: uppercase;
									letter-spacing: 1px;
									color: #000000;
									background-color: #f5f5f7;
									padding: 6px 15px;
									border-radius: 25px;
								}
			/* Dots */
			.barbaWrapperArticle .slick-dots,
			.barbaWrapperPage .slick-dots {
				bottom: -35px;
			}
			.barbaWrapperArticle .slick-dots li,
			.barbaWrapperPage .slick-dots li {
				margin: 0;
				background: #334395;
				border: 1px solid #334395;
				border-radius: 50%;
				margin: 0 5px;
				width: 10px;
				height: 10px;
			}
			.barbaWrapperArticle .slick-dots li button:before,
			.barbaWrapperPage .slick-dots li button:before {
				display: none;
				color: #334395;
			}

		/* Widget - Table
		* -------------------------- */
		.widget.widgetTable {
			padding-bottom: 90px;
			overflow: auto;
			position: relative;
			-webkit-overflow-scrolling: touch;
		}
			.widget.widgetTable .display-block {
				display: block;
			}
				.widget.widgetTable h2 {
					font-size: 24px;
					line-height: 32px;
					margin-bottom: 30px;
				}
				.widget.widgetTable h3 {
					font-size: 20px;
					line-height: 28px;
					margin-bottom: 30px;
				}
				.widget.widgetTable p {
					font-size: 17px;
					line-height: 27px;
					margin-bottom: 30px;
				}
				.widget.widgetTable table {
					border-bottom: 1px solid #e9e9ea;
					overflow: auto;
					width: 100%;
				}
				.widget.widgetTable.widgetTableSites {
					margin-left: calc( (-100vw/12) * 1 );
					margin-right: calc( (-100vw/12) * 1 );
				}
					.widget.widgetTable table caption {
						font-size: 18px;
						line-height: 28px;
						margin-bottom: 20px;
						font-weight: 500;
						text-align: left;
					}
					.widget.widgetTable table thead tr th {
						text-align: left;
						font-size: 14px;
						line-height: 18px;
						padding: 15px;
					}
					.widget.widgetTable table tbody tr:nth-child(even) {
						background-color: #f5f5f7;
					}
					.widget.widgetTable table tbody tr:nth-child(odd) {
						background-color: #ffffff;
					}
					.widget.widgetTable table tbody tr th {
						font-size: 14px;
						line-height: 18px;
						font-weight: 600;
						text-align: left;
						padding: 15px;
						border-left: 1px solid #e9e9ea;
					}
					.widget.widgetTable table tbody tr td {
						font-size: 14px;
						line-height: 18px;
						padding: 15px;
					}
						.widget.widgetTable table tbody tr td p {
							margin: 0;
						}
					.widget.widgetTable table tbody tr td:last-child {
						border-right: 1px solid #e9e9ea;
					}
					.widget.widgetTable table tbody tr:first-child th {
						padding: 15px;
						border-bottom: 1px solid #e9e9ea;
					}

		/* Widget - Table New
		* -------------------------- */
		.widget.expandCollapseTable .panel {
			background: none;
			padding: 20px;
		}

		.widget.widgetTableNew {
			width: 100%;
			visibility: visible !important;
			opacity: 1 !important;
			transform: none !important;
		}
			.widget.widgetTableNew table {
				/* table-layout: fixed; */
				border: none;
				border-spacing: 10px 0;
			}
				.widget.widgetTableNew table thead tr th {
					background: #4F6B7B;
					font-weight: 700;
					font-size: 14px;
					line-height: 14px;
					color: #ffffff;
					text-align: right;
					padding: 11px 15px;
				}
				.widget.widgetTableNew table thead tr th:first-of-type {
					background: #1B3E6C;
					text-align: left;
				}
				.widget.widgetTableNew table tbody tr:nth-child(even) {
					background: rgba(79, 107, 123, 0.1);
				}
				.widget.widgetTableNew table tbody tr td {
					text-align: right;
					padding: 11px 15px;
				}
				.widget.widgetTableNew table tbody tr td:first-of-type {
					font-weight: 700;
					font-size: 14px;
					line-height: 14px;
					color: #000000;
					text-align: left;
				}
				.widget.widgetTableNew table tbody tr td:last-child {
					border: none;
				}
				.widget.widgetTableNew table tbody tr:last-of-type td {
					border-bottom: 2px solid #4F6B7B;
				}
				.widget.widgetTableNew table tbody tr:last-of-type td:first-of-type {
					border-bottom: 2px solid #1B3E6C;
				}

			/* Green */
			.widget.widgetTableNew table.green thead tr th:last-of-type {
				background: #82E600;
			}
			.widget.widgetTableNew table.green tbody tr:last-of-type td:last-of-type {
				border-bottom: 2px solid #82E600;
			}

			.barbaWrapperPage .contentWrapper .widget.expandCollapse .widgetWysiwyg,
			.barbaWrapperPage .contentWrapper .widget.widgetTable + .widgetWysiwyg {
				margin-top: 40px;
			}
			.barbaWrapperPage .contentWrapper .widget.expandCollapse .panel p a,
			.barbaWrapperPage .contentWrapper .widget.widgetTable + .widgetWysiwyg a {
				color: #000000;
			}

		/* Widget - Slider
		* -------------------------- */
		.widget.widgetSlider {
			min-width: calc((100vw/12)*6);
			position: relative;
		}
			.widget.widgetSlider figure {
				margin: 0;
			}
				.widget.widgetSlider figure img {
					width: 100%;
					display: block;
				}
				.widget.widgetSlider figure figcaption {
					font-size: 14px;
					line-height: 18px;
					padding: 5px 0;
				}
			.widget.widgetSlider .sliderDirection {
				background-color: #82e600;
				height: 94px;
				width: 94px;
				border-radius: 50%;
				position: absolute;
				cursor: pointer;
				top: 50%;
				transform: translateY(-50%);
				right: -47px;
			}
				.widget.widgetSlider .sliderDirection svg {
					position: absolute;
					left: 50%;
					top: 50%;
					transform: translate(-50%,-50%);
				}
		
		/* Widget - Key Figures
		* -------------------------- */
			.widget.widgetKeyFigures .keyContent {
				display: -ms-flexbox;
				display: flex;
				-ms-flex-pack: center;
				    justify-content: center;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				margin: 0 calc((100vw/12)* -1);
			}
				.widget.widgetKeyFigures .keyContent .keyItem {
					width: calc((100vw/12)*2.665);
					padding: 60px;
					text-align: center;
					position: relative;
					transition: 0.5s all ease-in-out;
				}
				.widget.widgetKeyFigures .keyContent .keyItem:nth-child(odd) {
					background-color: #334395;
					color: #ffffff;
				}
				.widget.widgetKeyFigures .keyContent .keyItem:nth-child(even) {
					background-color: #ffffff;
					color: #334395;
				}
					.widget.widgetKeyFigures .keyContent .keyItem .numberWrapper {
						display: -ms-flexbox;
						display: flex;
						-ms-flex-align: center;
						    align-items: center;
						-ms-flex-pack: center;
						    justify-content: center;
						    font-size: 50px;
							line-height: 60px;
							letter-spacing: -0.24px;
							font-weight: 900;
					}
						.widget.widgetKeyFigures .keyContent .keyItem .number {
							font-size: 50px;
							line-height: 60px;
							letter-spacing: -.24px;
							font-weight: 900;
						}
				.widget.widgetKeyFigures .keyContent .keyItem.divGreen {
							background-color: #82e600;
						}

		/* Widget - Push Products
		* -------------------------- */
			.widget.widgetPushProduct .pushContent .pushItem:first-child {
				padding-left: 0;
			}
			.widget.widgetPushProduct .pushContent .pushItem:last-child {
				padding-right: 0;
			}
			.widget.widgetPushProduct .pushContent .pushItem {
				width: calc((100vw/12)*3);
				padding: 0 15px;
			}
				.widget.widgetPushProduct .pushContent .pushItem img {
					width: 100%;
				}
				.widget.widgetPushProduct .pushContent .pushItem h4 {
					font-family: 'IBM Plex Sans',
					sans-serif;
					font-size: 10px;
					line-height: 18px;
					font-weight: 400;
					text-transform: uppercase;
					letter-spacing: 1px;
					color: #000000;
					background-color: #f5f5f7;
					padding: 35px 15px;
					text-align: center;
				}
		
		/* Widget - Push Contact Finance
		* -------------------------- */
		.widget.widgetFinance {
			background-color: #F5F5F7;
			margin: 0 calc((100vw/12)* -1);
			padding-bottom: 0;
		}	
			.widget.widgetFinance .financeContent {
				display: -ms-flexbox;
				display: flex;
				-ms-flex-pack: justify;
				    justify-content: space-between;
			}
				.widget.widgetFinance .financeContent .financeItem {
					min-height: 215px;
					background-color: #ffffff;
					width: calc((100vw/12)*3);
					position: relative;
				}
				.widget.widgetFinance .financeContent .financeItem:nth-child(2) {
					margin: 0 25px;
				}
					.widget.widgetFinance .financeContent .financeItem h3 {
						font-size: 20px;
						line-height: 22px;
						letter-spacing: 0.16px;
						font-weight: 100;
						padding: 0 40px;
					}
						.widget.widgetFinance .financeContent .financeItem h3 a {
							font-size: 25px;
							line-height: 26px;
							letter-spacing: 0.16px;
							font-weight: 100;
						}
						.widget.widgetFinance .financeContent .financeItem h3 .display-block {
							display: block;
						}
					.widget.widgetFinance .financeContent .financeItem h5 {
						font-size: 12px;
						line-height: 16px;
						font-weight: 100;
						padding: 10px 40px 0;
					}
					.widget.widgetFinance .financeContent .financeItem .linkItem {
						padding: 0 30px 30px 30px;
						word-break: break-all;
						margin-top: auto;
					}
						.widget.widgetFinance .financeContent .financeItem .linkItem .link {
							font-size: 10px;
							line-height: 12px;
						}
						.widget.widgetFinance .financeContent .financeItem .linkItem .phone {
							margin-top: 15px;
							font-family: 'IBM Plex Sans', sans-serif;
							font-size: 10px;
							line-height: 12px;
							font-weight: 400;
							text-transform: uppercase;
						}
						.widget.widgetFinance .financeContent .financeItem a {
							font-family: 'IBM Plex Sans',
							sans-serif;
							font-size: 10px;
							line-height: 12px;
							font-weight: 400;
							text-transform: uppercase;
							text-decoration: underline;
						}
					.widget.widgetFinance .financeContent .financeItem h2 {
						font-family: 'IBM Plex Sans',
						sans-serif;
						font-size: 10px;
						line-height: 18px;
						font-weight: 400;
						text-transform: uppercase;
						letter-spacing: 1px;
						color: #000000;
						padding: 30px 30px;
						border-bottom: 1px solid hsla(0, 0%, 0%, 0.1);
					}
					.widget.widgetFinance .financeContent .financeItem h2 .color {
						/* color: #d82d7f; */
					}
						.widget.widgetFinance .financeContent .financeItem.itemBlue h2 span,
						.widget.widgetFinance .financeContent .financeItem.itemGreen h2 span {
							display: block;
							font-size: 16px;
							line-height: 18px;
							letter-spacing: 0.16px;
							font-weight: 100;
							padding: 10px 0;
						}
						.widget.widgetFinance .financeContent .financeItem.itemBlue h2 span:first-of-type,
						.widget.widgetFinance .financeContent .financeItem.itemGreen h2 span:first-of-type {
							margin-top: 10px;
						}
						.widget.widgetFinance .financeContent .financeItem .content {
							padding: 40px;
							display: -ms-flexbox;
							display: flex;
							-ms-flex-align: end;
							    align-items: flex-end;
							-ms-flex-pack: justify;
							    justify-content: space-between;
						}
							.widget.widgetFinance .financeContent .financeItem .content .number {
								width: 60%;
							}
								.widget.widgetFinance .financeContent .financeItem .content .number span,
								.widget.widgetFinance .financeContent .financeItem .content .number .date {
									font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
									font-size: 10px;
									line-height: 14px;
									font-weight: 400;
									text-transform: uppercase;
									letter-spacing: 1px;
									color: #000000;
									display: block;
								}
								.widget.widgetFinance .financeContent .financeItem .content .number a {
									text-decoration: none;
								}
								.widget.widgetFinance .financeContent .financeItem .content .number a p {
									font-family: 'Montserrat', sans-serif, "Microsoft YaHei";
									font-size: 40px;
									line-height: 44px;
									font-weight: 300;
								}
							.widget.widgetFinance .financeContent .financeItem .content .number .numberStats {
								width: 40%;
								text-align: right;
							}
								.widget.widgetFinance .financeContent .financeItem .content .numberStats a {
									text-decoration: none;
								}
								.widget.widgetFinance .financeContent .financeItem .content .numberStats a p {
									font-family: 'Montserrat', sans-serif, "Microsoft YaHei";
									font-size: 14px;
									line-height: 18px;
									font-weight: 500;
									position: relative;
								}
				.widget.widgetFinance .financeContent .financeItem.itemBlue {
					display: flex;
					flex-direction: column;
					background-color: #4e6b7c;
					color: #ffffff;
				}
				.widget.widgetFinance .financeContent .financeItem.itemGreen {
					display: flex;
					flex-direction: column;
					background-color: #82e600;
				}
					.widget.widgetFinance .financeContent .financeItem.itemBlue h2 {
						color: #ffffff;
					}
					.widget.widgetFinance .financeContent .financeItem.itemBlue a {
						color: #ffffff;
					}
					.widget.widgetFinance .financeContent .financeItem.itemBlue h2,
					.widget.widgetFinance .financeContent .financeItem.itemGreen h2 {
						border: none;
					}
						.widget.widgetFinance .financeContent .financeItem h2 a {
							text-decoration: none;
						}
					.widget.widgetFinance .financeContent.itemBlue .financeItem h4 .color,
					.widget.widgetFinance .financeContent.itemGreen .financeItem h4 .color {
						color: #ffffff;
					}

		/* Widget - Call to action
		* -------------------------- */
		.widget.widgetCTA {
			text-align: center;
		}
			.widget.widgetCTA .cta {
				margin: 0 auto;
				border: 1px solid #000000;
			}
			.widget.widgetCTA .cta:hover,
			.widget.widgetCTA .cta:focus {
				background: #000000;
			}
			.widget.widgetCTA .cta:hover a,
			.widget.widgetCTA .cta:focus a {
				color: #ffffff;
			}
			/* Color blue */
			.widget.widgetCTA .cta.blue {
				border: 1px solid #00b6ed;
			}
			.widget.widgetCTA .cta.blue:hover,
			.widget.widgetCTA .cta.blue:focus {
				background: #00b6ed;
			}
			/* Color dark blue */
			.widget.widgetCTA .cta.blueDark {
				border: 1px solid #4e6b7c;
			}
			.widget.widgetCTA .cta.blueDark:hover,
			.widget.widgetCTA .cta.blueDark:focus {
				background: #4e6b7c;
			}
			/* Color green */
			.widget.widgetCTA .cta.green {
				border: 1px solid #82e600;
			}
			.widget.widgetCTA .cta.green:hover,
			.widget.widgetCTA .cta.green:focus {
				background: #82e600;
			}
			/* Color purple */
			.widget.widgetCTA .cta.purple {
				border: 1px solid #334395;
			}
			.widget.widgetCTA .cta.purple:hover,
			.widget.widgetCTA .cta.purple:focus {
				background: #334395;
			}

			.widget.widgetCTA .cta.discover {
				margin: 0 auto;
				border: 1px solid #283583;
			}
				.widget.widgetCTA .cta.discover a {
					display: block;
					background: none;
				}
				.widget.widgetCTA .cta.discover:hover {
					background: #283583;
					color: #ffffff;
				}


		/* Widget - Carrousel videos
		* -------------------------- */
		.widget.widgetVideoCarousel {
			background-color: #f5f5f7;
			margin: 0 calc((100vw/12)* -1);
		}
			.widget.widgetVideoCarousel h2 {
				padding-bottom: 30px;
				font-size: 24px;
				line-height: 32px;
				font-weight: 500;
			}
			.widget.widgetVideoCarousel .videoCarousel .slick-list {
				margin: 0 -12px;
			}
				.widget.widgetVideoCarousel .videoCarousel .slick-item {
					background-color: #ffffff;
					position: relative;
					margin: 0 12px;
					border-bottom: 1px solid #e9e9ea;
					border-left: 1px solid #e9e9ea;
					border-right: 1px solid #e9e9ea;
				}
					.widget.widgetVideoCarousel .videoCarousel .slick-item .video {
						position: relative;
						display: block;
					}
						.widget.widgetVideoCarousel .videoCarousel .slick-item .video iframe {
							width: 100%;
							height: 220px;
						}
					.widget.widgetVideoCarousel .videoCarousel .slick-item .content {
						padding: 30px 40px;
						position: relative;
					}
						.widget.widgetVideoCarousel .videoCarousel .slick-item .content h4 {
							font-family: 'IBM Plex Sans',
							sans-serif;
							font-size: 10px;
							line-height: 18px;
							font-weight: 400;
							text-transform: uppercase;
							letter-spacing: 1px;
							color: #19191c;
						}

		/* Widget - Videos wall
		* -------------------------- */
		.widget.widgetVideosWall {
			margin: 0 calc((100vw/12)* -1);
			background: #f5f5f7;
		}
			.widget.widgetVideosWall h2 {
				font-size: 24px;
				line-height: 32px;
			}
			.widget.widgetVideosWall p {
				font-size: 17px;
				line-height: 27px;
				font-weight: 400;
				margin-bottom: 30px;
			}
			.widget.widgetVideosWall .newsGridSocial .item span.h3 {
				font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
				font-size: 10px;
				line-height: 12px;
				font-weight: 400;
				text-transform: uppercase;
				color: #000000;
				letter-spacing: 1px;
				padding: 30px;
				display: block;
			}
			.widget.widgetVideosWall .newsGridSocial .item .content {
				min-height: auto;
			}
			.widget.widgetVideosWall .item .video iframe {
				width: 100%;
				height: 220px;
				display: block;
				border: 0;
			}

		/* Widget - Carousel Picto
		* -------------------------- */
		.widgetCarouselPicto {
			position: relative;
		}
			.widgetCarouselPicto .pictoCarousel {
				margin: 30px 0 0 0;
			}
			.widgetCarouselPicto .pictoCarousel img {
				margin: auto;
			}
				.widgetCarouselPicto .pictoCarousel .slick-dots li button:before {
					font-size: 12px;
					color: #82e600;
				}

		/* Widget - 5 AXES
		* -------------------------- */
		.widget.widgetAxes {
			position: relative;
		}
			.widget.widgetAxes .planAxe {
				text-align: center;
				border: 5px solid #82e600;
				padding: 20px;
				margin: 20px auto;
				position: relative;
				transition: 0.3s;
				max-width: 768px;
			}
				.widget.widgetAxes .planAxe .mainAxe {
					margin: 180px auto;
					width: 180px;
					height: 180px;
					font-size: 21px;
					padding: 40px 0;
					border: 4px solid #4e6b7c;
					border-radius: 50%;
					text-transform: uppercase;
					color: #4e6b7c;
					position: relative;
				}
				.widget.widgetAxes .planAxe .mainAxe h3 {
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
					font-size: 16px;
					line-height: 20px;
				}
					.widget.widgetAxes h3 span {
						color: #4e6b7c;
					}
				.widget.widgetAxes .five .fiveItem {
					position: absolute;
					height: 130px;
					width: 130px;
					margin: 0;
					border-radius: 50%;
					background: #fff;
					margin: 4px;
					transition: 0.3s;
					position: relative;
					border: 2px solid #82e600;
					cursor: pointer;
				}
					.widget.widgetAxes .five .fiveItem img {
						display: block;
						margin: 10px auto 0 auto;
					}
				.widget.widgetAxes .fiveContent {
					position: relative;
				}
				.widget.widgetAxes .five {
					padding: 0;
					margin: 0;
					position: absolute;
				}
				.widget.widgetAxes .five.five1 {
					left: 50%;
					top: 20px;
					transform: translateX(-50%);
				}
				.widget.widgetAxes .five.five2 {
					right: 100px;	
					top: 130px;
				}
					.widget.widgetAxes .five.five2 .arrow {
						position: absolute;
						transform: rotate(50deg);
						bottom: 20px;
						left: -20px;
					}
				.widget.widgetAxes .five.five3 {
					right: 150px;
					bottom: 60px;
				}
					.widget.widgetAxes .five.five3 .arrow {
						position: absolute;
						transform: rotate(130deg);
						bottom: 130px;
						left: 0;
					}
				.widget.widgetAxes .five.five4 {
					left: 150px;
					bottom: 60px;
				}
					.widget.widgetAxes .five.five4 .arrow {
						position: absolute;
						transform: rotate(-130deg);
						bottom: 130px;
						right: 0;
					}
				.widget.widgetAxes .five.five5 {
					left: 100px;
					top: 130px;
				}
					.widget.widgetAxes .five.five5 .arrow {
						position: absolute;
						transform: rotate(-50deg);
						bottom: 20px;
						right: -20px;
					}
					.widget.widgetAxes .arrow svg {
						width: 20px;
						height: 17px;
					}
						.widget.widgetAxes .arrow svg polygon {
						fill: #82e600;
						}
						.widget.widgetAxes .five .fiveItem p {
							font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
							font-size: 10px;
							line-height: 12px;
							font-weight: 400;
							text-transform: uppercase;
							color: #000000;
							letter-spacing: 1px;
							position: absolute;
							left: 50%;
							bottom: 30px;
							transform: translateX(-50%);
						}
						.widget.widgetAxes .axe {
							display: none;
							padding-top: 50px;
							position: absolute;
							top: 3%;
							bottom: 3%;
							left: 3%;
							right: 3%;
							background: #fff;
							box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.3);
							padding: 20px 15px 40px;
						}
						.widget.widgetAxes .axe .circle {
							border-radius: 50%;
							height: 150px;
							width: 150px;
							margin: 0 auto;
							padding: 15px;
							border: 4px solid #334395;
							position: relative;
						}
						.widget.widgetAxes .axe h3 {
							font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
							font-size: 10px;
							line-height: 12px;
							font-weight: 400;
							text-transform: uppercase;
							color: #000000;
							letter-spacing: 1px;
							position: absolute;
							left: 50%;
							bottom: 30px;
							transform: translateX(-50%);
						}
						.widget.widgetAxes .axe .close {
							position: absolute;
							right: 20px;
							top: 20px;
						}
						.widget.widgetAxes .axe p.vertical {
							font-size: 16px;
							line-height: 22px;
							padding-top: 10px;
							margin: 40px 20px;
						}
						.widget.widgetAxes .axe .axeContent {
							position: absolute;
							top: 50%;
							transform: translateY(-50%);
						}
						.widget.widgetAxes .axes-logo {
						    position: absolute;
						    right: 20px;
						    width: fit-content;
						    bottom: 20px;
						}
						.widget.widgetAxes .axes-logo img {
						    display: block;
						    width: 60%;
						}

		/* Widget - General Assembly
		* -------------------------- */
		.widget.widgetGeneralAssembly {
			position: relative;
		}
			.widget.widgetGeneralAssembly .assemblyContent {
				display: -ms-flexbox;
				display: flex;
				text-align: center;
				-ms-flex-align: center;
				    align-items: center;
			}
				.widget.widgetGeneralAssembly .assemblyContent .assemblyEvent {
					width: calc((100vw/10)*3.5);
					padding: 40px;
					position: relative;
				}
					.widget.widgetGeneralAssembly .assemblyContent .assemblyEvent .eventTitle {
						font-family: 'IBM Plex Sans',
						sans-serif;
						font-size: 10px;
						line-height: 12px;
						font-weight: 400;
						text-transform: uppercase;
						margin: 20px 0;
					}
					.widget.widgetGeneralAssembly .assemblyContent .assemblyEvent .place {
						font-size: 12px;
						line-height: 17px;
						margin: 20px 0;
					}
						.widget.widgetGeneralAssembly .assemblyContent .assemblyEvent .place a {
							border-bottom: 2px solid #82e600;
							padding-bottom: 2px;
						}
				.widget.widgetGeneralAssembly .assemblyContent .assemblyImg {
					width: calc((100vw/10)*6.5);
				}
					.widget.widgetGeneralAssembly img {
						display: block;
						width: 100%;
					}

		/* Widget - iFrame - Shareholder
		* -------------------------- */
		.barbaWrapperPage .widget.widgetiFrame {
			width: calc( (100vw/12) * 10 );
			margin-left: calc( (-100vw/12) * 1 );
			position: relative;
			overflow: hidden;
			padding-top: 56.25% !important;
		}
			.barbaWrapperPage .widget.widgetiFrame iframe {
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				width: 100%;
				height: 100%;
				border: 0;
			}
		.barbaWrapperPage .widgetiFrameLink {
			width: calc( (100vw/12) * 10 );
			margin-left: calc( (-100vw/12) * 1 );
			margin-top: 10px;
			text-align: right;
		}
			.barbaWrapperPage .widgetiFrameLink a {
				font-size: 15px;
				line-height: 25px;
			}

		/* Widget - Map offers
		* -------------------------- */
		.gm-style {
			font-family: 'Montserrat', sans-serif !important;
		}
		.offersMap {
			position: relative;
		}
			.offersPage .offersMap .map .gm-infobox {
				position: relative;
				background-color: rgba(0, 0, 0, 0.7);
				font-size: 0px;
				box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.1);
				padding: 15px;
			}
			.offersPage .offersMap .map .gm-infobox:after {
				top: 100%;
				left: 50%;
				border: solid transparent;
				content: " ";
				height: 0;
				width: 0;
				position: absolute;
				pointer-events: none;
				border-color: rgba(0, 170, 255, 0);
				border-top-color: rgba(0, 0, 0, 0.7);
				border-width: 10px;
				margin-left: -10px;
			}
				.offersPage .offersMap .infoBox > img {
					content: url('../vendors/map/assets/img/icon-close.png');
					background-color: #ffffff;
					width: 25px;
					height: 25px;
					border-radius: 50%;
					padding: 4px;
					margin-top: 6px;
					margin-right: 5px;
					z-index: 2;
					display: none;
				}
				.offersPage .offersMap .map .gm-infobox p {
					color: #ffffff;
					font-size: 14px;
					line-height: 18px;
					text-align: center;
					padding: 5px;
					margin-top: 0;
				}
				.offersPage .offersMap .map .gm-infobox strong,
				.offersPage .offersMap .map .gm-infobox a,
				.offersPage .offersMap .map .gm-infobox a strong {
					color: #ffffff;
				}
				.offersPage .offersMap .map .gm-infobox strong {
					font-weight: 500;
					font-size: 13px;
					line-height: 14px;
					letter-spacing: 1px;
					text-transform: uppercase;
				}
				.offersPage .offersMap .map .gm-infobox .jobLink {
					border: 1px solid #fff;
					width: 100%;
					max-width: 60%;
					display: block;
					padding: 7px 0;
					margin: 0 auto;
					font-size: 12px;
					font-weight: 300;
					transition: all 0.3s ease-in-out;
					}
				.offersPage .offersMap .map .gm-infobox .jobLink:hover,
				.offersPage .offersMap .map .gm-infobox .jobLink:focus {
					background: #ffffff;
					border: 1px solid #ffffff;
					color: #000000;
					font-weight: 500;
				}

		/* Widget - CTA
		* -------------------------- */
		.contentWrapper .widget.widgetCTA {
			width: 100%;
		}
		.contentWrapper .widget.widgetCTA + .widgetCTA {
			padding: 40px 0 0 0;
			margin-top: 0;
		}
			.contentWrapper .widget.widgetCTA a {
				display: -ms-flexbox;
				display: flex;
				-ms-flex-align: center;
				    align-items: center;
				background: #ffffff;
				width: 100%;
				height: 100%;
				position: relative;
			}
			.contentWrapper .widget.widgetCTA .img {
				width: 30%;
			}
				.contentWrapper .widget.widgetCTA .img img {
					width: 100%;
					display: block;
				}
			.contentWrapper .widget.widgetCTA .content {
				padding: 30px 30px 30px 90px;
				text-align: left;
				width: 70%;
			}
				.contentWrapper .widget.widgetCTA .content span.h2 {
					font-size: 24px;
					line-height: 26px;
					margin-bottom: 30px;
					display: block;
				}
				.contentWrapper .widget.widgetCTA .content .link {
					display: -ms-flexbox;
					display: flex;
					-ms-flex-align: center;
					    align-items: center;
				}
					.contentWrapper .widget.widgetCTA .content .link span {
						display: block;
						font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
						font-size: 10px;
						line-height: 18px;
						font-weight: bold;
						text-transform: uppercase;
						letter-spacing: 1px;
						color: rgb(0 0 0 / 60%);
					}
					.contentWrapper .widget.widgetCTA .content .link .svg {
						width: 30px;
						height: 30px;
						border: 1px solid rgb(0 0 0 / 60%);
						border-radius: 50%;
						display: -ms-flexbox;
						display: flex;
						-ms-flex-pack: center;
						    justify-content: center;
						-ms-flex-align: center;
						    align-items: center;
						margin-left: 20px;
						transition: all 0.3s ease-in-out;
						transform: rotate(-90deg);
					}
						.contentWrapper .widget.widgetCTA .content .link .svg svg path {
							fill: rgb(0 0 0 / 60%);
						}

		/* Widget - Calendar
		* -------------------------- */
		.contentWrapper .widget.widgetCalendar .inner {
			width: 100%;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-pack: justify;
			    justify-content: space-between;
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
		}
			.contentWrapper .widget.widgetCalendar .inner .block {
				width: 48.5%;
				background: #ffffff;
				position: relative;
				margin-bottom: 30px;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
				.contentWrapper .widget.widgetCalendar .inner .block .category {
					width: 100%;
					display: -ms-flexbox;
					display: flex;
					-ms-flex-pack: justify;
					    justify-content: space-between;
					-ms-flex-align: center;
					    align-items: center;
					padding: 35px 40px;
					border-bottom: 1px solid hsla(0, 0%, 0%, 0.1);
				}
					.contentWrapper .widget.widgetCalendar .inner .block .category .place a {
						font-family: 'IBM Plex Sans', sans-serif;
						font-size: 10px;
						line-height: 18px;
						font-weight: 400;
						text-transform: uppercase;
						letter-spacing: 1px;
						color: rgba(0, 0, 0, 0.5);
						text-transform: uppercase;
						text-decoration: underline;
						display: -ms-flexbox;
						display: flex;
						-ms-flex-align: center;
						    align-items: center;
						text-decoration: none;
						pointer-events: none;
						cursor: default;
					}
						.contentWrapper .widget.widgetCalendar .inner .block .category .place a svg {
							width: 16px;
							height: auto;
							margin-right: 10px;
						}
					.contentWrapper .widget.widgetCalendar .inner .block .category .time {
						font-family: 'IBM Plex Sans', sans-serif;
						font-size: 10px;
						line-height: 18px;
						font-weight: 400;
						text-transform: uppercase;
						letter-spacing: 1px;
						color: #000000;
					}

			.contentWrapper .widget.widgetCalendar .inner .block .content {
				padding: 50px 0;
			}
			.contentWrapper .widget.widgetCalendar .inner .block .content img {
				width: 100%;
				margin-top: -50px;
				display: block;
			}
				.contentWrapper .widget.widgetCalendar .inner .block .content h1,
				.contentWrapper .widget.widgetCalendar .inner .block .content h2 {
					font-size: 25px;
					line-height: 29px;
					font-weight: 600;
					color: #000000;
					margin-bottom: 30px;
					padding: 0 50px;
					margin-top: 30px;
				}
				.contentWrapper .widget.widgetCalendar .inner .block .content p {
					font-size: 14px;
					line-height: 20px;
					font-weight: 300;
					margin-bottom: 20px;
					padding: 0 50px;
				}
				.contentWrapper .widget.widgetCalendar .inner .block .content .downloadLinks {
					font-family: 'IBM Plex Sans', sans-serif;
					font-size: 10px;
					line-height: 18px;
					font-weight: 500;
					text-transform: uppercase;
					letter-spacing: 1px;
					color: #334395;
					display: block;
					padding: 0 50px;
				}

			.contentWrapper .widget.widgetCalendar .inner .block .bottom {
				width: 100%;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-pack: justify;
				    justify-content: space-between;
				-ms-flex-align: center;
				    align-items: center;
				padding: 20px 40px;
				border-top: 1px solid hsla(0, 0%, 0%, 0.1);
			}
				.contentWrapper .widget.widgetCalendar .inner .block .cta {
					position: relative;
					-ms-flex-pack: center;
					    justify-content: center;
					font-size: 10px;
					line-height: 14px;
					text-transform: uppercase;
					cursor: pointer;
					border: 1px solid #334395;
					color: #334395;
				}
				.contentWrapper .widget.widgetCalendar .inner .block .cta:hover {
					background: #334395;
					color: #ffffff;
				}
					.contentWrapper .widget.widgetCalendar .inner .block .cta .addeventatc {
						visibility: visible;
						z-index: 100004;
						width: 100%;
						padding: 0px;
						height: 100%;
						display: block;
						position: absolute;
						background: none;
						border: 0px;
						text-shadow: none;
						box-shadow: none !important;
					}
						.contentWrapper .widget.widgetCalendar .inner .block .cta .addeventatc .addeventatc_icon {
							display: none;
						}
						.addeventatc_dropdown .copyx {
							display: none !important;
						}

				/* Share */
				.contentWrapper .widget.widgetCalendar .inner .block .shareON {
					width: 70%;
					left: 0;
					bottom: 0;
					display: -ms-flexbox;
					display: flex;
					-ms-flex-align: center;
					    align-items: center;
				}
					.contentWrapper .widget.widgetCalendar .inner .block .shareON span {
						font-size: 10px;
						line-height: 14px;
						text-transform: uppercase;
						color: rgba(0, 0, 0, 0.5);
						margin-right: 10px;
					}
					.contentWrapper .widget.widgetCalendar .inner .block .shareON .headerShare {
						padding: 0;
					}
						.contentWrapper .widget.widgetCalendar .inner .block .shareON .headerShare li {
							margin: 0 5px 0 0;
							opacity: 1;
						}

		/* Widget - Calendar Full
		* -------------------------- */
		body.single-evenement .contentWrapper {
			padding: 0;
		}
		.contentWrapper .widget.widgetCalendarFull {
			padding-top: 0;
		}
		.contentWrapper .widget.widgetCalendarFull .inner .block {
			width: 50%;
			margin: 0;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-direction: column;
			    flex-direction: column;
			-ms-flex-pack: justify;
			    justify-content: space-between;
		}
			.contentWrapper .widget.widgetCalendarFull .inner .block .top {
				padding: 40px;
				border-bottom: 1px solid hsla(0, 0%, 0%, 0.1);
			}
				.contentWrapper .widget.widgetCalendarFull .inner .block .top span {
					display: inline-block;
					font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
					font-size: 10px;
					line-height: 18px;
					font-weight: 400;
					text-transform: uppercase;
					letter-spacing: 1px;
					color: #000000;
					background-color: #f5f5f7;
					padding: 10px 15px;
					border-radius: 25px;
					margin-right: 5px;
				}
			.contentWrapper .widget.widgetCalendarFull .inner .block .category {
				border: none;
			}
			.contentWrapper .widget.widgetCalendarFull .inner .block .content {
				width: 110%;
				padding: 0;
				background: #ffffff;
			}
				.contentWrapper .widget.widgetCalendarFull .inner .block .content h1,
				.contentWrapper .widget.widgetCalendarFull .inner .block .content h2 {
					margin-top: 0;
				}
			.contentWrapper .widget.widgetCalendarFull .inner .block .bottom {
				border: 0;
			}
			.contentWrapper .widget.widgetCalendarFull .inner .block .shareON {
				-ms-flex-pack: end;
				    justify-content: flex-end;
			}
				.contentWrapper .widget.widgetCalendarFull .inner .block .shareON .headerShare li:last-of-type {
					margin: 0;
				}

		.contentWrapper .widget.widgetCalendarFull .blockImg {
			width: 50%;
		}
			.contentWrapper .widget.widgetCalendarFull .blockImg img {
				width: 100%;
				display: block;
			}

		/* Widget - Video + Quote
		* -------------------------- */
		.widgetVideoQuote {
			width: 100vw;
			margin-left: calc( (-100vw/12) * 2 );
			margin-right: calc( (-100vw/12) * 2 );
			position: relative;
		}
			.widgetVideoQuote video {
				width: 100%;
				display: block;
			}
			.widgetVideoQuote button {
				background: none;
				border: 0;
				cursor: pointer;
			}
			.widgetVideoQuote button.muteVideoQuote {
				position: absolute;
				bottom: 70px;
				right: 20px;
				z-index: 2;
			}
			.widgetVideoQuote button.playVideoQuote {
				position: absolute;
				bottom: 10px;
				right: 20px;
				z-index: 2;
			}
				.widgetVideoQuote svg {
					width: 50px;
					height: 50px;
				}
				.widgetVideoQuote svg.soundOn,
				.widgetVideoQuote svg.playOn {
					display: none;
				}
			.widgetVideoQuote .quote-career {
				width: calc( (100vw/12) * 10 );
				background: rgba(255, 255, 255, 0.9);
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				border-radius: 8px;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-align: center;
				    align-items: center;
				padding: 50px;
			}
				.widgetVideoQuote .quote-career img {
					width: 180px;
					height: 180px;
					display: block;
					border-radius: 50%;
				}
				.widgetVideoQuote .quote-career blockquote {
					margin: 0 0 0 50px;
				}
					.widgetVideoQuote .quote-career blockquote p {
						color: #334395;
						font-size: 28px;
						line-height: 38px;
						font-weight: 400;
					}
						.widgetVideoQuote .quote-career blockquote p sup,
						.widgetVideoQuote .quote-career blockquote p sub {
							line-height: 1;
							font-size: 12px;
						}
					.widgetVideoQuote .quote-career blockquote footer {
						margin-top: 50px;
					}
						.widgetVideoQuote .quote-career blockquote footer p.job {
							font-family: 'IBM Plex Sans', sans-serif;
							font-size: 13px;
							line-height: 25px;
							font-weight: 400;
							text-transform: uppercase;
							letter-spacing: 1px;
						}
						.widgetVideoQuote .quote-career blockquote footer p.name {
							font-size: 18px;
							line-height: 25px;
							font-weight: 500;
						}

		/* Widget - Video + Quote
		* -------------------------- */
		.widgetVideoQuote {
			width: 100vw;
			margin-left: calc( (-100vw/12) * 2 );
			margin-right: calc( (-100vw/12) * 2 );
			position: relative;
		}
			.widgetVideoQuote video {
				width: 100%;
				display: block;
			}
			.widgetVideoQuote button {
				background: none;
				border: 0;
				cursor: pointer;
			}
			.widgetVideoQuote button.muteVideoQuote {
				position: absolute;
				bottom: 70px;
				right: 20px;
				z-index: 2;
			}
			.widgetVideoQuote button.playVideoQuote {
				position: absolute;
				bottom: 10px;
				right: 20px;
				z-index: 2;
			}
				.widgetVideoQuote svg {
					width: 50px;
					height: 50px;
				}
				.widgetVideoQuote svg.soundOn,
				.widgetVideoQuote svg.playOn {
					display: none;
				}
			.widgetVideoQuote .quote-career {
				width: calc( (100vw/12) * 10 );
				background: rgba(255, 255, 255, 0.9);
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				border-radius: 8px;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-align: center;
				    align-items: center;
				padding: 50px;
			}
				.widgetVideoQuote .quote-career img {
					width: 180px;
					height: 180px;
					display: block;
					border-radius: 50%;
				}
				.widgetVideoQuote .quote-career blockquote {
					margin: 0 0 0 50px;
				}
					.widgetVideoQuote .quote-career blockquote p {
						color: #334395;
						font-size: 28px;
						line-height: 38px;
						font-weight: 400;
					}
						.widgetVideoQuote .quote-career blockquote p sup,
						.widgetVideoQuote .quote-career blockquote p sub {
							line-height: 1;
							font-size: 12px;
						}
					.widgetVideoQuote .quote-career blockquote footer {
						margin-top: 50px;
					}
						.widgetVideoQuote .quote-career blockquote footer p.job {
							font-family: 'IBM Plex Sans', sans-serif;
							font-size: 13px;
							line-height: 25px;
							font-weight: 400;
							text-transform: uppercase;
							letter-spacing: 1px;
						}
						.widgetVideoQuote .quote-career blockquote footer p.name {
							font-size: 18px;
							line-height: 25px;
							font-weight: 500;
						}


		/* Widget - Four Pillars
		* -------------------------- */
		.widgetFourPillars {
			width: calc( (100vw/12) * 10 );
			margin-left: calc( (-100vw/12) * 1 );
			margin-right: calc( (-100vw/12) * 1 );
		}
			.widgetFourPillars h2 {
				font-size: 24px;
				line-height: 32px;
				font-weight: 700;
			}
			.widgetFourPillars .row {
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
			}
				.widgetFourPillars .row .block {
					width: 50%;
					position: relative;
					overflow: hidden;
				}
				.widgetFourPillars.hide .row .block .arrow {
					display: none;
				}
				.widgetFourPillars .row .block .arrow {
					display: block;
					width: 45px;
					height: auto;
				}
					.widgetFourPillars .row .block .arrow0 {
						position: absolute;
						bottom: 10px;
						left: 50%;
						transform: translateX(-50%) rotate(270deg);
						z-index: 2;
					}
					.widgetFourPillars .row .block .arrow1 {
						position: absolute;
						top: 50%;
						left: 5px;
						transform: translateY(-50%);
						z-index: 2;
					}
					.widgetFourPillars .row .block .arrow2 {
						position: absolute;
						top: 50%;
						right: 5px;
						transform: translateY(-50%) rotate(180deg);
						z-index: 2;
					}
					.widgetFourPillars .row .block .arrow3 {
						position: absolute;
						top: 10px;
						left: 50%;
						transform: translateX(-50%) rotate(90deg);
						z-index: 2;
					}
					.widgetFourPillars .row .block .bg {
						width: 100%;
						height: auto;
						display: block;
					}
					.widgetFourPillars .row .block .overlay {
						width: 100%;
						height: 100%;
						position: absolute;
						z-index: 1;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						background: rgba(78, 107, 124, 0.1);
					}
					.widgetFourPillars .row .block .content {
						position: absolute;
						z-index: 2;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						transition: opacity 0.3s ease-in-out;
					}
						.widgetFourPillars .row .block .content img {
							width: 80px;
							height: auto;
							display: block;
							margin: 0 auto;
						}
						.widgetFourPillars .row .block .content h3 {
							font-family: 'IBM Plex Sans', sans-serif;
							font-size: 18px;
							line-height: 18px;
							font-weight: 400;
							text-transform: uppercase;
							letter-spacing: 1px;
							background: #ffffff;
							margin: 20px 0 0 0;
							padding: 9px 25px;
							border-radius: 25px;
							text-align: center;
							width: -webkit-max-content;
							width: -moz-max-content;
							width: max-content;
						}
					.widgetFourPillars .row .block .hover {
						width: 100%;
						height: 100%;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						z-index: 3;
						padding: 80px;
						background: rgba(0, 133, 86, 0.8);
						color: #ffffff;
						display: -ms-flexbox;
						display: flex;
						-ms-flex-direction: column;
						    flex-direction: column;
						-ms-flex-pack: center;
						    justify-content: center;
						opacity: 0;
						transition: opacity 0.3s ease-in-out;
					}
						.widgetFourPillars .row .block .hover .head {
							display: -ms-flexbox;
							display: flex;
							-ms-flex-align: center;
							    align-items: center;
							margin-bottom: 30px;
						}
							.widgetFourPillars .row .block .hover .head img {
								width: 50px;
								height: auto;
								display: block;
							}
							.widgetFourPillars .row .block .hover .head span {
								font-family: 'IBM Plex Sans', sans-serif;
								font-size: 10px;
								line-height: 18px;
								font-weight: 500;
								text-transform: uppercase;
								letter-spacing: 1px;
								margin-left: 15px;
							}
						.widgetFourPillars .row .block .hover h4 {
							margin-bottom: 30px;
							font-size: 18px;
							line-height: 22px;
							font-weight: 400;
						}
						.widgetFourPillars .row .block .hover p {
							font-size: 14px;
							line-height: 22px;
							font-weight: 400;
						}
				/* Hover */
				.widgetFourPillars .row .block:hover .content {
					opacity: 0;
				}
				.widgetFourPillars .row .block:hover .hover {
					opacity: 1;
				}

		/* Widget - Sustainability Timeline
		* -------------------------- */
		.widgetSustainabilityTimeline {
			width: calc( (100vw/12) * 12 );
			margin-left: calc( (-100vw/12) * 2 );
			margin-right: calc( (-100vw/12) * 2 );
		}
			.widgetSustainabilityTimeline .head {
				width: 100%;
				max-width: calc( (100vw/12) * 8 );
				margin: 0 auto;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-align: center;
				    align-items: center;
				padding-bottom: 50px;
				border-bottom: 1px solid rgba(0, 0, 0, 0.1);
			}
				.widgetSustainabilityTimeline .head h2 {
					font-size: 24px;
					line-height: 32px;
					font-weight: 700;
					min-width: 70%;
				}
				.widgetSustainabilityTimeline .head span {
					font-family: 'IBM Plex Sans', sans-serif;
					font-size: 10px;
					line-height: 18px;
					font-weight: 400;
					text-transform: uppercase;
					letter-spacing: 1px;
				}
			.widgetSustainabilityTimeline .introSustainability {
				font-size: 22px;
				line-height: 27px;
				font-weight: 300;
				width: 100%;
				max-width: calc( (100vw/12) * 8 );
				margin: 50px auto;
			}
			.widgetSustainabilityTimeline .slickSustainabilityDates {
				width: calc( (100vw/12) * 12 );
				margin-top: 100px;
				margin-bottom: 40px;
			}
				.widgetSustainabilityTimeline .slickSustainabilityDates .slick-list {
					margin: 0 -120px;
				}
					.widgetSustainabilityTimeline .slickSustainabilityDates .slick-item {
						font-size: 40px;
						line-height: 40px;
						font-weight: 700;
						color: #008556;
						padding-bottom: 70px;
						padding-left: 20px;
						margin: 0 60px;
						position: relative;
						border-left: 1px solid rgba(0, 0, 0, 0.1);
						opacity: 0.3;
						transition: opacity 0.3s ease-in-out;
					}
					.widgetSustainabilityTimeline .slickSustainabilityDates .slick-item.slick-current {
						opacity: 1;
					}
					.widgetSustainabilityTimeline .slickSustainabilityDates .slick-item:nth-of-type(4) {
						opacity: 0;
					}
					.widgetSustainabilityTimeline .slickSustainabilityDates.active .slick-list .slick-item:nth-of-type(4) {
						opacity: 1;
					}
						.widgetSustainabilityTimeline .slickSustainabilityDates .slick-item span {
							width: 7px;
							height: 7px;
							background: #000000;
							position: absolute;
							left: -4px;
							bottom: 0;
							border-radius: 50%;
						}
						.widgetSustainabilityTimeline .slickSustainabilityDates .slick-item::after {
							content: '';
							width: calc(100% + 120px);
							height: 1px;
							background: rgba(0, 0, 0, 0.1);
							position: absolute;
							right: -120px;
							bottom: 2px;
						}

				.widgetSustainabilityTimeline .slickSustainabilityContent .slick-track {
					display: -ms-flexbox;
					display: flex;
				}
				.widgetSustainabilityTimeline .slickSustainabilityContent .slick-list {
					margin: 0 -120px;
					display: -ms-flexbox;
					display: flex;
					height: auto;
				}
					.widgetSustainabilityTimeline .slickSustainabilityContent .slick-list .slick-item {
						margin: 0 60px;
						background: #ffffff;
						border-radius: 0 25px 0 0;
						opacity: 0.3;
						transition: opacity 0.3s ease-in-out;
					}
					.widgetSustainabilityTimeline .slickSustainabilityContent .slick-list .slick-item.slick-current {
						opacity: 1;
					}
					.widgetSustainabilityTimeline .slickSustainabilityContent .slick-list .slick-item:nth-of-type(4) {
						opacity: 0;
					}
					.widgetSustainabilityTimeline .slickSustainabilityContent.active .slick-list .slick-item:nth-of-type(4) {
						opacity: 1;
					}
						.widgetSustainabilityTimeline .slickSustainabilityContent .slick-list .slick-item .category {
							border-bottom: 1px solid rgba(0, 0, 0, 0.1);
						}
							.widgetSustainabilityTimeline .slickSustainabilityContent .slick-list .slick-item .category img {
								width: 100%;
								border-radius: 0 25px 0 0;
							}
							.widgetSustainabilityTimeline .slickSustainabilityContent .slick-list .slick-item .category h3 {
								display: inline-block;
								font-family: 'IBM Plex Sans', sans-serif;
								font-size: 10px;
								line-height: 18px;
								font-weight: 400;
								text-transform: uppercase;
								letter-spacing: 1px;
								color: #008556;
								padding: 30px 40px;
							}
								.widgetSustainabilityTimeline .slickSustainabilityContent .slick-list .slick-item .category h3 span {
									color: #000000;
								}
						.widgetSustainabilityTimeline .slickSustainabilityContent .slick-list .slick-item .txt {
							padding: 30px 40px;
						}
							.widgetSustainabilityTimeline .slickSustainabilityContent .slick-list .slick-item .txt .picto {
								margin-bottom: 30px;
							}
							.widgetSustainabilityTimeline .slickSustainabilityContent .slick-list .slick-item .txt h4 {
								font-size: 14px;
								line-height: 22px;
								font-weight: 500;
								margin-bottom: 30px;
							}
							.widgetSustainabilityTimeline .slickSustainabilityContent .slick-list .slick-item .txt p {
								font-size: 14px;
								line-height: 22px;
								font-weight: 300;
							}
						.widgetSustainabilityTimeline .slickSustainabilityContent .slick-list .slick-item .moreNews {
							display: -ms-flexbox;
							display: flex;
							-ms-flex-pack: end;
							    justify-content: flex-end;
							padding: 20px;
						}
							.widgetSustainabilityTimeline .slickSustainabilityContent .slick-list .slick-item .moreNews .cta a {
								border: 1px solid #008556;
								border-radius: 50%;
								color: #008556;
							}
							.widgetSustainabilityTimeline .slickSustainabilityContent .slick-list .slick-item .moreNews .cta a:hover {
								background: #008556;
								color: #ffffff;
							}

				.widgetSustainabilityTimeline .slickNext {
					border: none;
					background-color: #008556;
					height: 94px;
					width: 94px;
					border-radius: 50%;
					position: absolute;
					cursor: pointer;
					top: 50%;
					transform: translateY(-50%);
					right: calc( (100vw/12) * 1 );
					cursor: pointer;
					display: flex;
					align-items: center;
					justify-content: center;
				}

		/* Widget - Our Engagements
		* -------------------------- */
		.widgetOurEngagements h2 {
			font-size: 24px;
			line-height: 32px;
			font-weight: 700;
			margin-bottom: 30px;
		}
		.widgetOurEngagements .inner {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-pack: justify;
			    justify-content: space-between;
		}
			.widgetOurEngagements .column {
				width: 49%;
			}
				.widgetOurEngagements .column .block {
					background: #ffffff;
					margin-bottom: 30px;
				}
					.widgetOurEngagements .column .block .key {
						padding: 30px;
						text-align: center;
						color: #334395;
						font-size: 90px;
						line-height: 90px;
						font-weight: 300;
						border-bottom: 1px solid rgba(0, 0, 0, 0.1);
					}
						.widgetOurEngagements .column .block .key sup {
							line-height: 1px;
							font-size: 60px;
						}
					.widgetOurEngagements .column .block .txt {
						padding: 30px;
						font-size: 20px;
						line-height: 29px;
					}
						.widgetOurEngagements .column .block .txt a {
							text-decoration: underline;
						}
						.widgetOurEngagements .column .block .txt sup,
						.widgetOurEngagements .column .block .txt sub {
							line-height: 1px;
							font-size: 12px;
						}
						.widgetOurEngagements .column .block .txt strong {
							color: #334395;
							font-weight: 500;
						}
						.widgetOurEngagements .column .block .txt p img {
							float: left;
							margin: 0 10px 10px 0;
						}
					.widgetOurEngagements .column .block ul {
						margin: 0;
						padding: 0 30px 30px 30px;
					}
						.widgetOurEngagements .column .block ul li {
							display: -ms-flexbox;
							display: flex;
							-ms-flex-align: start;
							    align-items: flex-start;
						}
							.widgetOurEngagements .column .block ul li > img {
								margin-right: 20px;
								margin-bottom: 10px;
							}
							.widgetOurEngagements .column .block ul li span {
								margin-right: 10px;
								color: #334395;
								font-weight: bold;
							}
							.widgetOurEngagements .column .block ul li p {
								font-size: 20px;
								line-height: 29px;
							}
							

		/* Widget - Accordion
		* -------------------------- */
		.barbaWrapperPage .contentWrapper .widget.expandCollapse.expandCollapseTwo {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}
			.barbaWrapperPage .contentWrapper .widget.expandCollapse.expandCollapseTwo section {
				width: 49%;
			}
		.expandCollapse {
			margin-top: 20px;
		}
			.expandCollapse section {
				margin-bottom: 20px;
			}
				.expandCollapse h2 {
					margin: 0;
				}
					.expandCollapse button {
						margin: 0;
						font-family: 'Montserrat', sans-serif, "Microsoft YaHei";
						font-size: 20px;
						line-height: 20px;
						color: #19191c;
						font-weight: 700;
						width: 100%;
						-webkit-appearance: none;
						border: 0;
						background: #ffffff;
						padding: 30px;
						display: flex;
						align-items: center;
						cursor: pointer;
						position: relative;
					}
					.expandCollapse section.open button {
						box-shadow: none;
					}
						.expandCollapse .svgContainer {
							width: 30px;
							height: 30px;
							border: 1px solid rgb(25 25 28 / 70%);
							border-radius: 50%;
							position: absolute;
							top: 50%;
							right: 30px;
							transform: translateY(-50%) rotate(-90deg);
							transform-origin: center;
							transition: 0.3s all ease-in-out;
							display: flex;
							justify-content: center;
							align-items: center;
						}
							.expandCollapse button svg.arrow {
								width: 6px;
								height: 10px;
							}
							.expandCollapse section.open .svgContainer {
								transform: translateY(-50%) rotate(90deg);
							}
								.expandCollapse button svg.arrow path {
									color: #ffffff;
								}
					.expandCollapse .panel {
						background: #ffffff;
						padding: 40px;
						border-top: 1px solid #f5f5f7;
					}
						.expandCollapse .panel ul {
							padding: 0 0 0 40px;
							margin-bottom: 15px;
						}
							.expandCollapse .panel ul li {
								list-style: disc;
								font-size: 16px;
								line-height: 22px;
								color: #000000;
							}
						.expandCollapse .panel h3 {
							margin-bottom: 15px;
						}
						.expandCollapse .panel p {
							font-size: 16px;
							line-height: 22px;
							color: #000000;
							margin-bottom: 15px;
						}
						.expandCollapse .panel p:last-of-type {
							margin-bottom: 0;
						}
							.expandCollapse .panel p a {
								text-decoration: underline;
								color: rgb(25 25 28 / 70%);
							}
						.expandCollapse .panel dl {
							margin: 0;
							padding: 0 20px 0 0;
							max-height: 300px;
							overflow: auto;
						}
						.expandCollapse .panel dl::-webkit-scrollbar {
							width: 5px;
						}
						.expandCollapse .panel dl::-webkit-scrollbar-track {
							background: #ffffff;
						}
						.expandCollapse .panel dl::-webkit-scrollbar-thumb {
							background: #282828;
							border-radius: 25px;
						}
							.expandCollapse .panel dl dt {
								font-size: 14px;
								line-height: 22px;
								font-weight: 600;
							}
							.expandCollapse .panel dl dd {
								font-size: 14px;
								line-height: 22px;
								margin-bottom: 10px;
								margin: 0 0 10px 0;
							}
							.expandCollapse .panel dl dd:last-of-type {
								margin-bottom: 0;
							}
								.expandCollapse .panel dl dd span {
									font-weight: 600;
									text-transform: uppercase;
								}


		/* Commands
		* -------------------------- */
		.offersPage .offersMap .commands {
			position: absolute;
			right: 20px;
			bottom: 40px;
		}
			.offersPage .offersMap .commands span {
				display: block;
				width: 35px;
				line-height: 35px;
				background-color: #e6e6e6;
				color: #3a3a3a;
				text-align: center;
				font-size: 30px;
				cursor: pointer;
				overflow: hidden;
			}
			.offersPage .offersMap .commands .zoom-plus {
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
			}
			.offersPage .offersMap .commands .zoom-minus {
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				font-size: 50px;
			}
			.offersPage .offersMap .commands span:hover,
			.offersPage .offersMap .commands span:focus {
				color: #82e600;
			}

		/* Offers popin
		* -------------------------- */
		.offers-popin {
			display: none;
			position: fixed;
			width: 100%;
			top: 25vh;
			left: 0;
			background: rgba(10, 10, 10, 0.85);
			color: #ffffff;
			text-transform: uppercase;
			text-align: center;
			padding: 15vh 20px;
			font-weight: 700;
		}
			.offers-popin a {
				display: inline-block;
				margin: 10px 0;
				width: 100%;
				padding: 10px;
				border: 1px solid #ffffff;
				color: #ffffff;
				text-transform: none;
				font-weight: normal;
			}
			.close-offers-popin {
				position: absolute;
				display: block;
				top: 15px;
				right: 15px;
				border-radius: 50%;
				background: #ffffff;
				width: 22px;
				height: 22px;
				padding-top: 6px;
				cursor: pointer;
			}
				.close-offers-popin svg path {
					fill: #3a3a3a;
				}

		/* Offers countries
		* -------------------------- */
		.offersPage .offersCountries {
			display: none;
			list-style: none;
			margin-left: 0;
			column-count: 4;
		}
			.offersPage .offersCountries li a:hover,
			.offersPage .offersCountries li a:focus {
				color: #82e600;
			}
			.offersPage .offersCountries {
				padding: 0px 30px 20px;
				column-count: 1;
			}
			.offersPage .offersCountries p {
				border-bottom: 1px solid rgba(0, 0, 0, 0.2);
				padding: 10px 0;
				font-size: 16px;
			}
			.offersPage .offersCountries p.on {
				border-bottom: 1px solid rgba(0, 0, 0, 0.2);
				padding: 10px 0;
				font-size: 16px;
				color: #82e600;
				font-weight: bold;
			}
			.offersPage .offersCountries ul {
				list-style: none;
				margin-left: 0;
				display: none;
			}
			.offersPage .offersCountries li {
				padding: 0;
				font-size: 14px;
			}
			.offersPage .offersCountries li a {
				display: block;
				padding: 5px;
			}

		/* Offers countries
		* -------------------------- */
		.country-data {
			display: flex;
			justify-content: space-between;
			align-content: center;
			align-items: center;
			flex-wrap: wrap;
		}
		.country-data .keyfigure {
			width: 25%;
			padding: 20px;
			text-align: center;
		}
		.country-data .keyfigure img {
			margin: auto;
			display: block;
		}

			

/* GLOSSARY
=================================================================================*/
.widget.widgetGlossary {
	position: relative;
	padding-top: 0;
}
	.widget.widgetGlossary .tabs {
		display: -ms-flexbox;
		display: flex;
		padding: 40px 0 20px;
	}
		.widget.widgetGlossary .tabs .tabTitle {
			height: 30px;
			width: 30px;
			background-color: #ffffff;
			border-radius: 50%;
			position: relative;
			font-family: 'IBM Plex Sans',
			sans-serif;
			font-size: 10px;
			line-height: 18px;
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: 1px;
			margin: 0 15px 0 0;
			cursor: pointer;
		}
		.widget.widgetGlossary .tabs .tabTitle:last-of-type {
			margin-right: 0;
		}
		.widget.widgetGlossary .tabs .tabTitle.on {
			background: #82e600;
		}
			.widget.widgetGlossary .tabs .tabTitle p {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
			}
		.widget.widgetGlossary .tabBlock {
			position: relative;
			opacity: 0;
		}
		.widget.widgetGlossary .tabBlock .tabContent {
			padding: 60px 20px;
			font-size: 14px;
			line-height: 20px;
			z-index: 1;
			width: 100%;
			background-color: #ffffff;
			overflow: hidden;
		}
			.widget.widgetGlossary .tabBlock .tabContent .contentItem {
				padding-bottom: 30px;
			}
			.widget.widgetGlossary .tabBlock .tabContent .contentItem:last-of-type {
				padding-bottom: 0;
			}
				.widget.widgetGlossary .tabBlock .tabContent h2.contentTitle {
					font-size: 15px;
					line-height: 21px;
					font-weight: 500;
					padding-bottom: 5px;
				}
				.widget.widgetGlossary .tabBlock .tabTitle.on+.tabContent {
					display: block;
				}

/* GLOSSARY BOURSE
=================================================================================*/
.widget.widgetGlossaryBourse .tabs .tabTitle {
	width: auto;
	height: auto;
	border-radius: 25px;
	padding: 5px 15px;
}
	.widget.widgetGlossaryBourse .tabs .tabTitle p {
		position: static;
		transform: none;
	}
.widget.widgetGlossaryBourse .tabBlock .tabContent .contentItem iframe {
	width: 100%;
	min-height: 1400px;
	border: 0;
}
.widget.widgetGlossaryBourse .tabBlock .tabContent .contentItem h2 {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 30px;
}
.widget.widgetGlossaryBourse.widgetDownloadDocuments .tabBlock .tabContent .contentItem h2 {
	font-size: 16px;
	line-height: 20px;
}
.widget.widgetGlossaryBourse .tabBlock .tabContent .contentItem h3 {
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 30px;
}
.widget.widgetGlossaryBourse .tabBlock .tabContent .contentItem p {
	font-size: 17px;
	line-height: 27px;
	margin-bottom: 30px;
}
.widget.widgetGlossaryBourse.widgetDownloadDocuments .tabBlock .tabContent .contentItem p {
	font-size: 10px;
	line-height: 12px;
	margin: 0;
}
.widget.widgetGlossaryBourse .tabBlock .tabContent .contentItem ul {
	margin-bottom: 30px;
	padding: 0 0 0 40px;
}
	.widget.widgetGlossaryBourse .tabBlock .tabContent .contentItem ul li {
		font-size: 17px;
		line-height: 27px;
		list-style-type: disc;
	}


/* KEY FIGURES
=================================================================================*/
/* Widget - Key Figures
* -------------------------- */
.barbaWrapperKeyFigures .widget.widgetKeyFigures .keyContent .keyItem .content {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	transition: 0.5s all ease-in-out;
}
	.barbaWrapperKeyFigures .widget.widgetKeyFigures .keyContent .keyItem .content .title {
		font-size: 32px;
		line-height: 30px;
		letter-spacing: -0.24px;
		font-weight: 900;
	}
		.barbaWrapperKeyFigures .widget.widgetKeyFigures .keyContent .keyItem .content .legendTitle {
			font-family: 'IBM Plex Sans',
			sans-serif;
			font-size: 10px;
			line-height: 18px;
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: 1px;
			color: #000000;
			padding-top: 10px;
			text-align: center;
		}
		.barbaWrapperKeyFigures .widget.widgetKeyFigures .keyContent .keyItem .hoverContent {
			opacity: 0;
			transition: 0.5s all ease-in-out;
		}
		.barbaWrapperKeyFigures .widget.widgetKeyFigures .keyContent .keyItem:hover .hoverContent,
		.barbaWrapperKeyFigures .widget.widgetKeyFigures .keyContent .keyItem:focus .hoverContent {
			opacity: 1;
		}
		.barbaWrapperKeyFigures .widget.widgetKeyFigures .keyContent .keyItem:hover .content,
		.barbaWrapperKeyFigures .widget.widgetKeyFigures .keyContent .keyItem:focus .content {
			opacity: 0;
		}

/* Widget - Map
* -------------------------- */
.barbaWrapperKeyFigures .contentWrapper .widget.widgetMap {
	position: relative;
}
	.widget.widgetMap .map {
		position: relative;
	}
		.widget.widgetMap .map img {
			width: 100%;
			display: block;
		}
		.widget.widgetMap .map .mapItem {
			width: 10px;
			height: 10px;
			position: absolute;
			border-radius: 50%;
			cursor: pointer;
		}
		.widget.widgetMap .map .mapItem.mapAmerica {
			left: 20%;
			top: 45%;
			background-color: #d82d7f;
		}
		.widget.widgetMap .map .mapItem.mapEurope {
			left: 47.5%;
			top: 37%;
			background-color: #fab50b;
		}
		.widget.widgetMap .map .mapItem.mapAfrica {
			left: 51%;
			top: 62%;
			background-color: #82e600;
		}
		.widget.widgetMap .map .mapItem.mapAsia {
			left: 70%;
			top: 28%;
			background-color: #00b6ed;
		}
	.widget.widgetMap .accordion {
		display: -ms-flexbox;
		display: flex;
		padding-top: 30px;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.widget.widgetMap .accordionItem {
		margin: 20px 20px 20px 0;
	}
	.widget.widgetMap .accordionItem:last-of-type {
		margin: 20px 0 20px 0;	
	}
		.widget.widgetMap .accordion .accordionItem .accordionTitle {
			text-transform: capitalize;
			position: relative;
			width: 100%;
			padding: 10px 130px 10px 20px;
			background: #ffffff;
			border-radius: 50px;
			transition: all 0.3s ease-in-out;
			cursor: pointer;
		}
		.widget.widgetMap .accordion .accordionItem .accordionTitle .accordionToggle {
				box-sizing: border-box;
				position: absolute;
				height: 12px;
				width: 12px;
				border-style: solid;
				border-color: #000000;
				border-width: 0px 1px 1px 0px;
				right: 15px;
				top: 50%;
				transform: translateY(-50%) rotate(45deg);
				transition: all 0.3s ease-in-out;
			}
			.widget.widgetMap .accordion .accordionItem .accordionTitle.on .accordionToggle {
				transform: rotate(-135deg);
			}
		.widget.widgetMap .accordion .accordionItem .accordionContent {
			margin: 30px 0 30px 20px;
			display: none;
		}
			.widget.widgetMap .accordion .accordionItem .accordionContent ul li {
				font-size: 16px;
				line-height: 22px;
			}
	.widgetGoogleMap {
		overflow: hidden;
		margin-bottom: 40px;
	}
		.widgetGoogleMap .map {
			width: 100%;
			height: 600px;
			overflow: hidden;
		}
		.barbaWrapperPage .contentWrapper .widgetGoogleMap .widget.widgetMap {
			margin-top: 0;
		}


/* PAGE
================================================================================= */
.barbaWrapperPage .contentWrapper {
	background: none;
	padding: 0;
	margin: 0 auto;
}
	.barbaWrapperPage .contentWrapper .widget:first-of-type {
		margin-top: 0;
	}
	.barbaWrapperPage .contentWrapper .widget {
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 80px;
		margin-bottom: 0;
	}

	/* Widgets
	* -------------------------- */
	.barbaWrapperPage .contentWrapper .widgetPushMembers,
	.barbaWrapperPage .contentWrapper .widgetImage img,
	.barbaWrapperPage .contentWrapper .widgetVideo,
	.barbaWrapperPage .contentWrapper .widgetPushContent,
	.barbaWrapperPage .contentWrapper .widgetQuote,
	.barbaWrapperPage .contentWrapper .widgetSimilarNews,
	.barbaWrapperPage .contentWrapper .widgetFinance,
	.barbaWrapperPage .contentWrapper .widgetVideoCarousel,
	.barbaWrapperPage .contentWrapper .widgetPushContent,
	.barbaWrapperPage .contentWrapper .widgetVideosWall,
	.barbaWrapperPage .contentWrapper .widgetHighlighted {
		margin-left: 0;
		margin-right: 0;
		width: calc( (100vw/12) * 8 );
	}
	.barbaWrapperPage .contentWrapper .widgetQuote {
		padding: 40px calc( (100vw/12) * 1 );
	}


/* VALEO AI
================================================================================= */
/* Widget - Wysiwyg Mosaic
* -------------------------- */
.widgetMosaic .row {
	display: -ms-flexbox;
	display: flex;
}
	.widgetMosaic .row .column-1 {
		width: calc( (100vw/12) * 3 );
	}
	.widgetMosaic .row .column:first-of-type {
		margin-right: calc( (100vw/12) * 0.5 );
	}
	.widgetMosaic .row .column-2 {
		width: calc( (100vw/12) * 4.5 );
	}
		.widgetMosaic .row .column h2 {
			padding-bottom: 30px;
			font-size: 24px;
			line-height: 32px;
			font-weight: 500;
		}
		.widgetMosaic .row .column p {
			font-size: 17px;
			line-height: 27px;
			font-weight: 400;
		}
			.widgetMosaic .row .column p a {
				text-decoration: underline;
			}
		.widgetMosaic .row .column img {
			width: 100%;
			display: block;
		}
		.widgetMosaic .row .column .btnNew {
			margin-top: 20px;
			border: 1px solid #334395;
		}
		.widgetMosaic .row .column .btnNew:hover {
			background: #334395;
		}
			.widgetMosaic .row .column .btnNew:hover a {
				color: #ffffff;
			}
			.widgetMosaic .row .column .videoResponsive {
				overflow:hidden; 
				padding-bottom:56.25%; 
				position:relative; 
				height:0;
			}
				.widgetMosaic .row .column .videoResponsive iframe {
					left: 0; 
					top: 0; 
					height: 100%;
					width: 100%;
					position: absolute;
					border: ;
				}
				
		.blockPresentation {
			position: relative;
			-ms-flex-preferred-size: 100%;
			    flex-basis: 100%;
			width: 100%;
			transition: opacity 2s ease-out;
			opacity: 0;
			height: 0;
			overflow: hidden;
		}
		.blockPresentation .itemPresentation {
			opacity: 0;
		}
		.blockPresentation.show {
			height: 500px;
			opacity: 1;
			overflow: visible;
		}
			.blockPresentation .close {
				position: absolute;
				right: 20px;
				top:20px;
			}
			.blockPresentation .close svg {
				position: absolute;
				right: 0;
				top:0;
				transition: all 0.6s ease;
			}
			.blockPresentation .close:hover svg,
			.blockPresentation .close:focus svg {
				transform: rotate(270deg);
			}
		.blockPresentation.show .itemPresentation {
			opacity: 1;
			width: 65vw;
			position: absolute;
			left: 0;
			margin-left: 0;
			margin-right:0;
			margin-top: 50px;
			margin-bottom: 50px;
		}
		.widgetMeetPeople .item.hoverEffect {
			z-index: 1;
			cursor: pointer;
		}
		.widgetMeetPeople .item.hoverEffect.active {
			z-index: 5;
		}
		.widgetMeetPeople .inner .item:nth-child(4n+2) .blockPresentation.show .itemPresentation {
		  margin-left: -16.4vw;
		}
		.widgetMeetPeople .inner .item:nth-child(4n+3) .blockPresentation.show .itemPresentation {
		  margin-left: calc(-100vw/2 + 110%);
		}
		.widgetMeetPeople .inner .item:nth-child(4n+4) .blockPresentation.show .itemPresentation {
			margin-left: calc(-100vw/2);
		}
		.blockPresentation .itemPresentation {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-pack: justify;
			    justify-content: space-between;
			cursor: pointer;
			padding: 30px 0;
		}
			.blockPresentation .itemPresentation .img {
				/* max-height: 250px; */
				overflow: hidden;
				max-width: 450px;
				width: 100%;
			}
				.blockPresentation .itemPresentation .img img {
					max-width: 450px;
					height: auto;

				}
			.blockPresentation .itemPresentation .contentPresentation {
				width: 60%;
				padding-left: 30px;
			}
				.blockPresentation .itemPresentation .contentPresentation h2 {
					padding-bottom: 30px;
					font-size: 24px;
					line-height: 32px;
					font-weight: 500;
				}
				.blockPresentation .itemPresentation .contentPresentation p {
					font-size: 16px;
					line-height: 20px;
					font-weight: 400;
					padding-bottom: 10px;
				}
				.blockPresentation .itemPresentation .contentPresentation p img {
					max-width: 100%;
				}
				.blockPresentation .itemPresentation .contentPresentation iframe {
					max-width: 100%;
				}
				.blockPresentation .itemPresentation .contentPresentation a {
					text-decoration: underline;
				}

/* Widget - Wysiwyg Mosaic
* -------------------------- */
.barbaWrapperPageValeoAI .widgetPushContent .SimilarNewsCarrousel .slick-item p a {
	text-decoration: underline;
}

/* Widget - Wysiwyg Table
* -------------------------- */
.barbaWrapperPageValeoAI .widgetTable table {
	border-spacing: 10px;
	border: 0;
}
	.barbaWrapperPageValeoAI .widgetTable table tbody tr td {
		background: #ffffff;
		text-align: center;
	}
		.barbaWrapperPageValeoAI .widgetTable table tbody tr td {
			width: 25%;
			padding: 30px 15px;
			position: relative;
			font-weight: 500;
		}
			.barbaWrapperPageValeoAI .widgetTable table tbody tr td img {
				width: 60%;
				display: block;
				margin: 0 auto;
				padding: 0 0 20px 0; 
			}
			.barbaWrapperPageValeoAI .widgetTable table tbody tr td a {
				font-weight: 500;
			}

/* PRESS RELEASES
================================================================================= */
.barbaWrapperPage .filters.filtersFinancial {
	width: calc( (100vw/12) * 8 );
}
	.newsGrid.newsGridFinancial {
		margin-bottom: 30px;
	}
	.newsGrid.newsGridFinancial .item {
		width: 100%;
		margin: 0;
		min-height: auto;
		border-bottom: 1px solid #f5f5f7;
		opacity: 1 !important;
		/* position: static !important;
		transform: none !important; */
	}
	.newsGrid.newsGridFinancial .item.itemTitle {
		background: none;
	}
		.newsGrid.newsGridFinancial .item.itemTitle h2 {
			padding: 30px;
		}
		.newsGrid.newsGridFinancial .item a {
			width: 100%;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-pack: justify;
			justify-content: space-between;
			-ms-flex-align: center;
			align-items: center;
			padding: 30px;
		}
		.newsGrid.newsGridFinancial .item .content {
			padding: 0;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-align: center;
			    align-items: center;
			width: 80%;
		}
			.newsGrid.newsGridFinancial .item .content .img {
				max-width: 30px;
				margin-right: 20px;
			}
			.newsGrid.newsGridFinancial .item .time {
				font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
				font-size: 10px;
				line-height: 12px;
				font-weight: 400;
				text-transform: uppercase;
				color: #000000;
				display: block;
			}
			.newsGrid.newsGridFinancial .item span.h2 {
				margin: 0;
				font-size: 16px;
				line-height: 20px;
				font-weight: 500;
			}
		.newsGrid.newsGridFinancial .item .file {
			font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
			font-size: 10px;
			line-height: 12px;
			font-weight: 400;
			text-transform: uppercase;
			color: #000000;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-pack: center;
			    justify-content: center;
			-ms-flex-align: center;
			    align-items: center;
		}
			.newsGrid.newsGridFinancial .item .file .svg {
				width: 30px;
				height: 30px;
				border: 1px solid #19191c;
				border-radius: 50%;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-pack: center;
				    justify-content: center;
				-ms-flex-align: center;
				    align-items: center;
				margin-left: 30px;
				transition: all 0.3s ease-in-out;
			}
			.newsGrid.newsGridFinancial .item:hover .file .svg,
			.newsGrid.newsGridFinancial .item:focus .file .svg {
				transform: rotate(-90deg);
			}


/* SOCIAL MEDIA
================================================================================= */
.headerIntro {
	font-size: 18px;
	line-height: 25px;
	font-weight: 500;
	text-align: center;
	color: rgba(0, 0, 0, 1);
	opacity: 0;
	padding: 0 0 40px 0;
}
	.headerIntro p {
		margin-bottom: 15px;
	}
	.headerIntro p:last-of-type {
		margin-bottom: 0;
	}
.headerShare {
	text-align: center;
	padding: 0 0 40px;
}
	.headerShare li {
		display: inline-block;
		margin: 0 5px;
		opacity: 0;
	}
		.headerShare li svg path {
			fill: rgba(0, 0, 0, 0.5);
		}

.newsGridSocial .item {
	min-height: auto;
}	
.newsGridSocial .item .content {
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	word-break: break-word;
	min-height: 190px;
}
.newsGridSocial .item .picto {
	position: absolute;
	top: 30px;
	left: 30px;
}
.newsGridSocial .item .footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	-ms-flex-align: center;
	    align-items: center;
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: 30px;
}
	.newsGridSocial .item .footer .date {
		font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
		font-size: 10px;
		line-height: 18px;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #000000;
	}
	.newsGridSocial .item .footer a.footerShare {
		background-color: #000000;
		width: 26px;
		height: 26px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		    justify-content: center;
		-ms-flex-align: center;
		    align-items: center;
		border-radius: 50%;
	}
		.newsGridSocial .item .footer a.footerShare svg {
			width: 11px;
			height: 11px;
		}
			.newsGridSocial .item .footer a.footerShare svg .cls-1 {
				fill: none;
				stroke: #ffffff;
				stroke-miterlimit: 10;
			}
/* Without image */
.newsGridSocial .item.noImage  {
	display: -ms-flexbox;
	display: flex;
	background-color: #e5e8eb;
	min-height: 350px;
}
	.newsGridSocial .item.noImage .content {
		-ms-flex-item-align: center;
		    -ms-grid-row-align: center;
		    align-self: center;
		min-height: auto;
	}

/* Pagination */
.pageNumbersSocial {
	display: none;
}


/* CONTACT
================================================================================= */
[data-namespace="contact"] .headerIntro {
	text-align: left;
	font-size: 14px;
}
.page-id-31413 .headerIntro {
	text-align: center;
	font-size: 18px;
}
[data-namespace="contact"] .headerIntro a  {
	text-decoration: underline;
}
.barbaWrapperContact .contentWrapper {
	width: 100%;
}

	/* Widget - Contact push
	* -------------------------- */
	.contactPush {
		padding-top: 40px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		    flex-flow: row wrap;
		   justify-content: space-between;
	}
	.widget .contactPush {
		padding-top: 0;
	}
		.contactPush .item {
			position: relative;
			padding: 40px;
			margin: 0 0 25px 0;
			width: 30%;
			text-align: center;
			min-height: 200px;
			background: #4e6b7c;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-pack: center;
			    justify-content: center;
			border: 1px solid #4e6b7c;
			transition: background 0.3s ease-in-out;
			opacity: 0;
		}
		.widget .contactPush .item {
			opacity: 1;
		}
			.contactPush .item h2 {
				-ms-flex-item-align: center;
				    -ms-grid-row-align: center;
				    align-self: center;
				-ms-flex-pack: center;
				    justify-content: center;
				-ms-flex-align: center;
				    align-items: center;
				-ms-flex-line-pack: center;
				    align-content: center;
			}
			.contactPush  a.item h2 {
				font-size: 25px;
				line-height: 29px;
				color: #ffffff;
				font-weight: 100;
				transition: color 0.3s ease-in-out;			
			}
			.contactPush .item h2 a {
				color: #ffffff;
			}

		/* Hover */
		.contactPush a.item:hover,
		.contactPush a.item:focus {
			background: #ffffff;
		}
			.contactPush a.item:hover h2,
			.contactPush a.item:focus h2 {
				color: #4e6b7c;
			}

	/* Widget - Push content contact
	* -------------------------- */
	.widgetPushContentContact {
		padding-top: 40px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: row wrap;
		    flex-flow: row wrap;
	}
		.widgetPushContentContact .item {
			position: relative;
			margin: 0 25px 25px 0;
			width: calc(31.5%);
			background: #ffffff;
			opacity: 0;
		}
		.widgetPushContentContact .item:nth-of-type(3n) {
			margin: 0 0 25px 0;
		}
			.widgetPushContentContact .item h3 {
				font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
				font-size: 10px;
				line-height: 12px;
				font-weight: 400;
				text-transform: uppercase;
				color: #000000;
				letter-spacing: 1px;
				padding: 30px;
			}
			.widgetPushContentContact .item p {
				font-size: 14px;
				line-height: 19px;
				padding: 30px;
				font-weight: 500;
			}
			.widgetPushContentContact .item .img {
				overflow: hidden;
			}
				.widgetPushContentContact .item .img img {
					width: 100%;
					display: block;
					transition: all 0.5s ease-in-out;
				}
				.widgetPushContentContact .item:hover .img img,
				.widgetPushContentContact .item:focus .img img {
					transform: scale(1.15);
				}

	/* Widget - Wysiwyg contact
	* -------------------------- */
	.widgetWysiwygContact {
		padding-top: 20px;
	}
		.widgetWysiwygContact p {
			font-size: 14px;
			line-height: 20px;
			margin-bottom: 0px;
		}


/* CONTACT FORM
================================================================================= */
.contactForm form {
	display: -ms-flexbox;
	display: flex;
	padding-top: 80px;
	position: relative;
}
	.contactForm form aside {
		opacity: 0;
	}
	.contactForm form .column-1 {
		width: calc( (100vw/12) * 3 );
		margin-right: calc( (100vw/12) * 0.5 );
		background-color: #ffffff;
		padding-bottom: 30px;
	}
		.contactForm form .column-1 h2 {
			font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
			font-size: 10px;
			line-height: 12px;
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: 1px;
			color: #000000;
			padding: 30px;
			border-bottom: 1px solid hsla(0, 0%, 0%, 0.1);
			margin-bottom: 30px;
		}

		.contactForm form .column-1 div[data-class] {
			padding: 0 30px 20px;
		}
			.contactForm form .column-1 div[data-class] .formItem {
				padding: 0 0 20px 0;
			}

		.contactForm form .column-1 .formItem {
			padding: 0 30px 20px;
		}
			.contactForm form .column-1 .formItem p {
				font-size: 14px;
				line-height: 18px;
			}
			.contactForm form .column-1 .formItem a {
				text-decoration: underline;
			}
			.contactForm form .column-1 .formItem label {
				font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
				font-size: 10px;
				line-height: 12px;
				font-weight: 400;
				text-transform: uppercase;
				letter-spacing: 1px;
				color: #000000;
				display: block;
				padding-bottom: 5px;
			}
			.contactForm form .column-1 .formItem input[type=text],
			.contactForm form .column-1 .formItem input[type=email],
			.contactForm form .column-1 .formItem input[type=file],
			.contactForm form .column-1 .formItem select {
				border: 1px solid #000000;
				padding: 0;
				margin: 0;
				background-color: #f5f5f7;
				padding: 10px 15px;
				border-radius: 25px;
				width: 100%;
				font-family: 'Montserrat', sans-serif, "Microsoft YaHei";
				font-size: 14px;
				line-height: 18px;
			}
			.contactForm form .column-1 .formItem input[type=file] {
				font-family: 'Montserrat', sans-serif, "Microsoft YaHei";
				font-size: 12px;
				line-height: 16px;
			}
			.contactForm form .column-1 .formItem select {
				-webkit-appearance: none;
				-moz-appearance: none;
				background-image: url('../images/contact/select.png');
				background-repeat: no-repeat;
				background-position: bottom 50% right 20px;
				background-color: #f5f5f7;
			}
		.contactForm form .column-1 .formItem:last-of-type {
			padding: 0 30px 0;
		}
	.contactForm form .column-2 {
		width: calc( (100vw/12) * 3 );
		margin-right: calc( (100vw/12) * 0.5 );
		display: flex;
		flex-direction: column;
	}
		.contactForm form .column-2 .formItem {
			margin-bottom: 10px;
		}
			.contactForm form .column-2 label {
				font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
				font-size: 10px;
				line-height: 12px;
				font-weight: 400;
				text-transform: uppercase;
				letter-spacing: 1px;
				color: #000000;
				display: block;
				padding-bottom: 5px;
			}
		.contactForm form .column-2 textarea {
			margin: 0;
			border: 0;
			padding: 30px;
			width: 100%;
			height: 100%;
			background-color: #334395;
			border-radius: 25px 25px 0 25px;
			resize: none;
			font-family: 'Montserrat', sans-serif, "Microsoft YaHei";
			font-size: 14px;
			line-height: 18px;
			color: #ffffff;
		}
		.contactForm form .column-2 textarea::-webkit-input-placeholder {
			color: #ffffff;
		}
		.contactForm form .column-2 textarea::-moz-placeholder {
			color: #ffffff;
		}
		.contactForm form .column-2 textarea:-ms-input-placeholder {
			color: #ffffff;
		}
		.contactForm form .column-2 textarea:-moz-placeholder {
			color: #ffffff;
		}
	.contactForm form .column-3 {
		width: calc( (100vw/12) * 1 );
		-ms-flex-item-align: end;
		    align-self: flex-end;
	}
		.contactForm form .column-3 .btnNew {
			border: 1px solid #334395;
			padding: 0;
			margin: 0;
			transform: translateY(50%);
			-ms-flex-pack: center;
			    justify-content: center;
			cursor: pointer;
			font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
			font-size: 10px;
			text-transform: uppercase;
			letter-spacing: 1px;
			color: #000000;
			transition: all 0.3s ease-in-out;
		}
		.contactForm form .column-3 .btnNew:hover,
		.contactForm form .column-3 .btnNew:focus {
			background-color: #334395;
			color: #ffffff;
		}
	.contactForm form div.wpcf7-validation-errors,
	.contactForm form div.wpcf7-acceptance-missing,
	.contactForm form div.wpcf7-response-output {
		position: absolute;
		top: 0;
		text-align: center;
		margin: 0;
		padding: 0;
		width: 100%;
		background: none;
		border: none;
		padding-bottom: 0;
		font-size: 12px;
		left: 50%;
		transform: translateX(-50%);
	}
	.wpcf7 form.resetting .wpcf7-response-output {
		display: block !important;
	}
	.contactForm span.wpcf7-not-valid-tip {
		font-size: 10px;
	}
.contactForm {
	position: relative;
}
	.formMandatory {
		font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
		font-size: 10px;
		line-height: 12px;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: rgba(0, 0, 0, 1);
		margin: 40px 0;
		position: absolute;
		left: 0;
		bottom: -80px;
	}

.contactForm span.wpcf7-not-valid-tip {
	font-size: 10px;
	line-height: 10px;
	font-weight: 500;
	text-transform: capitalize;
}


/* COUNTRY PAGE
================================================================================= */
.barbaWrapperCountry {
	padding: 0 calc( (100vw/12) * 2 ) 120px calc( (100vw/12) * 2 );
}
	.barbaWrapperCountry .contentWrapper {
		background: none;
		width: auto;
		padding: 0;
	}

/* Search form
* -------------------------- */
.barbaWrapperCountry .search.btnNew {
	top: 57vh;
	z-index: 3;
}
.barbaWrapperArticle .searchForm {
	top: 57vh;
}
.barbaWrapperArticle .searchForm.open {
	z-index: 3;
}

/* Header page
* -------------------------- */
.headerCountryPage {
	margin-left: calc( (-100vw/12) * 2 );
	margin-right: calc( (-100vw/12) * 2 );
	position: relative;
	overflow: hidden;
}
	.headerCountryPage img {
		width: 100%;
		display: block;
	}
	.headerCountryPage .content {
		background: rgba(255, 255, 255, 0.9);
		width: calc( (100vw/12) * 3.5 );
		left: calc( (100vw/12) * 2 );
		position: absolute;
		z-index: 1;
		top: 50%;
		transform: translateY(-50%);
		padding: 80px 40px;
	}
		.headerCountryPage .content h1 {
			font-size: 34px;
			line-height: 42px;
			margin-bottom: 30px;
		}
		.headerCountryPage .content p {
			font-size: 25px;
			line-height: 29px;
			font-weight: 300;
		}

/* Anchors
* -------------------------- */
.anchorsCountry {
	background: #f5f5f7;
	margin-left: calc( (-100vw/12) * 2 );
	margin-right: calc( (-100vw/12) * 2 );
	padding: 30px calc( (100vw/12) * 2 ) 30px calc( (100vw/12) * 3 );
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	    justify-content: space-between;
	-ms-flex-align: center;
	    align-items: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
	.anchorsCountry.stick {
		position: fixed;
		top: 74px;
		z-index: 2;
		width: 100%;
	}
		.anchorsCountryMobile {
			display: none;
		}
		.anchorsCountry ul li {
			display: inline-block;
			margin-right: 40px;
		}
		.anchorsCountry ul li:last-of-type {
			margin-right: 0;
		}
			.anchorsCountry ul li a {
				color: #8e8e8e;
				font-size: 14px;
				line-height: 20px;
				font-weight: 400;
				transition: color 0.3s ease-in-out;
				cursor: pointer;
			}
			.anchorsCountry ul li.active a {
				color: #00b6ed;
				font-weight: 700;
			}

		.anchorsCountry .languages {
			width: calc( (100vw/12) * 1.5 );
		}
			.anchorsCountry .languages li {
				display: inline-block;
				/* width: 30px; */
				height: 30px;
				text-align: center;
				border-radius: 50%;
				line-height: 26px;
				float: right;
				text-transform: uppercase;
				position: relative;
			}
			.anchorsCountry .languages li:first-of-type {
				margin-left: 20px;
			}
			.anchorsCountry .languages li:first-of-type::before {
				content: '';
				width: 1px;
				height: 10px;
				background: #000000;
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				left: -10px;
			}
				.anchorsCountry .languages a {
					font-family: 'IBM Plex Sans', sans-serif;
					font-size: 12px;
					line-height: 18px;
					font-weight: 400;
					width: 30px;
					height: 30px;
				}
			/* Active */
			.anchorsCountry .languages .active a {
				color: #00b6ed;
				font-weight: 700;
			}


/* Social Networks Country
* -------------------------- */
.contentWrapper .socialNetworksCountry {
	padding-top: 80px;
	padding-bottom: 0;
}
	.socialNetworksCountry ul {

	}
		.socialNetworksCountry ul li {
			display: inline-block;
			margin-right: 15px;
		}
		.socialNetworksCountry ul li:last-of-type {
			margin-right: 0;
		}
			.socialNetworksCountry ul li svg {
				width: 24px;
			}
				.socialNetworksCountry ul li svg path,
				.socialNetworksCountry ul li svg circle {
					fill: #7a7a7b;
					transition: fill 0.3s ease-in-out;
				}
				/* Hover */
				.socialNetworksCountry ul li svg:hover path,
				.socialNetworksCountry ul li svg:hover circle,
				.socialNetworksCountry ul li svg:focus path,
				.socialNetworksCountry ul li svg:focus circle {
					fill: #000000;
				}

/* Widgets
* -------------------------- */
.barbaWrapperCountry .contentWrapper .widget {
	padding: 80px 0 0 0;
	max-width: 100%;
}
.barbaWrapperCountry .contentWrapper .widget:nth-of-type(2) {
	/* padding-top: 40px; */
}

/* Widget - Profile
* -------------------------- */
.barbaWrapperCountry .widgetWysiwyg {

}
	.barbaWrapperCountry .widgetWysiwyg h2 {
		font-size: 34px;
		line-height: 42px;
		font-weight: 700;
	}

/* Widget - Video + Main News
* -------------------------- */
.barbaWrapperCountry .newsHome.full .empty {
	display: none;
}
.barbaWrapperCountry .newsHome .mainNews {
	margin-left: 0;
	overflow: hidden;
	background: none;
	position: relative;
}
.barbaWrapperCountry .newsHome .mainNews.full {
	width: 100%;
}
	.barbaWrapperCountry .newsHome .mainNews video {
		width: 100%;
		display: block;
		-o-object-fit: cover;
		   object-fit: cover;
	}
	.barbaWrapperCountry .newsHome .mainNews iframe {
		width: 100%;
		display: block;
		min-height: 460px;
	}
	.barbaWrapperCountry .newsHome .mainNews.full iframe {
		min-height: 700px;
	}
	.barbaWrapperCountry .newsHome .mainNews .overlay {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(51, 67, 149, 0.8);
	}
	.barbaWrapperCountry .newsHome .mainNews .play {
		border: 1px solid #ffffff;
		width: 94px;
		height: 94px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1;
		border-radius: 50%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		    justify-content: center;
		-ms-flex-align: center;
		    align-items: center;
		cursor: pointer;
	}
	.barbaWrapperCountry .newsHome .moreNews {
		margin: 20px 0;
	}
	.barbaWrapperCountry .newsHome .latestNews ul li {
		border-bottom: 1px solid hsla(0, 0%, 0%, 0.1);
	}
	.barbaWrapperCountry .newsHome .latestNews ul li:last-of-type {
		border: 0;
	}

/* Job Offers - Intro&
* -------------------------- */
.barbaWrapperCountry .contentWrapper .widget.jobOffers {
	background: #ffffff;
	margin-top: 80px;
	padding: 80px calc( (100vw/12) * 1 );
}
	.barbaWrapperCountry .contentWrapper .widget.jobOffers h2 {
		font-size: 34px;
		line-height: 42px;
		font-weight: 700;
		margin-bottom: 30px;
	}
	.barbaWrapperCountry .contentWrapper .widget.jobOffers p {
		font-size: 17px;
		line-height: 27px;
		margin-bottom: 30px;
	}
	.barbaWrapperCountry .contentWrapper .widget.jobOffers p:last-of-type {
		margin-bottom: 0;
	}

/* Job Offers - List
* -------------------------- */
.barbaWrapperCountry .contentWrapper .widget.widgetPushMembers {
	margin: 0;
	padding-top: 25px;
}
	.barbaWrapperCountry .contentWrapper .widgetPushMembers .inner ul {
		-ms-flex-flow: nowrap;
		    flex-flow: nowrap;
	}
	.barbaWrapperCountry .contentWrapper .widgetPushMembers .inner .item {
		background: #ffffff;
		/* width: 100%; */
		margin: 0 25px 25px 0;
	}
	.barbaWrapperCountry .contentWrapper .widgetPushMembers .item:nth-of-type(3n) {
		margin: 0 0 25px 0;
	}
		.barbaWrapperCountry .contentWrapper .widgetPushMembers .inner .item .content {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-pack: justify;
			    justify-content: space-between;
			-ms-flex-align: center;
			    align-items: center;
			padding: 20px;
		}
			.barbaWrapperCountry .contentWrapper .widgetPushMembers .inner .item .content h2 {
				width: 90%;
			}
			.barbaWrapperCountry .contentWrapper .widgetPushMembers .inner .item .content .svg {
				width: 30px;
				height: 30px;
				border: 1px solid rgba(0, 0, 0, 0.5);
				border-radius: 50%;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-pack: center;
				    justify-content: center;
				-ms-flex-align: center;
				    align-items: center;
				transition: all 0.3s ease-in-out;
			}
				.barbaWrapperCountry .contentWrapper .widgetPushMembers .inner .item .content .svg svg {
					transform: rotate(-90deg)
				}

/* Key figures
* -------------------------- */
.barbaWrapperCountry .contentWrapper .widget.widgetKeyFigures h2 {
	font-size: 34px;
	line-height: 42px;
	font-weight: 700;
}
.barbaWrapperCountry .contentWrapper .widget.widgetKeyFigures .keyContent {
	margin: 0;
}
	.barbaWrapperCountry .contentWrapper .widget.widgetKeyFigures .keyContent .keyItem {
		width: calc(100% / 3);
	}
	.barbaWrapperCountry .contentWrapper .widget.widgetKeyFigures .keyContent .keyItem:nth-child(even) {
		color: #000000;
	}


/* Profile - Slider
* -------------------------- */
.barbaWrapperCountry .contentWrapper .widget.widgetSlider {
	padding: 0;
	max-width: calc( (100vw/12) * 6 );
	margin: 30px auto 0;
}
	.barbaWrapperCountry .contentWrapper .widget.widgetSlider .sliderDirection {
		background: #00b6ed;
	}

/* Useful Links
* -------------------------- */
.barbaWrapperCountry .contentWrapper .widget.widgetPushContent {
	margin: 0;
}
	.barbaWrapperCountry .contentWrapper .widget.widgetPushContent h2 {
		font-size: 34px;
		line-height: 42px;
		font-weight: 700;
	}
	.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel {
		margin: 0 calc( (-100vw/12) * 1 ) 0 calc( (100vw/12) * 1 );
	}
		.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .slick-item p {
			padding: 30px;
		}
			.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .slick-item p a {
				font-size: 18px;
				line-height: 18px;
				font-weight: 400;
			}

			.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .slick-item .content {
				display: -ms-flexbox;
				display: flex;
				-ms-flex-pack: justify;
				    justify-content: space-between;
				-ms-flex-align: center;
				    align-items: center;
				padding: 30px 40px;
				min-height: 140px;
			}
				.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .slick-item .content h3 {
					font-size: 18px;
					line-height: 20px;
					font-weight: 400;
					width: 100%;
					text-align: center;
					text-transform: none;
					padding: 0;
					letter-spacing: 0;
					font-family: 'Montserrat', sans-serif;
				}
				.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .slick-item .content .svg {
					width: 30px;
					height: 30px;
					border: 1px solid rgba(0, 0, 0, 0.5);
					border-radius: 50%;
					display: -ms-flexbox;
					display: flex;
					-ms-flex-pack: center;
					    justify-content: center;
					-ms-flex-align: center;
					    align-items: center;
				}
					.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .slick-item .content .svg svg {
						width: 11px;
					}
						.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .slick-item .content .svg svg .cls-1 {
							fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round
						}
				/* PDF */
				.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .slick-item.slick-item-pdf .content h3 {
					width: 80%;
					text-align: left;
				}
		/* Dots */
		.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .slick-dots {
			display: none !important;
		}
		/* Nav */
		.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .sliderNav {
			border: 1px solid #00b6ed;
			height: 94px;
			width: 94px;
			border-radius: 50%;
			position: absolute;
			cursor: pointer;
			top: 50%;
			transform: translateY(-50%);
			right: calc( (-100vw/12) * 0.85 );
			transition: background 0.3s ease-in-out;
		}
			.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .sliderNav svg {
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%,-50%);
			}
				.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .sliderNav svg path {
					fill: #000000;
					stroke-width: 0;
					transition: fill 0.3s ease-in-out;
				}
		/* Nav hover */
		.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .sliderNav:hover,
		.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .sliderNav:focus {
			background: #00b6ed;
		}
		.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .sliderNav:hover svg path,
		.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .sliderNav:focus svg path {
			fill: #ffffff;
		}


/* Locations and contact
* -------------------------- */
.barbaWrapperCountry .contentWrapper .widget.locationsContact {

}
	.barbaWrapperCountry .contentWrapper .widget.locationsContact h2 {
		font-size: 34px;
		line-height: 42px;
		font-weight: 700;
		margin-bottom: 80px;
	}
	.barbaWrapperCountry .contentWrapper .widget.locationsContact .inner {
		border: 1px solid #ffffff;
		margin-left: calc( (100vw/12) * 1 );
		margin-right: calc( (-100vw/12) * 1 );
		margin-top: 80px;
		margin-bottom: 80px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
	}
		.barbaWrapperCountry .contentWrapper .widget.locationsContact .inner .column {
			padding: 40px;
			width: 50%;
			position: relative;
		}
		.barbaWrapperCountry .contentWrapper .widget.locationsContact .inner .column:first-of-type::before {
			content: '';
			width: 1px; 
			height: 50px;
			background: #ffffff;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: 0;
		}
			.barbaWrapperCountry .contentWrapper .widget.locationsContact .inner .column h3 {
				font-size: 21px;
				line-height: 25px;
			}
			.barbaWrapperCountry .contentWrapper .widget.locationsContact .inner .column h4 {
				font-size: 21px;
				line-height: 25px;
				font-weight: 400;
			}
			.barbaWrapperCountry .contentWrapper .widget.locationsContact .inner .column p {
				font-size: 21px;
				line-height: 25px;
			}
		/* Map */
		.barbaWrapperCountry .contentWrapper .widget.locationsContact .locationsMap {
			margin-left: calc( (-100vw/12) * 2 );
			margin-right: calc( (-100vw/12) * 2 );
		}
			.barbaWrapperCountry .contentWrapper .widget.locationsContact .locationsMap img {
				display: block;
			}
			.barbaWrapperCountry .contentWrapper .widget.locationsContact .locationsMap .map-filters-opener {
				display: none;
			}


/* Other documents
* -------------------------- */
.barbaWrapperCountry .contentWrapper .widget.otherDocuments {

}
	.barbaWrapperCountry .contentWrapper .widget.otherDocuments h2 {
		font-size: 34px;
		line-height: 42px;
		font-weight: 700;
	}
	.barbaWrapperCountry .contentWrapper .widget.otherDocuments .inner {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: justify;
		    justify-content: space-between;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin: 80px 0 0 0;
	}
		.barbaWrapperCountry .contentWrapper .widget.otherDocuments .inner .items {
			width: 49%;
			background: #ffffff;
			margin-bottom: 20px;
		}
			.barbaWrapperCountry .contentWrapper .widget.otherDocuments .inner .items a {
				display: -ms-flexbox;
				display: flex;
				-ms-flex-pack: justify;
				    justify-content: space-between;
				-ms-flex-line-pack: center;
				    align-content: center;
				padding: 30px;
			}
				.barbaWrapperCountry .contentWrapper .widget.otherDocuments .inner .items a .infos {
					width: 80%;
				}
				.barbaWrapperCountry .contentWrapper .widget.otherDocuments .inner .items p {
					font-size: 10px;
					line-height: 12px;
					text-transform: uppercase;
				}
				.barbaWrapperCountry .contentWrapper .widget.otherDocuments .inner .items h3 {
					font-size: 16px;
					line-height: 20px;
					font-weight: 700;
				}
				.barbaWrapperCountry .contentWrapper .widget.otherDocuments .inner .items .svg {
					width: 30px;
					height: 30px;
					border: 1px solid #19191c;
					border-radius: 50%;
					display: -ms-flexbox;
					display: flex;
					-ms-flex-pack: center;
					    justify-content: center;
					-ms-flex-align: center;
					    align-items: center;
					margin-left: 30px;
					transition: all 0.2s ease-in-out;
				}
		/* Hover */
		.barbaWrapperCountry .contentWrapper .widget.otherDocuments .inner .items:hover .svg,
		.barbaWrapperCountry .contentWrapper .widget.otherDocuments .inner .items:focus .svg {
			transform: rotate(-90deg)
		}

/* Table
* -------------------------- */
.barbaWrapperCountry .contentWrapper .widget.widgetTableNew {
	padding-top: 40px;
}
	.barbaWrapperCountry .contentWrapper .widget.widgetTableNew table caption {
		font-size: 34px;
		line-height: 42px;
		font-weight: 700;
	}
.barbaWrapperCountry .contentWrapper .widget.widgetTableNew + .widgetWysiwyg {
	margin-bottom: 20px;	
}

.barbaWrapperCountry .contentWrapper .widget.expandCollapseTable {
	padding: 20px 0 0 0;
}
	.barbaWrapperCountry .contentWrapper .widget.expandCollapseTable .panel {
		padding: 0;
	}
.barbaWrapperCountry .contentWrapper .widget.expandCollapseTable .widgetTableNew {
	padding: 25px 0 0 0;
}
	.barbaWrapperCountry .contentWrapper .widget.widgetTable table caption {
		font-size: 24px;
		line-height: 32px;
		font-weight: 700;
	}
.barbaWrapperCountry .contentWrapper .widget.widgetWysiwyg {
	padding-top: 30px;
}


/* MAP IFRAME
================================================================================= */
.page-template-page-offers-map-inner header.mainHeader,
.page-template-page-offers-map-inner .search.btnNew,
.page-template-page-offers-map-inner .breadcrumb,
.page-template-page-offers-map-inner .barbaWrapperPage h1,
.page-template-page-offers-map-inner .headerShare,
.page-template-page-offers-map-inner footer.mainFooter {
	display: none !important;
}
.page-template-page-offers-map-inner #barba-wrapper {
	margin-top: 0;
	padding: 0;
}
.page-template-page-offers-map-inner .contentWrapper {
	width: 100%;
}
.page-template-page-offers-map-inner .widgetGoogleMap {
	padding: 0;
}


/* BANNER - SCROLLING TEXT
================================================================================= */
.simple-marquee-container * {
	font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
	text-transform: uppercase;
	font-size: 22px;
	line-height: 29px;
	color: #000000;
}
.simple-marquee-container {
	width: 100%;
	background: #ffffff;
	float: left;
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	height: 65px;
	position: relative;
}
.simple-marquee-container .marquee-sibling {
	padding: 0;
	background: rgb(61, 61, 61);
	width: 20%;
	height: 65px;
	line-height: 42px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	float: left;
	left: 0;
	z-index: 2000;
}
.simple-marquee-container .marquee, .simple-marquee-container *[class^="marquee"] {
	display: inline-block;
	white-space: nowrap;
	position:absolute;
}
.simple-marquee-container .marquee {
	/* margin-left: 25%; */
}
.simple-marquee-container .marquee-content-items {
	display: inline-block;
	padding: 5px;
	margin: 0;
	height: 65px;
	position: relative;
}
.simple-marquee-container .marquee-content-items li {
	display: inline-block;
	line-height: 55px;
	color: #ffffff;
	padding: 0 40px;
	color: #000000;
}


/* ERROR PAGE
================================================================================= */
.errorPage {
	background-color: #F5F5F7;
	padding: 50px 0;

}
	.errorPage .contentWrapper {
		display: block;
		margin: auto;
		padding-bottom: 20px;
	}
		.errorPage .contentWrapper img {
			display: block;
			margin: auto;
			width: 100%;
		}
		.errorPage .contentWrapper .info-error {
			text-align: center;
			margin-top: 20px;
		}

	.errorPage .socialMedia {
		width: calc( (100vw/12) * 3 );
		margin: 0 auto;
		text-align: center;
	}
		.errorPage .socialMedia p {
			font-family: 'IBM Plex Sans', sans-serif;
			font-size: 10px;
			line-height: 18px;
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: 1px;
		}
		.errorPage .socialMedia li {
			display: inline-block;
			padding: 20px 7px;
		}

	.errorPage + .mainFooter .inner .row {
		display: flex;
		flex-direction: column;
	}
		.errorPage + .mainFooter .inner .row .logo {
			width: 100%;
			text-align: center;
			border: none;
		}
		.errorPage + .mainFooter .inner .row .content {
			width: 100%;
			max-width: 480px;
			border: none;
			margin: 0 auto;
			padding: 0;
			text-align: center;
		}


/* FOOTER
================================================================================= */
footer.mainFooter {
	background: #ffffff;
	position: relative;
	z-index: 2;
}
	footer.mainFooter .inner {
		width: calc( (100vw/12) * 10 );
		margin: 0 auto;
	}
		footer.mainFooter .inner .row {
			display: -ms-flexbox;
			display: flex;
		}
			/* Logo */
			footer.mainFooter .inner .logo {
				width: calc( (100vw/12) * 3 );
				margin-right: 12px;
				border-bottom: 1px solid hsla(0, 0%, 0%, 0.1);
				padding: 80px 0 40px;
			}
				footer.mainFooter .inner .logo svg {
					width: 120px;
				}
				footer.mainFooter .inner .logo img {
					width: 120px;
				}

			/* Content */
			footer.mainFooter .inner .content {
				width: calc( (100vw/12) * 7 );
				margin-left: 12px;
				border-bottom: 1px solid hsla(0, 0%, 0%, 0.1);
				font-size: 14px;
				line-height: 18px;
				font-weight: 500;
				padding: 80px 0 0 0;
			}
		footer.mainFooter .inner .row:last-of-type {
			padding-top: 40px;
		}
			/* Social media */
			footer.mainFooter .inner .socialMedia {
				width: calc( (100vw/12) * 3 );
				margin-left: 15px;
			}
				footer.mainFooter .inner .socialMedia p {
					font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
					font-size: 10px;
					line-height: 18px;
					font-weight: 400;
					text-transform: uppercase;
					letter-spacing: 1px;
				}
				footer.mainFooter .inner .socialMedia ul li {
					display: inline-block;
					padding: 24px 7px;
				}

			/* Footer menu */
			footer.mainFooter .footerMenu {
				width: calc( (100vw/12) * 7 );
				padding-bottom: 100px;
				position: relative;
				margin-left: 15px;
			}
				footer.mainFooter .footerMenu ul {
					/* flex-wrap: wrap; */
				}
				footer.mainFooter .footerMenu ul li {
					display: inline-block;
					line-height: 12px;
					vertical-align: top;
					padding-bottom: 20px;
					margin-right: 5%;
				}
					footer.mainFooter .footerMenu ul li a {
						color: #000000;
						font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
						font-size: 10px;
						line-height: 12px;
						font-weight: 400;
						text-transform: uppercase;
						letter-spacing: 1px;
					}

				/* CTA */
				footer.mainFooter .footerMenu .cta {
					border: 1px solid #000000;
					position: absolute;
					right: 0;
					bottom: 35px;
					cursor: pointer;
				}

/* Google recaptcha
* -------------------------- */
.grecaptcha-badge {
	visibility: hidden;
}
.page-template-page-contact-form-media .grecaptcha-badge,
.page-template-page-contact-form-supplier .grecaptcha-badge,
.page-template-page-contact-form-career .grecaptcha-badge,
.page-template-page-contact-form-investors .grecaptcha-badge,
.page-template-page-contact-form .grecaptcha-badge {
	visibility: visible;
}

/* Social Stream
* -------------------------- */
#sb_wall1 .filter-items {
	display: none;
}
.sboard.sb-modern .sb-item .sb-footer {
	display: none;
}
#timeline_wall1.sboard .sb-item .sb-container {
	border: 0 !important;
}
.sboard .sb-item .sb-user.sb-usermini .sb-utitle {
	display: none;
}
.sboard .sb-item .sb-inner .sb-info,
.sboard .sb-item .sb-inner .sb-text {
	color: #000000;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
}
#timeline_wall1.sboard .sb-item a {
	color: #4e6b7c;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
}
.sboard .sb-item .sb-thumb a img {
	border-radius: 0 !important;
}
#timeline_wall1.sboard .origin-flag.sb-twitter {
	background: #1cb7eb !important;
	border-radius: 50%;
	right: 10px;
	top: 10px;
	margin: 0;
}
#timeline_wall1.sboard .origin-flag.sb-twitter::after {
	display: none !important;
}

/* Facebook */
#timeline_wall1.sboard .origin-flag.sb-facebook {
	right: 10px;
	top: 10px;
	margin: 0;
}
#timeline_wall1.sboard .origin-flag.sb-facebook:after {
	display: none;
}

/* Instagram */
#timeline_wall1.sboard .origin-flag.sb-instagram {
	right: 10px;
	top: 10px;
	margin: 0;
}
#timeline_wall1.sboard .origin-flag.sb-instagram:after {
	display: none;
}


/* E-Mobility - BEFORE
================================================================================= */
.mainCarrouselHomeContent .slick-item .content div.h2 sup {
	line-height: 1px;
	font-size: 12px;
}
.barbaWrapperPageMobility {
	padding: 0 0 120px 0;
}
	.barbaWrapperPageMobility .topWrapper {
		width: 100%;
		height: calc(100vh - 130px);
		position: relative;
		overflow: hidden;
	}
	.barbaWrapperPageMobility .bg {
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.barbaWrapperPageMobility img.bg_mobile {
		display: none;
	}
	.eMobilityContainer {
		width: 100%;
		margin: 0 auto;
		position: relative;
		height: calc(100vh - 130px);
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		    justify-content: center;
		-ms-flex-align: center;
		    align-items: center;
	}
		.eMobilityContainer h1 {
			padding: 0;
			text-align: center;
			color: #ffffff;
			font-size: 35px;
			line-height: 40px;
			font-weight: 300;
			width: 100%;
			/* transform: none !important; */
		}
		.eMobilityContainer .mainCarrouselHomeContent {
			opacity: 0;
			display: block;
			transform: none;
			right: calc( (100vw/12) * 1 );
			bottom: calc( (100vw/12) * 0.5 );
			top: auto;
		}
			.eMobilityContainer .mainCarrouselHomeContent .slick-item .content {
				min-height: 55vh;
			}
			.eMobilityContainer .mainCarrouselHomeContent .slick-item .content .cta {
				-ms-flex-pack: center;
				    justify-content: center;
				font-size: 10px;
				line-height: 14px;
				text-transform: uppercase;
				cursor: pointer;
				border: 1px solid #1ebded;
				bottom: 90px;
			}
				.eMobilityContainer .mainCarrouselHomeContent .slick-item .content .cta a {
					line-height: 12px;
					display: flex;
					justify-content: center;
					align-items: center;
				}
			.eMobilityContainer .mainCarrouselHomeContent .slick-item .content .cta:hover {
				background: #1ebded;
			}
				.eMobilityContainer .mainCarrouselHomeContent .slick-item .content .cta .addeventatc {
					visibility: visible;
					z-index: 100004;
					width: 100%;
					padding: 0px;
					height: 100%;
					display: block;
					position: absolute;
					background: none;
					border: 0px;
					text-shadow: none;
					box-shadow: none !important;
				}
					.eMobilityContainer .mainCarrouselHomeContent .slick-item .content .cta .addeventatc .addeventatc_icon {
						display: none;
					}
					.addeventatc_dropdown .copyx {
						display: none !important;
					}

			/* Share */
			.eMobilityContainer .mainCarrouselHomeContent .slick-item .content .category {
				padding: 20px;
			}
			.eMobilityContainer .mainCarrouselHomeContent .slick-item .content div.h2 {
				padding: 20px;
			}
			.eMobilityContainer .mainCarrouselHomeContent .slick-item .content .cta {
				left: 20px;
			}
			.eMobilityContainer .mainCarrouselHomeContent .slick-item .content .shareON {
				width: 100%;
				position: absolute;
				left: 0;
				bottom: 0;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-align: center;
				    align-items: center;
				padding: 10px 20px;
				border-top: 1px solid hsla(0, 0%, 0%, 0.1);
			}
				.eMobilityContainer .mainCarrouselHomeContent .slick-item .content .shareON span {
					font-size: 10px;
					line-height: 14px;
					text-transform: uppercase;
					color: #757779;
					margin-right: 10px;
				}
				.eMobilityContainer .mainCarrouselHomeContent .slick-item .content .shareON .headerShare {
					padding: 0;
				}
					.eMobilityContainer .mainCarrouselHomeContent .slick-item .content .shareON .headerShare li {
						margin: 0 5px 0 0;
					}

	/* Social wall */
	.barbaWrapperPageMobility .contentWrapper {
		margin-top: 50px;
	} 


/* MOBILITY
================================================================================= */
/* Main Video
* -------------------------- */
/* Main event Video */
.mainEventVideo {
	position: relative;
	overflow: hidden;
}		

	/* Image */
	.mainEventVideo img {
		width: 100%;
		display: block;
	}

	/* Video */
	.mainEventVideo video {
		display: block;
		-o-object-fit: cover;
		object-fit: cover;
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		transform: translateX(-50%) translateY(-50%);
		background-size: cover;
	}

	/* Mute Video */
	.mainEventVideo .mutevideo {
		position: absolute;
		bottom: 80px;
		right: 40px;
		z-index: 2;
		background: #000000;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		    justify-content: center;
		-ms-flex-align: center;
		    align-items: center;
		padding: 0;
		border: 1px solid #000000;
		cursor: pointer;
	}
		.mainEventVideo .mutevideo svg {
			width: 20px;
		}
        .mainEventVideo .mutevideo svg.soundOff {
            fill:none;
            stroke:#231f20;
            stroke-width:2;
            stroke-linecap:round;
            stroke-linejoin:round;
            stroke-miterlimit:10;
        }
			.mainEventVideo .mutevideo svg path {
				stroke: #82e600;
			}

		/* Sound On */
 		.soundOn {
			display: none;		
		}

	/* Play / Pause */
	.mainEventVideo .playpause {
		position: absolute;
		bottom: 80px;
		top: auto;
		right: 100px;
		z-index: 2;
		background: #000000;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		    justify-content: center;
		-ms-flex-align: center;
		    align-items: center;
		border: 1px solid #000000;
		cursor: pointer;
		padding: 0;
	}
		.mainEventVideo .playpause svg {
			width: 14px;
		}
			.mainEventVideo .playpause svg path {
				stroke: #82e600;
			}

		/* Play On */
 		.playOn {
			display: none;	
		}

	/* Overlay */
	.mainEventVideo .overlay {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.7);
	}

	/* Title */
	.mainEventVideo p.h1 {
		width: 100%;
		font-size: 80px;
		line-height: 70px;
		font-weight: 900;
		color: #ffffff;
		text-align: center;
		text-transform: uppercase;
		position: absolute;
		top: 130px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
	}
		.mainEventVideo p.h1 span.green {
			color: #82e600;
		}
		
	/* Link */
	.mainEventVideo a.link {
		font-family: 'IBM Plex Sans', sans-serif;
		font-size: 20px;
		line-height: 20px;
		font-weight: 300;
		color: #ffffff;
		text-transform: uppercase;
		position: absolute;
		top: 65%;
		left: 50%;
		transform: translateX(-50%);
		transition: all 0.3s ease-in-out;
	}
	.mainEventVideo a.link:after {
		content: '';
		width: 100%;
		height: 1px;
		background: #ffffff;
		position: absolute;
		bottom: -2px;
		left: 0;
	}

	/* Scroll Bottom */
	.mainEventVideo .scrollBottom {
		border: 1px solid #82e600;
		position: absolute;
		bottom: 10%;
		right: 50%;
		transform: rotate(180deg) translateX(-50%);
		z-index: 1
	}
	.mainEventVideo .scrollBottom:hover {
		background: #82e600;
	}
		.mainEventVideo .scrollBottom svg path {
			stroke: #ffffff;
		}

.contentWrapper.widgetMobility {
	margin-top: 71px;
	width: 100%;
	height: 90vh;
	padding: 0;
}
	.widgetMobility .blockTxt {
		position: absolute;
		top: 15%;
		left: 50%;
		transform: translateX(-50%);
		background: rgba(255,255,255,0.8);
		text-align: center;
		padding: 35px 50px;
		border-radius: 15px;
		width: 40%;
	}
		.widgetMobility .blockTxt span.title {
			font-family: 'IBM Plex Sans', sans-serif;
			font-size: 12px;
			line-height: 18px;		
			text-transform: uppercase;
			position: relative;
			display: block;
			padding-bottom: 20px;
			margin-bottom: 40px;
			color: #283583;
		}
		.widgetMobility .blockTxt span.title::after {
			content: '';
			width: 100%;
			height: 1px;
			background: #000000;
			position: absolute;
			bottom: 0;
			left: 0;
		}
		.widgetMobility .blockTxt h1 {
			font-size: 28px;
			line-height: 30px;
			color: #283583;
			opacity: 1;
			padding: 0;
			text-transform: uppercase;
			font-weight: 900;
			max-width: 100%;
			margin: 0 auto;
		}
		.widgetMobility .blockTxt p {
			font-size: 20px;
			line-height: 26px;
			color: #000000;
			text-transform: uppercase;
			max-width: 100%;
			margin: 20px auto 0;
		}

/* Barba Wrapper
* -------------------------- */
.widgetMobility + #barba-wrapper {
	margin-top: 0;
}
	.widgetMobility + #barba-wrapper .barba-container {
		background: #f5f5f7;
		margin-top: 0;
	}
		.widgetMobility + .barbaWrapperPage .search.btnNew {
			top: 50%;
		}
		.widgetMobility + #barba-wrapper .headerShare {
			margin-top: 40px;
		}
			.widgetMobility + #barba-wrapper.headerShare li svg path {
				fill: #575656;
			}
		.widgetMobility.mosaic {
			margin-top: 100px;
		}
		.widgetMobility.mosaic h2.title {
			font-size: 28px;
			line-height: 30px;
			font-weight: 900;
			text-transform: uppercase;
			text-align: center;
			margin-bottom: 30px;
		}
		.widgetMobility.mosaic p.headerIntro {
			display: block !important;
			font-size: 16px;
			line-height: 18px;
			color: #000000;
			max-width: 80%;
			margin: 0 auto;
		}

		/* Carrou News
		* -------------------------- */	
		.widgetSimilarNews.widgetMobility {
			width: 100%;
			margin-top: 50px;
			margin-bottom: 110px;
		}

			/* Carrou Nav
			* -------------------------- */	
			.widgetSimilarNews.widgetMobility .btnNew {
				width: 60px;
				height: 60px;
				position: absolute;
				top: 50%;
				border: 1px solid #283583;
				background: #283583;
				transform: translateY(-50%) rotate(-90deg);
				cursor: pointer;
			}
			.widgetSimilarNews.widgetMobility .btnNew:hover {
				background: none;
			}
				.widgetSimilarNews.widgetMobility .btnNew svg path {
					stroke: #ffffff;
				}
				.widgetSimilarNews.widgetMobility .btnNew:hover svg path {
					stroke: #283583;
				}
			.widgetSimilarNews.widgetMobility .navPrev {
				left: -8%;
			}
			.widgetSimilarNews.widgetMobility .navNext {
				right: -8%;
				transform: translateY(-50%) rotate(90deg);
			} 

			/* Slick item
			* -------------------------- */	
			.widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-item {
				border-radius: 15px;
				min-height: 430px;
			}
                /* .widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-item a:hover .btnNew {
                    opacity: 1;
                } */
                
				/* Text
				* -------------------------- */	
				.widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-item .content {
					padding: 20px;
					padding-bottom: 30px;
				}
					.widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-item .content h2 {
						font-family: 'IBM Plex Sans', sans-serif;
						font-size: 12px;
						line-height: 18px;		
						text-transform: uppercase;
						text-align: center;
						margin-top: 0;
						margin-bottom: 25px;
						color: #283583;
					}
						.widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-item .content h2 a {
							color: #283583;
						}
					.widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-item .content h3 {
						font-family: 'Montserrat', sans-serif;
						font-size: 18px;
						line-height: 20px;		
						text-transform: uppercase;
						text-align: center;
						color: #283583;
						font-weight: 900;
						max-width: 80%;
						margin: 0 auto;
						display: block;			
					}
					.widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-item p {
						font-size: 14px;
						line-height: 19px;
						padding: 30px 30px 40px 30px;
						font-weight: 500;
					}

				/* Image
				* -------------------------- */	
				.widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-item .img {
					position: relative;
				}

					/* Overlay
					* -------------------------- */	
					.widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-item .img .overlay {
						width: 100%;
						height: 100%;
						position: absolute;
						top: 0;
						left: 0;
						background: rgba(0, 0, 0, 0);
						transition: all 0.3s ease-in-out;
					}
					.widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-item:hover .img .overlay {
						background: rgba(0, 0, 0, 0.3);
					}

					/* Btn Cross
					* -------------------------- */	
					.widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-item .img .btnNew {
						opacity: 0;
						width: 90px;
						height: 90px;
						left: 50%;
						transform: translate(-50%, -50%);
						background: none;
						border: 1px solid #ffffff;
						transition: all 0.3s ease-in-out;
					}
					.widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-current .img .btnNew {
						opacity: 0;
						transition: all 0.3s ease-in-out;
					}
					.widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-item .img .btnNew::before {
						content: '';
						width: 30px;
						height: 1px;
						background: #ffffff;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
					}
					.widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-item .img .btnNew::after {
						content: '';
						width: 1px;
						height: 30px;
						background: #ffffff;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
					}

					/* Slick Dots
					* -------------------------- */
					.widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-dots {
						bottom: -55px;
					}
						.widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-dots li {
							background: #434343;
						}
						.widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-dots li.slick-active {
							background: #283583;
						}

		/* 3 images Block
		* -------------------------- */	
		.widgetMobility.mosaic .col3 {
			display: -ms-flexbox;
			display: flex;
			-ms-flex-pack: center;
			    justify-content: center;
			max-width: 100%;
		}
			.widgetMobility.mosaic .col3 .column:last-of-type {
				display: none;
			}
				.widgetMobility.mosaic .col3 .column .img {
					position: relative;
				}
					.widgetMobility.mosaic .col3 .column .img a {
						display: block;
					}	
						.widgetMobility.mosaic .col3 .column .img .overflow {
							overflow: hidden;
						}
							.widgetMobility.mosaic .col3 .column .img .overflow img {
								width: 100%;
								display: block;
								transition: all 0.5s ease-in-out;
							}
							.widgetMobility.mosaic .col3 .column .img:hover .overflow img {
								transform: scale(1.1);
							}
						.widgetMobility.mosaic .col3 .column .img .txt {
							width: 100%;
							display: -ms-flexbox;
							display: flex;
							-ms-flex-pack: justify;
							    justify-content: space-between;
							-ms-flex-align: center;
							    align-items: center;
							overflow: hidden;
						}
							.widgetMobility.mosaic .col3 .column .img .txt h3 {
								text-transform: uppercase;
								font-size: 18px;
								line-height: 24px;
								font-weight: 900;
								max-width: 80%;
							}
						.widgetMobility.mosaic .col3 .column .img .btnNew {
							background: #283583;
							position: relative;
							width: 40px;
							height: 40px;
						}
						.widgetMobility.mosaic .col3 .column .img .btnNew::before {
							content: '';
							width: 20px;
							height: 1px;
							background: #ffffff;
							position: absolute;
							top: 50%;
							left: 50%;
							transform: translate(-50%, -50%);
						}
						.widgetMobility.mosaic .col3 .column .img .btnNew::after {
							content: '';
							width: 1px;
							height: 20px;
							background: #ffffff;
							position: absolute;
							top: 50%;
							left: 50%;
							transform: translate(-50%, -50%);
						}						

			/* Column Simple
			* -------------------------- */					
			.widgetMobility.mosaic .col3 .column1 {
				margin-right: 20px;
				width: 65%;
			}
				.widgetMobility.mosaic .col3 .column1 .img {
					height: 100%;
					background: #ffffff;
				}
					.widgetMobility.mosaic .col3 .column1 .img .txt {
						padding: 35px;
					}
						.widgetMobility.mosaic .col3 .column1 .img .txt h3 {
							color: #283583;
						}

			/* Column Double
			* -------------------------- */	
			.widgetMobility.mosaic .col3 .column2 {
				display: -ms-flexbox;
				display: flex;
				-ms-flex-direction: column;
				    flex-direction: column;
				-ms-flex-pack: justify;
				    justify-content: space-between;
			}
			.widgetMobility.mosaic .col3 .column2:nth-child(3) {
				display: none;
			}
				.widgetMobility.mosaic .col3 .column2 .img:first-of-type {
					margin-bottom: 20px;
				}
					.widgetMobility.mosaic .col3 .column2 .img .txt {
						position: absolute;
						bottom: 0;
						left: 0;
						padding: 10px 25px;
						background: rgba(255,255,255,0.6);
					}

			/* 4 Images Block
			* -------------------------- */	
			.widgetMobility.mosaic .col4 .column:last-of-type {
				display: block;
			}
			.widgetMobility.mosaic .col4 .column1:last-of-type {
				margin-right: 0;
				margin-left: 20px;
			}
				.widgetMobility.mosaic .col4 .column1 .img .txt,
				.widgetMobility.mosaic .col5 .column1 .img .txt {
					padding: 15px 20px;
				}
					.widgetMobility.mosaic .col4 .column2 .img .txt h3,
					.widgetMobility.mosaic .col5 .column2 .img .txt h3 {
						font-size: 12px;
						line-height: 18px;
					}
				.widgetMobility.mosaic .col4 .column2 .img .btnNew,
				.widgetMobility.mosaic .col5 .column2 .img .btnNew {
					width: 30px;
					height: 30px;
				}
				.widgetMobility.mosaic .col4 .column2 .img .btnNew::before,
				.widgetMobility.mosaic .col5 .column2 .img .btnNew::before {
					width: 15px;
				}
				.widgetMobility.mosaic .col4 .column2 .img .btnNew::after,
				.widgetMobility.mosaic .col5 .column2 .img .btnNew::after {
					height: 15px;
				}
							
		/* 5 Images Block
		* -------------------------- */	
		.widgetMobility.mosaic .col5 {
			-ms-flex-direction: row-reverse;
			    flex-direction: row-reverse;
		}
			.widgetMobility.mosaic .col5 .column1 {
				margin-right: 0;
			}
			.widgetMobility.mosaic .col5 .column2 {
				margin-right: 20px;
			}
			.widgetMobility.mosaic .col5 .column2:nth-child(3) {
				display: -ms-flexbox;
				display: flex;
			}

		/* iFrame CES
		* -------------------------- */
		.barbaWrapperPage .contentWrapper.widgetIframeCES {
			margin-bottom: 0;
			width: calc( (100vw/12) * 10);
			margin-left: calc( (-100vw/12) * 1);
		}
			.widgetIframeCES .link {
				text-align: right;
			}
				.widgetIframeCES .link a {
					font-size: 15px;
					line-height: 25px;
				}


/* FICHE TECHNO
================================================================================= */
/* Event Video */
body.techno .contentWrapper {
	margin-top: 0;
	width: 100%;
	padding: 0;
}
	body.techno .barbaWrapperPage .contentWrapper .widgetImage {
		margin-bottom: 30px;
	}
	body.techno .barbaWrapperPage .contentWrapper .widgetVideo {
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 3;
		margin-top: 30px;
		margin-bottom: 30px;
	}
		body.techno .contentWrapper .widgetVideo:not(.widgetVideoMain) iframe {
			min-height: 470px;
		}
		body.techno .contentWrapper .widgetVideo img.background {
			width: 100%;
			height: auto;
		}
    body.techno .contentWrapper .widgetVideo.widgetVideoMain {
		margin-left: calc( (-100vw/18) * 2 );
		width: calc( (100vw/18) * 12 );
		margin-bottom: 10px;
    }
        body.techno .contentWrapper .widgetVideo.widgetVideoMain img.background {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    body.techno .contentWrapper .widgetImage img {
    	width: 100%;
    }

    body.techno .contentWrapper .widgetVideo.widgetVideoMain {
    	margin-top: 0;
    }

/* Barba Wrapper */
body.techno #barba-wrapper {
	margin-top: 0;
}
	/* Block Title */
	body.techno .title {
		background: #ffffff;
	}
		body.techno .breadcrumb {
			padding-left: 20px;
            text-align: left;
            margin-left: calc( (-100vw/18) * 2 );
		}
		body.techno h1 {
			font-size: 70px;
			line-height: 70px;
			font-weight: 900;
			text-transform: uppercase;
			position: relative;
			padding-bottom: 50px;	
			text-align: center;
			margin-left: calc( (-100vw/18) * 1 );
			width: calc( (100vw/18) * 10 );
		}
		body.techno.techno2 h1,
		body.techno.none h1 {
			padding-top: 0;
		}

	/* Barba Container */
	body.techno .barba-container {
		background: #ffffff;
		text-align: center;
		padding: 0 calc( (100vw/18) * 2 );
		padding-bottom: 50px;
		overflow: hidden;
		margin-top: 200px;
	}	
		
		body.techno p.intro {
			font-weight: 600;
			font-size: 17px;
			line-height: 27px;
		}
		body.techno .widgetsTechno h2 {
			font-size: 50px;
			line-height: 50px;
			color: #02b5ed;
			text-transform: uppercase;
			margin-top: 50px;
			margin-bottom: 20px;
			font-weight: 900;
			font-style: italic;
		}
		body.techno main p {
			margin-bottom: 30px;
			font-size: 17px;
			line-height: 27px;
			font-weight: 300;
		}
			body.techno main p a {
				text-decoration: underline;
			}
		body.techno main ul {
			margin-bottom: 30px;
		}
		body.techno svg.light {
			width: 100px;
		}
		body.techno main h3 {
			max-width: 80%;
			margin: 0 auto;
			text-transform: uppercase;
			margin-bottom: 40px;
			font-size: 20px;
			line-height: 26px;
			font-weight: 900;
		}
		body.techno h2.blockTitle {
			margin-top: 70px;
			margin-bottom: 0;
		}
		body.techno main ul li,
		body.techno main ol li {
			font-size: 17px;
			line-height: 27px;
			font-weight: 300;
		}
			body.techno main ul li a,
			body.techno main ol li a {
				text-decoration: underline;
			}
		body.techno .breadcrumb ul li,
		body.techno .breadcrumb ol li {
			font-size: 10px;
			line-height: 18px;
			font-weight: 500;
		}
			body.techno .breadcrumb ul li a,
			body.techno .breadcrumb ol li a {
				font-weight: 400;
			}

/* Push content - Techno
* -------------------------- */
body.techno .widgetPushContent {
	margin-left: calc( (-100vw/18) * 2 );
	width: calc( (100vw/18) * 12 );
	background: #f5f5f7;
	padding: 50px 0;
}
	body.techno .widgetPushContent .SimilarNewsCarrousel .slick-item h3 {
		margin-bottom: 0;
		max-width: 100%;
		text-align: left;
		font-family: 'IBM Plex Sans', sans-serif;
		font-size: 10px;
		line-height: 18px;
		font-weight: 400;
		text-transform: uppercase;
		color: #000000;
		letter-spacing: 1px;
		padding: 30px;
	}

/* Carrou News
* -------------------------- */
.widgetSimilarNews {
	width: calc( (100vw/12) * 9 );
}

/* Bloc Nos engagements
* -------------------------- */
body.techno .widgetsTechno .widgetOurEngagements h2 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
	margin-bottom: 30px;
	color: #000000;
	text-transform: none;
	font-style: normal;
}
body.techno .widgetsTechno .widgetOurEngagements p {
	margin-bottom: 0;
}


/* FICHE TECHNO 2
================================================================================= */
body.techno2 img.mainImg {
	margin-left: calc( (-100vw/18) * 2 );
	width: calc( (100vw/18) * 12 );
}


/* FICHE TECHNO 2 + FICHE TECHNO 3
================================================================================= */
body.techno3 #barba-wrapper {
	margin-top: 80px;
}
	body.techno3 .barba-container {
		position: relative;
		overflow: hidden;
		margin-top: 0;
	}
		body.techno3 .breadcrumb {
			padding: 70px 0;
			margin-left: 0;
		}
		body.techno3 h2:after,
		body.techno3 h1:after {
			display: none;
		}
		body.techno2 .contentWrapper .widgetVideoMain,
		body.techno3 .contentWrapper .widgetVideoMain {
			margin-top: 0;
			margin-left:  calc( (-100vw/18) * 2 );
			width: calc( (100vw/18) * 12 );
		}


/* EVENT BLOCK
================================================================================= */
.mainCarrouselHomeContent .slick-item .content h2 sup {
	line-height: 1px;
	font-size: 12px;
}

.barbaWrapperPageEbike {
	padding: 0;
	width: 100%;
	/* height: calc(100vh - 130px); */
	position: relative;
}

/* Mute button Carrousel
* -------------------------- */
.eventBlock .muteVideo {
	position: absolute;
	bottom: 40px;
	right: calc( (100vw/12) * 0.85 );
	z-index: 2;
	background: #ffffff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	border: 1px solid #000000;
	cursor: pointer;
}
	.eventBlock .muteVideo svg {
		width: 18px;
	}
	.eventBlock .muteVideo.clicked svg .hide {
		display: none;
	}

/* Play/Stop button Carrousel
* -------------------------- */
.eventBlock .playpause {
	position: absolute;
	bottom: 40px;
	right: calc( (100vw/12) * 0.5 );
	z-index: 2;
	background: #ffffff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 11px;
	border: 1px solid #000000;
}
	.eventBlock .playpause button {
		display: block;
		box-sizing: border-box;
		width: 0;
		height: 22px;
		border-color: transparent transparent transparent #000000;
		transition: 100ms all ease;
		cursor: pointer;
		border-style: double;
		border-width: 0 0 0 16px;
		background: none;
	}
	.eventBlock .playpause.clicked button {
		border-style: solid;
		border-width: 11px 0 11px 16px;
	}

	.eventBlock {
		padding: 0;
		width: 100%;
		height: calc(100vh - 130px);
		position: relative;
		overflow: hidden;
	}
		.eventBlock video {
			display: block;
			object-fit: cover;
			position: absolute;
			top: 50%;
			left: 50%;
			min-width: 100%;
			min-height: 100%;
			width: auto;
			height: auto;
			transform: translateX(-50%) translateY(-50%);
			background-size: cover;
		}
		.eventBlock img.bg {
			width: 100%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			object-fit: cover;
		}
		.eventBlock img.bg_mobile {
			display: none;
		}
		.eventBlock .overlay {
			position: absolute;
			width: 100%;
			height: 100vh;
			background: rgba(0, 0, 0, 0.3);
			top: 0;
			left: 0;
		}

	.eventBlockInner {
		width: 100%;
		margin: 0 auto;
		position: relative;
		height: calc(100vh - 130px);
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
		.eventBlockInner h1 {
			padding: 0;
			text-align: center;
			color: #ffffff;
			font-size: 35px;
			line-height: 40px;
			font-weight: 300;
			width: 40%;
			margin-bottom: 40px;
		}
		.eventBlockInner.eventBlockInnerHome .h2,
		.eventBlockInner .h2.h2Page {
			text-align: center;
			color: #ffffff;
			font-size: 25px;
			line-height: 30px;
			font-weight: 500;
			width: 40%;
			margin-top: 40px;
		}
		.eventBlockInner.eventBlockInnerHome .category {
			display: inline-block;
			font-family: 'IBM Plex Sans', sans-serif, "Microsoft YaHei";
			font-size: 12px;
			line-height: 18px;
			font-weight: 500;
			text-transform: uppercase;
			letter-spacing: 1px;
			color: #000327;
			background-color: #ffffff;
			padding: 10px 15px;
			border-radius: 25px;
			margin-top: 40px;
		}

		.eventBlockInner .btnNewOnly {
			justify-content: center;
			font-size: 10px;
			line-height: 14px;
			text-transform: uppercase;
			cursor: pointer;
			border: 5px solid #ffffff;
			background: none;
			position: absolute;
			top: 50%;
			right: calc( (100vw/12) * 0.5 );
			transform: translateY(-50%);
		}
		.eventBlockInner .btnNewOnly:hover {
			border: 5px solid #82e600;
			background: #82e600;
		}
			.eventBlockInner .btnNewOnly svg path {
				color: #ffffff;
			}

		.eventBlockInner .mainCarrouselHomeContent {
			opacity: 1;
			display: block;
			right: calc( (100vw/12) * 0.5 );
			top: 50%;
			transform: translateY(-50%) !important;
			z-index: 1;
		}
			.eventBlockInner .mainCarrouselHomeContent .slick-item .content {
				min-height: 55vh;
			}
			.eventBlockInner .mainCarrouselHomeContent .slick-item .content .cta {
				justify-content: center;
				font-size: 10px;
				line-height: 14px;
				text-transform: uppercase;
				cursor: pointer;
				border: 1px solid #1ebded;
				bottom: 40px;
			}
			.barbaWrapperPageEbike .eventBlockInner .mainCarrouselHomeContent .slick-item .content .cta:nth-of-type(3) {
				position: absolute;
				top: auto;
				left: 23%;
				right: auto;
				bottom: 90px;
				margin: 0;
				padding: 5px;
			}
			.barbaWrapperPageEbike .eventBlockInner .mainCarrouselHomeContent .slick-item .content .cta:nth-of-type(4) {
				position: absolute;
				top: auto;
				left: auto;
				right: 23%;
				bottom: 90px;
				margin: 0;
				padding: 5px;
			}
			.barbaWrapperPageEbike .eventBlockInner .mainCarrouselHomeContent .slick-item .content .cta {
				bottom: 100px;
			}
			.eventBlockInner .mainCarrouselHomeContent .slick-item .content .cta:hover {
				background: #1ebded;
			}
				.eventBlockInner .mainCarrouselHomeContent .slick-item .content .cta .addeventatc {
					visibility: visible;
					z-index: 100004;
					width: 100%;
					padding: 0px;
					height: 100%;
					display: block;
					position: absolute;
					background: none;
					border: 0px;
					text-shadow: none;
					box-shadow: none !important;
				}
					.eventBlockInner .mainCarrouselHomeContent .slick-item .content .cta .addeventatc .addeventatc_icon {
						display: none;
					}
					.addeventatc_dropdown .copyx {
						display: none !important;
					}

		.eventBlockInner .muteVideo {
			bottom: 40px;
			right: calc( (100vw/12) * 0.85 );
		}
		.eventBlockInner .playpause {
			right: calc( (100vw/12) * 0.5 );
		}

			/* Share */
			.eventBlockInner .mainCarrouselHomeContent .slick-item .content .shareON {
				width: 100%;
				position: absolute;
				left: 0;
				bottom: 0;
				display: flex;
				align-items: center;
				padding: 10px 40px;
				border-top: 1px solid hsla(0, 0%, 0%, 0.1);
			}
				.eventBlockInner .mainCarrouselHomeContent .slick-item .content .shareON span {
					font-size: 10px;
					line-height: 14px;
					text-transform: uppercase;
					color: #757779;
					margin-right: 10px;
				}
				.eventBlockInner .mainCarrouselHomeContent .slick-item .content .shareON .headerShare {
					padding: 0;
				}
					.eventBlockInner .mainCarrouselHomeContent .slick-item .content .shareON .headerShare li {
						margin: 0 5px 0 0;
					}

			/* Count dwon */
			.countdown {
				display: flex;
				align-content: center;
			}
				.countdown .container {
					position: relative;
					margin: 5px 0;
					opacity: 0;
				}
				.countdown .container.hide {
					display: none;
				}
					.countdown .container canvas {
						position: relative;
						z-index: 1;
					}
					.countdown .container svg {
						position: absolute;
						top: 0;
						left: 0;
					}
					.countdown .container .label {
						position: absolute;
						width: 100px;
						height: 100px;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -55%);
						text-align: center;
						display: flex;
						flex-direction: column;
						justify-content: center;
					}
					.countdown .container .label span:first-of-type {
						font-size: 26px;
						line-height: 26px;
						font-weight: 700;
						color: #ffffff;
						letter-spacing: 2px;
					}
					.countdown .container .label span:nth-of-type(2) {
						font-size: 12px;
						line-height: 20px;
						text-transform: uppercase;
						color: #ffffff;
					}

/* Cover unique
* -------------------------- */
.coverUnique {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: calc( 100vh - 71px);
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
	.coverUnique video {
		object-fit: cover;
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		transform: translateX(-50%) translateY(-50%);
		background-size: cover;
	}
	.coverUnique .overlay {
		position: absolute;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.6);
		z-index: 1;
		top: 0;
		left: 0;
	}
	.coverUnique .content {
		width: 55%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
		text-align: center;
	}
		.coverUnique .content .date {
			font-size: 10px;
			line-height: 18px;
			letter-spacing: 1px;
			text-transform: uppercase;
			color: #ffffff;
			font-weight: 400;
			margin-bottom: 25px;
		}
			.coverUnique .content .date span {
				color: #83e600;
			}
		.coverUnique .content .titleH2 {
			font-family: 'Montserrat', sans-serif;
			font-weight: 700;
			font-size: 48px;
			line-height: 58px;
			margin: 0;
			color: #ffffff;
			padding-bottom: 5px;
			display: block;
		}
		.coverUnique .content .titleH3 {
			display: block;
			font-family: 'Montserrat', sans-serif;
			font-weight: 300;
			font-size: 34px;
			line-height: 40px;
			margin: 0;
			color: #ffffff;
		}
		.coverUnique .content .discover {
			display: flex;
			pointer-events: all;
			justify-content: center;
			align-items: center;
			margin: 30px auto 0;
			width: 90px;
			height: 90px;
			color: #000000;
			background: #82e600;
			text-decoration: none;
			font-size: 10px;
			line-height: 18px;
			font-weight: 400;
			letter-spacing: 1px;
			text-transform: uppercase;
			border-radius: 50%;
			cursor: pointer;
			transition: 0.2s;
		}
		.coverUnique .content .discover:hover {
			transform: scale(0.9) !important;
		}
		.coverUnique .content .discover:focus {
			transform: scale(0.9) !important;
			outline: 2px solid;
		}

	.coverUnique .arrow {
		width: 90px;
		height: 90px;
		border: 1px solid #82e600;
		border-radius: 50%;
		pointer-events: all;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 2vw;
		transition: 0.3s;
		cursor: pointer;
		background: none;
		position: absolute;
		left: 50%;
		bottom: 0px;
		transform: translateX(-50%);
		z-index: 2;
	}
		.coverUnique .arrow svg {
			transform: rotateZ(180deg);
		}


/* HACK INTERNET EXPLORER
================================================================================= */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/* Home - Main news
	* -------------------------- */
	.mainCarrouselHome {
		overflow: hidden;
	}
	.mainCarrouselHomeImage .slick-item video {
		width: 100%;
		height: auto;
	}

	/* Fonts - 300
	* -------------------------- */
	.carrouselMobilityContent .slick-item,
	.twitterNews .content,
	.socialHome .mainNews .content p,
	footer.mainFooter .inner .content,
	.breadcrumb ul li,
	.newsGridSocial .item .content,
	.newsGrid .item .content h2,
	.widgetWysiwyg p,
	.widgetWysiwyg li,
	.widgetPushContent .SimilarNewsCarrousel .slick-item p,
	.widgetPushContentContact .item p,
	.contactForm form .column-1 .formItem input[type=text],
	.contactForm form .column-1 .formItem input[type=email],
	.contactForm form .column-1 .formItem select,
	.contactForm form .column-2 textarea {
		font-weight: 300;
	}

	/* Fonts - 400
	* -------------------------- */
	.breadcrumb ul li:last-of-type,
	.widgetPushMembers .inner .item .content h2 {
		font-weight: 400;
	}

	/* Contact form
	* -------------------------- */
	.contactForm form .column-2 textarea {
		overflow: hidden;
	}
	.widgetPushContent .SimilarNewsCarrousel .slick-item {
		min-height: 400px;
	}

	.widgetPushContent .SimilarNewsCarrousel .slick-list {
		display: block;
	}

	/* Sustainability
	* -------------------------- */
	.widgetSustainabilityTimeline .slickSustainabilityContent .slick-track {
		display: block;
	}
	.widgetSustainabilityTimeline .slickSustainabilityContent .slick-list {
		display: block;
	}
	.widgetSustainabilityTimeline .slickSustainabilityContent .slick-list .slick-item {
		min-height: 420px;
	}

	/* Fiche techno
	* -------------------------- */
	body.techno .contentWrapper .widgetVideo {
		visibility: visible;
	}
}


/* MEDIA QUERIES - DEVICE < 1680px
================================================================================= */
@media only screen and (max-width : 1690px) {
	/* Mobility
    * -------------------------- */
    .widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-item {
		min-height: 360px;
	}
	.widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-item .content h3 {
		max-width: 100%;
	}

	/* 3 images block Col4+5
	* -------------------------- */
	.col4 .column1 .img .txt h3,
	.col5 .column1 .img .txt h3 {
		font-size: 16px;
		line-height: 22px;
	}
}


/* MEDIA QUERIES - DEVICE < 1600px
================================================================================= */
@media only screen and (max-width : 1600px) {
	.mainCarrouselHomeContent .slick-item .content {
		min-height: 60vh;
	}
	.mainCarrouselHomeContent .slick-item .content div.h2 span {
		font-size: 36px;
		line-height: 40px;
	}
}


/* MEDIA QUERIES - DEVICE < 1450px
================================================================================= */
@media only screen and (max-width : 1450px) {
	/* Global
	* -------------------------- */
	.btnNew a {
		line-height: 72px;
	}

	/* Main navigation 
	* -------------------------- */
	.mainNavDesktop .wrapper .subMenu.firstLevel,
	.mainNavDesktop .wrapper .subMenu.firstLevel .secondLevel {
		padding-top: 35px;
	}
	.mainNavDesktop .wrapper ul > li {
		padding-bottom: 15px;
	}

	/* Our websites
	* -------------------------- */
	.ourWebsitesPopin .inner {
		height: 70vh;
	}
	.ourWebsitesPopin .inner .column-2 {
		width: calc( (100vw/12) * 2.5 );
		margin-right: calc( (100vw/12) * 0.5 );
	}
	.ourWebsitesPopin .inner .column-3 {
		width: calc( (100vw/12) * 2.5 );
		margin-right: calc( (100vw/12) * 0.5 );
	}
	.ourWebsitesPopin .inner .column-4 {
		width: calc( (100vw/12) * 2.5 );
	}

	.ourWebsitesPopin .inner .close {
		right: calc( (100vw/12) * 0.5 );
	}
	.ourWebsitesPopin .inner::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		border-radius: 10px;
		background-color: #f5f5f5;
	}
	.ourWebsitesPopin .inner::-webkit-scrollbar {
		width: 5px;
		background-color: #f5f5f5;
	}
	.ourWebsitesPopin .inner::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		background-color: #000000;
	}

	/* Home - Main news
	* -------------------------- */
	.mainCarrouselHomeContent {
		width: calc( (100vw/12) * 8 );
	}
	.mainCarrouselHomeContent .slick-item .content div.h2 span {
		font-size: 45px;
		line-height: 50px;
	}
	.mainCarrouselHomeContent .slick-item .content {
		min-height: 60vh;
	}
	.socialHome .mainNews .img {
		height: calc( (100vw/12) * 4.5 - 50px );
	}
	.socialHome .mainNews .content {
		height: calc( (100vw/12) * 2.5 );
	}
	.socialHome .mainNews .content p {
		font-size: 15px;
		line-height: 25px;
	}

	/* Home - Stories Carrousel
	* -------------------------- */
	.valeoStoriesCarrousel .arrow-left,
	.valeoProducts .arrow-left {
		width: 64px;
		height: 64px;
		left: -90px;
	}
	.valeoStoriesCarrousel .arrow-right,
	.valeoProducts .arrow-right {
		width: 64px;
		height: 64px;
		right: -90px;
	}

	/* Home - Social
	* -------------------------- */
	.socialHome .inner .column-2 .socialBlock {
		height: calc( (100vw/12) * 3.5 - 13px );
	}

	/* News
	* -------------------------- */
	.newsGrid .item {
		width: 31%;
		min-height: 410px;
	}
	.newsGrid .item .content .footer h4 {
		margin-bottom: 10px;
	}
	.newsGrid .item .content .footer .shareContent {
		-ms-flex-direction: row;
		    flex-direction: row;
	}
	.newsGrid .item .content .footer li {
		margin: 0 5px 0 0;
	}

	/* Article
	* -------------------------- */
	.widgetSimilarNews .inner .item {
		min-height: 400px;
	}
	.widget.widgetKeyFigures .keyContent .keyItem .number {
		font-size: 50px;
		line-height: 60px;
	}
	.widget.widgetFinance .financeContent .financeItem .content .number {
		width: 70%;
	}
	.widget.widgetAxes .five.five5{
		left: 60px;
	}
	.widget.widgetAxes .five.five4 {
		left: 100px;
	}
	.widget.widgetAxes .five.five2 {
		right: 60px;
	}
	.widget.widgetAxes .five.five3 {
		right: 100px;
	}
	.widget.widgetVideosWall .newsGridSocial .item {
		min-height: 410px;
	}
	.widget.widgetVideoCarousel .videoCarousel .slick-item .video iframe,
	.widget.widgetVideosWall .item .video iframe {
		height: 150px;
	}
	.widgetPushMembers .item .hoverItem blockquote {
		font-size: 14px;
		line-height: 19px;
	}

	/* Key Figures
	* -------------------------- */
	.widget.widgetMap .accordion .accordionItem .accordionTitle {
		padding: 10px 80px 10px 20px;
	}

	/* Valeo AI
	* -------------------------- */
	.widgetMosaic .row .column-1 {
		width: calc( (100vw/12) * 4.5 );
	}
	.widgetMosaic .row .column:first-of-type {
		margin-right: calc( (100vw/12) * 0.25 );
	}
	.widgetMosaic .row .column-2 {
		width: calc( (100vw/12) * 3.25 );
	}

	.barbaWrapperPageValeoAI .widgetPushMembers .inner .item {
		width: 22%;		
	}

	/* Country page
	* -------------------------- */
	.headerCountryPage .content {
		width: calc( (100vw/12) * 4 )
	}
	.anchorsCountry {
		padding: 30px calc( (100vw/12) * 2 ) 30px calc( (100vw/12) * 2 );
	}
	.anchorsCountry ul li {
		margin-right: 20px;
	}
	.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .sliderNav {
		right: calc( (-100vw/12) * 0.9 );
	}
	.barbaWrapperCountry .newsHome .mainNews.full iframe {
		min-height: 500px;
	}

	/* Widget video
	* -------------------------- */
	.contentWrapper .widgetVideo img.background {
		width: auto;
		height: 100%;
	}

	/* E-Mobility
	* -------------------------- */
	.eMobilityContainer .mainCarrouselHomeContent {
		width: calc( (100vw/12) * 2.5 );
		bottom: calc( (100vw/12) * 0.5 );
	}
	.eMobilityContainer .mainCarrouselHomeContent .slick-item .content .cta {
		font-size: 9px;
	}
	.eMobilityContainer .mainCarrouselHomeContent .slick-item .content div.h2 span {
		font-size: 20px;
		line-height: 25px;
	}

	/* Mobility Carrou Slick item
	* -------------------------- */
	.widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-item {
		min-height: 330px;
	}
	/* 3 images block Col3
	* -------------------------- */
	.widgetMobility.mosaic .col3 .column1 .img .txt {
		padding: 27px;
	}
	/* 3 images block Col4+5
	* -------------------------- */
	.widgetMobility.mosaic .col4 .column1 .img .txt,
	.widgetMobility.mosaic .col5 .column1 .img .txt {
		padding: 15px;
	}
	.widgetMobility.mosaic .col4 .column2 .img .txt,
	.widgetMobility.mosaic .col5 .column2 .img .txt {
		padding: 10px;
	}

	/* Event block
	* -------------------------- */
	.eventBlockInner .mainCarrouselHomeContent {
		width: calc( (100vw/12) * 3 );
	}

	/* Gabarit Techno
	* -------------------------- */
	body.techno h1 {
		font-size: 60px;
		line-height: 60px;
	}

	/* Main Slider
	* -------------------------- */
	.mainEventVideo p.h1 {
		font-size: 50px;
		line-height: 45px
	}
	.mainEventVideo .playpause,
	.mainEventVideo .mutevideo {
		bottom: 60px;
	}
	.text-overlay .bottom {
		width: 50vw;
	}

	/* News - Home
	* -------------------------- */
	.newsHome .mainNews {
		width: calc( (100vw/12) * 4 - 25px);
	}
	.newsHome .mainNews.bg {
		width: calc( (100vw/12) * 3);
	}

	/* Cover unique
	* -------------------------- */
	.coverUnique .content {
		width: 80%;
	}
}


/* MEDIA QUERIES - DEVICE < 1370px
================================================================================= */
@media only screen and (max-width : 1370px) {
	/* Global
	* -------------------------- */
	.btnNew {
		width: 74px;
		height: 74px;
	}
	.btnNew.btnNewTxt a {
		line-height: 72px;
	}
	.searchForm {
		height: 74px;
	}

	/* Header
	* -------------------------- */
	.searchFormMenuWrapper {
		width: calc( (100vw/12) * 3.5 );
	}
	.mainNavDesktop .wrapper ul {
		width: calc( (100vw/12) * 3.5 );
	}
	.mainNavDesktop .wrapper .subMenu.firstLevel,
	.mainNavDesktop .wrapper .subMenu.firstLevel .secondLevel {
		width: calc( (100vw/12) * 3.5 );
	}
	.searchFormMenuWrapper .searchFormMenu {
		width: calc( (100vw/12) * 3 );
	}

	/* Main navigation 
	* -------------------------- */
	.mainNavDesktop .wrapper ul {
		padding: 20px 0 40px calc( (100vw/12) * 0.5 );
	}
	.mainNavDesktop .wrapper ul > li {
		padding-bottom: 15px;
	}
	.mainNavDesktop .wrapper .subMenu.firstLevel .secondLevel li {
		margin-bottom: 10px;
	}

	/* Home - Main news
	* -------------------------- */
	.mainCarrouselHomeContent {
		/* width: calc( (100vw/12) * 4 ); */
	}
	.mainCarrouselHomeContent .slick-item .content {
		min-height: 70vh;
	}

	/* Home - Social
	* -------------------------- */
	.socialHome .inner .column-2 .trending .content {
		padding: 40px 50px 30px 40px;
	}
	.twitterNews .content {
		font-size: 12px;
		line-height: 16px;
		padding: 30px;
	}
	.socialBlock .img{
		max-height: 180px;
		overflow: hidden;
	}
	.newsGrid .item .img {
		max-height: 160px;
	}

	/* Contact
	* -------------------------- */
	.contactPush .item {
		min-height: 150px;
	}

	/* Country page
	* -------------------------- */
	.headerCountryPage .content {
		width: calc( (100vw/12) * 5 );
	}
	.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .sliderNav {
		width: 74px;
		height: 74px;
	}
	.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .slick-item .content {
		padding: 30px;
	}

	/* Main Event H1
	* -------------------------- */
	.mainEventVideo p.h1 {
		font-size: 50px;
		line-height: 45px
	}

	/* Discover Btn Mobility
	* -------------------------- */
	body.mobility .btnNew a {
		height: auto;
	}

	/* Carrou Nav
	* -------------------------- */
	.widgetSimilarNews.widgetMobility .navPrev {
		left: -9%;
	}
	.widgetSimilarNews.widgetMobility .navNext, {
		right: -9%;
	}
	.widgetPushContent .sliderDirection {
		right: -9%;
	}
	.widgetPushContent .sliderDirection.left {
		right: initial;
		left: -9%;
	}

	/* 3 images block Col3
	* -------------------------- */
	.widgetMobility.mosaic .col3 .column1 .img .txt {
		padding: 25px;
	}
	.widgetMobility.mosaic .col3 .column1 .img .txt h3 {
		font-size: 16px;
		line-height: 22px;
	}
	.widgetMobility.mosaic .col3 .column2 .img .txt h3 {
		font-size: 15px;
		line-height: 21px;
	}

	/* 3 images block Col4
	* -------------------------- */
	.widgetMobility.mosaic .col4 .column1 .img .txt,
	.widgetMobility.mosaic .col5 .column1 .img .txt {
		padding: 10px;
	}
	.widgetMobility.mosaic .col4 .column1 .img .txt h3,
	.widgetMobility.mosaic .col5 .column1 .img .txt h3 {
		font-size: 14px;
		line-height: 20px;
	}
	.widgetMobility.mosaic .col4 .column2 .img .txt h3,
	.widgetMobility.mosaic .col5 .column2 .img .txt h3 {
		font-size: 10px;
		line-height: 16px;
	}

	/* Techno
	* -------------------------- */
	body.techno .contentWrapper .widgetVideo.widgetVideoMain iframe {
		    min-height: 505px;
	}
	body.techno .contentWrapper .widgetVideo:not(.widgetVideoMain) iframe {
		min-height: 330px;
	}

	/* Event block
	* -------------------------- */
	.barbaWrapperPageEbike .eventBlockInner .mainCarrouselHomeContent .slick-item .content .cta {
		bottom: 80px;
	}
	.eventBlockInner h1 {
		width: 35%;
	}
	.eventBlockInner h1 {
		margin-bottom: 20px;
	}
	.eventBlockInner .h2 {
		margin-top: 20px;
	}
	.eventBlockInner .category {
		margin-top: 20px;
	}
	.eventBlock .muteVideo,
	.eventBlock .playpause {
		bottom: 10px;
	}

	/* Main Slider
	* -------------------------- */
	.text-overlay .bottom .title-container .title {
		font-size: 38px;
		line-height: 44px;
	}

	/* Cover unique
	* -------------------------- */
	.coverUnique .content .titleH2 {
		font-size: 38px;
		line-height: 48px;
	}
	.coverUnique .content .titleH3 {
		font-size: 24px;
		line-height: 30px;
	}
}


/* MEDIA QUERIES - DEVICE < 1150px
================================================================================= */
@media only screen and (max-width : 1150px) {

	/* Home
	* -------------------------- */
	.valeoStoriesCarrousel .arrow-left,
	.valeoProducts .arrow-left {
		left: -80px;
	}
	.valeoStoriesCarrousel .arrow-right,
	.valeoProducts .arrow-right {
		right: -80px;
	}

	/* Articles
	* -------------------------- */
	.newsGrid .item .content span.h3 {
		font-size: 8px;
		line-height: 10px;
	}
	.newsGrid .item .content h2 {
		font-size: 12px;
		line-height: 16px;
	}

	/* Widget Finance
	* -------------------------- */
	.widget.widgetFinance .financeContent .financeItem {
		min-width: auto;
		width: calc((100vw/12)*2.5);
	}
	.widget.widgetFinance .financeContent .financeItem:nth-child(2) {
		margin: 0;
	} 
	.widget.widgetFinance .financeContent .financeItem h2,
	.widget.widgetFinance .financeContent .financeItem h3 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.widget.widgetFinance .financeContent .financeItem .linkItem {
		padding-left: 20px;
	}
	.widget.widgetFinance .financeContent .financeItem a {
		font-size: 9px;
	}

	/* Country page
	* -------------------------- */
	.headerCountryPage .content {
		width: calc( (100vw/12) * 7 );
	}
	.barbaWrapperCountry .search.btnNew {
		top: 47vh;
		z-index: 3;
	}
	.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .sliderNav {
		right: calc( (-100vw/12) * 0.95 );
	}
	.barbaWrapperCountry .contentWrapper .widget.locationsContact .inner .column h3,
	.barbaWrapperCountry .contentWrapper .widget.locationsContact .inner .column h4,
	.barbaWrapperCountry .contentWrapper .widget.locationsContact .inner .column p {
		font-size: 18px;
		line-height: 22px;
	}

	/* Accessibility
	* -------------------------- */
	header.mainHeader .ourWebsites,
	header.mainHeader .mainNav > li button {
		font-size: 10px;
		line-height: 12px;
	}
	header.mainHeader .mainNav .subMenu.firstLevel li a {
		font-size: 12px;
		line-height: 14px;
	}
	.mainCarrouselHomeContent .slick-item .content div.h2 span {
		font-size: 20px;
		line-height: 24px;
	}
	.socialHome .inner .column-2 .trending ul {
		padding-left: 20px;
	}
	.socialHome .inner .column-2 .trending ul li {
		padding: 12px 0px;
	}
	.socialHome .inner .column-2 .trending .content {
		font-size: 15px;
		line-height: 19px;
	}
}

/* MEDIA QUERIES - TABLET < 1024px
================================================================================= */
@media only screen and (max-width : 1024px) {
	/* Our websites
	* -------------------------- */
	.ourWebsitesPopin .inner {
		height: 50vw;
	}
	.ourWebsitesPopin .inner .column-2 {
		padding-right: 20px;
	}
	.ourWebsitesPopin .inner .column h3 {
		line-height: 14px;
	}
	.ourWebsitesPopin .inner .column ul li {
		padding-bottom: 0;
	}

	/* Home
	* -------------------------- */
	.valeoStories .progress,
	.valeoProducts .progress {
		display: none;
	}

	/* Home - Main carrousel
	* -------------------------- */
	.mainCarrouselHomeContent {
		width: calc( (100vw/12) * 5 );
	}

	/* Home - Social
	* -------------------------- */
	.socialHome .inner .column-2 .socialBlock {
		height: calc( (100vw/12) * 3 - 5px );
	}
	.socialHome .mainNews .picto,
	.twitterNews .picto {
		top: 10px;
		left: 10px;
	}
	.socialHome .mainNews .content {
		padding: 20px;
	}
	.socialHome .mainNews .content p {
		font-size: 12px;
		line-height: 18px;
	}
	.quoteHome blockquote .mark {
		width: 70px;
	}

	/* List News
	* -------------------------- */
	.barbaWrapperPage {
		padding: 0 calc( (100vw/12) * 1 ) 120px calc( (100vw/12) * 1 );
	}
	.barbaWrapperPage .filters {
		width: calc( (100vw/12) * 8 );
	}
	.newsGrid .item {
		width: 31%;
	}
	.barbaWrapperPage .filters ul li:hover label,
	.barbaWrapperPage .filters ul li:focus label {
		background-color: #ffffff;
		color: #000000;
	}
	.barbaWrapperPage .filters ul li.active label {
		background-color: #000000;
		color: #ffffff;
	}

	/* Article
	* -------------------------- */
	.widgetPushMembers .inner .item,
	.widgetPushContentContact .item,
	.contactPush .item {
		width: 30.5%;
	}
	.widgetSimilarNews .SimilarNewsCarrousel .slick-item {
		min-height: 380px;
	}
	.widgetSimilarNews .SimilarNewsCarrousel .slick-item:hover .img img,
	.widgetSimilarNews .SimilarNewsCarrousel .slick-item:focus .img img {
		transform: scale(1);
	}
	.contentWrapper .widgetVideo iframe {
		min-height: 385px;
	}
	.widget.widgetSlider .sliderDirection {
		width: 74px;
		height: 74px;
		right: -37px;
	}
	.widget.widgetKeyFigures .keyContent .keyItem {
	  width: calc((100vw/12)*4);
	}
	.widget.widgetFinance .financeContent .financeItem .content {
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-align: start;
		    align-items: flex-start;
		padding: 20px;
	}
	.widget.widgetFinance .financeContent .financeItem .content .number {
		width: 100%;
	}
	.widget.widgetFinance .financeContent .financeItem .content .number p {
		margin: 10px 0;
	}
	.widget.widgetIntro {
		-ms-flex-direction: column-reverse;
		    flex-direction: column-reverse;
	}
	.widgetIntro.widgetIntroDocument {
		margin-bottom: 40px;
	}
	.widgetIntro .headerContent {
		width: 100%;
		margin-bottom: 40px;
	}
	.widgetIntro .headerImage {
		width: 100%;
		margin: 0;
	}
	.widget.widgetVideosWall {
		margin: 0;
	}
	.widget.widgetVideosWall .newsGridSocial .item {
		width: 30%;
	}

	/* Valeo AI
	* -------------------------- */
	.widgetMosaic .row {
		-ms-flex-direction: column-reverse;
		    flex-direction: column-reverse;
	}
	.widgetMosaic:nth-child(2n) .row {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.widgetMosaic .row .column h2 {
		padding-top: 20px;
	}

	.widgetMosaic .row .column-1,
	.widgetMosaic .row .column-2 {
		width: 100%;
	}

	/* Contact form
	* -------------------------- */
	.contactForm form .column-1 {
		width: calc( (100vw/12) * 4 );
	}
	.contactForm form .column-2 {
		width: calc( (100vw/12) * 4 );
	}

	.widgetPushMembers .item .hoverItem blockquote {
		font-size: 15px;
		line-height: 20px;
	}

	/* 5 Axes
	* -------------------------- */
	.widget.widgetAxes .five.five2,
	.widget.widgetAxes .five.five3 {
		right: 10px;
	}
	.widget.widgetAxes .five.five4,
	.widget.widgetAxes .five.five5 {
		left: 10px;
	}

	/* Quote Home
	* -------------------------- */
	.quoteHome blockquote {
        max-width: 600px;
        padding: 0 24px;
    }
	.quoteHome blockquote span.mark {
		left: -15%;
	}
	.quoteHome blockquote span.markAfter {
		left: 90%;
	}

	/* Carrou News
	* -------------------------- */
	body.techno .widgetSimilarNews,
	body.mobility .body.mobility {
		width: 100%;
	}

	/* Fiche techno
	* -------------------------- */
	body.techno .contentWrapper {
		margin-top: 165px;
	}

	/* Fiche techno2 + techno3
	* -------------------------- */
	body.techno2 .contentWrapper .widgetVideoMain,
	body.techno3 .contentWrapper .widgetVideoMain {
		margin-top: 0;
		width: calc( (100vw/18) * 15 );
	}
	body.techno2 img.mainImg {
		margin-left: calc( (-100vw/18) * 2 );
		width: calc( (100vw/18) * 15 );
		margin-bottom: 40px;
	}
	body.techno .contentWrapper .widgetVideo.widgetVideoMain {
		margin-left: calc( (-100vw/18) * 2 );
		width: calc( (100vw/18) * 15 );
	}

	.errorPage .socialMedia {
		width: 100%;
	}
}

/* MEDIA QUERIES - TABLET LANDSCAPE < 1024px
================================================================================= */
@media only screen and (max-width : 1024px) and (orientation: landscape) {
	/* Home - News
	* -------------------------- */
	.newsHome .latestNews ul li {
		padding: 15px 40px 15px 40px;
	}

	/* Home - Social
	* -------------------------- */
	.socialHome .inner .column-2 .trending .content {
		padding: 20px 15px;
	}
	.twitterNews .content {
		padding: 20px 15px;
	}
	.blockPresentation .itemPresentation .img {
	  max-width: 250px;
	}

	/* Quote Home
	* -------------------------- */
	.quoteHome blockquote span.mark {
		left: -15%;
	}
	.quoteHome blockquote span.markAfter {
		left: 90%;
	}
}


/* MEDIA QUERIES - TABLET < 1000px
================================================================================= */
@media only screen and (max-width : 1000px) {
	/* Global settings
	* -------------------------- */
	.btnNew.btnNewTxt a {
		line-height: 72px;
	}

	/* Header
	* -------------------------- */
	header.mainHeader .logo {
		padding: 0;
	}
	.burger-menu {
		display: block;
		width: calc( (100vw/12) * 2.5 );
	}
	header.mainHeader .languages div,
	header.mainHeader .languages div.svg {
		display: none;
	}
	header.mainHeader .mainNav {
		display: none;
	}
	header.mainHeader .mainNavWrapper {
		width: calc( (100vw/12) * 2 );
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
	}
	header.mainHeader .top .right .joinUs {
		padding: 10px 12px;
	}
	header.mainHeader .mainNavMobile {
		left: 0;
		width: 100vw;
	}
	header.mainHeader .languages {
		width: auto;
		padding: 0;
		align-self: center;
	}
	header.mainHeader .languages li:first-of-type {
		margin-left: 0;
	}
	header.mainHeader .languages a {
		font-size: 12px;
	}
	header.mainHeader .searchMobile {
		background: none;
		border: 0;
	}
	header.mainHeader .ourWebsites {
		margin: 0 10px;
	}
	.searchFormMenuWrapper {
		padding-top: 0;
		width: 100%;
		margin-bottom: 30px;
	}
	.searchFormMenuWrapper .searchFormMenu {
		margin-left: 0;
		width: 100%;
	}
	.searchFormMenuWrapper .searchFormMenu input[type="text"] {
		font-size: 16px;
		line-height: 20px;
	}
	.searchFormMenuWrapper .searchFormMenu input[type="text"]:-ms-input-placeholder {
		font-size: 16px;
		line-height: 20px;
	}
	.searchFormMenuWrapper .searchFormMenu input[type="text"]::placeholder {
		font-size: 16px;
		line-height: 20px;
	}
	header.mainHeader .top {
		width: 100%;
		-ms-flex-pack: end;
		    justify-content: flex-end;
	}

	/* Menu
	* -------------------------- */
	header.mainHeader .mainNavMobile .ourWebsites {
		padding-left: 0;
		margin: 0;
		text-align: left;
		padding-bottom: 0px;
		margin-bottom: 30px;
	}
	header.mainHeader .ourWebsites span {
		font-size: 20px;
		line-height: 24px;
	}

	/* Search Pop-in
	* -------------------------- */
	header.mainHeader .searchPopin {
		background: #e5e8eb;
		width: 100%;
		height: 90vh;
		position: absolute;
		top: 60px;
		left: 0;
		z-index: 4;
		padding: calc( (100vw/12) * 0.5 );
	}
	header.mainHeader .searchPopin form {
		height: 94px;
		background-color: #ffffff;
		position: absolute;
		top: 50%;
		left: calc( (100vw/12) * 0.5 );
		right: calc( (100vw/12) * 0.5 );
		transform: translateY(-50%);
		z-index: 1;
		border-radius: 55px;
		display: -ms-flexbox;
		display: flex;
		width: 0;
		transition: all 0.5s ease-in-out;
		-ms-flex-align: center;
		    align-items: center;
		-ms-flex-pack: justify;
		    justify-content: space-between;
		width: calc( (100vw/12) * 11);
	}
		header.mainHeader .searchPopin form button[type="submit"] {
			cursor:pointer;
			width: calc( (100vw/12) * 1.5);
			background: none;
			border: none;
			transition: all 1s ease-in-out;
		}
		header.mainHeader .searchPopin form input[type="text"] {
			font-family: 'Montserrat', sans-serif, "Microsoft YaHei";
			width: calc( (100vw/12) * 7);
			margin: 0;
			background: none;
			border: 0;
			font-size: 18px;
			line-height: 20px;
			font-weight: 300;
			color: #000000;
			border: 1px solid #000000;
		}
		header.mainHeader .searchPopin form .close {
			text-align: center;
			width: calc( (100vw/12) * 1.5);
			background: none;
			border: 0;
		}

	/* Our websites Pop-in
	* -------------------------- */
	.ourWebsitesPopin {
		z-index: 12;
	}
	.ourWebsitesPopin .inner {
		margin-left: calc( (100vw/12) * 0.5 );
		width: calc( (100vw/12) * 11 );
		height: 80vh;
	}
	.ourWebsitesPopin .inner .wrapperColumns {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.ourWebsitesPopin .inner .column-2,
	.ourWebsitesPopin .inner .column-3,
	.ourWebsitesPopin .inner .column-4 {
		width: 100%;
		padding: 0;
		margin-bottom: 40px;
		margin-right: 0;
	}
	.ourWebsitesPopin .inner .column h3 {
		min-height: auto;
	}
	.ourWebsitesPopin .inner .column h3::after {
		width: 70%;
		bottom: 0;
	}
	.ourWebsitesPopin .inner .close {
		right: 0;
	}

	/* Home
	* -------------------------- */
	.valeoStories {
		padding: 40px 24px;
	}
	.valeoTechnologies {
		padding: 40px 0 0 0;
	}
	.valeoTechnologies .supertitle {
		padding: 0 24px;
	}
	.valeoTechnologies h2 {
		padding: 0 24px;
	}
	.valeoTechnologies .inner {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.valeoTechnologies .inner .item {
		width: 50%;
	}
	.valeoProducts {
		padding: 0 24px 40px;
	}
	.valoPublications {
		padding: 40px 24px;
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.valoPublications .column-1 {
		width: 100%;
		border-bottom: 0;
	}
	.valoPublications .column-2 {
		width: 100%;
	}
	.valeoStoriesCarrousel .arrow-left,
	.valeoStoriesCarrousel .arrow-right,
	.valeoProducts .arrow-left,
	.valeoProducts .arrow-right {
		display: none;
	}

	/* Banner 100 years
	* -------------------------- */
	.banner100years {
		padding: 48px 24px;
	}
	.banner100years .row {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.banner100years .row span {
		margin-left: 0;
		font-size: 40px;
		line-height: 49px;
	}
	.banner100years .row img.logo {
		max-width: 200px;
	}
	.banner100years .row img.banner {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 40px;
	}
	.banner100years .row .discover {
		margin-left: 0;
	}

	/* Home - Carrousel Main news
	* -------------------------- */
	.muteVideo {
		bottom: auto;
		top: 70px;
		right: 10px;
	}
	.playpause {
		bottom: auto;
		top: 20px;
		right: 10px;
	}
	.search.btnNew,
	.contactBtn.btnNew,
	.socialIcones {
		display: none !important;
	}

	/* Home - News
	* -------------------------- */
	.newsHome {
		display: block;
		padding: 45px 0;
	}
	.newsHome .mainNews {
		width: calc( (100vw/12) * 11 );
		margin: 0 calc( (100vw/12) * 0.5 );
	}
	.newsHome .mainNews.bg,
	.newsHome .mainNews.bg.right {
		background: none !important;
		width: 100%;
		margin-left: 0;
	}
	.newsHome .mainNews.bg img {
		display: block;
		width: 100%;
	}
	.newsHome .mainNews.bg video {
		position: static;
		width: 100%;
		height: auto;
		transform: none;
	}
	.newsHome .mainNews > a {
		padding: 55px 40px 155px;
		display: block;
		width: 100%;
	}
	.newsHome .mainNews.bg .overlay {
		width: 100%;
	}
	.newsHome .latestNews {
		width: calc( (100vw/12) * 11 );
		margin: 45px calc( (100vw/12) * 0.5 ) 0;
	}
	.newsHome .moreNews {
		padding: 0 0 40px 0;
		margin-bottom: 0;
	}

	/* Home - Mobility
	* -------------------------- */
	.mobilityHome {
		padding-bottom: 45px;
	}
	.mobilityHome .inner {
		margin: -45px calc( (100vw/12) * 0.5 ) 0;
	}
	.carrouselMobilityContent .slick-item {
		padding: 60px calc( (100vw/12) * 3 ) 100px calc( (100vw/12) * 1 );
	}
	.carrouselMobilityTabsDots {
		padding: 40px;
	}
	.carrouselMobilityTabsDots ul {
		display: inline-block;
	}
	.carrouselMobilityTabsDots .slick-dots li {
		margin: 0 0 10px 0;
	}
	.carrouselMobilityTabsDots .slick-dots li:last-of-type {
		margin-bottom: 0;
	}

	/* Home - Social
	* -------------------------- */
	.socialHome {
		width: 100%;
		margin: 0;
		padding: 45px calc( (100vw/12) * 0.5 );
		background: #f5f5f7;
	}
	.socialHome .inner {
		display: block;
	}
	.socialHome .inner .column-1 {
		width: 100%;
		margin-bottom: 25px;
	}
	.socialHome .mainNews {
		margin: 0;
	}
	.socialHome .mainNews .img {
		height: auto;
		max-height: none;
	}
	.socialHome .mainNews img {
		max-height: none;
		width: 100%;
		height: auto;
	}
	.socialHome .mainNews .content {
		position: static;
		width: 100%;
		padding: 40px 30px;
		font-size: 12px;
		line-height: 16px;
	}
	.socialHome .inner .column-2 {
		width: 100%;
		margin: 0;
	}
	.socialHome .inner .column-2 .socialBlock:nth-of-type(1),
	.socialHome .inner .column-2 .socialBlock:nth-of-type(2),
	.socialHome .inner .column-2 .socialBlock:nth-of-type(3) {
		margin: 0 0 25px 0;
	}
	.socialHome .inner .column-2 .socialBlock:nth-of-type(4) {
		margin: 0;
	}
	.socialHome .inner .column-2 .socialBlock {
		width: 100%;
		height: auto;
		float: none;
	}
	.twitterNews.noImage .content {
		padding: 80px 30px;
	}
	.socialHome .mainNews .picto,
	.twitterNews .picto {
		top: 30px;
		left: 30px;
	}

	/* List News
	* -------------------------- */
	.barbaWrapperPage {
		padding: 0 calc( (100vw/12) * 0.5 ) 120px calc( (100vw/12) * 0.5 );
	}
	.barbaWrapperPage .filters {
		width: calc( (100vw/12) * 10 );
	}
	.newsGrid .item {
		width: 100%;
		min-height: auto;
	}
	.newsGrid .item .content {
		min-height: 200px;
	}

	/* Article
	* -------------------------- */
	.barbaWrapperArticle {
		padding: 0 calc( (100vw/12) * 0.5 ) 120px calc( (100vw/12) * 0.5 );
	}
	.contentWrapper {
		width: calc( (100vw/12) * 11);
		padding: 40px calc( (100vw/12) * 0.5 ) 0;
	}
	.contentWrapper .widget {
		padding: 40px 0;
	}
	.contentWrapper .widget:last-of-type {
		padding-bottom: 40px;
	}
	.barbaWrapperPage .contentWrapper .widgetWysiwyg.highlighted {
		padding: 40px;
	}
	.widgetWysiwyg.full,
	.single-socle .widgetWysiwyg.full {
		margin-left: 0;
		width: auto;
	}
	.buttonCta {
	  margin-top: 40px;
	}
	.contentWrapper .widgetImage {
		padding: 40px 0 0 0;
	}
	.widgetImage img {
		width: calc( (100vw/12) * 11 );
		margin-left: calc( (-100vw/12) * 0.5 );
		margin-right: calc( (-100vw/12) * 0.5 );
	}
	.contentWrapper .widgetHighlighted {
		width: calc( (100vw/12) * 11 );
		margin-left: calc( (-100vw/12) * 0.5 );
		margin-right: calc( (-100vw/12) * 0.5 );
		padding: 40px 0;
	}
	.widgetHighlighted .inner {
		-ms-flex-direction: column-reverse;
		    flex-direction: column-reverse;
	}
	.widgetHighlighted .inner .column {
		width: 100%;
	}
	.widgetHighlighted .inner .column-2 {
		padding: 40px 20px;
	}
	.widgetHighlighted .inner .column-2 {
		padding: 40px;
	}
	.contentWrapper .widgetQuote {
		width: calc( (100vw/12) * 11 );
		margin-left: calc( (-100vw/12) * 0.5 );
		margin-right: calc( (-100vw/12) * 0.5 );
		padding: 40px calc( (100vw/12) * 0.5 );
	}
	.contentWrapper .widgetPushContent {
		width: calc( (100vw/12) * 11 );
		margin-left: calc( (-100vw/12) * 0.5 );
		margin-right: calc( (-100vw/12) * 0.5 );
		padding: 40px 0;
	}
	.contentWrapper .widgetVideo {
		width: calc( (100vw/12) * 11 );
		margin-left: calc( (-100vw/12) * 0.5 );
		margin-right: calc( (-100vw/12) * 0.5 );
	}
	body.single-post .contentWrapper .widgetVideo h2,
	.barbaWrapperPage .contentWrapper .widgetVideo.full h2 {
		padding: 0 calc( (100vw/12) * 0.5 );
	}
	.contentWrapper .widgetPushMembers {
		width: calc( (100vw/12) * 11 );
		margin-left: calc( (-100vw/12) * 0.5 );
		margin-right: calc( (-100vw/12) * 0.5 );
	}
	.contentWrapper .widgetSimilarNews {
		width: calc( (100vw/12) * 11 );
		margin-left: calc( (-100vw/12) * 0.5 );
		margin-right: calc( (-100vw/12) * 0.5 );
		padding: 40px 0 0 0;
	}
	.contentWrapper .widgetSimilarNews:last-of-type {
		padding-bottom: 0;
	}
	.widget.widgetTable table tbody tr th { 
		padding: 0 50px 0 15px
	}
	.widget.widgetKeyFigures .keyContent {
		margin: 0;
	}
	.barbaWrapperKeyFigures .widget.widgetKeyFigures .keyContent .keyItem,
	.widget.widgetKeyFigures .keyContent .keyItem {
		width: calc((100vw/12)*12);
		padding: 60px;
	}
	.widget.widgetKeyFigures .keyContent .keyItem .number {
		font-size: 60px;
		line-height: 70px;
	}
	.widget.widgetFinance {
		margin: 0;
	}
	.widget.widgetFinance .financeContent .financeItem {
		width: calc((100vw/12)*3.2);
	}
	.widget.widgetVideoCarousel {
		margin: 0;
	}
	.widget.widgetVideoCarousel .videoCarousel {
		margin: 0;
	}
	.widgetDownloadDocuments .item .content {
		max-width: calc( (100vw/12) * 8);
	}
	.widget.widgetGeneralAssembly .assemblyContent {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.widget.widgetGeneralAssembly .assemblyContent .assemblyEvent {
		width: 100%;
		padding: 20px;
	}
	.widget.widgetGeneralAssembly .assemblyContent .assemblyEvent .assemblyItem {
		position: relative;
		top: initial;
		transform: none;
	}
	.widget.widgetGeneralAssembly .assemblyContent .assemblyImg {
		width: 100%;
	}
	.offersMap {
		display: none;
	}
	.offersPage .offersCountries {
		display: block;
	}

	.widgetContainer.video .widget.widgetQuote {
		width: 100%;
		margin-bottom: 20px;
	}
	.widgetContainer.video .video-block {
		width: 100%;
		padding-left: 0;
	}
	.widgetContainer.video .video-block .video-container iframe {
		min-height: 30vh;
	}

	/* Page
	* -------------------------- */
	.barbaWrapperPage .contentWrapper .widget {
		margin-top: 40px;
	}
	.contentWrapper .widget:last-of-type {
		padding-bottom: 0;
	}
	.widget.widgetTable.widgetTableSites {
		margin-left: 0;
		margin-right: 0;
	}
	.barbaWrapperPage .contentWrapper .widgetPushMembers,
	.barbaWrapperPage .contentWrapper .widgetImage img,
	.barbaWrapperPage .contentWrapper .widgetVideo,
	.barbaWrapperPage .contentWrapper .widgetPushContent,
	.barbaWrapperPage .contentWrapper .widgetQuote,
	.barbaWrapperPage .contentWrapper .widgetSimilarNews,
	.barbaWrapperPage .contentWrapper .widgetFinance,
	.barbaWrapperPage .contentWrapper .widgetVideoCarousel,
	.barbaWrapperPage .contentWrapper .widgetPushContent,
	.barbaWrapperPage .contentWrapper .widgetVideosWall,
	.barbaWrapperPage .contentWrapper .widgetHighlighted {
		width: 100%;
	}

	/* Press Releases
	* -------------------------- */
	.barbaWrapperPage .filters.filtersFinancial {
		width: calc( (100vw/12) * 10 );
	}
	.newsGrid.newsGridFinancial .item .content {
		min-height: auto;
	}

	/* Valeo AI
	* -------------------------- */
	.barbaWrapperPageValeoAI .widgetPushMembers .inner .item {
		width: 29%;
	}

	.widgetMeetPeople .item:nth-of-type(3n) {
		margin: 0 0 25px 0;
	}
	.widgetMeetPeople .item:nth-of-type(4n) {
		margin: 0 25px 25px 0;
	}
	.blockPresentation .itemPresentation .img {
		max-width: 200px;
	}
	.blockPresentation.show .itemPresentation {
		width: 80vw;
		margin-top: 0; 
	}
	.widgetMeetPeople .inner .item:nth-child(4n+3) .blockPresentation.show .itemPresentation,
	.widgetMeetPeople .inner .item:nth-child(4n+2) .blockPresentation.show .itemPresentation {
	  margin-left: 0;
	}
	.widgetMeetPeople .inner .item:nth-child(4n+4) .blockPresentation.show .itemPresentation {
	  margin-left: 0;
	}

	.widgetMeetPeople .inner .item:nth-child(3n+2) .blockPresentation.show .itemPresentation {
		  margin-left: -29.4vw;
	}
	.widgetMeetPeople .inner .item:nth-child(3n+3) .blockPresentation.show .itemPresentation {
	  	margin-left: -59vw;
	}

	/* Social media
	* -------------------------- */
	.newsGridSocial .item.noImage {
		min-height: 300px;
	}
	.newsGrid .item.noImage .content {
		min-height: auto;
	}

	/* Key Figures
	* -------------------------- */
	.widget.widgetMap .accordion .accordionItem .accordionTitle {
		padding: 10px 70px 10px 20px;
	}

	/* Contact form
	* -------------------------- */
	.contactForm form {
		display: block;
		padding-top: 10px;
	}
	.contactForm form .column {
		width: 100%;
		margin: 0 0 30px 0;
	}
	.contactForm form .column-2 textarea {
		min-height: 200px;
	}
	.contactForm form .column-3 .btnNew {
		transform: none;
	}
	.contactForm form .column-3 {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row-reverse;
		    flex-direction: row-reverse;
		margin: 0;
	}
	.formMandatory {
		margin: 0;
		bottom: 0;
	}

	/* 5 axes */
	.widget.widgetAxes .five.five2,
	.widget.widgetAxes .five.five3 {
	  right: 60px;
	}

	.widget.widgetAxes .five.five4,
	.widget.widgetAxes .five.five5 {
	  left: 60px;
	}

	/* Footer
	* -------------------------- */
	footer.mainFooter .inner {
		width: calc( (100vw/12) * 11 );
		margin: 0 calc( (100vw/12) * 0.5 );
	}
	footer.mainFooter .inner .row {
		display: block;
	}
	footer.mainFooter .inner .row:last-of-type {
		padding-top: 0;
	}
	footer.mainFooter .inner .logo {
		padding: 60px 0;
		width: 100%;
	}
	footer.mainFooter .inner .content {
		width: 100%;
		border: 0;
		margin: 0;
		padding: 40px 0;
	}
	footer.mainFooter .inner .socialMedia {
		margin: 0;
		width: 100%;
	}
	footer.mainFooter .footerMenu {
		margin: 0;
		width: 100%;
	}
	footer.mainFooter .footerMenu ul li {
		width: 100%;
		margin: 0;
	}

	/* Country page
	* -------------------------- */
	.headerCountryPage {
		margin-left: calc( (-100vw/12) * 0.5 );
		margin-right: calc( (-100vw/12) * 0.5 );
		max-height: 80vh;
	}
	.headerCountryPage .content {
		transform: none !important;
		width: calc( (100vw/12) * 11.5 );
		background: #ffffff;
		top: initial;
		bottom: 0vh;
		left: 0;
		padding: 40px 30px;
	}

	.barbaWrapperCountry .contentWrapper .widget {
		padding: 40px 0 0 0;
	}

	.newsHome .mainNews,
	.newsHome .mainNews.right {
		width: 100%;
		margin: 0;
	}
	.newsHome .latestNews {
		width: 100%;
		margin: 20px 0 0 0;
	}

	.barbaWrapperCountry .contentWrapper .widget.jobOffers {
		margin-top: 40px;
		padding: 40px calc( (100vw/12) * 0.5 );
	}

	.barbaWrapperCountry .contentWrapper .widgetPushMembers .inner ul {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.barbaWrapperCountry .contentWrapper .widgetPushMembers .inner .item {
		margin: 0 0 20px 0;
	}

	.barbaWrapperCountry .contentWrapper .widget.widgetKeyFigures .keyContent {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.barbaWrapperCountry .contentWrapper .widget.widgetKeyFigures .keyContent .keyItem {
		width: 100%;
	}

	.barbaWrapperCountry .contentWrapper .widget.widgetSlider {
		width: 100%;
		max-width: 100%;
	}
	.barbaWrapperCountry .contentWrapper .widget.widgetSlider .sliderDirection {
		right: -20px;
	}

	.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel {
		margin: 0;
	}
	.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .slick-dots {
		display: block !important;
	}
	.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .slick-dots li {
		background: #334395;
		vertical-align: middle;
	}
	.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .slick-dots li.slick-active {
		width: 15px;
		height: 15px;
	}
	.barbaWrapperCountry .contentWrapper .widget.widgetPushContent .SimilarNewsCarrousel .sliderNav {
		display: none;
	}

	.barbaWrapperCountry .contentWrapper .widget.locationsContact {
		padding: 60px 0 0 0;
	}
	.barbaWrapperCountry .contentWrapper .widget.locationsContact .inner {
		-ms-flex-direction: column;
		    flex-direction: column;
		margin: 20px 0;
	}
	.barbaWrapperCountry .contentWrapper .widget.locationsContact .locationsMap {
		margin-left: calc( (-100vw/12) * 0.5 );
		margin-right: calc( (-100vw/12) * 0.5 );
	}
	.barbaWrapperCountry .contentWrapper .widget.locationsContact .inner .column {
		width: 100%;
		padding: 20px;
	}
	.barbaWrapperCountry .contentWrapper .widget.locationsContact .inner .column:first-of-type::before {
		width: auto;
		height: 1px;
		top: initial;
		bottom: 0;
		left: 20px;
		right: 20px;
	}

	.barbaWrapperCountry .contentWrapper .widget.otherDocuments .inner {
		margin: 40px 0 0 0;
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.barbaWrapperCountry .contentWrapper .widget.otherDocuments .inner .items {
		width: 100%;
	}

	.anchorsCountry {
		margin: 0;
		padding: 20px 0px;
		position: relative;
	}
	.anchorsCountry.stick {
		width: auto;
		left: 0;
		right: 0;
		padding: 20px calc( (100vw/12) * 0.5 );
		top: 94px;
	}
	.anchorsCountryDesktop {
		position: absolute;
		left: calc( (-100vw/12) * 0.5 );
		right: calc( (-100vw/12) * 0.5 );
		top: 71px;
		background: #ffffff;
		padding: 20px calc( (100vw/12) * 0.5 );
		z-index: 1;
		display: none;
	}
	.anchorsCountry.stick .anchorsCountryDesktop {
		padding: 20px calc( (100vw/12) * 1 );
	}
	.anchorsCountryMobile {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		    align-items: center;
	}
	.anchorsCountryMobile .itemActive {
		font-size: 17px;
		line-height: 27px;
		font-weight: 600;
		color: #00b6ed;
	}
	.anchorsCountryMobile .svg {
		margin-left: 20px;
		width: 25px;
		height: 25px;
		border: 1px solid rgba(0, 0, 0, 0.3);
		border-radius: 50%;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		    justify-content: center;
		-ms-flex-align: center;
		    align-items: center;
		transition: all 0.3s ease-in-out;
	}
	.anchorsCountryMobile .svg.active {
		transform: rotate(180deg)
	}
	.anchorsCountry .languages {
		width: 30%;
	}
	.simple-marquee-container * {
		font-size: 14px;
	}
	.widgetPushContent .sliderDirection {
		display: none;
	}

	/* Page Sustainability
	* -------------------------- */
	.widgetVideoQuote {
		margin: 0;
		width: 100%;
	}
	.widgetVideoQuote button.muteVideoQuote {
		position: absolute;
		top: 10px;
		bottom: auto;
		right: 10px;
		z-index: 2;
	}
	.widgetVideoQuote button.playVideoQuote {
		position: absolute;
		top: 10px;
		bottom: auto;
		right: 50px;
		z-index: 2;
	}
	.widgetVideoQuote svg {
		width: 30px;
		height: 30px;
	}
	.widgetVideoQuote .quote-career {
		position: relative;
		z-index: 1;
		margin: calc( (-100vw/12) * 4 ) auto 0;
		width: calc( (100vw/12) * 10 );
		transform: none;
		left: auto;
		top: auto;
		-ms-flex-direction: column;
		    flex-direction: column;
		padding: calc( (100vw/12) * 0.5 );
	}
	.widgetVideoQuote .quote-career blockquote {
		margin: 30px 0 0 0;
	}
	.widgetVideoQuote .quote-career blockquote p {
		font-size: 17px;
		line-height: 27px;
	}

	.widgetFourPillars {
		width: 100%;
		margin: 0;
	}
	.widgetFourPillars h2 {
		font-size: 24px;
		line-height: 32px;
	}
	.widgetFourPillars .row .block {
		width: 100%;
		margin-bottom: 20px;
	}
	.widgetFourPillars .row .block .content {
		display: none;
	}
	.widgetFourPillars .row .block .hover {
		opacity: 1;
		background: rgba(0, 133, 86, 0.6);
		padding: 20px;
	}
	.widgetFourPillars .row .block .hover .head,
	.widgetFourPillars .row .block .hover h4 {
		margin-bottom: 10px;
	}
	.widgetFourPillars .row .block .hover h4 {
		font-size: 14px;
		line-height: 18px;
	}
	.widgetFourPillars .row .block .hover p {
		font-size: 12px;
		line-height: 18px;
	}
	.widgetFourPillars .row .block .arrow {
		display: none;
	}

	.widgetSustainabilityTimeline {
		width: 100%;
		margin: 0;
	}
	.widgetSustainabilityTimeline .head h2 {
		font-size: 24px;
		line-height: 32px;
	}
	.widgetSustainabilityTimeline .head {
		max-width: 100%;
		-ms-flex-direction: column;
		    flex-direction: column;
		-ms-flex-pack: start;
		    justify-content: flex-start;
		-ms-flex-align: start;
		    align-items: flex-start;
		padding-bottom: 20px;
	}
	.widgetSustainabilityTimeline .introSustainability {
		max-width: 100%;
		margin: 20px auto;
	}

	.widgetSustainabilityTimeline .slickSustainabilityDates .slick-list,
	.widgetSustainabilityTimeline .slickSustainabilityContent .slick-list {
		margin: 0 -20px;
	}
	.widgetSustainabilityTimeline .slickSustainabilityDates .slick-item,
	.widgetSustainabilityTimeline .slickSustainabilityContent .slick-list .slick-item {
		margin: 0 10px;
	}
	.widgetSustainabilityTimeline .slickSustainabilityDates .slick-item:nth-of-type(4),
	.widgetSustainabilityTimeline .slickSustainabilityContent .slick-list .slick-item:nth-of-type(4) {
		opacity: 1;
	}
	.widgetSustainabilityTimeline .slickSustainabilityDates .slick-item {
		font-size: 25px;
		line-height: 25px;
		padding-bottom: 40px;
	}
	.widgetSustainabilityTimeline .slickNext {
		display: none;
	}

	.widgetOurEngagements h2 {
		font-size: 24px;
		line-height: 32px;
	}
	.widgetOurEngagements .inner {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.widgetOurEngagements .inner .column {
		width: 100%;
	}
	.widgetOurEngagements .column .block .key {
		font-size: 50px;
		line-height: 50px;
	}
	.widgetOurEngagements .column .block .key sup {
		line-height: 1px;
		font-size: 40px;
	}
	.widgetOurEngagements .column .block .txt,
	.widgetOurEngagements .column .block ul li p {
		font-size: 17px;
		line-height: 27px;
	}

	/* Widget - Accordion
	* -------------------------- */
	.barbaWrapperPage .contentWrapper .widget.expandCollapse.expandCollapseTwo section {
		width: 100%;
	}
	.expandCollapse button {
		padding: 20px 70px 20px 20px;
		text-align: left;
	}
	.expandCollapse .panel {
		padding: 20px;
	}

	/* Widget - CTA
	* -------------------------- */
	.contentWrapper .widget.widgetCTA a {
		-ms-flex-direction: column-reverse;
		    flex-direction: column-reverse;
	}
	.contentWrapper .widget.widgetCTA .content {
		padding: 20px;
	}
	.contentWrapper .widget.widgetCTA .img,
	.contentWrapper .widget.widgetCTA .content {
		width: 100%;
	}

	/* Widget - Calendar
	* -------------------------- */
	.contentWrapper .widget.widgetCalendarFull .inner {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.contentWrapper .widget.widgetCalendarFull .inner .block {
		width: 100%;
	}
	.contentWrapper .widget.widgetCalendarFull .inner .blockImg {
		width: 100%;
	}
	.contentWrapper .widget.widgetCalendarFull .inner .block .content {
		width: 100%;
	}

	.contentWrapper .widget.widgetCalendar .inner .block .category {
		padding: 20px;
	}
	.contentWrapper .widget.widgetCalendar .inner .block .content h1,
	.contentWrapper .widget.widgetCalendar .inner .block .content h2,
	.contentWrapper .widget.widgetCalendar .inner .block .content p,
	.contentWrapper .widget.widgetCalendar .inner .block .content .downloadLinks {
		padding: 0 20px;
		min-height: auto;
	}
	.contentWrapper .widget.widgetCalendar .inner .block .bottom {
		padding: 20px;
	}

	.btnNewTemp {
		display: none;
	}

	/* E-Mobility
	* -------------------------- */
	#barba-wrapper.barbaWrapperPageMobility {
		min-height: 100vh;
		height: auto;
		padding-left: 0;
		padding-right: 0;
	}
	.barbaWrapperPageMobility .topWrapper {
		height: auto;
	}
	.barbaWrapperPageMobility img.bg {
		display: none;
	}
	.barbaWrapperPageMobility img.bg_mobile {
		display: block;
		width: 100%;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}
	.barbaWrapperPageMobility  .muteVideo,
	.barbaWrapperPageMobility  .playpause {
		display: none;
	}
	.eMobilityContainer {
		height: auto;
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.eMobilityContainer h1 {
		width: 65%;
		font-size: 25px;
		line-height: 30px;
		margin: 70px 0 50px;
	}

	.eMobilityContainer .mainCarrouselHomeContent {
		position: static;
		width: 95%;
		align-self: flex-start;
		margin-top: -40px;
	}
	.eMobilityContainer .mainCarrouselHomeContent .slick-item .content .cta {
		position: relative;
		bottom: 0;
		z-index: 5;
		display: block;
		/* margin-left: 40px; */
		display: -ms-flexbox;
		display: flex;
		font-size: 10px;
	}
	.eMobilityContainer .mainCarrouselHomeContent .slick-item .content .cta .addeventatc {
		left: 0;
	}
	.addeventatc_dropdown.addeventatc-selected {
		top: -10px !important;
	}

	 /* Mobility
	* -------------------------- */
	.contentWrapper.widgetMobility {
		margin-top: 105px;
	}
	.contentWrapper.widgetMobility .blockTxt {
		width: 90%;
		padding: 35px 20px;
	}
	.widgetMobility .blockTxt h1,
	.widgetMobility .blockTxt p,
	body.mobility p.headerIntro {
		max-width: 100%;
	}
	.widgetSimilarNews.widgetMobility .navPrev,
	.widgetSimilarNews.widgetMobility .navNext {
		display: none;
	}
	.widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-item {
		min-height: 380px;
	}
	.widgetMobility.mosaic .col3 {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.widgetMobility.mosaic .col3 .column1 {
		margin-right: 0;
		width: 100%;
	}
	.widgetMobility.mosaic .col3 .column .img {
		margin-bottom: 20px;
	}
	.widgetMobility.mosaic .col3 .column:last-of-type .img:last-of-type {
		margin-bottom: 0;
	}
	.widgetMobility.mosaic .col3 .column1 .img .txt,
	.widgetMobility.mosaic .col3 .column2 .img .txt {
		padding: 20px;
	}
	.widgetMobility.mosaic .col3 .column1 .img .txt h3,
	.widgetMobility.mosaic .col4 .column1 .img .txt h3,
	.widgetMobility.mosaic .col5 .column1 .img .txt h3,
	.widgetMobility.mosaic .col3 .column2 .img .txt h3,
	.widgetMobility.mosaic .col4 .column2 .img .txt h3,
	.widgetMobility.mosaic .col5 .column2 .img .txt h3 {
		font-size: 16px;
		line-height: 22px;
	}
	.widgetMobility.mosaic.col4 .column1:last-of-type {
		margin-left: 0;
	}
	.widgetMobility.mosaic .col4 .column2 .img .btnNew,
	.widgetMobility.mosaic .col5 .column2 .img .btnNew {
		width: 40px;
		height: 40px;
	}
	.widgetMobility.mosaic .col4 .column2 .img .btnNew::before,
	.widgetMobility.mosaic .col5 .column2 .img .btnNew::before {
		width: 20px;
	}
	.widgetMobility.mosaic .col4 .column2 .img .btnNew::after,
	.widgetMobility.mosaic .col5 .column2 .img .btnNew::after {
		height: 20px;
	}
	.widgetMobility.mosaic .col5 .column2 {
		margin-right: 0;
	}
	.widgetMobility.mosaic p.headerIntro {
		width: 100%;
		max-width: 100%;
	}
	.widgetMobility.mosaic .col4 .column1:last-of-type {
		margin-left: 0;
	}

	/* Fiche Techno
	* -------------------------- */
	body.techno ul {
		margin-bottom: 0;
	}
	body.techno .contentWrapper {
		margin-top: 20px;
	}
	body.techno .barba-container {
		padding: 0 20px 50px;
		margin-top: 110px;
	}
	body.techno .title {
		padding-bottom: 0;
	}
	body.techno .breadcrumb {
		padding-left: 10px;
		padding-right: 0;
	}
	body.techno h1 {
        font-size: 35px;
        line-height: 41px;
        padding: 0 0 30px 0;
        width: 100%;
        margin: 0 auto;
	}
	body.techno h1:after {
		display: none;
	}
	body.techno .widgetsTechno h2 {
		font-size: 40px;
		line-height: 40px;
	}
	body.techno main p {
		font-size: 16px;
		line-height: 22px;
	}
	body.techno h3 {
		font-size: 18px;
		line-height: 24px;
	}
    body.techno .breadcrumb {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
    }
	body.techno .widgetsTechno .widgetOurEngagements {
		margin-left: 0;
		width: 100%;
	}

	/* Fiche Techno 2 + Fiche Techno 3
	* -------------------------- */
	body.techno2 #barba-wrapper,
	body.techno3 #barba-wrapper {
		margin-top: 105px;
	}
	body.techno2 .barba-container,
	body.techno3 .barba-container {
		padding-top: 40px;
		margin-top: 0;
	}
	body.techno2 .breadcrumb,
	body.techno3 .breadcrumb {
		padding: 30px 0;
	}
	body.techno2 .contentWrapper .widgetVideoMain,
	body.techno3 .contentWrapper .widgetVideoMain {
		margin-top: 0;
		margin-left: calc( (-100vw/18) * 1.15);
		width: calc( (100vw/18) * 17 );
	}
	body.techno2 button.playVideo,
	body.techno3 button.playVideo {
		width: 45px;
		height: 45px;
	}
	body.techno2 img.mainImg,
	body.techno .contentWrapper .widgetVideo.widgetVideoMain {
		margin: 0;
		width: 100%;
	}
	body.techno .contentWrapper .widgetVideo.widgetVideoMain iframe,
	body.techno .contentWrapper .widgetVideo:not(.widgetVideoMain) iframe {
		min-height: 160px;
	}

	/* Push content - Techno
	* -------------------------- */
	body.techno .widgetPushContent {
		width: calc( (100vw/18) * 15 );
		margin-left: -20px;
	}
	body.techno .widgetPushContent .SimilarNewsCarrousel .slick-item h3 {
		padding: 20px;
	}

	/* Widget video
	* -------------------------- */
	.contentWrapper .widgetVideo img.background,
	body.techno .contentWrapper .widgetVideo img.background {
		width: 100%;
		height: auto;
	}

	/* Event Block
	* -------------------------- */
	#barba-wrapper.barbaWrapperPageMobility {
		min-height: 100vh;
		height: auto;
		padding-left: 0;
		padding-right: 0;
	}
	.eventBlock video,
	.eventBlock .muteVideo,
	.eventBlock .playpause {
		display: none;
	}
	.eventBlock img.bg {
		display: none;
	}
	.eventBlock img.bg_mobile {
		display: block;
		width: 100%;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}
	.eventBlock .eventBlockInner {
		flex-direction: column;
		height: 100%;
	}
	.eventBlockInner .mainCarrouselHomeContent .slick-item .content {
		min-height: 30vh;
	}
	.eventBlock .eventBlockInner h1 {
		width: 90%;
		font-size: 25px;
		line-height: 30px;
		margin: 0 0 50px;
	}
	.eventBlockInner.eventBlockInnerHome .h2,
	.eventBlockInner .h2.h2Page {
		width: 90%;
	}
	.eventBlock .countdown {
		position: static;
		flex-direction: row;
		margin: 0;
		margin-bottom: 0;
		margin-top: 0;
		width: 60%
	}
	.eventBlock .countdown .container:last-of-type {
		display: none;
	}
	.eventBlock .eventBlockInner .mainCarrouselHomeContent {
		width: 90%;
		position: static;
		transform: none !important;
		margin-top: 40px;
	}
	.eventBlock .eventBlockInner .mainCarrouselHomeContent .slick-item .content .cta {
		display: flex;
		bottom: 40px;
	}
	.eventBlock .eventBlockInner .mainCarrouselHomeContent .slick-item .content .cta .addeventatc {
		left: 0;
	}
	.eventBlockInner .btnNewOnly {
		top: auto;
		bottom: 30px;
		left: 50%;
		right: auto;
		transform: translateX(-50%);
	}
	.eventBlockInner .btnNewOnly:hover {
		background: #82e600;
	}
	.mainCarrouselHomeContent .slick-item .content div.h2 {
		margin-top: 0;
	}

	.mainCarrouselHomeContent .slick-item .content .cta {
		margin: 30px auto 0;
		position: relative;
		left: auto;
		bottom: auto;
		transform: none;
	}
	.mainCarrouselHomeContent .slick-item .content .category {
		position: static;
		transform: none;
	}

	.widgetMosaic .row .column .btnNew {
		margin-bottom: 20px;
	}
	.widgetMosaic .row .column .videoResponsive {
		margin-top: 20px;
	}
	.widgetMosaic .row .column:first-of-type {
		margin: 20px 0;
	}

	/* iFrame CES
	* -------------------------- */
	.barbaWrapperPage .contentWrapper.widgetIframeCES {
		margin-left: 0;
		width: 100%;
	}
	.barbaWrapperPage .contentWrapper.widgetIframeCES iframe {
		height: 500px;
	}

	/* Main Slider
	* -------------------------- */
	.slider-container,
	.background-content,
	.side-shadow,
	.discover-container,
	.video-controls,
	.controls,
	.slider-container .scrollBottom,
	.text-overlay {
		height: calc( 80vh);
	}
	.slider-container .discover-container {
		margin-left: 80px;
		margin-bottom: 140px;
	}
	.slider-container .controls .navigation {
		width: 100vw;
		height: 60px;
	}
	.slider-container .controls .navigation .arrow-left {
		margin-left: 2vw;
		width: 60px;
		height: 60px;
	}
	.slider-container .controls .navigation .arrow-left .arrow {
		width: 25px;
		height: 25px;
	}
	.slider-container .controls .navigation .arrow-right {
		margin-right: 2vw;
		width: 60px;
		height: 60px;
	}
	.slider-container .controls .navigation .arrow-right:active,
	.slider-container .controls .navigation .arrow-left:active {
		border: #83e600 solid 10px;
	}
	.slider-container .controls .navigation .arrow-right .arrow {
		width: 25px;
		height: 25px;
	}
	.slider-container .video-controls .overflow {
		margin-right: 5vw;
		margin-bottom: 40px;
	}
	.slider-container .discover-container {
		margin: 0;
		height: auto;
		margin-top: 0;
		position: absolute;
		bottom: 25vh;
		left: 50%;
		transform: translateX(-50%);
	}
	.slider-container .discover-container .discover {
		margin: 0 auto;
	}
	.slider-container .text-overlay .top {
		width: 60vw;
	}
	.slider-container .text-overlay .top .current-slide .page-number {
		font-size: 10px;
	}
	.slider-container .text-overlay .top .current-slide .page-max {
		font-size: 8px;
	}
	.slider-container .text-overlay .top .separator {
		width: 10vw;
		height: 1px;
		margin: 5px 0 0 0;
	}
	.slider-container .text-overlay .top .tag {
		width: 100%;
	}
	.slider-container .text-overlay .bottom {
		width: 50vw;
	}
	.slider-container .scroll .arrow {
		width: 40px;
		height: 40px;
		margin-bottom: 10vw;
	}
	.slider-container .scroll .arrow img {
		transform: rotateZ(90deg);
		width: 20px;
		height: 20px;
	}
	.slider-container .background-content .content .image {
		opacity: 0;
	}
	.slider-container .background-content .content .video {
		min-width: 100vw;
		min-height: 100%;
		max-width: 200vw;
	}
	.slider-container .slider-container .line-container .point .circle {
		width: 200px;
		height: 200px;
	}
	.slider-container .slider-container .scrollBottom .arrow {
		margin-bottom: 5vw;
	}
	.slider-container .circle {
		width: 60vw;
		height: 60vw;
		z-index: 1;
		background: #ffffff;
		opacity: 0.3;
		border-radius: 50%;
		transition: 0.5s;
		transform: scale(1);
		backdrop-filter: brightness(1);
	}
	.slider-container .text-overlay {
		justify-content: flex-start;
		margin-top: 30px;
		top: 25%;
		bottom: auto;
		padding: 0 20px;
	}
	.slider-container .text-overlay .top {
		width: 100%;
		margin: 0;
		height: auto;
		text-align: center;
		flex-direction: column;
	}
	.slider-container .text-overlay .bottom {
		width: 100%;
		margin: 10px 0 0 0 ;
		height: auto;
		text-align: center;
	}
	.slider-container .text-overlay .top .tag {
		width: 100%;
		transform: none;
		margin: 10px 0 0 0;
	}
	.slider-container .text-overlay .top .current-slide {
		width: 100%;
	}
	.slider-container .slider-container .scrollBottom {
		display: none;
	}

	/* Main Video Buttons
	* -------------------------- */
	.mainEventVideo .mutevideo,
	.mainEventVideo .playpause {
		bottom: 80px;
	}
    
	/* Video Full Width
	* -------------------------- */
	.videoFullWidth {
		height: 96vh;
	}
	.blackBG {
		height: 96vh;
	}

	/* Quote Home
	* -------------------------- */
	.quoteHome {
		margin-top: 45px;
		padding: 70px 40px;
	}
	.quoteHome ul li {
		margin: 0 5px;
	}
	.quoteHome blockquote {
		max-width: 70%;
		font-size: 18px;
		line-height: 24px;
	}
	.quoteHome blockquote span.mark {
		-webkit-text-stroke: 0.5px #ffffff;
		font-size: 110px;
		top: 2%;
		left: -2%;
	}
	.quoteHome blockquote span.markAfter {
		top: 100%;
		left: 92%;
	}

	.barbaWrapperPage .contentWrapper .widgetVideo.full {
		width: 100%;
		margin-left: 0;
	}

	/* Home 2023
	* -------------------------- */
	.valeoStories {
		padding: 40px 24px;
	}
	.valeoTechnologies {
		padding: 40px 0 0 0;
	}
	.valeoTechnologies .supertitle {
		padding: 0 24px;
	}
	.valeoTechnologies h2 {
		padding: 0 24px;
	}
	.valeoTechnologies .inner {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.valeoTechnologies .inner .item {
		width: 50%;
	}
	.valeoProducts {
		padding: 0 24px 40px;
	}
	.valoPublications {
		padding: 40px 24px;
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.valoPublications .column-1 {
		width: 100%;
		border-bottom: 0;
	}
	.valoPublications .column-2 {
		width: 100%;
	}
	.valeoStoriesCarrousel .arrow-left,
	.valeoStoriesCarrousel .arrow-right,
	.valeoProducts .arrow-left,
	.valeoProducts .arrow-right {
		display: none;
	}
}

/* MEDIA QUERIES - TABLET < 480px
================================================================================= */
@media only screen and (max-width : 480px) {
	.country-data .keyfigure {
		width: 50%;
	}
	
	/* Global settings
	* -------------------------- */
	#barba-wrapper {
		margin-top: 91px;
	}
	.btnNew {
		width: 94px;
		height: 94px;
	}
	.btnNew.btnNewTxt a {
		line-height: 92px;
	}

	/* Header
	* -------------------------- */
	header.mainHeader .mainNavWrapper {
		width: auto;
		margin-left: 16px;
	}
	.burger-menu {
		width: 30px;
		height: 26px;
	}
	.burger-menu .inner {
		left: 0;
	}
	.burger-menu span {
		display: none;
	}
	header.mainHeader .logo {
		width: calc( (100vw/12) * 5 );
	}
	header.mainHeader .headerWrapper {
		min-height: 54px;
	}
	header.mainHeader .top .left {
		padding: 5px 16px;
	}
	header.mainHeader .languages {
		margin-right: 8px;
	}
	header.mainHeader .languages li.active,
	header.mainHeader .ourWebsites {
		display: none;
	}
	header.mainHeader .wrapper {
		min-height: 54px;
	}
	header.mainHeader .top .left a {
		display: block;
		font-size: 10px;
		line-height: 14px;
	}
	header.mainHeader .top .right .joinUs {
		padding: 10px 8px;
	}

	/* Our websites Pop-in
	* -------------------------- */
	.ourWebsitesPopin {
		padding: 40px calc( (100vw/12) * 0.5 ) 0;
		top: 91px;
	}
	.ourWebsitesPopin .inner {
		width: 100%;
		height: 80vh;
		margin: 0;
		transform: none;
		position: initial;
		display: block;
		-webkit-overflow-scrolling: touch;
	}
	.ourWebsitesPopin .inner .column {
		width: 100%;
		padding: 0 0 40px 0;
	}
	.ourWebsitesPopin .inner .column h3 {
		padding-bottom: 0;
	}
	.ourWebsitesPopin .inner .column h3 {
		padding-bottom: 20px;
	}
	.ourWebsitesPopin .inner .close {
		width: 74px;
		height: 74px;
		position: fixed;
		left: initial;
		right: 24px;
		bottom: 5vh;
		top: initial;
		z-index: 5;
	}

	/* Home
	* -------------------------- */
	.valeoTechnologies .inner .item {
		width: 100%;
	}
	.valoPublications {
		padding-bottom: 0;
	}

	/* Home - Main carrousel
	* -------------------------- */
	.mainCarrouselHome,
	.mainCarrouselHomeImage .slick-item {
		height: auto;
	}
	.mainCarrouselHomeContent .slick-item .content div.h2 {
		padding: 20px 10px;
	}
	.newsHome .mainNews > a {
		padding: 30px 40px 200px;
	}
	.newsHome .latestNews ul li {
		min-height: none;
		padding: 20px 40px 40px 40px;
	}
	.slider-container .text-overlay .bottom .title-container .title {
		font-size: 30px;
		line-height: 30px;
	}

	/* Home - News
	* -------------------------- */
	.newsHome .mainNews > a {
		font-size: 22px;
		line-height: 27px;
	}

	/* Home - Social
	* -------------------------- */
	.socialHome .mainNews .content {
		padding: 30px 40px;
		height: auto;
	}
	.socialHome .mainNews .content p {
		font-size: 20px;
		line-height: 25px;
	}
	.twitterNews .content {
		padding: 30px 40px;
		font-size: 14px;
		line-height: 18px;
	}

	 /* Home
    * -------------------------- */
    .quoteHome {
        padding: 24px;
    }
    .quoteHome blockquote {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-bottom: 0;
    }
    .quoteHome blockquote .mark {
        position: static;
        width: 60px;
        display: block;
        margin-bottom: 40px;
    }
    .quoteHome blockquote .markAfter {
        margin-bottom: 0;
        margin-top: 40px;
        margin-left: auto;
    }
    .quoteHome a.twitterLink {
        display: block;
        margin-top: -50px;
    }
    .quoteHome a.twitterLink svg {
        width: 50px;
    }

	/* List News
	* -------------------------- */
	.barbaWrapperPage {
		padding: 0 calc( (100vw/12) * 0.5 ) 60px calc( (100vw/12) * 0.5 );
	}
	.breadcrumb {
		display: none;
	}
	.barbaWrapperPage h1 {
		padding: 50px 0 30px;
	}
	.barbaWrapperPage .filters {
		width: calc( (100vw/12) * 11 );
	}
	.newsGrid .item .content {
		min-height: 250px;
	}

	/* Article
	* -------------------------- */
	.barbaWrapperArticle {
		padding: 0 calc( (100vw/12) * 0.5 ) 60px calc( (100vw/12) * 0.5 );
	}
	.contentWrapper {
		background: none;
		padding: 50px 0 0;
	}
	.contentWrapper h1 {
		padding: 40px 0 20px;
	}
	.shareContentMobile {
		display: block;
	}
	.contentWrapper .widget {
		padding: 20px 0;
	}
	.contentWrapper .widget:last-of-type {
		padding-bottom: 0;
	}
	.barbaWrapperPage .contentWrapper .widgetWysiwyg.highlighted {
		padding: 40px 20px;
	}
	.widgetImage img {
		width: 100%;
		margin: 0;
	}
	.widgetWysiwyg img.alignright,
	.widgetWysiwyg img.alignleft,
	.widgetWysiwyg img.aligncenter {
		max-width: 100%;
		width: auto;
		float: none;
		margin: 0 auto 30px auto;
	}
	.contentWrapper .widgetHighlighted {
		width: 100%;
		margin: 0 auto;
	}
	.widgetHighlighted .inner .column-2 {
		padding: 40px 20px;
	}
	.widgetDownloadDocuments .item {
		border-bottom: 1px solid #ffffff;
	}
	.widgetDownloadDocuments .item .file p {
		display: none;
	}
	.contentWrapper .widgetQuote {
		width: 100%;
		margin: 20px 0 0 0;
		padding: 40px 20px;
	}
	.contentWrapper .widgetPushContent,
	.contentWrapper .widgetSlider,
	.contentWrapper .widgetPushProduct {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.contentWrapper .widgetSimilarNews {
		width: 100%;
		margin: 0;
	}
	.contentWrapper .widgetVideo {
		width: 100%;
		margin: 0;
		margin: 40px 0 0 0;
	}
	body.single-post .contentWrapper .widgetVideo h2,
	.contentWrapper .widgetVideo.full h2 {
		padding: 0;
	}
	.contentWrapper .widgetVideo .playVideo {
		width: 74px;
		height: 74px;
	}
	.contentWrapper .widgetVideo iframe {
		min-height: 195px;
	}
	.contentWrapper .widgetPushMembers {
		width: 100%;
		margin: 0;
	}
	.widgetPushMembers .inner ul {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.widgetPushMembers .inner .item {
		margin: 0 0 20px ;
		width: 100%;
	}
	.widgetPushMembers .inner .item:last-of-type {
		margin-bottom: 0;
	}
	.widget.widgetTable table tbody tr td {
		width: calc( (100vw/12) * 3 );
	}
	.widgetSimilarNews .SimilarNewsCarrousel .slick-list,
	.widgetSimilarNews .SimilarNewsCarrousel .slick-track,
	.widgetPushContent .SimilarNewsCarrousel .slick-list,
	.widgetPushContent .SimilarNewsCarrousel .slick-track {
		display: block;
	}
	.widgetSimilarNews .SimilarNewsCarrousel .slick-item {
		min-height: auto;
	}
	.widgetSimilarNews .SimilarNewsCarrousel .slick-item .content .footer {
		position: static;
	}
	.barbaWrapperArticle .slick-dotted.slick-slider {
		margin-bottom: 15px;
	}
	.widget.widgetSlider .sliderDirection {
		display: none;
	}
	.widget.widgetPushProduct .pushContent .pushItem {
		padding: 0;
	}
	.widget.widgetFinance .financeContent {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.widget.widgetFinance .financeContent .financeItem {
		width: 100%;
	}
	.widget.widgetFinance .financeContent .financeItem:nth-child(2) {
		margin: 20px 0;
	}
	.widget.widgetFinance .financeContent .financeItem .content {
		-ms-flex-direction: row;
		    flex-direction: row;
		-ms-flex-align: end;
		    align-items: flex-end;
	}
	.widget.widgetFinance .financeContent .financeItem .content .number p {
		margin: 20px 0 0 0;
	}
	.widget.widgetFinance .financeContent .financeItem h2,
	.widget.widgetFinance .financeContent .financeItem h3 {
		padding-left: 40px;
		padding-right: 40px;
	}
	.widget.widgetFinance .financeContent .financeItem .linkItem {
		padding-left: 40px;
	}
	.widget.widgetFinance .financeContent .financeItem a {
		font-size: 10px;
	}
	.widget.widgetKeyFigures .keyContent .keyItem {
		padding: 40px calc( (100vw/12) * 0.5 );
	}
	.widget.widgetKeyFigures .keyContent .keyItem .number {
		font-size: 50px;
		line-height: 60px;
	}
	.widget.widgetPushProduct .pushContent .pushItem h4 {
		background: #ffffff;
	}
	.widgetDownloadDocuments .item .content {
		max-width: calc( (100vw/12) * 10);
	}
	.widgetPushMembers .item .hoverItem blockquote {
		font-size: 17px;
		line-height: 27px;
	}
	.widgetIntro .headerContent,
	.widgetIntro.widgetIntroDocument {
		margin-bottom: 30px;
	}
	.widget.widgetVideosWall .newsGridSocial .item {
		width: 100%;
		min-height: auto;
	}
	.widgetPushContent .SimilarNewsCarrousel .slick-item p,
	.widgetSimilarNews.widgetMobility .SimilarNewsCarrousel .slick-item p {
	  padding: 30px;
	}
	.widgetPushContent .SimilarNewsCarrousel .slick-item p.learnMore {
	  position: relative;
	  padding: 30px;
	  bottom: initial;
	}

	/* Glossary
	* -------------------------- */
	.widget.widgetGlossary .tabs {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
		display: block;
	}
	.widget.widgetGlossary .tabs .tabTitle {
		display: inline-block;
		margin-right: 12px;
	}

	/* Map
	* -------------------------- */
	.widget.widgetMap .accordion .accordionItem {
		width: 100%;
		margin: 20px 0 0 0;
	}
	.widget.widgetMap .accordion .accordionItem .accordionTitle {
		display: block;
	}
	/* .widgetGoogleMap {
		margin: 0;
	} */

	/* Page
	* -------------------------- */
	.barbaWrapperPage .contentWrapper {
		padding: 0;
	}
	.barbaWrapperPage .contentWrapper .widget {
		margin-top: 30px;
	}
	.buttonCta {
		margin-top: 60px;
	}
	.barbaWrapperPage .contentWrapper .widgetQuote {
		padding: 20px;
	}

	/* Valeo AI
	* -------------------------- */
	.barbaWrapperPageValeoAI .widgetPushMembers .inner .item {
		width: 100%;
		max-height: initial;
	}
	.blockPresentation .itemPresentation {
		width: 100%;
		-ms-flex-pack: center;
		    justify-content: center;
		-ms-flex-direction: column;
		    flex-direction: column;
		position: relative;
	}
	.blockPresentation.show .itemPresentation {
		position: relative;
		width: 100%;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.blockPresentation .itemPresentation .contentPresentation {
		width: 100%;
		padding: 0;
		position: relative;
	}
	.blockPresentation .itemPresentation .contentPresentation h2 {
		padding: 20px 0;
	}
	.blockPresentation.show {
		height: auto;
	}
	.widgetMeetPeople .inner .item:nth-child(4n+2) .blockPresentation.show .itemPresentation {
		  margin-left: 0;
	}
	.widgetMeetPeople .inner .item:nth-child(4n+3) .blockPresentation.show .itemPresentation {
		margin-left: 0;
	}
	.widgetMeetPeople .inner .item:nth-child(4n+4) .blockPresentation.show .itemPresentation {
		margin-left: 0;
	}

	/* Contact
	* -------------------------- */
	.contactPush,
	.widgetPushContentContact {
		-ms-flex-direction: column;
		    flex-direction: column;
	}
	.contactPush .item,
	.widgetPushContentContact .item {
		width: 100%;
	}

	/* Contact form
	* -------------------------- */
	.formMandatory {
		transform: translateY(-52px);
	}
	.contentWrapper .articleHeader {
		display: block;
	}
	.contentWrapper .articleHeader .column-2 {
		display: none;
	}
	.contentWrapper .articleHeader .column-1 ul li span {
		background-color: #ffffff;
	}

	/* Press releases
	* -------------------------- */
	.barbaWrapperPage .filters.filtersFinancial {
		width: calc( (100vw/12) * 11 );
	}
	.newsGrid.newsGridFinancial .item .file p {
		display: none;
	}

	/* 5 Axes
	* -------------------------- */
	.widget.widgetAxes .five.five2,
	.widget.widgetAxes .five.five3 {
	  right: 0;
	}

	.widget.widgetAxes .five.five4,
	.widget.widgetAxes .five.five5 {
	  left: 0;
	}
	.widget.widgetAxes .five.five3,
	.widget.widgetAxes .five.five4 {
		bottom: 120px;
	}
	.widget.widgetAxes .five.five3 .arrow,
	.widget.widgetAxes .five.five4 .arrow {
		bottom: 80px;
	}
	.widget.widgetAxes .five .fiveItem {
		height: 80px;
		width: 80px;
	}
	.widget.widgetAxes .five .fiveItem p {
		display: none
	}
	.widget.widgetAxes .five .fiveItem img {
		position: absolute;
		left: 50%;
		top: 50%;
		margin: 0;
		transform: translate(-50%,-50%);
	}

	/* Footer
	* -------------------------- */
	footer.mainFooter .inner .logo {
		padding: 40px 0;
	}
	footer.mainFooter .inner .content {
		padding: 25px 0;
	}
	footer.mainFooter .footerMenu .cta {
		width: 64px;
		height: 64px;
	}

	/* Country page
	* -------------------------- */
	.headerCountryPage {
		padding-bottom: 5vh;
		max-height: none;
	}
	.headerCountryPage .content p {
		font-size: 18px;
		line-height: 25px;
	}
	.barbaWrapperCountry .widgetWysiwyg h2,
	.barbaWrapperCountry .contentWrapper .widget.jobOffers h2,
	.barbaWrapperCountry .contentWrapper .widget.widgetKeyFigures h2,
	.barbaWrapperCountry .contentWrapper .widget.widgetPushContent h2,
	.barbaWrapperCountry .contentWrapper .widget.locationsContact h2,
	.barbaWrapperCountry .contentWrapper .widget.otherDocuments h2,
	.barbaWrapperCountry .contentWrapper .widget.widgetTableNew table caption {
		font-size: 28px;
		line-height: 36px;
	}
	.barbaWrapperCountry .contentWrapper .widgetPushMembers .inner .item .content h2 {
		width: 80%;
	}
	.barbaWrapperCountry .contentWrapper .widget.widgetSlider .slick-dots {
		display: none !important;
	}
	.barbaWrapperCountry .contentWrapper .widget.widgetSlider .sliderDirection {
		display: block;
		right: 0px;
	}

	.anchorsCountry {
		margin: 0;
	}
	.anchorsCountryDesktop {
		top: 71px;
	}
	.anchorsCountry ul li a {
		font-size: 12px;
		line-height: 18px;
	}
	.barbaWrapperCountry .newsHome .mainNews.full iframe {
		min-height: 190px;
	}

	/* Widget - Calendar
	* -------------------------- */
	.contentWrapper .widget.widgetCalendar .inner .block {
		width: 100%;
	}
	.contentWrapper .widget.widgetCalendarFull .inner .block .top {
		padding: 20px;
	}
	.contentWrapper .widget.widgetCalendar .inner .block .content {
		padding: 0 0 50px 0;
	}
	.contentWrapper .widget.widgetCalendar .inner .block .shareON span {
		display: none;
	}
	.contentWrapper .widget.widgetCalendar .inner .block .content img {
		margin-top: 0;
	}

	/* Main Event Video
	* -------------------------- */
	.mainEventVideo .playpause {
		right: 70px;
	}
	.mainEventVideo .mutevideo {
		right: 20px;
	}
	.mainEventVideo p.h1 {
		font-size: 35px;
		line-height: 35px;
	}
	.mainEventVideo a.link {
		font-size: 12px;
		line-height: 18px;
	}

	/* Breadcrumb
	* -------------------------- */
	body.techno .breadcrumb {
		display: block;
	}
	body.techno .breadcrumb ul li {
		font-size: 8px;
	}

	/* Event Block
	* -------------------------- */
	.eventBlock .eventBlockInner {
		justify-content: flex-end;
	}
	.eventBlock .countdown {
		margin: 30vh 0 10vh 0;
	}
	.eventBlock .eventBlockInner .mainCarrouselHomeContent {
		width: 100%;
	}
	.eventBlockInner .mainCarrouselHomeContent .slick-item .content {
		min-height: 40vh;
	}
	.eventBlock.title .eventBlockInner .mainCarrouselHomeContent .slick-item .content {
		min-height: 45vh;
	}
	.eventBlock.title .eventBlockInner {
		justify-content: flex-start;
	}
	.eventBlock.title .countdown {
		margin: 0 auto;
		width: 90%;
		justify-content: center;
	}
	.eventBlock.title .eventBlockInner h1 {
		margin-top: 60px;
		margin-bottom: 20px;
		padding: 0;
	}
	.eventBlockInner.eventBlockInnerHome .h2,
	.eventBlockInner .h2.h2Page {
		width: 90%;
		font-size: 18px;
		line-height: 26px;
	}
	.eventBlockInner .btnNewOnly {
		bottom: 110px;
	}
	.eventBlock .overlay {
		display: none;
	}
	.eventBlockInner.eventBlockInnerHome .category {
		margin-top: 20px;
	}
	#barba-wrapper.barbaWrapperPageMobility .eventBlock {
		height: auto;
	}
	.barbaWrapperPageEbike .eventBlockInner .mainCarrouselHomeContent .slick-item .content .cta:nth-of-type(3) {
		left: 20%;
	}
	.barbaWrapperPageEbike .eventBlockInner .mainCarrouselHomeContent .slick-item .content .cta:nth-of-type(4) {
		right: 20%;
	}

	.mainCarrouselHomeContent {
		width: calc((100vw/12) * 8);
		top: 55%;
	}
	.mainCarrouselHomeContent .slick-item .content div.h2 + .btnNew {
		display: none;
	}
	.mainCarrouselHomeContent .slick-item .content .category {
		display: none;
	}

	/* Main Slider
	* -------------------------- */
	.mainEventVideo .playpause {
		right: 70px;
	}
	.mainEventVideo .mutevideo {
		right: 20px;
	}
	.mainEventVideo p.h1 {
		font-size: 35px;
		line-height: 35px;
	}
	.mainEventVideo a.link {
		font-size: 12px;
		line-height: 18px;
	}

	/* Push content - Techno
	* -------------------------- */
	body.techno .widgetPushContent {
		width: calc(100% + 40px);
		margin-left: -20px;
	}
	body.techno .widgetPushContent .SimilarNewsCarrousel .slick-item h3 {
		padding: 20px;
	}

	/* Cover unique
	* -------------------------- */
	.coverUnique .content {
		width: 90%;
	}
	.coverUnique .content .titleH2 {
		font-size: 30px;
		line-height: 38px;
	}
	.coverUnique .arrow {
		display: none;
	}

	/* Techno
	* -------------------------- */
	.headerShare {
		padding-bottom: 0;
	}
	body.techno h1 {
		font-size: 30px;
		line-height: 34px;
	}
	body.techno .widgetsTechno h2 {
		font-size: 22px;
		line-height: 26px;
	}
}

/* MEDIA QUERIES - TABLET < 360px
================================================================================= */
@media only screen and (max-width : 360px) {
	.mainCarrouselHomeContent .slick-item .content h2 {
		font-size: 16px;
		line-height: 20px;
	}
}