.service-and-works .basic {
	visibility: visible;
}

.service-and-works .wysiwyg-format img {
	opacity: 1;
}

.service-and-works .description a {
	text-transform: none;
}

.encadreWrapper {
	width: 280px;
	height: 280px;
	display: inline-block;
	margin: 0 10px;
	opacity: 1 !important;
}

@media (max-width: 1280px) {
	.encadreWrapper {
		width: 280px !important;
		margin-bottom: 30px;
	}
}

/*.animate-services {*/
/*animation: crescendo 0.5s ease-out;*/
/*}*/

/*@keyframes crescendo {
    0%   {transform: scale(1);}
    25%   {transform: scale(.8);}
    50%   {transform: scale(1.1);}
    100% {transform: scale(1);}

}*/

.jsHours--paris {
	margin: 0;
}

.jsHours--shanghai {
	margin: 0;
}

@media all and (max-width: 360px) {
	.encadre {
		/* width: 237px !important;
        height: 237px !important; */
		font-size: 20px !important;
	}
}

.service-and-works .intro {
	position: relative;
	box-sizing: border-box;
	padding-top: 270px;
	padding-bottom: 50px;
	text-align: center;
	background-size: cover;
	font-family: BrownStd-Bold, sans-serif;
	letter-spacing: 1px;
	min-height: 100vh;
	display: none;
}

@media all and (max-width: 600px) {
	.service-and-works .intro {
		min-height: auto;
		height: 680px;
		padding-top: 10rem;
	}

	.service-and-works .intro h1.h2 {
		padding-bottom: 0;
	}

	.service-and-works .intro .slider {
		margin: 0;
	}
}

.service-and-works .intro h1.h2 {
	margin: 0 2em;
	padding-bottom: 25px;
	font-size: 65px;
	text-transform: uppercase;
	line-height: normal;
	letter-spacing: 4px;
	opacity: 1;
}

.slider {
	max-width: 1220px;
	width: 100% !important;
	display: block;
	margin: auto;
	position: relative;
}

.slick-prev {
	position: absolute;
	left: -30px;
	top: calc(50% - 20px);
	z-index: 1;
	width: 55px;
	height: 55px;
	background: none;
	outline: none;
	border: none;
	background: url('../img/arrowL.png') center no-repeat;
	background-size: contain;
	font-size: 0;
}

.slick-next {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	right: -30px;
	top: calc(50% - 20px);
	z-index: 1;
	width: 55px;
	height: 55px;
	background: none;
	outline: none;
	border: none;
	background: url('../img/arrowR.png') center no-repeat;
	background-size: contain;
	font-size: 0;
}

@media (max-width: 1320px) {
	.slick-next {
		opacity: 1;
		visibility: visible;
	}
}

.service-and-works .inner {
	display: block;
	padding: 0 40px;
}

@media (max-width: 600px) {
	.service-and-works .inner {
		display: block;
		padding: 0 20px;
	}

	.claims .slick-prev,
	.claims .slick-next {
		display: none !important;
	}
}

.service-and-works .intro p.encadre {
	display: inline-flex;
	box-sizing: border-box;
	margin: 10px;
	padding: 20px;
	width: 280px;
	height: 280px;
	background: url('../svg/carresscoins.svg') center no-repeat;
	background-size: contain;
	font-size: 25px;
	text-align: center;
	vertical-align: middle;
}

@media (max-width: 600px) {
	.service-and-works .intro p.encadre {
		width: 100%;
		max-width: 280px;
	}
}

.service-and-works .intro p.encadre span {
	margin: auto;
}

.service-and-works .services .wrapper {
	position: relative;
	min-height: 75vh;
	margin-left: 0;
	margin-right: 0;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 13rem;
	background: #000;
	max-width: 100%;
	width: 80%;
}

@media only screen and (max-width: 767px) {
	.service-and-works .services .wrapper {
		min-height: 80vh;
	}
}

@media (max-width: 882px) {
	.service-and-works .services .wrapper {
		box-sizing: border-box;
		width: 100%;
		padding-left: 30px;
		padding-top: 8.5rem;
	}
}

.service-and-works h3.services-brand {
	opacity: 1;
	padding: 11px 0 55px 0;
	font-family: BrownStd-Bold, sans-serif;
	font-size: 65px;
	text-transform: uppercase;
	line-height: normal;
	letter-spacing: 4px;
	text-align: center;
	padding-bottom: 0;
	margin-bottom: 10px;
}

.service-and-works .services-more {
	border-top: none;
	padding: 72px 0 0px;
}

.animate-services-more {
	animation: crescendo 0.5s ease-out;
}

@keyframes crescendo {
	/*0%   {transform: scale(1);}*/
	/*25%   {transform: scale(.8);}*/
	/*50%   {transform: scale(1.1);}*/
	/*100% {transform: scale(1);}*/

	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.service-and-works .services-more .cell {
	width: 19%;
}

.service-and-works .services-more .cell .description ul {
	margin: 0;
	padding: 0;
}

.service-and-works .services-more .cell .description h4 {
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
}

@media (max-width: 1640px) and (min-width: 883px) {
	.service-and-works .services-more .cell .description h4 {
		height: 52px;
	}
}

.service-and-works .worksandservices .description h2 {
	color: #fff;
}

.service-and-works .description ul li,
.service-and-works .ul-wrap ul li {
	display: inline;
	font-family: BrownStd-Bold, sans-serif;
}

.service-and-works .services-more .cell-wrap,
.service-and-works .services-more .ul-wrap {
	display: flex;
	justify-content: center;
	width: 100%;
}

.service-and-works .services-more .cell-wrap .cell,
.service-and-works .services-more .ul-wrap ul {
	width: 25%;
	margin: 0;
	padding: 0 30px;
}

.service-and-works .services-more .ul-wrap ul li {
	list-style: none;
	font-size: 18px;
	font-family: BrownStd-Bold, sans-serif;
	color: #fff;
}

/* @media only screen and (max-width: 767px), only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width: 1280px) and (min-device-width: 800px) and (orientation: portrait), only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait)
{
    .service-and-works .services-more .cell-wrap, .service-and-works .services-more .ul-wrap
    {
        display: block;
    }
    .service-and-works .services-more .cell-wrap .cell, .service-and-works .services-more .ul-wrap ul
    {
        width: 100%;
    }
} */

@media (max-width: 600px) {
	.service-and-works .description ul li {
		/* display: inline-block;
        margin-right: 20px; */
	}

	.service-and-works .worksandservices .client ul li {
		display: inline-block;
		vertical-align: top;
		width: 275px;
	}
}

.service-and-works .services .description ul li::after,
.service-and-works .ul-wrap ul li:after {
	content: '\0000A0/';
}

.service-and-works .services .description ul li:last-child::after,
.service-and-works .ul-wrap ul li:last-child::after {
	content: '';
}

.service-and-works .format--services ul li {
	border-bottom: none;
}

.service-and-works .worksandservices {
	background-color: #fff;
	color: #000;
}

.service-and-works .worksandservices .client-list {
	padding: 0;
}

.service-and-works .worksandservices .description .client-list a:hover {
	text-decoration: none;
}

.service-and-works
	.worksandservices
	.description
	.client-list
	li:first-child
	a:hover::after {
	left: -7px;
}

.service-and-works .worksandservices .description .client-list a:hover::after {
	background-color: #fff;
	height: 1px;
	width: 90%;
	right: 0;
	margin: auto;
	animation: none;
	bottom: 0;
}

.service-and-works .worksandservices .wrapper {
	position: relative;
	margin: 0 auto;
	max-width: 1400px;
	width: 83%;
	text-align: center;
}

.service-and-works .worksandservices h2 {
	padding: 100px 0 2em 0;
	font-family: BrownStd-Regular, sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
	line-height: normal;
}

.service-and-works .worksandservices .description a {
	font-size: inherit;
	color: inherit;
}

.service-and-works .worksandservices .description a:after {
	display: none;
}

.service-and-works .worksandservices .description a:hover::after {
	display: block;
}

.service-and-works .worksandservices .description ul.client-list li::before {
	content: '\0000A0-\0000A0\0000A0';
}

.service-and-works
	.worksandservices
	.description
	ul.client-list
	li:first-child::before {
	content: '';
}

.service-and-works .worksandservices .description ul.client-list li::after {
	content: '\0000A0';
}

.result {
	margin-left: 25px;
}

.result li {
	width: 250px;
}

.result li a {
	pointer-events: none;
}

.service-and-works .worksandservices .client {
	position: relative;
	overflow-x: hidden /*auto*/;
	overflow-y: hidden;
	padding-bottom: 20px;
	width: 100%;
	min-height: 500px;
	text-align: left;
}

.my {
	max-width: 56%;
	width: 100%;
}

.slider {
	width: 50%;
	margin: 100px auto;
}

.slick-slide {
	margin: 0px 20px;
	display: inline-block;
}

.slick-slide img {
	width: 100%;
}

.slick-prev:before,
.slick-next:before {
	color: black;
}

.slick-slide {
	transition: all ease-in-out 0.3s;
	opacity: 0.2;
}

.slick-active {
	opacity: 0.5;
}

.slick-current {
	opacity: 1;
}

.myslick {
	opacity: 1 !important;
}

.slickSlider .slick-arrow {
	position: absolute !important;
	font-size: 0 !important;
	top: 0;
	bottom: 0;
	margin: auto;
}

.slick-arrow::after {
	content: none !important;
}

.slickSlider .slick-prev {
	left: 20px;
}

.slickSlider .slick-next {
	right: 20px;
}

.slickSlider {
	display: block;
}

.service-and-works .worksandservices .client .ligne {
	white-space: nowrap;
	left: 0;
	right: 0;
	/* display: inline-block; */
	display: flex;
	height: 100%;
	/* justify-content: space-evenly; */
}

@media (min-width: 1321px) {
	.service-and-works .worksandservices .client .ligne {
		height: 450px;
		position: absolute;
	}
}

.service-and-works .worksandservices .client h3 {
	font-size: 5.25rem;
	padding-top: 90px;
}

@media (max-width: 1320px) {
	.service-and-works .worksandservices .client h3 {
		padding-top: 2rem;
	}
}

.service-and-works .worksandservices .client .detail {
	display: inline-block;
	/* width:500px; */
	width: 35%;
	padding-left: 2em;
	vertical-align: middle;
	white-space: normal;
	transition: opacity 0.3s linear;
	/* overflow: hidden; */
	position: relative;
	opacity: 1;
	/* position: absolute; */
	left: 0;
	box-sizing: border-box;
}

.service-and-works .worksandservices .client .detail .detail-inner-wrap {
	position: absolute;
}

.service-and-works .worksandservices .client .ligne.active_slide {
	display: block;
}

.service-and-works
	.worksandservices
	.client
	.ligne.active_slide
	ul
	.slick-prev {
	left: 20px;
}

.service-and-works
	.worksandservices
	.client
	.ligne.active_slide
	ul
	.slick-next {
	right: 2%;
	opacity: 1;
	visibility: visible;
}

.service-and-works .worksandservices .client .ligne .fake_button_next {
	position: absolute;
	right: 2%;
	top: calc(50% - 20px);
	z-index: 1;
	width: 55px;
	height: 55px;
	background: none;
	outline: none;
	border: none;
	background: url('../img/arrowR.png') center no-repeat;
	background-size: contain;
	font-size: 0;
	opacity: 1;
	content: none;
}

.service-and-works .worksandservices .client .ligne .fake_button_next {
	position: absolute;
	right: 2%;
	top: calc(50% - 20px);
	z-index: 1;
	width: 55px;
	height: 55px;
	background: none;
	outline: none;
	border: none;
	background: url('../img/arrowR.png') center no-repeat;
	background-size: contain;
	font-size: 0;
	opacity: 1;
	content: none;
}

.service-and-works .worksandservices .client .ligne .fake_button_prev {
	position: absolute;
	left: 2%;
	top: calc(50% - 20px);
	z-index: 1;
	width: 55px;
	height: 55px;
	background: none;
	outline: none;
	border: none;
	background: url('../img/arrowL.png') center no-repeat;
	background-size: contain;
	font-size: 0;
	opacity: 1;
	content: none;
}

@media (max-width: 1320px) {
	.service-and-works .worksandservices .client .ligne .fake_button_next {
		display: none !important;
	}

	.service-and-works .worksandservices .client .ligne .fake_button_prev {
		display: none !important;
	}
}

@media (max-width: 600px) {
	.service-and-works .worksandservices .client .ligne .fake_button_next {
		top: 0;
		bottom: 0;
		margin: auto;
		right: 10px !important;
	}

	.service-and-works .worksandservices .client .ligne .fake_button_prev {
		top: 0;
		bottom: 0;
		margin: auto;
		left: 10px !important;
	}
}

.service-and-works .worksandservices .client .ligne .fake_button_next:after {
	content: none;
}

.service-and-works .worksandservices .client .ligne .fake_button_prev:after {
	content: none;
}

.btn-disabled {
	opacity: 0.5 !important;
	pointer-events: none !important;
}

@media all and (min-width: 1400px) {
	.service-and-works .worksandservices .client .detail {
		/* width:500px; */
		/* width: 45%; */
	}
}

.service-and-works .worksandservices .client .detail h4 {
	font-size: 20px;
	text-transform: uppercase;
	margin: 0;
	color: white;
}

.service-and-works .worksandservices .client .detail h5 {
	margin-bottom: 0.7rem;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.3);
	letter-spacing: 0.1rem;
	margin-top: 1rem;
	font-family: BrownStd-Regular, sans-serif;
	font-weight: 600;
}

.service-and-works .worksandservices .client .detail h6 {
	margin: 0;
	color: white;
	letter-spacing: normal;
	line-height: 1.4rem;
	font-family: BrownStd-Regular, sans-serif;
}

.service-and-works .worksandservices .client .slider_container {
	display: inline-block;
	vertical-align: middle;
	/* max-width: 1020px; */
	overflow: hidden;
	width: 100%;
	/* width: 65%; */
	position: relative;

	/* right:0; */
	transition: all 0.5s linear;
	background-color: #000;
}

@media (min-width: 1321px) {
	.service-and-works .worksandservices .client .slider_container {
		position: absolute;
		left: 35%;
		height: 450px;
	}
}

@media (max-width: 1320px) {
	.service-and-works .worksandservices .client .slider_container {
		left: 0 !important;
	}
}

.service-and-works .worksandservices .client ul li {
	vertical-align: top;
}

.service-and-works .worksandservices .client ul li a:hover {
	text-decoration: none;
}

.service-and-works .worksandservices .client ul li a:hover .description span {
	text-decoration: underline;
}

.service-and-works .worksandservices .worksandservices__items {
	display: grid;
	grid-template-columns: repeat(3, 305px);
	justify-content: space-between;
	margin-bottom: 80px;
	row-gap: 80px;
}
.service-and-works .worksandservices .works__item {
	margin-bottom: 0;
	opacity: 1;
	transform: translateY(0);
	text-align: left;
}

.service-and-works .worksandservices .works__item .inner {
	padding: 0;
}

@media (max-width: 600px) {
	.service-and-works .worksandservices .client .slider_container {
		height: auto;
	}
}

@media (max-width: 768px) {
	.service-and-works .worksandservices .worksandservices__items {
		grid-template-columns: repeat(2, 250px);
	}
}

@media (max-width: 1125px) {
	.service-and-works .worksandservices .worksandservices__items {
		grid-template-columns: repeat(3, 250px);
	}
}

.service-and-works .worksandservices .client ul li .description {
	font-size: 14px;
	margin-top: 0.5em;
	padding: 0;
	font-family: BrownStd-Bold, sans-serif;
}

.service-and-works .worksandservices .client ul li .description em {
	color: rgba(255, 255, 255, 0.3);
	font-family: BrownStd-Bold, sans-serif;
}

/* la classe suivante est dupliquée de la rubrique .services */

.service-and-works .line-scroll {
	content: ' ';
	left: 50%;
	position: absolute;
	top: auto;
	-webkit-animation: lineScroll 2s 0s infinite
		cubic-bezier(0.645, 0.045, 0.355, 1) both;
	animation: lineScroll 2s 0s infinite cubic-bezier(0.645, 0.045, 0.355, 1) both;
	background: #fff;
	bottom: -152px;
	height: 120px;
	margin: 0 0 0 -0.5px;
	width: 2px; /* <= seule différence avec la version .services */
}
@media (min-width: 768px) {
	.service-and-works .line-scroll {
		bottom: -60px;
	}
}

@media only screen and (max-width: 767px),
	only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width: 1280px) and (min-device-width: 800px) and (orientation: portrait),
	only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) {
	.service-and-works .intro h1.h2 {
		margin: 0 10%;
		padding-bottom: 80px;
		font-size: 45px;
	}

	.service-and-works h3.services-brand {
		font-size: 20px;
	}

	.service-and-works .services-more .cell {
		width: 100%;
		margin: 0 0 100px;
	}

	.service-and-works .worksandservices .wrapper {
		margin: 0 30px;
		width: auto;
	}

	.service-and-works .worksandservices .client {
		overflow: visible;
		overflow-y: visible;
		height: auto;
	}

	.service-and-works .worksandservices .client .ligne {
		position: static;
		white-space: normal;
	}

	.service-and-works .worksandservices .client .detail {
		width: 80%;
		padding-top: 2em;
		padding-right: auto;
	}

	.service-and-works .worksandservices .client ul {
		padding: 0 1em 0 2em;
		text-align: center;
	}

	.service-and-works .worksandservices .works__item {
		/* margin-bottom:20px */
	}

	.service-and-works .wrapper {
		opacity: 1;
	}

	.service-and-works .services-more .cell .description p {
		font-size: 20px;
	}

	.service-and-works .services-more .cell .description ul li {
		font-size: 18px;
	}

	.service-and-works .worksandservices .description ul.client-list li::before {
		display: none;
	}

	.service-and-works .worksandservices .client ul li .description {
		text-align: left;
	}
}

@media all and (max-width: 1320px) {
	.service-and-works .worksandservices .client .ligne {
		display: block;
	}

	.service-and-works .worksandservices .client .detail {
		display: block;
		margin: 0px auto;
		opacity: 1 !important;
		width: 100% !important;
		padding: 0 30px;
		box-sizing: border-box;
	}

	.service-and-works .worksandservices .client {
		min-height: unset;
		height: auto !important;
	}

	.service-and-works .worksandservices .client ul {
		/* display: block; */
		margin: auto;
	}

	.slickSlider {
		display: block !important;
	}

	.service-and-works .worksandservices .client ul li .description {
		/* height: 48px; */
		height: auto;
	}
}

@media all and (max-width: 1000px) {
	.service-and-works .worksandservices .works__item {
		/* width: 275px; */
	}
}

@media all and (max-width: 830px) {
	.service-and-works .worksandservices .works__item {
		/* width: 245px; */
	}
}

@media all and (max-width: 900px) {
	.slickSlider {
		/* max-width: 289px !important; */
	}

	.slickSlider .slick-next {
		right: 10px;
	}
}

@media (max-width: 600px) {
	.service-and-works .worksandservices .client ul li .description {
		height: 60px;
	}

	.service-and-works .intro h1.h2 {
		margin: 0;
		padding-bottom: 50px;
	}

	.service-and-works .worksandservices .client h3 {
		font-size: 50px;
	}

	.service-and-works .worksandservices .client .detail {
		/* padding-left: 0; */
	}

	.service-and-works .worksandservices .client .detail {
		width: 90%;
	}

	.service-and-works .worksandservices .client ul {
		padding: 0 20px;
		max-width: 100% !important;
	}

	.service-and-works .worksandservices .client {
		height: auto !important;
	}
}

@media all and (max-width: 320px) {
	.service-and-works .worksandservices .client ul {
		/* padding-left: 2px !important; */
	}

	.service-and-works .intro p.encadre {
		margin: 10px 10px 10px -19px;
	}

	.slickSlider .slick-prev {
		left: 5px;
	}
}

.hiddenSliderButton {
	display: none;
}

/*.allCategories {
  display: none;
}*/

.popup-container {
	display: none;
	justify-items: center;
	align-content: center;
	position: fixed;
	width: 100%;
	/* background-color: lightgray; */
	height: 100vh;
	z-index: 64;
	box-sizing: border-box;
	border: solid 2.5em lightgray;
	border-bottom: none;
	/* padding: 20px; */
}

@media (max-width: 1024px) {
	.popup-container {
		border: solid 2em lightgray;
	}
}

@media (max-width: 600px) {
	.popup-container {
		border: solid 1.7em lightgray;
	}
}

.popup-container .popup {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: relative;
}

.popup-container iframe .main-footer {
	display: none !important;
}

.popup-container .close-btn {
	position: absolute;
	right: 45px;
	top: 25px;
	width: 64px;
	height: 64px;
	background: url('../svg/close-mobile.svg') center no-repeat;
	background-size: contain;
	font-size: 0;
}

@media only screen and (max-width: 767px) {
	.popup-container .close-btn {
		width: 32px;
		height: 32px;
	}
}

.service-and-works .wrapper {
	opacity: 1 !important;
}

/*.service-and-works .opacityOff {*/

/*}*/
.service-and-works .serviceOn {
	transition: ease-in 1s;
	opacity: 1;
}

.service-and-works .serviceOff {
	transition: ease-in 1s;
	padding-top: 120px;
	opacity: 0;
}

.service-and-works .serviceOn .description {
	/*-webkit-transition: ease 0.5s;*/
	/*-moz-transition: ease 0.5s;*/
	/*-ms-transition: ease 0.5s;*/
	/*-o-transition: ease 0.5s;*/
	transition: ease-out 1s;
	padding-top: 50px;
}

/*font family*/
.currentView--services .locations li p,
.single--whiteUI .locations li p {
	font-family: 'BrownStd-Regular';
}

/*Legal Mentions / Privacy Notice alignment issue*/
ul.footer__menu {
	padding-left: 0;
}

/*Legal Mentions / Privacy Notice alignment issue*/
/*single--whiteUI*/
.brandname {
	/*color: #ffffff;*/
	color: #111;
	font-size: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.single--whiteUI .covertop .inner .brandname {
	color: #fff;
}
/* Modif font-family noms des villes */
.main-footer .wrapper .address h4 {
	font-family: BrownStd-Regular, sans-serif;
	color: #a6a6a6;
}
@media only screen and (max-width: 1040px) {
	.service-and-works {
		background-color: #000;
	}
}
.services-brand .content .cell:first-child h4 {
	color: #a6a6a6;
}
.contact .social-links {
	padding-left: 0;
}
.footer__mainmenu {
	padding-left: 0;
}
.hide_cookie #onetrust-consent-sdk {
	display: none;
}

/*** PAGE SERVICES & WORKS 
****************************/
.works-services__header .h1 {
	font-size: 65px;
	line-height: 1.2;
	text-transform: uppercase;
}

.works-services__header .description {
	font-family: BrownStd-Bold, sans-serif;
	font-size: 20px;
	margin: 0 0 30px !important;
	text-transform: uppercase;
}

.works-services__header .brandname .client-list {
	align-items: flex-start;
	column-gap: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	padding: 0;
	row-gap: 30px;
}

.works-services__header .brandname .client-list a {
	color: #fff;
	font-family: BrownStd-Light, sans-serif;
	font-size: 20px;
}

.works-services__header .brandname .client-list a:hover {
	color: currentColor;
}

.ourWork {
	display: grid;
	grid-template-columns: repeat(3, 280px);
	justify-content: space-between;
	margin-bottom: 80px;
	row-gap: 50px;
}

.ourWork_items {
	cursor: pointer;
	color: #000;
	font-family: BrownStd-Light, sans-serif;
	font-size: 20px;
	line-height: 1.2;
	display: flex;
	flex-direction: column;
}

.ourWork_items:hover a {
	/*text-decoration: underline;*/
}

.ourWork_items a {
	color: currentColor;
	font-family: BrownStd-Regular, sans-serif;
}

.ourWork_items a:hover {
	color: currentColor;
	text-decoration: none;
}

@media screen and (max-width: 989px) {
	.works-services__header {
		height: auto;
		min-height: 50vh;
		padding-top: 130px;
	}

	.works-services__header .context {
		margin: 0 15px;
	}

	.works-services__header .brandname .client-list {
		column-gap: 10px;
	}

	.works-services__header .brandname .client-list li {
		#flex: 1 1 auto;
	}

	

	.works-services__header .brandname .client-list a {
		font-size: 16px;
	}

	.ourWork {
		grid-template-columns: repeat(1, 100%);
	}

	.ourWork_items {
		padding-bottom: 0 !important;
	}
}

/*** PAGE BRANDS 
****************************/

.our_work_header {
	background-image: url('../img/background.png');
	max-height: none;
	background-size: cover;
	background-attachment: fixed;
	text-align: center;
	padding-top: 230px;
	padding-bottom: 60px;
}

.our_work_header h3 {
	font-family: BrownStd-Bold, sans-serif;
	font-size: 60px;
	text-transform: uppercase;
	line-height: normal;
	letter-spacing: 4px;
	color: #fff;
	text-align: center;
	padding-bottom: 0;
	margin-bottom: 10px;
}

.our_work_header h2 {
	color: #fff;
	font-family: BrownStd-Light, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	line-height: normal;
	margin-bottom: 30px;
	margin-top: 30px;
}

.our_work_header ul {
	display: block;
	max-width: 1200px;
	margin: 0 auto;
}

.our_work_header ul li {
	display: inline-block;
	color: #fff;
	padding: 10px 15px;
}

.our_work_header ul li a {
	font-family: BrownStd-Light, sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	color: inherit;
	line-height: normal;
	font-style: normal;
	font-weight: 400;
	outline: none;
	letter-spacing: 1.1px;
	color: #fff;
}

@media only screen and (max-width: 600px) {
	.service-and-works .worksandservices .worksandservices__items {
		grid-template-columns: repeat(1, 100%);
	}

	.service-and-works .worksandservices .works__item {
		width: 100% !important;
	}
}

.service-and-works .worksandservices .filtre .allCategories {
	flex-wrap: wrap;
	flex-direction: row;
	gap: 10px 10px;
}

.brands_work {
	gap: 30px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.brands_work .work__item {
	flex-basis: 30%;
	padding-bottom: 60px;
}

.brands_work .work__item span {
	text-decoration: none;
	display: block;
	font-size: 20px;
}

.brands_work {
	gap: 30px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1200px;
	margin: 0 auto;
}

.brands_work .work__item {
	flex-basis: 30%;
	padding-bottom: 60px;
}

.brandHeader .bg {
	background-color: #333;
}

@media only screen and (max-width: 600px) {
	.ourWork_items {
		flex-basis: 100%;
		padding-bottom: 60px;
	}

	.brands_work .work__item {
		flex-basis: 100%;
		padding-bottom: 60px;
	}

	.brandHeader .h1 {
		display: none !important;
	}

	.ourWorkHeader .description {
		font-size: 40px !important;
	}
}

.brands_work .work__item span {
	text-decoration: none;
	display: block;
	font-size: 20px;
}

.brands_work .work__item span a {
	font-weight: bold;
	color: #111;
}

.ourWork .no_column {
	flex-basis: 100% !important;
	padding-bottom: 60px;
}

.collection__item__wrapper-bg,
.ourWork_items .link-context-remove {
	display: block;
	height: 330px;
	overflow: hidden;
	width: 100%;
	margin-bottom: 7px;
}

.work__item_image,
.ourWork_items_image {
	margin-bottom: 15px;
	height: 330px;
	background-position: center;
	background-size: cover;

	transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform: scale(1);
}

.collection__item__wrapper-bg,
.work__item_image {
	height: 330px;
	margin-bottom: 7px;
}

.ourWork_items:hover .ourWork_items_image,
.collection__item:hover .work__item_image {
	transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transform: scale(1.06);
}

.ourWork {
	max-width: 1200px;
	margin: 0 auto;
}

ul.ourWorkCategories {
	display: flex !important;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 10px;
	justify-content: space-between;
	max-width: 100%;
}

ul.ourWorkCategories li a {
	text-decoration: none;
	margin: 25px 25px;
	font-size: 20px;
}

ul.ourWorkCategories li a.is-active {
	font-family: BrownStd-Bold, sans-serif;
}

/*** --- Page COLLECTION
=============================== ***/
.collection {
	display: grid;
	grid-template-columns: repeat(3, 280px);
	justify-content: space-between;
	margin-bottom: 80px;
	row-gap: 50px;
}

.collection.no_column {
	grid-template-columns: repeat(1, 100%);
}

.collection__item {
	color: #000;
	cursor: pointer;
	font-family: BrownStd-Light, sans-serif;
	font-size: 20px;
	line-height: 1.2;
	display: flex;
	flex-direction: column;
}

.collection__item:hover a {
	/*text-decoration: underline;*/
}

.collection__item a {
	color: currentColor;
	font-family: BrownStd-Regular, sans-serif;
}

.collection__item a:hover {
	color: currentColor;
	text-decoration: none;
}

@media only screen and (max-width: 600px) {
	.collection {
		grid-template-columns: repeat(1, 100%);
	}
}

/*** --- COMMUN PAGES brand & work
=============================== ***/

/* HEADER */

.ourWorkHeader .description,
.single-projet__header .description {
	font-family: BrownStd-Regular, sans-serif;
	font-size: 66px;
	text-transform: uppercase;
	line-height: normal;
	text-align: center;
	padding-bottom: 0;
}

.single-projet__header .description {
	font-family: BrownStd-Bold, sans-serif;
	font-size: 90px;
	line-height: 1;
}

.ourWorkHeader .context,
.single-projet__header .context {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.ourWorkHeader .h1,
.single-projet__header .h1 {
	font-family: BrownStd-Regular, sans-serif;
	font-size: 21px;
	text-transform: none;
	letter-spacing: 1.1px;
	line-height: normal;
	margin-bottom: 30px;
	margin-top: 30px;
}

.single-projet__header .category,
.single-projet__header .h1 {
	color: #000;
	font-size: 20px;
	text-transform: uppercase;
}

.single--whiteUI .single-projet__header .category {
	color: #fff;
}

@media screen and (max-width: 989px) {
	.covertop .inner.ourWorkHeader {
		justify-content: flex-end;
	}

	.single-projet__header.covertop .inner {
		height: calc(100% - 150px);
		justify-content: space-between;
		padding-top: 135px;
	}

	.covertop .inner.ourWorkHeader .h1 {
		font-size: 18px;
		line-height: 1.2;
	}

	.single-projet__header .description {
		font-size: 30px;
	}

	.single-projet__header .h1,
	.single-projet__header .category {
		display: none;
	}
}

@media only screen and (min-width: 990px) {
	.our-work__brandheader,
	.single-projet__header,
	.works-services__header {
		bottom: inherit;
		height: 575px;
	}

	.our-work__brandheader + .works-single,
	.single-projet__header + .works-single,
	.works-services__header + .works-single {
		margin-top: 575px;
		padding-top: 80px;
	}

	.covertop .inner.ourWorkHeader {
		height: calc(100% - 210px);
		justify-content: space-between;
		padding-top: 210px;
	}

	.single-projet__header.covertop .inner,
	.works-services__header.covertop .inner {
		justify-content: flex-end;
		height: 100%;
		padding-top: 0;
	}
}

/* BREADCRUMB */
.breadcrumb,
.breadcrumb a {
	color: #000;
	font-family: BrownStd-Regular, sans-serif;
	font-size: 15px;
	margin-bottom: 33px;
}

.single--whiteUI .breadcrumb,
.single--whiteUI .breadcrumb a {
	color: #fff;
}

.breadcrumb a {
	position: relative;
}

.breadcrumb a:hover {
	color: currentColor;
	text-decoration: none;
}

.breadcrumb ul {
	align-items: center;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

.breadcrumb ul li:before {
	border-style: solid;
	border-width: 2px 2px 0 0;
	content: '';
	display: inline-block;
	height: 8px;
	left: 0;
	margin: 0 10px;
	position: relative;
	top: 4px;
	transform: rotate(45deg);
	vertical-align: top;
	width: 8px;
}

.breadcrumb ul li:first-child::before {
	display: none;
}

.breadcrumb ul li.is-active a {
	pointer-events: none;
	text-decoration: none;
}
.breadcrumb ul li.is-active a:first-letter {
	text-transform: capitalize;
}

.breadcrumb ul li a:hover:after,
.breadcrumb ul li.is-active a:after {
	background: #000;
	bottom: -4px;
	content: '';
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	width: 100%;
}

.single--whiteUI .breadcrumb ul li a:hover:after,
.single--whiteUI .breadcrumb ul li.is-active a:after {
	background: #fff;
}


@media screen and (max-width: 989px) {
	.breadcrumb {
		margin: 0 30px 15px;
	}

	.breadcrumb a {
		font-size: 12px;
	}
}

/* FILTRE */

.filtre {
	padding-bottom: 60px;
	text-align: left;
	text-transform: uppercase;
	display: flex;
	justify-content: flex-start;
}

.filtre__open-service {
	color: #000;
	font-family: BrownStd-Bold, sans-serif;
	font-size: 16px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.filtre__open-service:after {
	border-style: solid;
	border-width: 2px 2px 0 0;
	content: '';
	display: inline-block;
	height: 8px;
	left: 0;
	margin: 0 10px;
	position: relative;
	top: 2px;
	transform: rotate(135deg);
	transition: transform ease-in-out 0.4s, top ease-in-out 0.4s;
	vertical-align: top;
	width: 8px;
}

.filtre__open-service.is-open:after {
	top: 6px;
	transform: rotate(-45deg);
	transition: transform ease-in-out 0.4s, top ease-in-out 0.4s;
}

.filtre ul {
	margin: 0;
	padding: 0;
}

.filtre ul li p {
	margin-bottom: 0;
}

.filtre .filtre__categories {
	column-gap: 30px;
	display: flex !important;
	flex-wrap: wrap;
	justify-content: flex-start;
	line-height: 2;
	width: 100%;
}

.filtre .filtre__categories.space-between {
	justify-content: space-between;
}

.filtre .filtre__categories li a.is-active {
	font-family: BrownStd-Bold, sans-serif;
	text-decoration: underline;
}

.filtre .filtre__categories li a.is-active:after,
.filtre a:hover:after {
	content: '';
	display: block;
}

.filtre a {
	color: #000;
	font-family: BrownStd-Light, sans-serif;
	font-size: 16px;
	position: relative;
	text-transform: uppercase;
}

/*.filtre a:after {
	left: 0;
	position: absolute;
	top: auto;
	bottom: -5px;
	background-color: #111;
	height: 2px;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	width: 100%;
}*/

.filtre a:hover {
	color: currentColor;
	/*text-decoration: none;*/
}

/*.filtre a:hover:after {
	-webkit-animation: animBarCta 0.5s 10ms 1 cubic-bezier(0.215, 0.61, 0.355, 1)
		both;
	animation: animBarCta 0.5s 10ms 1 cubic-bezier(0.215, 0.61, 0.355, 1) both;
}*/

@media screen and (max-width: 767px) {
	.filtre {
		align-items: center;
		flex-direction: column;
	}

	.filtre__open-service + .filtre__categories {
		justify-content: space-between !important;
		max-height: 0;
		overflow: hidden;
		transition: max-height ease-in-out 0.4s;
	}

	.filtre__open-service.is-open + .filtre__categories {
		max-height: 500px;
		transition: max-height ease-in-out 0.4s;
	}
}

/* OTHER BRANDS */
.other-brands {
	margin: auto;
	max-width: 1200px;
}

.other-brands__title {
	font-family: BrownStd-Bold, sans-serif;
	text-transform: uppercase;
	font-size: 48px;
	color: #000;
	margin: 50px 0 73px;
}

.other-brands__item {
	width:100%;
	height:100%;
	position:relative;
	display: flex;
    align-items: center;
	justify-content: center;
	height:264px;
	margin-bottom:34px;
}

.other-brands__items {
	column-count: 2;
	column-gap: 60px;
}

.other-brands__image {
	width:100%;
	height:100%;
	position:absolute;
}

.other-brands__item a {
	color: #fff;
	text-decoration: none;
	font-family: BrownStd-Bold, sans-serif;
	text-transform: uppercase;
	font-size: 48px;
	text-align: center;
	position: absolute;
    z-index: 1;
}



.other-brands__item a:hover {
	color: #fff;
	text-decoration: none;
}

.single-projet__header .h1 a{
	color: #fff;
	text-decoration: none;
}

@media only screen and (max-width: 600px) {
	.other-brands {
		
	}

	.breadcrumb ul{
		flex-wrap:nowrap;
	}

	.breadcrumb ul li{
	overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap;
	}

	.works-services__header .brandname .client-list{
		justify-content: space-between !important;
		row-gap: 10px !important;
		column-gap: 10px !important;
	}

	.works-services__header .brandname .client-list a {
		font-size:15px !important;
	}

	.other-brands__image{
		background-size:cover !important;
	}

	.other-brands__image a {
		font-size: 35px !important;
	}

	.other-brands__items {
		column-count: 1;
		column-gap: 60px;
	}

	.ourWork_items{
		min-width:100%;
		min-height:385px;
	}
	
	.collection__item{
		min-width:100% !important;
		min-height:385px;
	}


	.other-brands__item a {
		font-size: 38px;
	}


	.other-brands__title {
		font-size: 20px;
		margin-bottom: 30px;
	}

	

	.other-brands__image {
		background-position: right;
	}

	.logo-pl{
		left: 50% !important;
		margin: 0 !important;
		width:auto !important;
	}

	.covertop{
		height:auto !important;
	}

	.ourWorkHeader{
		padding-top:130px !important;
	}

	.filtre .filtre__categories{
		column-gap: 10px !important;
	}

	.filtre a {
		font-size: 15px !important;
	}

}

.ourWork_items{
	min-width:325px;
	min-height:385px;
}

.collection__item{
	min-width:325px;
	min-height:385px;
}
.other-brands__item{
	overflow: hidden;
	font-size:35px;
}
.other-brands__image{
	background-size: cover;
	background-position:center;
	-webkit-transition: all 0.6s ease-in-out;
	
}

.other-brands__item:hover .other-brands__image{
	width:110%;
	height:110%;
	background-position:center;
}
.ot-sdk-show-settings{
	display: none;
}