.header,
header {
  gap:30px;
  display:flex
}
.header,
footer {
  background:#121212;
  color:#f5f5f5
}
#hero,
.header,
body,
footer {
  color:#f5f5f5
}
#hero,
.header,
form,
header {
  display:flex
}
.cv-button,
a,
a:not(.cv-button),
header a {
  text-decoration:none
}
* {
  margin:0;
  padding:0;
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
body {
  font-family:'Playfair Display',serif;
  line-height:1.8;
  background-color:#000;
  background-image:url("/images/asfalt-light.png");
  animation:1.5s ease-in-out fadeIn
}
@keyframes fadeIn {
  from {
    opacity:0
  }
  to {
    opacity:1
  }
}
a {
  color:inherit
}
.greyscale {
  filter:grayscale(100%)
}
.greyscale:hover {
  filter:grayscale(70%)
}
@keyframes slideDown {
  from {
    transform:translateY(-60px);
    opacity:0
  }
  to {
    transform:translateY(0);
    opacity:1
  }
}
header a {
  font-weight:500;
  font-size:20px;
  transition:color .3s
}
.header {
  position:absolute;
  position:sticky;
  padding:10px 40px;
  justify-content:flex-start;
  align-items:center;
  border-bottom:1px solid #333;
  position:sticky;
  top:0;
  z-index:1000000;
  animation:.8s ease-out forwards slideDown;
  /*! border-radius: 90px; */
}
h3 a:hover,
header a:hover {
  color:gold
}
.favicon {
  max-width:85px;
  min-width:23px;
  filter:invert(1)
}
.logo {
  transition:transform .5s ease-in-out
}
.faviconhover,
.logo:hover {
  transform:rotate(360deg)
}
#hero {
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:100px 20px;
  background:linear-gradient(135deg,#1a1a1a,#0d0d0d);
  min-height:calc(100vh - 50px)
}
#hero h1 {
  font-size:3.5em;
  font-weight:700;
  margin-bottom:20px
}
#hero p {
  font-size:1.5em;
  margin-bottom:40px;
  color:#d3d3d3
}
#hero .cta-button {
  display:inline-block;
  position:relative;
  color:#d0d0d0;
  padding:15px 40px;
  font-size:1.3em;
  font-weight:700;
  border-radius:50px;
  border:2px solid gold;
  transition:background .2s;
  overflow:hidden;
  z-index:1;
  margin:25px 0
}
.hero-content {
  font-size:1.2rem
}
.cta-button .liquid {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:linear-gradient(50deg,gold,#ffae00);
  border-radius:5px;
  transform:scaleY(0);
  transform-origin:bottom;
  transition:transform .43445058s;
  z-index:-1
}
.cta-button:hover .liquid {
  transform:scaleY(1)
}
#hero .cta-button:hover {
  color:#000
}
#about,
#contact,
#projects {
  padding:60px 40px;
  text-align:center
}
#me {
  min-width:150px;
  border-radius:50%;
  transition:transform .3s
}
#me:hover,
[data-aos=zoom-out] {
  transform:scale(1.2)
}
.project-grid {
  column-count:3;
  column-gap:30px;
  margin-top:40px;
  padding:0 10px
}
.project-card {
  display:inline-block;
  width:100%;
  break-inside:avoid;
  background:#1a1a1a;
  padding:10px;
  border-radius:34px;
  text-align:left;
  transition:transform .3s,box-shadow .3s;
  margin-bottom:30px
}
.cv-button,
.herohover,
footer {
  text-align:center
}
.project-card img {
  width:100%;
  border-radius:27px;
  margin-bottom:20px
}
.project-card h3 {
  margin-bottom:10px;
  color:gold;
  font-weight:700
}
.project-card:hover {
  transform:scale(1.05);
  box-shadow:0 10px 30px rgba(0,0,0,.8)
}
form {
  flex-direction:column;
  gap:20px;
  margin-top:40px
}
form button,
form input,
form textarea {
  width:100%;
  padding:15px;
  font-size:1.1em;
  border:none;
  border-radius:45px;
  background:#1a1a1a;
  color:#f5f5f5
}
form button {
  background:gold;
  color:#0d0d0d;
  font-weight:700;
  cursor:pointer;
  transition:background .3s
}
form button:hover {
  background:#e6c200
}
footer {
  padding:20px;
  border-top:1px solid #333
}
footer .social-links {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:20px;
  margin-top:10px
}
footer .social-links a {
  font-size:1.5em;
  color:gold;
  transition:color .3s
}
footer .social-links a:hover {
  color:#e6c200
}
.success {
  visibility:hidden;
  position:absolute;
  margin:0 22.5% 22.5%;
  top:250px;
  width:45%;
  z-index:2;
  background-color:#0e471f;
  color:#fff;
  padding:5%;
  align-items:center;
  transition:visibility 3s;
  border-radius:50px
}
.legal {
  font-weight:100;
  font-size:12px;
  color:grey;
  margin:-15px
}
#hero .max-width1000,
.cv-button {
  font-size:24px
}
.cv-button {
  position:fixed;
  bottom:20px;
  right:20px;
  width:70px;
  height:70px;
  background-color:#2b579a;
  color:#fff;
  line-height:70px;
  border-radius:50%;
  font-weight:700;
  box-shadow:0 4px 6px rgba(0,0,0,.2);
  transition:.3s;
  z-index:1000;
  animation:2s ease-in-out infinite zoom-dezoom
}
@keyframes zoom-dezoom {
  0%,
  100% {
    transform:scale(1)
  }
  50% {
    transform:scale(1.15)
  }
}
.cv-button:hover {
  background-color:#1e3c6a;
  animation:5s linear infinite rotate-shadow
}
@keyframes rotate-shadow {
  0%,
  100% {
    box-shadow:0 -20px 20px gold,20px 0 20px transparent,0 20px 20px transparent,-20px 0 20px transparent
  }
  10% {
    box-shadow:7px -17px 20px gold,17px 7px 20px transparent,-17px 7px 20px transparent,-7px -17px 20px transparent
  }
  20% {
    box-shadow:14px -14px 20px gold,14px 14px 20px transparent,-14px 14px 20px transparent,-14px -14px 20px transparent
  }
  30% {
    box-shadow:20px 0 20px gold,0 14px 20px transparent,-20px 0 20px transparent,0 -14px 20px transparent
  }
  40% {
    box-shadow:14px 14px 20px gold,-14px 14px 20px transparent,-14px -14px 20px transparent,14px -14px 20px transparent
  }
  50% {
    box-shadow:7px 17px 20px gold,-17px 7px 20px transparent,17px -7px 20px transparent,-7px -17px 20px transparent
  }
  60% {
    box-shadow:0 20px 20px gold,-20px 0 20px transparent,0 -20px 20px transparent,20px 0 20px transparent
  }
  70% {
    box-shadow:-7px 17px 20px gold,-17px -7px 20px transparent,17px -7px 20px transparent,7px -17px 20px transparent
  }
  80% {
    box-shadow:-14px 14px 20px gold,-14px -14px 20px transparent,14px -14px 20px transparent,14px 14px 20px transparent
  }
  90% {
    box-shadow:-20px 0 20px gold,0 -14px 20px transparent,20px 0 20px transparent,0 14px 20px transparent
  }
}
@media only screen and (min-width:600px) {
  #contact {
    margin:0 25%
  }
}
@media (max-width:1024px) {
  .project-grid {
    column-count:2
  }
}
@media (max-width:600px) {
  .project-grid {
    column-count:1
  }
  header a {
    font-size: 16px;
  }
}
.btn,
button {
  background-color:transparent;
  color:#fff;
  border:none;
  padding:10px 20px;
  font-size:1rem;
  cursor:pointer;
  transition:transform .3s,box-shadow .3s;
  display:inline-block;
  position:relative;
  color:#d0d0d0;
  padding:15px 40px;
  font-size:1.3em;
  font-weight:700;
  border-radius:50px;
  border:2px solid gold;
  transition:background .2s;
  overflow:hidden;
  z-index:1;
  margin:25px 0
}
.btn:hover,
button:hover {
  transform:scale(1.1);
  box-shadow:0 4px 15px rgba(0,0,0,.2)
}
a:not(.cv-button) {
  position:relative;
  transition:color .3s
}
header a::after {
  content:'';
  position:absolute;
  left:0;
  bottom:-2px;
  width:0;
  height:2px;
  background:#007bff;
  transition:width .3s
}
header a:hover::after {
  width:105%
}
.section {
  opacity:0;
  transform:translateY(30px);
  animation:1s ease-out forwards slideUp
}
@keyframes slideUp {
  to {
    opacity:1;
    transform:translateY(0)
  }
}
.loader {
  border:4px solid rgba(0,0,0,.1);
  width:40px;
  height:40px;
  border-radius:50%;
  border-top-color:#007bff;
  animation:1s linear infinite spin;
  margin:auto
}
@keyframes spin {
  to {
    transform:rotate(360deg)
  }
}
@keyframes sf-fly-by-1 {
  from {
    transform:translateZ(-600px);
    opacity:.5
  }
  to {
    transform:translateZ(0);
    opacity:.5
  }
}
@keyframes sf-fly-by-2 {
  from {
    transform:translateZ(-1200px);
    opacity:.5
  }
  to {
    transform:translateZ(-600px);
    opacity:.5
  }
}
@keyframes sf-fly-by-3 {
  from {
    transform:translateZ(-1800px);
    opacity:.5
  }
  to {
    transform:translateZ(-1200px);
    opacity:.5
  }
}
.star-field {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  perspective:600px;
  -webkit-perspective:600px;
  z-index:-1
}
.star-field .layer {
  box-shadow:-411px -476px #ccc,777px -407px #d4d4d4,-387px -477px #fcfcfc,-91px -235px #d4d4d4,491px -460px #f7f7f7,892px -128px #f7f7f7,758px -277px #ededed,596px 378px #ccc,647px 423px #f5f5f5,183px 389px #c7c7c7,524px -237px #f0f0f0,679px -535px #e3e3e3,158px 399px #ededed,157px 249px #ededed,81px -450px #ebebeb,719px -360px #c2c2c2,-499px 473px #e8e8e8,-158px -349px #d4d4d4,870px -134px #cfcfcf,446px 404px #c2c2c2,440px 490px #d4d4d4,414px 507px #e6e6e6,-12px 246px #fcfcfc,-384px 369px #e3e3e3,641px -413px #fcfcfc,822px 516px #dbdbdb,449px 132px #c2c2c2,727px 146px #f7f7f7,-315px -488px #e6e6e6,952px -70px #e3e3e3,-869px -29px #dbdbdb,502px 80px #dedede,764px 342px #e0e0e0,-150px -380px #dbdbdb,654px -426px #e3e3e3,-325px -263px #c2c2c2,755px -447px #c7c7c7,729px -177px #c2c2c2,-682px -391px #e6e6e6,554px -176px #ededed,-85px -428px #d9d9d9,714px 55px #e8e8e8,359px -285px #cfcfcf,-362px -508px #dedede,468px -265px #fcfcfc,74px -500px #c7c7c7,-514px 383px #dbdbdb,730px -92px #cfcfcf,-112px 287px #c9c9c9,-853px 79px #d6d6d6,828px 475px #d6d6d6,-681px 13px #fafafa,-176px 209px #f0f0f0,758px 457px #fafafa,-383px -454px #ededed,813px 179px #d1d1d1,608px 98px #f5f5f5,-860px -65px #c4c4c4,-572px 272px #f7f7f7,459px 533px #fcfcfc,624px -481px #e6e6e6,790px 477px #dedede,731px -403px #ededed,70px -534px #ccc,-23px 510px #cfcfcf,-652px -237px #f5f5f5,-690px 367px #d1d1d1,810px 536px #d1d1d1,774px 293px #c9c9c9,-362px 97px #c2c2c2,563px 47px #dedede,313px 475px #e0e0e0,839px -491px #e3e3e3,-217px 377px #d4d4d4,-581px 239px #c2c2c2,-857px 72px #ccc,-23px 340px #dedede,-837px 246px #fff,170px -502px #cfcfcf,822px -443px #e0e0e0,795px 497px #e0e0e0,-814px -337px #cfcfcf,206px -339px #f2f2f2,-779px 108px #e6e6e6,808px 2px #d4d4d4,665px 41px #d4d4d4,-564px 64px #ccc,-380px 74px #cfcfcf,-369px -60px #f7f7f7,47px -495px #e3e3e3,-383px 368px #f7f7f7,419px 288px #d1d1d1,-598px -50px #c2c2c2,-833px 187px #c4c4c4,378px 325px #f5f5f5,-703px 375px #d6d6d6,392px 520px #d9d9d9,-492px -60px #c4c4c4,759px 288px #ebebeb,98px -412px #c4c4c4,-911px -277px #c9c9c9;
  transform-style:preserve-3d;
  position:absolute;
  top:50%;
  left:50%;
  height:4px;
  width:4px;
  border-radius:2px
}
.star-field .layer:first-child {
  animation:5s linear infinite sf-fly-by-1
}
.star-field .layer:nth-child(2) {
  animation:5s linear infinite sf-fly-by-2
}
.star-field .layer:nth-child(3) {
  animation:5s linear infinite sf-fly-by-3
}
.max-width1000 {
  max-width:1000px;
  margin:0 auto
}
.herohover {
  background-color:#151515;
  animation:1.7s ease-in-out infinite gradientShift;
  border-radius:15px;
  z-index:5
}
@keyframes gradientShift {
  0% {
    background:linear-gradient(0deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  4% {
    background:linear-gradient(14deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  8% {
    background:linear-gradient(28deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  12% {
    background:linear-gradient(42deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  16% {
    background:linear-gradient(56deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  20% {
    background:linear-gradient(72deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  24% {
    background:linear-gradient(86deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  28% {
    background:linear-gradient(100deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  32% {
    background:linear-gradient(114deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  36% {
    background:linear-gradient(128deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  40% {
    background:linear-gradient(144deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  44% {
    background:linear-gradient(158deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  48% {
    background:linear-gradient(172deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  52% {
    background:linear-gradient(186deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  56% {
    background:linear-gradient(200deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  60% {
    background:linear-gradient(216deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  64% {
    background:linear-gradient(230deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  68% {
    background:linear-gradient(244deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  72% {
    background:linear-gradient(258deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  76% {
    background:linear-gradient(272deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  80% {
    background:linear-gradient(288deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  84% {
    background:linear-gradient(302deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  88% {
    background:linear-gradient(316deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  92% {
    background:linear-gradient(330deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  96% {
    background:linear-gradient(344deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
  100% {
    background:linear-gradient(360deg,rgba(255,215,0,.1) 0,rgba(0,0,0,.05) 54%,rgba(139,117,0,.05) 100%)
  }
}
@media only screen and (max-width:600px) {
  .max-width1000 {
    text-align:start
  }
}
@media only screen and (max-width:397px) {
  .project-grid {
    width:calc(100vw-5px);
    margin:0
  }
  .project-card {
    margin:0
  }
  #about,
  #contact,
  #projects {
    padding:60px 5px
  }
}
#actif {
  color:#faffbc;
  text-decoration:#007BFF wavy underline
}
.badge--progress {
  background-color:#b30000;
  color:#fff;
  padding:4px 8px;
  border-radius:12px;
  font-size:.9rem
}
.modal-overlay {
  position:fixed;
  top:35px;
  left:0;
  width:100vw;
  height:100vh;
  background:rgba(0,0,0,.95);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999
}
.modal-content {
  position:relative;
  width:90vw;
  height:90vh;
  background:0 0;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center
}
#modal-body iframe,
#modal-body img {
  width:90vw;
  height:90vh;
  object-fit:contain;
  border:none;
  border-radius:12px;
  background:#000
}
.modal-close {
  position:absolute;
  top:6px;
  right:25px;
  font-size:32px;
  color:#fff;
  cursor:pointer;
  z-index:10000
}
.modal-close:hover {
  color:red;
  cursor:pointer
}
@media print {
  footer,
  header,
  nav {
    display:none
  }
  body {
    font-size:14pt;
    color:#000;
    background:0 0
  }
  img {
    max-width:100%;
    height:auto
  }
}
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration:50ms
}
[data-aos][data-aos][data-aos-delay="100"],
[data-aos][data-aos][data-aos-delay="1000"],
[data-aos][data-aos][data-aos-delay="1050"],
[data-aos][data-aos][data-aos-delay="1100"],
[data-aos][data-aos][data-aos-delay="1150"],
[data-aos][data-aos][data-aos-delay="1200"],
[data-aos][data-aos][data-aos-delay="1250"],
[data-aos][data-aos][data-aos-delay="1300"],
[data-aos][data-aos][data-aos-delay="1350"],
[data-aos][data-aos][data-aos-delay="1400"],
[data-aos][data-aos][data-aos-delay="1450"],
[data-aos][data-aos][data-aos-delay="150"],
[data-aos][data-aos][data-aos-delay="1500"],
[data-aos][data-aos][data-aos-delay="1550"],
[data-aos][data-aos][data-aos-delay="1600"],
[data-aos][data-aos][data-aos-delay="1650"],
[data-aos][data-aos][data-aos-delay="1700"],
[data-aos][data-aos][data-aos-delay="1750"],
[data-aos][data-aos][data-aos-delay="1800"],
[data-aos][data-aos][data-aos-delay="1850"],
[data-aos][data-aos][data-aos-delay="1900"],
[data-aos][data-aos][data-aos-delay="1950"],
[data-aos][data-aos][data-aos-delay="200"],
[data-aos][data-aos][data-aos-delay="2000"],
[data-aos][data-aos][data-aos-delay="2050"],
[data-aos][data-aos][data-aos-delay="2100"],
[data-aos][data-aos][data-aos-delay="2150"],
[data-aos][data-aos][data-aos-delay="2200"],
[data-aos][data-aos][data-aos-delay="2250"],
[data-aos][data-aos][data-aos-delay="2300"],
[data-aos][data-aos][data-aos-delay="2350"],
[data-aos][data-aos][data-aos-delay="2400"],
[data-aos][data-aos][data-aos-delay="2450"],
[data-aos][data-aos][data-aos-delay="250"],
[data-aos][data-aos][data-aos-delay="2500"],
[data-aos][data-aos][data-aos-delay="2550"],
[data-aos][data-aos][data-aos-delay="2600"],
[data-aos][data-aos][data-aos-delay="2650"],
[data-aos][data-aos][data-aos-delay="2700"],
[data-aos][data-aos][data-aos-delay="2750"],
[data-aos][data-aos][data-aos-delay="2800"],
[data-aos][data-aos][data-aos-delay="2850"],
[data-aos][data-aos][data-aos-delay="2900"],
[data-aos][data-aos][data-aos-delay="2950"],
[data-aos][data-aos][data-aos-delay="300"],
[data-aos][data-aos][data-aos-delay="3000"],
[data-aos][data-aos][data-aos-delay="350"],
[data-aos][data-aos][data-aos-delay="400"],
[data-aos][data-aos][data-aos-delay="450"],
[data-aos][data-aos][data-aos-delay="50"],
[data-aos][data-aos][data-aos-delay="500"],
[data-aos][data-aos][data-aos-delay="550"],
[data-aos][data-aos][data-aos-delay="600"],
[data-aos][data-aos][data-aos-delay="650"],
[data-aos][data-aos][data-aos-delay="700"],
[data-aos][data-aos][data-aos-delay="750"],
[data-aos][data-aos][data-aos-delay="800"],
[data-aos][data-aos][data-aos-delay="850"],
[data-aos][data-aos][data-aos-delay="900"],
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="100"] [data-aos],
body[data-aos-delay="1000"] [data-aos],
body[data-aos-delay="1050"] [data-aos],
body[data-aos-delay="1100"] [data-aos],
body[data-aos-delay="1150"] [data-aos],
body[data-aos-delay="1200"] [data-aos],
body[data-aos-delay="1250"] [data-aos],
body[data-aos-delay="1300"] [data-aos],
body[data-aos-delay="1350"] [data-aos],
body[data-aos-delay="1400"] [data-aos],
body[data-aos-delay="1450"] [data-aos],
body[data-aos-delay="150"] [data-aos],
body[data-aos-delay="1500"] [data-aos],
body[data-aos-delay="1550"] [data-aos],
body[data-aos-delay="1600"] [data-aos],
body[data-aos-delay="1650"] [data-aos],
body[data-aos-delay="1700"] [data-aos],
body[data-aos-delay="1750"] [data-aos],
body[data-aos-delay="1800"] [data-aos],
body[data-aos-delay="1850"] [data-aos],
body[data-aos-delay="1900"] [data-aos],
body[data-aos-delay="1950"] [data-aos],
body[data-aos-delay="200"] [data-aos],
body[data-aos-delay="2000"] [data-aos],
body[data-aos-delay="2050"] [data-aos],
body[data-aos-delay="2100"] [data-aos],
body[data-aos-delay="2150"] [data-aos],
body[data-aos-delay="2200"] [data-aos],
body[data-aos-delay="2250"] [data-aos],
body[data-aos-delay="2300"] [data-aos],
body[data-aos-delay="2350"] [data-aos],
body[data-aos-delay="2400"] [data-aos],
body[data-aos-delay="2450"] [data-aos],
body[data-aos-delay="250"] [data-aos],
body[data-aos-delay="2500"] [data-aos],
body[data-aos-delay="2550"] [data-aos],
body[data-aos-delay="2600"] [data-aos],
body[data-aos-delay="2650"] [data-aos],
body[data-aos-delay="2700"] [data-aos],
body[data-aos-delay="2750"] [data-aos],
body[data-aos-delay="2800"] [data-aos],
body[data-aos-delay="2850"] [data-aos],
body[data-aos-delay="2900"] [data-aos],
body[data-aos-delay="2950"] [data-aos],
body[data-aos-delay="300"] [data-aos],
body[data-aos-delay="3000"] [data-aos],
body[data-aos-delay="350"] [data-aos],
body[data-aos-delay="400"] [data-aos],
body[data-aos-delay="450"] [data-aos],
body[data-aos-delay="50"] [data-aos],
body[data-aos-delay="500"] [data-aos],
body[data-aos-delay="550"] [data-aos],
body[data-aos-delay="600"] [data-aos],
body[data-aos-delay="650"] [data-aos],
body[data-aos-delay="700"] [data-aos],
body[data-aos-delay="750"] [data-aos],
body[data-aos-delay="800"] [data-aos],
body[data-aos-delay="850"] [data-aos],
body[data-aos-delay="900"] [data-aos],
body[data-aos-delay="950"] [data-aos] {
  transition-delay:0
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay:50ms
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration:.1s
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay:.1s
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration:.15s
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay:.15s
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration:.2s
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay:.2s
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration:.25s
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay:.25s
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration:.3s
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay:.3s
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration:.35s
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay:.35s
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration:.4s
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay:.4s
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration:.45s
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay:.45s
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration:.5s
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay:.5s
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration:.55s
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay:.55s
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration:.6s
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay:.6s
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration:.65s
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay:.65s
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration:.7s
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay:.7s
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration:.75s
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay:.75s
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration:.8s
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay:.8s
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration:.85s
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay:.85s
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration:.9s
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay:.9s
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration:.95s
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay:.95s
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration:1s
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay:1s
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration:1.05s
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay:1.05s
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration:1.1s
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay:1.1s
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration:1.15s
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay:1.15s
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration:1.2s
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay:1.2s
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration:1.25s
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay:1.25s
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration:1.3s
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay:1.3s
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration:1.35s
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay:1.35s
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration:1.4s
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay:1.4s
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration:1.45s
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay:1.45s
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration:1.5s
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay:1.5s
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration:1.55s
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay:1.55s
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration:1.6s
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay:1.6s
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration:1.65s
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay:1.65s
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration:1.7s
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay:1.7s
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration:1.75s
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay:1.75s
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration:1.8s
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay:1.8s
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration:1.85s
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay:1.85s
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration:1.9s
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay:1.9s
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration:1.95s
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay:1.95s
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration:2s
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay:2s
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration:2.05s
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay:2.05s
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration:2.1s
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay:2.1s
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration:2.15s
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay:2.15s
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration:2.2s
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay:2.2s
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration:2.25s
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay:2.25s
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration:2.3s
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay:2.3s
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration:2.35s
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay:2.35s
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration:2.4s
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay:2.4s
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration:2.45s
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay:2.45s
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration:2.5s
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay:2.5s
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration:2.55s
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay:2.55s
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration:2.6s
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay:2.6s
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration:2.65s
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay:2.65s
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration:2.7s
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay:2.7s
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration:2.75s
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay:2.75s
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration:2.8s
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay:2.8s
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration:2.85s
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay:2.85s
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration:2.9s
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay:2.9s
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration:2.95s
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay:2.95s
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration:3s
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay:3s
}
[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  transition-timing-function:cubic-bezier(.25,.25,.75,.75)
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  transition-timing-function:ease
}
[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function:ease-in
}
[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function:ease-out
}
[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function:ease-in-out
}
[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function:cubic-bezier(.6,-.28,.735,.045)
}
[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function:cubic-bezier(.175,.885,.32,1.275)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)
}
[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function:cubic-bezier(.47,0,.745,.715)
}
[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function:cubic-bezier(.39,.575,.565,1)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function:cubic-bezier(.445,.05,.55,.95)
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],
[data-aos][data-aos][data-aos-easing=ease-in-quad],
[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-cubic] [data-aos],
body[data-aos-easing=ease-in-quad] [data-aos],
body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function:cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],
[data-aos][data-aos][data-aos-easing=ease-out-quad],
[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-cubic] [data-aos],
body[data-aos-easing=ease-out-quad] [data-aos],
body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-cubic] [data-aos],
body[data-aos-easing=ease-in-out-quad] [data-aos],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function:cubic-bezier(.455,.03,.515,.955)
}
[data-aos^=fade][data-aos^=fade],
[data-aos^=zoom][data-aos^=zoom] {
  opacity:0;
  transition-property:opacity,transform
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity:1;
  transform:translateZ(0)
}
[data-aos=fade-up] {
  transform:translate3d(0,100px,0)
}
[data-aos=fade-down] {
  transform:translate3d(0,-100px,0)
}
[data-aos=fade-right] {
  transform:translate3d(-100px,0,0)
}
[data-aos=fade-left] {
  transform:translate3d(100px,0,0)
}
[data-aos=fade-up-right] {
  transform:translate3d(-100px,100px,0)
}
[data-aos=fade-up-left] {
  transform:translate3d(100px,100px,0)
}
[data-aos=fade-down-right] {
  transform:translate3d(-100px,-100px,0)
}
[data-aos=fade-down-left] {
  transform:translate3d(100px,-100px,0)
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity:1;
  transform:translateZ(0) scale(1)
}
[data-aos=zoom-in] {
  transform:scale(.6)
}
[data-aos=zoom-in-up] {
  transform:translate3d(0,100px,0) scale(.6)
}
[data-aos=zoom-in-down] {
  transform:translate3d(0,-100px,0) scale(.6)
}
[data-aos=zoom-in-right] {
  transform:translate3d(-100px,0,0) scale(.6)
}
[data-aos=zoom-in-left] {
  transform:translate3d(100px,0,0) scale(.6)
}
[data-aos=zoom-out-up] {
  transform:translate3d(0,100px,0) scale(1.2)
}
[data-aos=zoom-out-down] {
  transform:translate3d(0,-100px,0) scale(1.2)
}
[data-aos=zoom-out-right] {
  transform:translate3d(-100px,0,0) scale(1.2)
}
[data-aos=zoom-out-left] {
  transform:translate3d(100px,0,0) scale(1.2)
}
[data-aos^=slide][data-aos^=slide] {
  transition-property:transform
}
[data-aos^=slide][data-aos^=slide].aos-animate {
  transform:translateZ(0)
}
[data-aos=slide-up] {
  transform:translate3d(0,100%,0)
}
[data-aos=slide-down] {
  transform:translate3d(0,-100%,0)
}
[data-aos=slide-right] {
  transform:translate3d(-100%,0,0)
}
[data-aos=slide-left] {
  transform:translate3d(100%,0,0)
}
[data-aos^=flip][data-aos^=flip] {
  backface-visibility:hidden;
  transition-property:transform
}
[data-aos=flip-left] {
  transform:perspective(2500px) rotateY(-100deg)
}
[data-aos=flip-left].aos-animate,
[data-aos=flip-right].aos-animate {
  transform:perspective(2500px) rotateY(0)
}
[data-aos=flip-right] {
  transform:perspective(2500px) rotateY(100deg)
}
[data-aos=flip-up] {
  transform:perspective(2500px) rotateX(-100deg)
}
[data-aos=flip-down].aos-animate,
[data-aos=flip-up].aos-animate {
  transform:perspective(2500px) rotateX(0)
}
[data-aos=flip-down] {
  transform:perspective(2500px) rotateX(100deg)
}
#hero {
  position:relative;
  width:100%;
  height:100vh;
  overflow:hidden;
  background-color:#000
}
#hero video {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
  filter:brightness(25%)
}
.hero-content {
  position:relative;
  z-index:1
}
.devant {
  z-index:2
}
button {
  display: block;
  margin: 0 auto;
}
#ecoindex-badge {
  margin-top: -50px;
}







  header.header.menu {
  position: fixed;
  top: 0px;
  left: 0;                
  right: 0;             
  margin: 0 auto;        
  width: 100vw;           
 
  padding: 12px 20px;
  background: transparent;
   border-radius: 5px;
  border: 0;
  box-shadow: none;
  transition: all 0.5s cubic-bezier(.4,0,.2,1);
  z-index: 1000;
  background-color: #121212;
}

header.header.menu.scrolled {
     top: 12px;
  width: 95%;           
  background: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}