html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  box-sizing: border-box;
  /* 3 */
  width: 100%;
}

/**
   * All elements inherit box model
   */
*,
*::before,
*::after {
  box-sizing: inherit;
}

/**
   * Reset elements in all browsers
   */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/**
   * Set core body defaults
   * 1. sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs.
   * 2. The browser emphasizes rendering speed over legibility and geometric precision when drawing text.
   * 3. Disables the browser's inflation algorithm on some smart phones and tablets.
   * 4. Font smoothing
   */
body {
  scroll-behavior: smooth;
  /* 1 */
  text-rendering: optimizeSpeed;
  /* 2 */
  -webkit-text-size-adjust: none;
  /* 3 */
  -webkit-font-smoothing: antialiased;
  /* 4 */
  -moz-osx-font-smoothing: grayscale;
  /* 4 */
  width: 100%;
}

/**
   * Remove list style from lists
   */
ul {
  list-style: none;
}

/**
   * Make media easier to work with
   */
img,
iframe,
video,
object,
embed {

  max-width: 100%;
  height: auto;
}

/**
   * Remove outline from tabindex -1
   */
[tabindex="-1"] {
  outline: none !important;
}

/**
   * Add the correct height in Firefox.
   */
hr {
  height: 0;
}

/**
   * Add the correct text decoration in Chrome, Edge, and Safari.
   */
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

/**
   * Add the correct font weight in Edge and Safari.
   */
b,
strong {
  font-weight: bold;
}

/**
   * 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
   * 2. Correct the odd 'em' font sizing in all browsers.
   */
code,
kbd,
samp,
pre {
  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

::-moz-placeholder {
  color: white;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  color: white;
  opacity: 1;
  /* Firefox */
}

::placeholder {
  color: white;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: white;
}

textarea:focus::-moz-placeholder {
  color: transparent;
}

textarea:focus:-ms-input-placeholder {
  color: transparent;
}

textarea:focus::placeholder {
  color: transparent;
}

/**
   * Remove the inheritance of text transform in Edge and Firefox.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  text-transform: none;
  /* 1 */
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Add the correct vertical alignment in Chrome and Firefox.
   */
progress {
  vertical-align: baseline;
}

/**
   * Correct the cursor style of increment and decrement buttons in Safari.
   */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to 'inherit' in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
   * Add the correct display in Chrome and Safari.
   */
summary {
  display: list-item;
}

/**
   * Remove all animations and transitions for people that prefer not to see them
   */
@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

img {
  width: 100%;
}

.banner-title .h1 {
  font-size: 1.5rem;
  font-family: 'HelveticaNeue';
  font-weight: bold;
  font-style: normal;
  color: black;
}

.title_team .h2,
.banner-title .h2 {
  font-size: 1.2rem;
  font-family: 'HelveticaNeue';
  font-weight: bold;
  font-style: normal;
  color: black;
}

.team-member {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.team-img img {
  border-radius: 100%;
  margin-bottom: 1.5rem;
}

.team-txt {
  text-align: center;
}

.team-txt p,
.team-txt .h3 {
  font-size: 14px;
  line-height: 1;
}

.team-txt .h3 {
  font-family: 'Brandon Grotesque';
  font-weight: bold;
  letter-spacing: 2px;
  font-style: normal;
}

.team-txt p {
  font-weight: normal;
  font-style: normal;
  font-family: 'TisaSansOT';
  margin-bottom: 1rem;
}

.section-services {
  background-color: black;
  padding: 70px 0;
  margin-top: 4rem;
  display: block;
}

.items-services {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-bottom: 30px;

}

.item-services {
  color: white;
}

.item-services li,
.item-services .h2 {
  color: white;
  font-size: 25px;
  line-height: 1;
}

.item-services .h2 {
  font-family: 'HelveticaNeue';
  font-weight: bold;
  font-style: normal;
}

.item-services li {
  font-weight: normal;
  font-style: normal;
  font-family: 'TisaSansOT';
  margin-top: 5px;
}

.items-services:last-child {
  margin: 0;
}

.list-projets {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px;

}

.list-projet {
  border-radius: 0 0 4px 4px;
  box-shadow: 0 4px 6px rgb(0 0 0 / 16%);
  background-color: #FFFFFF;
  
}


.txt-projet {
  padding: 30px;
}

.img-projet {
  position: relative;
  padding-bottom: 90%;
  overflow: hidden;
}

.img-projet img {
  filter: grayscale(1);
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  left: 0;
  right: 0;
  -webkit-transition: 1s -webkit-filter linear;
  -moz-transition: 1s -moz-filter linear;
  -moz-transition: 1s filter linear;
  -ms-transition: 1s -ms-filter linear;
  -o-transition: 1s -o-filter linear;
  transition: 1s filter linear, 1s -webkit-filter linear;
}

.list-projet:hover img {
  filter: none;
}

.list-projet:hover .link-to-projet img {
  filter: grayscale(1);
}

.txt-projet img {
  width: 20px;
  margin-right: 10px;
}

.txt-projet img {
  width: 20px;
}

.link-to-projet {
  display: flex;
  align-items: center;
}

.txt-projet .h2 {
  text-transform: uppercase;
  color: black;
  font-size: 16px;
  font-family: 'HelveticaNeue';
  font-weight: bold;
  font-style: normal;

}

.txt-projet .h3 {
  color: black;
  font-size: 14px;
  font-family: 'TisaSansOT';
  font-weight: normal;
  font-style: normal;
}

.txt-projet p {
  text-transform: uppercase;
  color: #959595;
  font-size: 11px;
  font-family: 'Brandon Grotesque';
  font-weight: bold;
  font-style: normal;
  letter-spacing: 2px;

}

.txt-projet a {
  font-family: 'Brandon Grotesque';
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 11px;
  color: black;
  text-decoration: none;
  position: relative;
  width: fit-content;
}

.txt-projet .h2,
.txt-projet p {
  margin-bottom: 1.5rem;
}

.section-projet {
  margin-top: 4rem;
}

.img-projet {
  position: relative;
}

.img-filter {
  filter: grayscale(1);
  -webkit-transition: 1s -webkit-filter linear;
  -moz-transition: 1s -moz-filter linear;
  -moz-transition: 1s filter linear;
  -ms-transition: 1s -ms-filter linear;
  -o-transition: 1s -o-filter linear;
  transition: 1s filter linear, 1s -webkit-filter linear;
}

.img-filter:hover {
  filter: grayscale(0);


}

.animation-hover {
  transition: all .2s ease-in-out;
}

.animation-hover:hover {
  transform: scale(1.1);
}

.content-projet-gry {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EFEFEF;
  height: 100%;
  min-height: 300px;
  padding: 60px 30px;
}

.content-projet-gry .h2 {
  font-family: 'HelveticaNeue';
  font-weight: bold;
  font-style: normal;
  color: #5F5F5F;
  font-size: 22px;
  margin-bottom: 30px;
}

.content-projet-gry .h3 {
  font-family: 'HelveticaNeue';
  font-weight: bold;
  font-style: normal;
  color: #000;
  font-size: 22px;
  margin-bottom: 30px;
}


.content-projet-gry p {
  font-weight: normal;
  font-style: normal;
  font-family: 'TisaSansOT';
  color: #5F5F5F;
  font-size: 20px;
  margin-bottom: 1.5rem;
  line-height: normal;
}

.content-projet-gry p:last-child {
  margin-bottom: 0;
}

.p-relative {
  position: relative;
}

.img-single-clients {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  ;
  top: 0;
  object-fit: cover;
}

.img-single-warp {
  padding-bottom: 110%;
  /* height: 100%; */
}

.img-single-warp.pb135 {
  padding-bottom: 135%;
}

._end {
  align-items: end;
}

._top {
  align-items: flex-start
}

.video-warp-image {
  position: relative;
  padding-bottom: 80%;
}

.play-icon {
  position: absolute;
  width: 50px;
  height: auto;
  left: 50%;
  top: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.cover-img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0;
  left: 0;
  filter: grayscale(1);
  -webkit-transition: 1s -webkit-filter linear;
  -moz-transition: 1s -moz-filter linear;
  -moz-transition: 1s filter linear;
  -ms-transition: 1s -ms-filter linear;
  -o-transition: 1s -o-filter linear;
  transition: 1s filter linear, 1s -webkit-filter linear;
}


.cover-img:hover {
  filter: grayscale(0);
}

.play-icon:hover {
  filter: invert();
}

.list-clients {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 40px;
}

.list-client {
  display: flex;
  align-items: center;
  justify-content: center;
}

.list-client img {
  width: 80%;
  margin: auto;
  filter: grayscale(1);
  -webkit-transition: 1s -webkit-filter linear;
  -moz-transition: 1s -moz-filter linear;
  -moz-transition: 1s filter linear;
  -ms-transition: 1s -ms-filter linear;
  -o-transition: 1s -o-filter linear;
  transition: 1s filter linear, 1s -webkit-filter linear;
  transform: scale(0.9);
  -webkit-transition: transform 1s linear;
  transition: transform 1s linear;
}

.list-client img:hover {



  -webkit-transform: scale(1);
  filter: grayscale(0);
}


.footer-bottom {
  background-color: #F7F7F7;
  padding: 20px 0;
}
.logo-footer a{
  display: block;
}
.logo-footer img {
  width: 40%;
  display: block;
  margin: auto;
}

.disc-footer {
  margin-top: 20px;
  text-align: center;
}

.footer-cpright p,
.disc-footer p {
  font-weight: normal;
  font-style: normal;
  font-family: 'TisaSansOT';
}

.footer-cpright {
  text-align: center;
}

.footer-top {
  background-color: rgb(5 25 55 / 1%);
  padding: 40px 20px;
  position: relative;
}

.menu-footer {
  text-align: center;
}

.grid-menu-footer {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.menu-footer .h2 {
  font-size: 1rem;
  font-family: 'HelveticaNeue';
  font-weight: bold;
  font-style: normal;
  margin-bottom: 2rem;
}

.menu-footer p,
.menu-footer a {
  font-weight: normal;
  font-style: normal;
  font-family: 'TisaSansOT';
  color: #000;
  text-decoration: none;
  display: block;
}

.menu-footer a {
  display: inline-block !important;
}

.menu-footer p,
.menu-footer li {
  margin-bottom: 1rem;
}

.p-header {
  position: relative;
  margin-bottom: 3rem;
}

.header_warp {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.menu-warp {
  margin-right: 0;
  position: relative;
}

.menu-warp ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none
}

.log-header {
  width: 30%;
}

.logo-footer a:before,
.log-header a:before {
  display: none
}

.list-projet-warp .list-projets {
  grid-template-columns: repeat(1, 1fr) !important;

}

.menu-header {
  display: none
}

.menu-header li:not(:last-child) {
  margin-right: 2em
}

.menu-header a {
  font-family: 'HelveticaNeue';
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  ;
  color: #000;
  font-size: 25px;
}

.menu-header li:hover a {
  opacity: .8
}

.menu-icon {
  height: 30px;
  width: 24px;
  position: absolute;
  z-index: 2;
  right: 15px;
  top: 50%;
  transform: translateY(-10%);
  cursor: pointer
}

.menu-icon__line {
  height: 3px;
  width: 24px;
  display: block;
  background-color: #707070;
  margin-bottom: 4px;
  transition: transform .2s ease, background-color .3s ease
}

.menu-icon__line-left {
  width: 24px
}

.menu-icon__line-right {
  width: 24px;
  float: right;
  display: none
}

.nav {
  position: fixed;
  z-index: 1;
  top: 0;
  visibility: visible;
  left: 0;
  pointer-events: none;
}

.nav:after,
.nav:before {
  content: "";
  position: fixed;
  width: 105vw;
  height: 105vh;
  background: hsla(0, 0%, 91.8%, .2);
  z-index: -1;
  transition: transform .8s cubic-bezier(.77, 0, .175, 1);
  transform: translateX(0) translateY(-100%)
}

.nav:after {
  background: #fff;
  transition-delay: 0s
}

.nav:before {
  transition-delay: .1s
}

.nav__content {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  left: 0;
  text-align: center;
  font-size: calc(2vw + 10px);
  font-weight: 200;
  cursor: pointer
}

.nav__list-item {
  position: relative;
  display: inline-block;
  transition-delay: .8s;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity .2s ease, transform .3s ease;
  margin-right: 0
}

.nav__list-item a {
  position: relative;
  color: #000;
  font-size: 2rem;
  text-decoration: none;
  font-family: 'HelveticaNeue';
  font-weight: bold;
}

.nav__list-item a:before {
  content: "";
  position: absolute;
  background: #000;
  width: 0;
  height: 1px;
  top: 100%;
  transform: translate(0);
  transition: all .3s ease;
  z-index: -1
}

.nav__list-item a:hover:before {
  width: 100%
}

body.nav-active .menu-icon__line {
  background-color: #000
}

body.nav-active .nav {
  visibility: visible;
  height: 100vh;
  width: 100vw;
  pointer-events: auto;
}

body.nav-active .nav:after,
body.nav-active .nav:before {
  transform: translateX(0) translateY(0)
}

body.nav-active .nav:after {
  transition-delay: .1s
}

body.nav-active .nav:before {
  transition-delay: 0s
}

body.nav-active .nav__list-item {
  opacity: 1;
  transform: translateX(0);
  transition: opacity .3s ease, transform .3s ease, color .3s ease
}

body.nav-active .nav__list-item:nth-child(0) {
  transition-delay: .3s
}

body.nav-active .nav__list-item:first-child {
  transition-delay: .6s
}

body.nav-active .nav__list-item:nth-child(2) {
  transition-delay: .7s
}

body.nav-active .nav__list-item:nth-child(3) {
  transition-delay: .8s
}

body.nav-active .nav__list-item:nth-child(4) {
  transition-delay: .9s
}

body.nav-active .nav__list-item:nth-child(5) {
  transition-delay: 1s
}

body.nav-active .nav__list-item:nth-child(6) {
  transition-delay: 1.1s
}



.nav__list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0;
  grid-row-gap: 0;
  margin: 0;
  padding: 0
}




@media (min-width:1020px) {
  .menu-header {
    display: block
  }

}

.latest-projets__title h2 {
  font-weight: bold;
  font-style: normal;
  font-family: 'HelveticaNeue';
  line-height: 1;
  color: #000;
  font-size: 1.4rem;
  position: relative;
  text-transform: uppercase
}

.latest-projets__title h2:before {
  content: "";
  display: none;
  position: absolute;
  right: 0;
  height: 3px;
  width: 26em;
  background-color: #707070;
  top: 50%;
  transform: translateY(-50%)
}

.latest-projets__space {
  width: 100%;
  height: 40px;
  display: block
}

.projet-content__media {
  width: 100%;
  padding-bottom: 100%;
  background: gray;
  display: block;
  position: relative;
}

.projet-content__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
}

.projet-content__space {
  width: 100%;
  height: 20px;
  display: block
}

.projet-content__txt {
  padding-left: 20px;
}

.projet-content__h2 {
  font-weight: 700;
  margin: 0 0 .4em
}

.projet-content__h2,
.projet-content__h3 {
  font-size: 1.1rem;
  padding: 0;
  font-style: normal;
  font-family: 'HelveticaNeue';
  line-height: 1;
  font-weight: bold;
  color: #000
}

.projet-content__h3 {
  font-weight: 400;
  margin-bottom: 0
}

.projet-content__tag {
  font-size: 1rem;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-style: italic;
  font-family: "Helvetica Neue";
  line-height: 1;
  color: #656565
}

.carousel-projet {
  width: 100%;
  padding: 0;
  margin: 0
}

.slick-arrow {
  display: none !important
}

.slick-dots {
  margin: 2em auto 1em;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  width: 130px;

}


.slick-dots li {
  width: 25px !important;
  height: 4px !important;
}

.slick-dots button {
  border: 0 !important;
  background: #000 !important;
  width: 100% !important;
  height: 100% !important;
  color: transparent !important
}

.slick-slide {
  margin: 0 20px
}

.slick-list {
  margin: 0 -20px;
  overflow: hidden;
}

.slick-dots .slick-active button {
  opacity: .4
}

.nl-footer {
  position: relative;
}

.nl-footer .h2 {
  font-size: 1rem;
  font-family: 'HelveticaNeue';
  font-weight: bold;
  font-style: normal;
  margin-bottom: 2rem;
  text-align: center;
}

.nl-footer p,
.nl-footer label {
  font-weight: normal;
  font-style: normal;
  font-family: 'TisaSansOT';
  color: #111111;
  text-decoration: none;
  display: inline-block;
}

.nl-footer .send {

  position: absolute;
  right: 0;
  height: 100%;
  background: #0865DE;
  color: white;
  border: 0;
  border-radius: 0 4px 4px 0;
  padding: 0 13px;
  font-family: 'HelveticaNeue';
  font-weight: bold;
  font-style: normal;
}

.input-email {
  padding: 10px 10px;
  width: 100%;
  border: 1px solid #0865DE;
  border-radius: 4px;
}

.carousel-projet a {
  text-decoration: none;
  cursor: pointer;
}

.list-projet .img-projet img,
.carousel-projet a img {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.carousel-projet a:hover .projet-content__h3,
.carousel-projet a:hover .projet-content__h2 {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.projet-content__h2,
.projet-content__h3 {
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.list-projet:hover .img-projet img,
.carousel-projet a:hover img {
  transform: scale(1.1);
}

/* .s-r .slick-list,
.s-r .slick-track {
  height: 100%;
} */


.s-r .img-single-clients {
  position: relative;
  margin-bottom: -5px;
}

.s-r .slider-track {
  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  overflow: hidden;
}

.s-r .slick-slide {
  width: 100%;
  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.s-r .slick-current.slick-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-animation: cssAnimation 3s 1 ease-in-out forwards;
  animation: cssAnimation 3s 1 ease-in-out forwards;
}

@keyframes cssAnimation {
  from {
    -webkit-transform: scale(1) translate(0px);
  }

  to {
    -webkit-transform: scale(1.3) translate(0px);
  }
}

@-webkit-keyframes cssAnimation {
  from {
    -webkit-transform: scale(1) translate(0px);
  }

  to {
    -webkit-transform: scale(1.3) translate(0px);
  }
}

.is-animated--false {
  opacity: 0;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  overflow: hidden;

  
}

.is-visible {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

.is-animated--image::before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  background-color: #5F5F5F;
}

.is-visible.is-animated--image::before {
  transition: transform .8s cubic-bezier(.22, .61, .36, 1);
  transition-delay: .3s;
  transform: translate3d(-100%, 0, 0);
}


.is-animated--image::before {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  right: 0;
  background: rgb(221 213 213);
  z-index: 9;
}

.carousel-projet {
  position: relative;
}

.is-animated--delay-1 {
  transition-delay: .10s;
}

.is-animated--delay-2 {
  transition-delay: .13s;
}

.is-animated--delay-3 {
  transition-delay: .16s;
}

.is-animated--delay-4 {
  transition-delay: .19s;
}

.is-animated--delay-5 {
  transition-delay: .22s;
}

.is-animated--delay-6 {
  transition-delay: .23s;
}

.pauseBtn {
  display: none;
}

.n-click {
  pointer-events: none;
}

.video-src {
  cursor: pointer;
}

.is-playing .cover-img {
  filter: grayscale(0);
}

.is-playing:hover .pauseBtn {
  display: block;
}

.carousel-projet a {
  text-decoration: unset;
}

a {
  background-image: linear-gradient(to right,
      #5F5F5F,
      #5F5F5F 50%,
      #000 50%);
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 5px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
  position: relative;
}

a:before {
  content: '';
  background: #5F5F5F;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.3s ease-in-out;
}

a:hover {
  background-position: 0;
}

a:hover::before {
  width: 100%;
}

.img-projet a,
.carousel-projet a {
  display: block;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  background-image: unset;
  background-size: unset;
  position: unset;
  background-position: unset;

}

.img-projet a:before,
.carousel-projet a:before {
  display: none;
}
.img-projet a{
  padding: 0;;
}

.list-projets  .slick-list{

  padding-bottom: 15px;

}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
   pointer-events: none;
} 
body{

  overflow-x: hidden;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.cursor,
.cursor2,
.cursor3{
  position: fixed;
  border-radius: 50%; 
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
  left: -100px;
  top: 50%;
  /* mix-blend-mode: difference; */

}
.cursor{
 
  height: 0;
  width: 0;
  z-index: 99999;
}
.cursor2,.cursor3{
  height: 25px;
  width: 25px;
  z-index:99998;
  -webkit-transition:transform 0.3s ease-out;
  transition:transform 0.3s ease-out;
  transform-origin: 100% 100%;
  /* mix-blend-mode: difference; */

}
.cursor2.hover,
.cursor3.hover{
  -webkit-transform:scale(2) translateX(-25%) translateY(-25%);
  transform:scale(2) translateX(-25%) translateY(-25%);
  border:none;
  -webkit-transition:transform 0.3s ease-out;
  transition:transform 0.3s ease-out;

}
.cursor2{
  border: 1px solid #fff;
  background: rgba(0,0,0,1);
  /* box-shadow: 0 0 22px rgba(255, 255, 255, 0.6); */
}
.cursor2.hover{
  background: transparent;
  border: 1px solid #000;
  /* box-shadow: 0 0 12px rgba(255, 255, 255, 0.2); */
}

@media screen and (max-width: 1200px){
  .cursor,.cursor2,.cursor3{
    display: none
  }
}
.non-a{
  cursor:text;
}
.loadBG{
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  background-color: black;
  z-index: 50;
  pointer-events: none;
  display: none;;
}

.progress{
  position: relative;
  top: 50%;
  width: 100%;
  transform: scaleX(0);
  left: 0;
  z-index: 51;
  height: 5px;
  background-color: rgb(255, 255, 255);
}
#trans{
  width: 100%;
  height: 100%;
  background-color: black;
  color: white;
  pointer-events: none;
  transform: scaleY(0);
  position: fixed;
  z-index: 100;


}

.loadText{
  position: absolute;
  transform-origin: center;
  transform: translateX(-50%) translateY(-50%);    
  left: 50%;
  top: 50%;
  z-index: 1000;  
  color: white;
  opacity: 1;
}

.slick-dots {
  display: none !important;;
}

.content-projet-warp a {
  text-decoration: none;
  color:#816949;
  font-size: 1.5rem;
}


/* Preloader  */
.preloader {
  background: #F7F7F7;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.prl-logo {
  position: absolute;
  width: 70%;
  left: 0;
  text-align: center;
  z-index: 2;
}

/* Sliders  */
.lightCyan-slider,
.persianGreen-slider,
.white-slider {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
}
.lightCyan-slider {
  background: #fff;
}

.persianGreen-slider {
  background: #000;
}

.white-slider {
  background: #F7F7F7;
}

.hide {
  opacity: 0;
  color: #000;
  font-family: 'HelveticaNeue';
  font-weight: bold;
  font-style: normal;

}
.hide img{
  width: 200px;
}
.active-item::before {
  width: 100% !important;
}
.active-item {
  background-position: 0;
}

body,a{
      cursor: none;
  }

/* Override for Windows */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

body,a{
      cursor: none;
  }
}

/* Override for macOS */
@media screen and (-webkit-min-device-pixel-ratio: 0) {

body,a{
      cursor: none;
  }
}

.hide-for-now{
  display: none !important;
}