[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="50"],body[data-aos-delay="50"] [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"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[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"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[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-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],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-quart],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-quart],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]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate(0)}[data-aos=fade-up]{transform:translateY(100px)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos=fade-right]{transform:translate(-100px)}[data-aos=fade-left]{transform:translate(100px)}[data-aos=fade-up-right]{transform:translate(-100px,100px)}[data-aos=fade-up-left]{transform:translate(100px,100px)}[data-aos=fade-down-right]{transform:translate(-100px,-100px)}[data-aos=fade-down-left]{transform:translate(100px,-100px)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translateY(100px) scale(.6)}[data-aos=zoom-in-down]{transform:translateY(-100px) scale(.6)}[data-aos=zoom-in-right]{transform:translate(-100px) scale(.6)}[data-aos=zoom-in-left]{transform:translate(100px) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translateY(100px) scale(1.2)}[data-aos=zoom-out-down]{transform:translateY(-100px) scale(1.2)}[data-aos=zoom-out-right]{transform:translate(-100px) scale(1.2)}[data-aos=zoom-out-left]{transform:translate(100px) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate(0)}[data-aos=slide-up]{transform:translateY(100%)}[data-aos=slide-down]{transform:translateY(-100%)}[data-aos=slide-right]{transform:translateX(-100%)}[data-aos=slide-left]{transform:translateX(100%)}[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{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
/* Définit toutes les animations possibles */

 ====html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: 'ABCDiatype-Regular-Trial';
    src: url('fonts/ABCDiatype-Regular.woff2') format('woff2'),
         url('fonts/ABCDiatype-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'ABCDiatype-RegularItalic-Trial';
    src: url('fonts/ABCDiatype-RegularItalic-Trial copie.woff2') format('woff2'),
         url('fonts/ABCDiatype-RegularItalic-Trial copie.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body{
  background:white;
  color:white;
  overflow-x: hidden;
  font-family: ABCDiatype-Regular-Trial;
}

.page_projet p a {
    color: inherit; /* Garde la couleur du texte */
    text-decoration: none; /* Pas de soulignement par défaut */
    transition: text-decoration 0.2s ease-in-out; /* Effet fluide */
}

.page_projet p a:hover {
    text-decoration: underline; /* Soulignement noir au survol */
}

.chain {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; 
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1000;

}

.chain text {
  font-size: 45pt;


}


.about-page::before,
.about-page::after {
  content: "";
  position: fixed;
  top: -40%;
  left: -40%;
  width: 200%;
  height: 200%;
  mix-blend-mode: normal;
  opacity: 1;
  filter: blur(70px);
  pointer-events: none;
  z-index: -1;
}

.about-page::before {
  background: radial-gradient(circle, rgba(255, 20, 147, 0.4) 18%, rgba(0, 0, 0, 0) 60%);
  animation: deplacementAleatoire 8s infinite ease-in-out alternate;
}

.about-page::after {
  background: radial-gradient(circle, rgba(255, 105, 180, 0.3) 15%, rgba(0, 0, 0, 0) 60%);
  animation: deplacementAleatoire2 10s infinite ease-in-out alternate;
}

@keyframes deplacementAleatoire {
  0% { transform: translate(-50%, -50%) rotate(0deg) scale(1); }
  20% { transform: translate(40%, -30%) rotate(15deg) scale(1.1); }
  40% { transform: translate(60%, 20%) rotate(-10deg) scale(0.9); }
  60% { transform: translate(-20%, 50%) rotate(20deg) scale(1.05); }
  80% { transform: translate(-40%, -20%) rotate(-15deg) scale(0.95); }
  100% { transform: translate(-50%, -50%) rotate(0deg) scale(1); }
}

@keyframes deplacementAleatoire2 {
  0% { transform: translate(50%, 50%) rotate(0deg) scale(1); }
  20% { transform: translate(-30%, 40%) rotate(-10deg) scale(1.1); }
  40% { transform: translate(-60%, -20%) rotate(15deg) scale(0.9); }
  60% { transform: translate(20%, -50%) rotate(-20deg) scale(1.05); }
  80% { transform: translate(40%, 20%) rotate(10deg) scale(0.95); }
  100% { transform: translate(50%, 50%) rotate(0deg) scale(1); }
}
.left-side {
  width: 50vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;

}

@keyframes heartbeat {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.6);
  }
}

.heart {
  width: clamp(300px, 50%, 100%); /* 50% pour 13 pouces, mais s'adapte aux écrans plus grands */
  max-width: 900px; /* Limite la taille à 800px sur grands écrans */
  height: auto;
  animation: heartbeat 1s infinite;
}

.creditsabout {
    position: fixed;
    bottom: 1%;
    left: 1%;
    
}

.creditsabout p {
    
    font-size: 18px; 
    line-height: 20px;/* Petite taille de texte */
    color: black;
    opacity: 50%; /* Couleur du texte, modifie-la si besoin */
    
}



header h2:hover {

cursor: url('../img/clem.png'), auto;
  z-index: 1;
  animation-name: remue;
  animation-iteration-count: 1;
  animation-duration: 0.8s;
}



@keyframes remue {
  20% { transform: translateX(-5px); }
  25% { transform: translateX(5px); }
  30% { transform: translateX(-5px); }
  35% { transform: translateX(5px); }

}



.combien {
  width:100%;
  left: 15%;
  right: 10%;
  text-align: left;
  font-size: 170px;
  color: white;
  justify-content: center;
  display: flex;
  justify-content: space-between;

}
/*
.combien.right{}
.combien.left{}
*/

.container {
  width:auto;
  height:auto;
  position: relative;
  top:0;
  left:0;
  display: flex;
  align-items: center;
  mix-blend-mode: exclusion;
  z-index: 1;
  margin-top: auto;
}

.carre { 
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20vh; 
  min-height: 20vh;
  z-index: 10;
  display: flex;
  align-items: flex-end;
  will-change: transform;
  transform: translateZ(0); /* Force Safari à bien afficher */
}



#demo {
  display: inline-block;
}


.truc h3 {

font-family: Allianz;
color: black;
font-size: 60px;


}

.projet h2{
font-size: 20px;
  }



.hover-title  {
  display: inline;
  pointer-events: auto;
  cursor: pointer;
  font-family: helvetica;
  font-size: 24px;
}

.hover-title2 {
  display: inline;
  pointer-events: auto;
  cursor: pointer;
  font-family: helvetica;
  font-size: 24px;
}



.hover-image {
  display: none;
}

body:not(.mobile) .hover-title2 span {position: relative; }
body:not(.mobile) .hover-title2 span .underline {position: absolute; bottom:5px; left:0; width:100%; height: 1px; border-bottom:2px solid black;}

body:not(.mobile) .hover-title2 span:hover .hover-image{
  display: block;
  pointer-events: none;
}

.hover-image {
  display:none;
  position: absolute;
  top: 0%;
  left: 110%;
  z-index: -1;
  pointer-events: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* Change width and height to scale images */
  width: 70px;
  height: 70px;
}

.hover-image img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  margin-bottom: 0;
}




p {

color:black;
font-family: ABCDiatype-Regular-Trial;
font-size: 20px;
line-height: 23px;
text-align: left;

}


h1 {

font-family: ABCDiatype-Regular-Trial;
width:auto;
height:auto;
font-size: 25px;
text-align: left;
color: black;
line-height: 33px;

}

h2 {

font-family:ABCDiatype-Regular-Trial;
width:auto;
height:auto;
font-size: 70px;
text-align: left;
color: black;
line-height: 34px;

}

.projet h2 {

font-family: ABCDiatype-Regular-Trial;
width:auto;
height:auto;
font-size: 18px;
text-align: left;
color: white;
line-height: 34px;

  }


a {

text-decoration: none;

}

h3 {

font-family: ABCDiatype-Regular-Trial;
color: black;
font-size: 60px;
text-align: left;
line-height: 65px;

}

h4 {

font-family: ABCDiatype-Regular-Trial;
color: black;
font-size: 30px;
text-align: left;
line-height: 30px;


}


header {
    display: inline-flex;
    position: fixed;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 1%;
    width: 100%;
    height: 80px; /* Hauteur fixe */
    line-height: 20px;
    justify-content: space-between;
    z-index: 20;
}

header:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%; /* La hauteur reste 100% par rapport au header */
    background: linear-gradient(180deg, #ffffff 85%, rgba(255, 255, 255, 0) 100%);
}


header h2 {
    font-family: ABCDiatype-Regular-Trial;
    font-size: 70px;  /* Taille de base */
    text-align: left;
    color: black;
    line-height: 34px;
    transition: font-size 0.3s ease;  /* Transition fluide */
}


.showMobile {display:none;}
.showMobileTop {display:none;}
.showMobileGranero {display:none;}





img {

width: 100%;


}

img.imageReduite {width: 60%; margin-bottom: 5%; z-index: 100;}

img.imageReduite2 {width: 82%; margin-bottom: 5%; z-index: 100;}

img.imageReduite3 {width: 100%; margin-bottom: 5%; z-index: 100;}

img.imageReduite4 {width: 50%; margin-bottom: 5%; z-index: 100;}

img.imageReduite5 {width: 90%; margin-bottom: 5%; z-index: 100;}

video.imageReduite {width: 20%; margin-bottom: 5%; z-index: 100;}


.partieImages video {

width: 50%;
margin-bottom: 5%;
}

.partieImages2 video {

width: 100%;
padding-top: 0%;
display: block;

}



.partieImages3 video {

width: 100%;
margin-top: 8%;
display: block;


}
.partieImages4 {
    display: flex;
    justify-content: center;  /* Centre horizontalement */
    align-items: center;      /* Centre verticalement si besoin */
    width: 100%;              /* Assure que le conteneur prend toute la largeur */
}

.partieImages4 video {

    width: 40%;
    margin: 20px auto;
    display: block;
}

.partieImages5 video {

width: 100%;
padding-top: 0%;
display: block;

}


.blocimage3 {


position:absolute;
top:470%;
left:58%;

width: 45%;
height: 40px;
min-width: 150px;
flex-wrap: wrap;


}



.blocimage5 {

position:absolute;
top:390%;
left:1%;


width: 45%;
height: 50px;
min-width: 150px;
flex-wrap: wrap;
}



.blocimage7 {
  position: absolute;
  top: 12%;
  left: 1%;
  width: 70%;
  height: 70%;
  min-width: 150px;
  flex-wrap: wrap;

}

.blocimage7 video {
  width: 100%;
  height: 100%;
  min-width: 150px;
  object-fit: contain; /* Ajuste la vidéo pour qu'elle soit entièrement visible sans découpe */
  object-position: center; /* Centre la vidéo dans son bloc */
}



.blocimage6 {
  position: absolute;
  top: 296%;
  left: 30%;
  width: 107%;
  height: 107%;
  min-width: 150px;
  flex-wrap: wrap;
  z-index: -1;
  overflow: hidden; /* Cache les parties de la vidéo qui dépassent */
}

.blocimage6 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;  /* Remplir toute la largeur du conteneur */
  height: 100%; /* Remplir toute la hauteur du conteneur */
  object-fit: contain; /* La vidéo est contenue dans le bloc sans déformation */
}

.blocimage9 {


position:absolute;
top:95%;
left:59%;

width: 40%;
height: 100%;
min-width: 150px;
flex-wrap: wrap;

}

.blocimage9 video {


  position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Prend toute la largeur du conteneur */
    height: 100%; /* Prend toute la hauteur du conteneur */
    /* Remplit le conteneur sans se déformer */


}


.blocimage10 {
    position: absolute;
    top: 570%;
    left: 1%; /* Aligne la div à gauche */
    width: 45%;
    min-width: 150px;
    height: auto; /* Ajuste la hauteur automatiquement */
    overflow: hidden; /* Cache les débordements éventuels */
}


.blocimage10 video {
    width: 100%;
    height: auto; /* Ajuste la hauteur proportionnellement */
}

.blocimage11 {


position:absolute;
top:670%;
left:54%;

width: 45%;
height: 40px;
min-width: 150px;
flex-wrap: wrap;
padding-bottom: 53%;


}

.blocimage12 {


position:absolute;
top:190%;
left:1%;

width: 40%;
height: 45px;
min-width: 150px;
flex-wrap: wrap;
padding-bottom: 53%;



}

.blocimage13 {


position:absolute;
top:810%;
left:1%;

width: 55%;
height: 45px;
min-width: 150px;
flex-wrap: wrap;
padding-bottom: 53%;


}

.container, .bloc{
  position: sticky;
  top:0;
}


.description {
  position: absolute;
  justify-content: center;
  width:100%;
  height:auto;
  text-align: center;
  top: 90px;
  opacity: 0;
  mix-blend-mode: difference;
  padding-top: 5px;
  padding-bottom: 5px;

 
  
  /*float:right;*/

  overflow: hidden;

  transition: all 0.1s;
  -webkit-transition: all 0.1s;
}




.contenu {

display: flex;
position:relative;
top:0%;
width: 100%;
height: 100%;

}

.about-image {
  width: clamp(200px, 15vw, 300px); /* Garde 200px comme taille de base, ajustable à 15% de la largeur de l'écran, et jusqu'à 300px max */
  height: auto; /* Garde les proportions de l'image */
  display: block;
  margin-top: 7px;
}

.partietexte {

display: flex;
position:fixed;
top:0%;
left: 66.66%;
width: 33.33%;
height: 100%;
background-color: white;

}

.partietexteabout {

position:fixed;
top:90px;
left: 50%;
width: 47%;
height: 100%;

margin-bottom: 5%;

}


.videoabout {

position:fixed;
top:0;
left: 0;
width: auto;
height: 100%;
padding-left: 1%;
z-index: -1;

}


.partietexteabout span:hover {

  
z-index: 1;
  animation-name: remue;
  animation-iteration-count: 1;
  animation-duration: 1s;
  }

@keyframes remue {
  20% { transform: translateX(-5px); }
  30% { transform: translateX(5px); }
  40% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }

}


.partietexteabout p 
   {
    color: black;
    font-family:ABCDiatype-Regular-Trial;
     font-size: clamp(20px, 3vw, 70px); /* Min: 20px, Adaptatif: 3% de la largeur écran, Max: 70px */
    line-height: calc(clamp(20px, 3vw, 70px) + 2px);
    text-align: left;
    
}



.credits p 
   {
    color: black;
    font-family:ABCDiatype-Regular-Trial;
    font-size: 16px;
    line-height: 18px;
    text-align: left;
    width:35%;
}

.credits p.creditCol1 {
  width:65%;
}




.partieImages {
  position: relative;
  width:66.66%;
  z-index:1;
    display: flex;
    flex-wrap: wrap;

}

.partieImages {
  position: relative;
  width:66.66%;
  z-index:1;
    display: flex;
    flex-wrap: wrap;
    padding-top: 3%;

}


.partieImagesN{
  position: relative;
  width:66.66%;
  z-index:1;
  background-color: black;
  padding-top: 5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;



}

.partieImages2 {
  position: relative;
  width:66.66%;
    display: flex;
    flex-wrap: wrap;

}

.partieImages3 {
  position: relative;
  width:66.66%;
  z-index:1;
  background-color: white;
    display: flex;
    flex-wrap: wrap;


}


.rightscroll {
  position: relative;
  width:auto;
  height: auto;
  left: 0%;
  top: 0;
  padding : 0 0 0 1%;
}
.left {
  padding : 0 1% 0 0;
}

body.page_projet .right {
  padding : 10px 20px 0 20px;
}


.logo {

position: fixed;
display: inline-flex;
height: auto;
width: 100%;
top: 0;
z-index: 100;
mix-blend-mode: difference;
padding-left: 3%;
padding-right: 3%;
padding-top: 30px;

}




.logo a{
  text-decoration: none;
 
}



.bloctexte {
  
position: relative;
width:100%;
height: auto;
line-height: 20px;
left: 0;
justify-content: center;


}

.credits {
  
display: inline-flex;
position: absolute;
width:100%;
height: auto;
line-height: 20px;
bottom: 30px;
left: 0;
justify-content: space-between;
padding-bottom: 2%;
padding:0 20px;

}

.nextprojet {
  
display: flex;
/*position: absolute;*/
width: calc(100% - 33.33%);
height: auto;
line-height: 20px;
top: 10px;
bottom: 30px;
left: 0;
justify-content: space-between;
align-items: center;
padding:10px 20px 30px;

}


.nextprojet p {

font-size: 35px;

}


.nextprojet p:hover {
  

z-index: 1;
  animation-name: remue;
  animation-iteration-count: 1;
  animation-duration: 1s;
  }

@keyframes remue {
  20% { transform: translateX(-5px); }
  30% { transform: translateX(5px); }
  40% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }

}




.titre {
  
display: inline-flex;
position: relative;
width:100%;
height: auto;
line-height: 20px;
left: 0;
justify-content: space-between;
padding-bottom: 3%;
padding-top: 20%;

}

.titre h4 {position: relative;}

.showDesktopIndex {
    display: block !important; /* Afficher la version desktop par défaut */
}

.showMobileIndex {
    display: none !important; /* Cacher la version mobile par défaut */
}




/* RESPONSIVE */
@media screen and (max-width:400px) {
  .credits {flex-wrap: wrap;}
  .credits p 
     {
      width:100%;
  }

  .credits p.creditCol1 {
    width:100%;
    margin-bottom: 20px;
  }

}

@media screen and (max-width:600px) {

  .bloc {
    flex-wrap: wrap;
    display: flex;
  }
    
   .blocimage2, .blocimage3, .blocimage4,.blocimage10, .blocimage5, .blocimage6, .blocimage7 ,.blocimage8, .blocimage9, .blocimage11, .blocimage12, .blocimage13 ,.photo,.texte,.blocimage1,.photo2,.date ,.right ,.titre ,.bloctexte ,h3 ,p ,.imagefirst ,.imagetwo ,.imagethree ,.imageone ,.imagecenter ,.imagecenter ,.imagesecond ,.combien , header, .blocimage9 video, .blocimage6 video{
    position: relative;
    height: auto;
    width:100%;
    left:0;
    top:0;
    margin-left: 0px;
    }

img {
 display: block;
}



  .about-image {
    width: 200px; /* Réduire la taille de l'image sur mobile */
  }

    .showDesktopIndex {
        display: none !important; /* Cacher la version desktop sur mobile */
    }
    .showMobileIndex {
        display: block !important; /* Afficher la version mobile sur mobile */
    }

.blocimage12, .blocimage13 {
    position: relative;
    height: auto;
    width: 100%;
    left: 0;
    top: 0;
    margin-left: 0;
    padding: 0;
    display: block;
}

.blocimage7 {
padding-top: 10%;
}

    .combien {
  position: fixed;
  width:100%;
  display: inline-block;
  text-align: left;
  font-size: 90px;
  color: black;

}



    video {

width: 100%;

}

.blocimage11 {


padding-bottom: 0%;


}

h2 {

font-size: 22px;
line-height: 33px;
color: black;

}

a {

text-decoration: none;

}

header h2 { 

font-size: 25px;
  }



header  { 

    position: fixed;
    display: inline-flex;
    top:0;
    left:0;
    width:100%;
    height: 85px;
    mix-blend-mode: normal;
    justify-content: space-between;
    padding-top: 1%;
    padding-bottom: 10px;
    padding-left: 1%;
    padding-right: 1%;

  }

header:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 80%;
    background: linear-gradient(180deg, #ffffff 65%, rgba(255, 255, 255, 0) 100%)

}




.partietexteabout {


position:fixed;
top:10%;
left: 0%;
width: 95%;
height: 100%;
padding-left: 3%;
margin-bottom: 5%;


}

.partietexteabout p 
   {
    color: black;
    font-family: ABCDiatype-Regular-Trial;
    font-size: 25px;
    line-height: 27px;
    text-align: left;
}



.container {
  display: none;

}


.carre { 

  display: none; 

}


  .combien {
  display: none;
}


  .partietexte {


position:relative;
top:0%;
left: 0%;
width: 100%;
height: 100%;

}

.credits {
  

position: relative;
width:100%;
height: auto;
line-height: 20px;
bottom: auto;
left: 0;
justify-content: space-between;
padding-bottom: 2%;
padding-left: 1%;
margin-top:50px;



}

.right {
padding : 0;
margin-bottom: 30px;

}

.nextprojet {
  
display: flex;
width:100%;
height: auto;
line-height: 20px;                              

justify-content: space-between;
align-items: center;
margin-top: 0%;
padding:0 20px 40px;

}




.partieImages {
  position: relative;
  width:100%;
  z-index:1;
  font-size:45pt;
  text-align: center;
  background-color: black;
  padding-top:8%;
}

.partieImages2 {
  position: relative;
  width:100%;
  z-index:1;
  font-size:45pt;
  text-align: center;
  background-color: black;
  padding-top:10%;
}

.partieImages2 video {

width: 100%;
padding-top: 0%;
display: block;

}

.partieImagesN {
   position: relative;
  width:100%;
  z-index:1;
  padding-top:10%;
}


  .logohome { 

    
    font-size: 20px;


  }


.projet h2 {

font-family: area;
width:auto;
height:auto;
font-size: 15px;
text-align: left;
color: white;
line-height: 34px;

  }


.imagecenter {
padding-top: 20%;

  }

.imagefirst {
padding-top: 20%;

  }

  .imagetwo, .imagethree, .imageone {
padding-top: 0;
top: 0;

  }


#demo {
  display: inline-block;
}

.titre {
 padding-top: 5%;
 padding-left: 1%;
 width: calc(100% - 20px);
}

.date {
  margin-top: 2%;
  margin-left: 30px;
}



.bloctexte {
  padding-left: 1%;
  padding-right: 3%;
  
}

.bloctexteabout {
 
  padding-right: 20px;
  padding-left: 0px; 
   
}

.logo h2{

color: white;


}

.showDestkop {
    display: none !important; /* Cacher la version mobile par défaut */
}


.showDestkopProjet {
    display: none !important; /* Cacher la version mobile par défaut */
}


.showMobile {display:block;}
.showMobileTop {display:block}
.showMobileGranero {display:block;}



.partieImages4resp video {

 width: 70%;
    margin: 10px auto 5%; /* Centre horizontalement et garde le margin-bottom */
    display: block;  

}

.showMobileGranero video {

padding-top: 15%;


}

.showMobileTop video {

padding-top: 13%;
display: block;

}

.partieImages2 video {

padding-top: 0%;

}

.showMobile video {

padding-bottom: 0%;
display: block;

}

   


.creditsabout {
    position: fixed;
    bottom: 2%;
    left: 0;
    width: 100%;
    padding-left: 3%;
  
    
}

.creditsabout p {
    
    width: 100%;
    font-size: 16px; 
    line-height: 19px;/* Petite taille de texte */
    color: black;
    opacity: 50%; /* Couleur du texte, modifie-la si besoin */
    
}


.left-side {
  width: 100%; /* Le cœur prend toute la largeur de l'écran */
  justify-content: center; /* Centrer horizontalement */
  align-items: center;     /* Centrer verticalement */
  margin-top: 10px;
}

.heart {
  width: 50%; /* Le cœur occupe 70% de la largeur de l'écran mobile */
  max-width: 300px; /* Limite la taille du cœur sur mobile */
  margin-top: 150px; /* Augmenter encore davantage le margin-top pour abaisser le cœur */
}

  .about-image {
    display: none;
  }
}